PageSourceSearch

https://shop.schoener-wohnen.de/hay-about-a-chair-aac-22.html?sku=903180222

html schoener-wohnen.de collected 2026-10-02 06:03:29 UTC 1,037,790 bytes, 11,152 lines download raw bytes

1<!doctype html>
2<html lang="de">
3<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# product: http://ogp.me/ns/product#">
4    <meta charset="utf-8"/>
5<meta name="title" content="HAY About a Chair AAC 22 kaufen | SCHÖNER WOHNEN-Shop"/>
6<meta name="description" content="HAY About a Chair AAC 22 Shop: Bestellen Sie About a Chair AAC 22 von HAY ab nur 235 € ✔ Originalware ✔ Top-Auswahl ✔ Versand gratis "/>
7<meta name="robots" content="INDEX,FOLLOW"/>
8<meta name="viewport" content="width=device-width, initial-scale=1"/>
9<title>HAY About a Chair AAC 22 kaufen | SCHÖNER WOHNEN-Shop</title>
10        <link rel="stylesheet" type="text/css" media="all" href="https://shop.schoener-wohnen.de/static/version1790784317/frontend/DesignBestseller/schoener_wohnen/de_DE/css/styles.css" />
11<script type="text/javascript" data-failover="https://gateway.tweakwisenavigator.com/js/11b9f652/tweakwise.js" onerror="window.tweakwiseFailover(this.dataset.failover)" src="https://gateway.tweakwisenavigator.net/js/11b9f652/tweakwise.js"></script>
11
12<link rel="canonical" href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-22.html" />
13<link rel="preload" as="script" href="https://gateway.tweakwisenavigator.net/js/starter.js" />
14<link rel="preload" as="script" href="https://gateway.tweakwisenavigator.net/js/11b9f652/tweakwise.js" />
15<link rel="icon" type="image/x-icon" href="https://dbs-base.imgix.net/media/favicon/stores/7/sw_favicon.svg?auto=format" />
16<link rel="shortcut icon" type="image/x-icon" href="https://dbs-base.imgix.net/media/favicon/stores/7/sw_favicon.svg?auto=format" />
17<link rel="preconnect" href="https://www.google-analytics.com" />
18<link rel="preconnect" href="https://www.googletagmanager.com" />
19<link rel="preconnect" href="https://cdn.findologic.com" />
20<link rel="preconnect" href="https://cdn.particularaudience.com" />
21<link rel="preconnect" href="https://www.googleoptimize.com" />
22<link rel="preconnect" href="https://static.hotjar.com" />
23
24
25<!-- Varify.io® code for Mathes Design Schöner Wohnen-->
26<script>
27window.varify = window.varify || {};
28window.varify.iid = 2861;
29</script>
vendor: 2 bytes, line 29
29
30<script src="https://shop.schoener-wohnen.de/media/js-cache/app.varify.io/varify.js?v=1790784317"></script>
30      
30<script id="usercentrics-cmp"
31            src="https://web.cmp.usercentrics.eu/ui/loader.js"
32            data-settings-id="ZF33dhw8jm40hz"
33            async></script>
33       <style> :root {  --body-background-color: var(--color-white-default);  --page-wrapper-background-color: var(--color-white-default);  }</style>   <style>  @font-face {   src: url('https://shop.schoener-wohnen.de/static/version1790784317/frontend/DesignBestseller/schoener_wohnen/de_DE/DesignBestseller_ContentFonts/fonts/suisseworks/suisseworks-regular.woff2') format('woff2');    font-family: Suisse Works;    font-style: normal;    font-weight: normal;    font-display: swap;   }  @font-face {   src: url('https://shop.schoener-wohnen.de/static/version1790784317/frontend/DesignBestseller/schoener_wohnen/de_DE/DesignBestseller_ContentFonts/fonts/suisseworks/suisseworks-semibold.woff2') format('woff2');    font-family: Suisse Works;    font-style: normal;    font-weight: 500;    font-display: swap;   }  @font-face {   src: url('https://shop.schoener-wohnen.de/static/version1790784317/frontend/DesignBestseller/schoener_wohnen/de_DE/DesignBestseller_ContentFonts/fonts/suisseworks/suisseworks-semibold.woff2') format('woff2');    font-family: Suisse Works Semibold;    font-style: normal;    font-weight: 400;    font-display: swap;   }  @font-face {   src: url('https://shop.schoener-wohnen.de/static/version1790784317/frontend/DesignBestseller/schoener_wohnen/de_DE/DesignBestseller_ContentFonts/fonts/suisseworks/suisseworks-bold.woff2') format('woff2');    font-family: Suisse Works;    font-style: normal;    font-weight: 600 700;    font-display: swap;   }  </style>  
33<script>
34    var BASE_URL = 'https://shop.schoener-wohnen.de/';
35    var THEME_PATH = 'https://shop.schoener-wohnen.de/static/version1790784317/frontend/DesignBestseller/schoener_wohnen/de_DE';
36    var COOKIE_CONFIG = {
37        "expires": null,
38        "path": "\u002F",
39        "domain": ".shop.schoener\u002Dwohnen.de",
40        "secure": true,
41        "lifetime": "259200",
42        "cookie_restriction_enabled": false    };
43    var CURRENT_STORE_CODE = 'sws_de_de';
44    var CURRENT_WEBSITE_ID = '5';
45
46    window.hyva = window.hyva || {}
47
48    window.cookie_consent_groups = window.cookie_consent_groups || {}
49    window.cookie_consent_groups['necessary'] = true;
50
51    window.cookie_consent_config = window.cookie_consent_config || {};
52    window.cookie_consent_config['necessary'] = [].concat(
53        window.cookie_consent_config['necessary'] || [],
54        [
55            'user_allowed_save_cookie',
56            'form_key',
57            'mage-messages',
58            'private_content_version',
59            'mage-cache-sessid',
60            'last_visited_store',
61            'section_data_ids'
62        ]
63    );</script>
63 
63<script>
64    'use strict';
65    (function( hyva, undefined ) {
66
67        function lifetimeToExpires(options, defaults) {
68
69            const lifetime = options.lifetime || defaults.lifetime;
70
71            if (lifetime) {
72                const date = new Date;
73                date.setTime(date.getTime() + lifetime * 1000);
74                return date;
75            }
76
77            return null;
78        }
79
80        function generateRandomString() {
81
82            const allowedCharacters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ',
83                length = 16;
84
85            let formKey = '',
86                charactersLength = allowedCharacters.length;
87
88            for (let i = 0; i < length; i++) {
89                formKey += allowedCharacters[Math.round(Math.random() * (charactersLength - 1))]
90            }
91
92            return formKey;
93        }
94
95        const sessionCookieMarker = {noLifetime: true}
96
97        const cookieTempStorage = {};
98
99        const internalCookie = {
100            get(name) {
101                const v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
102                return v ? v[2] : null;
103            },
104            set(name, value, days, skipSetDomain) {
105                let expires,
106                    path,
107                    domain,
108                    secure,
109                    samesite;
110
111                const defaultCookieConfig = {
112                    expires: null,
113                    path: '/',
114                    domain: null,
115                    secure: false,
116                    lifetime: null,
117                    samesite: 'lax'
118                };
119
120                const cookieConfig = window.COOKIE_CONFIG || {};
121
122                expires = days && days !== sessionCookieMarker
123                    ? lifetimeToExpires({lifetime: 24 * 60 * 60 * days, expires: null}, defaultCookieConfig)
124                    : lifetimeToExpires(window.COOKIE_CONFIG, defaultCookieConfig) || defaultCookieConfig.expires;
125
126                path = cookieConfig.path || defaultCookieConfig.path;
127                domain = !skipSetDomain && (cookieConfig.domain || defaultCookieConfig.domain);
128                secure = cookieConfig.secure || defaultCookieConfig.secure;
129                samesite = cookieConfig.samesite || defaultCookieConfig.samesite;
130
131                document.cookie = name + "=" + encodeURIComponent(value) +
132                    (expires && days !== sessionCookieMarker ? '; expires=' + expires.toGMTString() : '') +
133                    (path ? '; path=' + path : '') +
134                    (domain ? '; domain=' + domain : '') +
135                    (secure ? '; secure' : '') +
136                    (samesite ? '; samesite=' + samesite : 'lax');
137            },
138            isWebsiteAllowedToSaveCookie() {
139                const allowedCookies = this.get('user_allowed_save_cookie');
140                if (allowedCookies) {
141                    const allowedWebsites = JSON.parse(unescape(allowedCookies));
142
143                    return allowedWebsites[CURRENT_WEBSITE_ID] === 1;
144                }
145                return false;
146            },
147            getGroupByCookieName(name) {
148                const cookieConsentConfig = window.cookie_consent_config || {};
149                let group = null;
150                for (let prop in cookieConsentConfig) {
151                    if (!cookieConsentConfig.hasOwnProperty(prop)) continue;
152                    if (cookieConsentConfig[prop].includes(name)) {
153                        group = prop;
154                        break;
155                    }
156                }
157                return group;
158            },
159            isCookieAllowed(name) {
160                const cookieGroup = this.getGroupByCookieName(name);
161                return cookieGroup
162                    ? window.cookie_consent_groups[cookieGroup]
163                    : this.isWebsiteAllowedToSaveCookie();
164            },
165            saveTempStorageCookies() {
166                for (const [name, data] of Object.entries(cookieTempStorage)) {
167                    if (this.isCookieAllowed(name)) {
168                        this.set(name, data['value'], data['days'], data['skipSetDomain']);
169                        delete cookieTempStorage[name];
170                    }
171                }
172            }
173        };
174
175        hyva.getCookie = (name) => {
176            const cookieConfig = window.COOKIE_CONFIG || {};
177
178            if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
179                return cookieTempStorage[name] ? cookieTempStorage[name]['value'] : null;
180            }
181
182            return internalCookie.get(name);
183        }
184
185        hyva.setCookie = (name, value, days, skipSetDomain) => {
186            const cookieConfig = window.COOKIE_CONFIG || {};
187
188            if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
189                cookieTempStorage[name] = {value, days, skipSetDomain};
190                return;
191            }
192            return internalCookie.set(name, value, days, skipSetDomain);
193        }
194
195
196        hyva.setSessionCookie = (name, value, skipSetDomain) => {
197            return hyva.setCookie(name, value, sessionCookieMarker, skipSetDomain)
198        }
199
200        hyva.getBrowserStorage = () => {
201            const browserStorage = window.localStorage || window.sessionStorage;
202            if (!browserStorage) {
203                console.warn('Browser Storage is unavailable');
204                return false;
205            }
206            try {
207                browserStorage.setItem('storage_test', '1');
208                browserStorage.removeItem('storage_test');
209            } catch (error) {
210                console.warn('Browser Storage is not accessible', error);
211                return false;
212            }
213            return browserStorage;
214        }
215
216        hyva.postForm = (postParams) => {
217            const form = document.createElement("form");
218
219            let data = postParams.data;
220
221            if (! postParams.skipUenc && ! data.uenc) {
222                data.uenc = btoa(window.location.href);
223            }
224            form.method = "POST";
225            form.action = postParams.action;
226
227            Object.keys(postParams.data).map(key => {
228                const field = document.createElement("input");
229                field.type = 'hidden'
230                field.value = postParams.data[key];
231                field.name = key;
232                form.appendChild(field);
233            });
234
235            const form_key = document.createElement("input");
236            form_key.type = 'hidden';
237            form_key.value = hyva.getFormKey();
238            form_key.name="form_key";
239            form.appendChild(form_key);
240
241            document.body.appendChild(form);
242
243            form.submit();
244        }
245
246        hyva.getFormKey = function () {
247            let formKey = hyva.getCookie('form_key');
248
249            if (!formKey) {
250                formKey = generateRandomString();
251                hyva.setCookie('form_key', formKey);
252            }
253
254            return formKey;
255        }
256
257        hyva.formatPrice = (value, showSign, options = {}) => {
258            const groupSeparator = options.groupSeparator;
259            const decimalSeparator = options.decimalSeparator
260            delete options.groupSeparator;
261            delete options.decimalSeparator;
262            const formatter = new Intl.NumberFormat(
263                'de\u002DDE',
264                Object.assign({
265                    style: 'currency',
266                    currency: 'EUR',
267                    signDisplay: showSign ? 'always' : 'auto'
268                }, options)
269            );
270            return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ?
271                formatter.formatToParts(value).map(({type, value}) => {
272                    switch (type) {
273                        case 'currency':
274                            return '\u20AC' || value;
275                        case 'minusSign':
276                            return '- ';
277                        case 'plusSign':
278                            return '+ ';
279                        case 'group':
280                            return groupSeparator !== undefined ? groupSeparator : value;
281                        case 'decimal':
282                            return decimalSeparator !== undefined ? decimalSeparator : value;
283                        default :
284                            return value;
285                    }
286                }).reduce((string, part) => string + part) :
287                formatter.format(value);
288        }
289
290 const formatStr = function (str, nStart) {
291            const args = Array.from(arguments).slice(2);
292
293            return str.replace(/(%+)([0-9]+)/g, (m, p, n) => {
294                const idx = parseInt(n) - nStart;
295
296                if (args[idx] === null || args[idx] === void 0) {
297                    return m;
298                }
299                return p.length % 2
300                    ? p.slice(0, -1).replace('%%', '%') + args[idx]
301                    : p.replace('%%', '%') + n;
302            })
303        }
304
305 hyva.str = function (string) {
306            const args = Array.from(arguments);
307            args.splice(1, 0, 1);
308
309            return formatStr.apply(undefined, args);
310        }
311
312 hyva.strf = function () {
313            const args = Array.from(arguments);
314            args.splice(1, 0, 0);
315
316            return formatStr.apply(undefined, args);
317        }
318
319        /**
320         * Take a html string as `content` parameter and
321         * extract an element from the DOM to replace in
322         * the current page under the same selector,
323         * defined by `targetSelector`
324         */
325        hyva.replaceDomElement = (targetSelector, content) => {
326            
327            const parser = new DOMParser();
328            const doc = parser.parseFromString(content, 'text/html');
329            const contentNode = doc.querySelector(targetSelector);
330
331            
332            if (!contentNode || !document.querySelector(targetSelector)) {
333                return;
334            }
335
336             hyva.activateScripts(contentNode);
337             document.querySelector(targetSelector).replaceWith(contentNode);
338
339            
340            window.dispatchEvent(new CustomEvent("reload-customer-section-data"));
341            hyva.initMessages();
342        }
343
344        hyva.removeScripts = (contentNode) => {
345            const scripts = contentNode.getElementsByTagName('script');
346            for (let i = 0; i < scripts.length; i++) {
347                scripts[i].parentNode.removeChild(scripts[i]);
348            }
349            const templates = contentNode.getElementsByTagName('template');
350            for (let i = 0; i < templates.length; i++) {
351                const container = document.createElement('div');
352                container.innerHTML = templates[i].innerHTML;
353                hyva.removeScripts(container);
354                templates[i].innerHTML = container.innerHTML;
355            }
356        }
357
358        hyva.activateScripts = (contentNode) => {
359 const scripts = Array.from(contentNode.getElementsByTagName('script'));
360
361            
362            for (const original of scripts) {
363                const script = document.createElement('script');
364                original.type && (script.type = original.type);
365                script.innerHTML = original.innerHTML;
366
367                
368                original.parentNode.removeChild(original)
369
370                
371                document.head.appendChild(script);
372            }
373
374            return contentNode;
375        }
376
377 const replace = {['+']: '-', ['/']: '_', ['=']: ','};
378        hyva.getUenc = () => btoa(window.location.href).replace(/[+/=]/g, match => replace[match]);
379
380        let currentTrap;
381
382        const focusableElements = (rootElement) => {
383            const selector = 'button, [href], input, select, textarea, details, [tabindex]:not([tabindex="-1"]';
384            return Array.from(rootElement.querySelectorAll(selector))
385                .filter(el => {
386                    return el.style.display !== 'none'
387                        && !el.disabled
388                        && el.tabIndex !== -1
389                        && (el.offsetWidth || el.offsetHeight || el.getClientRects().length)
390                })
391        }
392
393        const focusTrap = (e) => {
394            const isTabPressed = e.key === 'Tab' || e.keyCode === 9;
395            if (!isTabPressed) return;
396
397            const focusable = focusableElements(currentTrap)
398            const firstFocusableElement = focusable[0]
399            const lastFocusableElement = focusable[focusable.length - 1]
400
401            e.shiftKey
402                ? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), e.preventDefault())
403                : document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), e.preventDefault())
404        };
405
406        hyva.releaseFocus = (rootElement) => {
407            if (currentTrap && (!rootElement || rootElement === currentTrap)) {
408                currentTrap.removeEventListener('keydown', focusTrap)
409                currentTrap = null
410            }
411        }
412        hyva.trapFocus = (rootElement) => {
413            if (!rootElement) return;
414            hyva.releaseFocus()
415            currentTrap = rootElement
416            rootElement.addEventListener('keydown', focusTrap)
417            const firstElement = focusableElements(rootElement)[0]
418            firstElement && firstElement.focus()
419        }
420
421 hyva.safeParseNumber = (rawValue) => {
422            const number = rawValue ? parseFloat(rawValue) : null;
423
424            return Array.isArray(number) || isNaN(number) ? rawValue : number;
425        }
426
427 const toCamelCase = s => s.split('_').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join('');
428        hyva.createBooleanObject = (name, value = false, additionalMethods = {}) => {
429
430            const camelCase = toCamelCase(name);
431 const key = '__hyva_bool_' + name
432
433            return new Proxy(Object.assign(
434                additionalMethods,
435                {
436                    [key]: !!value,
437                    [name]() {return !!this[key]},
438                    ['!' + name]() {return !this[key]}, 
439                    ['not' + camelCase]() {return !this[key]},
440                    ['toggle' + camelCase]() {this[key] = !this[key]},
441                    [`set${camelCase}True`]() {this[key] = true},
442                    [`set${camelCase}False`]() {this[key] = false},
443                }
444            ), {
445                set(target, prop, value) {
446                    return prop === name
447                        ? (target[key] = !!value)
448                        : Reflect.set(...arguments);
449                }
450            })
451        }
452
453                hyva.alpineInitialized = (fn) => window.addEventListener('alpine:initialized', fn, {once: true})
454        window.addEventListener('alpine:init', () => Alpine.data('{}', () => ({})), {once: true});
455         window.addEventListener('user-allowed-save-cookie', () => internalCookie.saveTempStorageCookies())
456
457    }( window.hyva = window.hyva || {} ));</script>
457 
457<script>
458    if (!window.IntersectionObserver) {
459        window.IntersectionObserver = function (callback) {
460            this.observe = el => el && callback(this.takeRecords());
461            this.takeRecords = () => [{isIntersecting: true, intersectionRatio: 1}];
462            this.disconnect = () => {};
463            this.unobserve = () => {};
464        }
465    }</script>
465    
465<script>
466        (function () {
467                                        const font1 = document.createElement("link");
468                    font1.setAttribute("rel", 'preload');
469                    font1.setAttribute("as", 'font');
470                    font1.setAttribute("crossorigin", 'anonymous');
471                    font1.setAttribute("href", 'https://shop.schoener-wohnen.de/static/version1790784317/frontend/DesignBestseller/schoener_wohnen/de_DE/fonts/tildaSans/TildaSans-VariableFont.woff2');
472                    document.head.appendChild(font1);
473                                                const font2 = document.createElement("link");
474                    font2.setAttribute("rel", 'preload');
475                    font2.setAttribute("as", 'font');
476                    font2.setAttribute("crossorigin", 'anonymous');
477                    font2.setAttribute("href", 'https://shop.schoener-wohnen.de/static/version1790784317/frontend/DesignBestseller/schoener_wohnen/de_DE/fonts/ttfors/TT_Fors_Variable.woff2');
478                    document.head.appendChild(font2);
479                                        }());
480    </script>
480
481<meta property="og:type" content="product" />
482<meta property="og:title"
483      content="About&#x20;a&#x20;Chair&#x20;AAC&#x20;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&amp;q=75&amp;trim=color&amp;trim-color=ffffff&amp;trim-tol=15&amp;fit=fill&amp;bg=ffffff" />
486<meta property="og:description"
487      content="Das&#x20;unverg&#xE4;ngliche&#x20;Design&#x20;und&#x20;der&#x20;ph&#xE4;nomenale&#x20;Komfort&#x20;machen&#x20;den&#x20;von&#x20;Top&#x20;Label&#x20;HAY&#x20;angebotenen&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;22&#x20;zu&#x20;einem&#x20;optimalen&#x20;Stuhl.&#x20;Hee&#x20;Welling&#x20;hat&#x20;mit&#x20;diesem&#x20;formsch&#xF6;nen&#x20;Modell&#x20;einen&#x20;eindrucksvollen&#x20;Hingucker&#x20;erschaffen,&#x20;der&#x20;sich&#x20;problemlos&#x20;in&#x20;jeden&#x20;Essbereich&#x20;einfindet.&#x20;Mit&#x20;dieser&#x20;Kreation&#x20;erh&#xE4;lt&#x20;die&#x20;About&#x20;a&#x20;Chair&#x20;Serie&#x20;ein&#x20;weiteres&#x20;beeindruckendes&#x20;Mitglied.&#x20;Produziert&#x20;wird&#x20;dieses&#x20;besondere&#x20;Design&#x20;M&#xF6;bel&#x20;in&#x20;D&#xE4;nemark.&#x20;W&#xE4;hlen&#x20;Sie&#x20;anhand&#x20;Ihrer&#x20;r&#xE4;umlichen&#x20;Begebenheiten&#x20;die&#x20;f&#xFC;r&#x20;Sie&#x20;optimale&#x20;Gr&#xF6;&#xDF;e&#x20;des&#x20;Objekts&#x20;aus.&#x20;Durch&#x20;den&#x20;Mix&#x20;aus&#x20;Eiche&#x20;und&#x20;Esche&#x20;und&#x20;Kunststoff&#x20;wird&#x20;das&#x20;Erscheinungsbild&#x20;des&#x20;Esszimmerstuhls&#x20;besonders&#x20;au&#xDF;ergew&#xF6;hnlich.&#x20;Dieses&#x20;Design&#x20;kann&#x20;in&#x20;zahlreichen&#x20;Farbvarianten&#x20;bestellt&#x20;werden.&#x20;Es&#x20;stehen&#x20;unterschiedliche&#x20;Gestellvarianten&#x20;zur&#x20;Verf&#xFC;gung."/>
488<meta property="og:url" content="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-22.html" />
489    <meta property="product:price:amount" content="287"/>
490     <meta property="product:price:currency" content="EUR"/><meta property="og:site_name" content="SCH&#xD6;NER&#x20;WOHNEN-Shop"/>
491<meta property="og:brand" content="HAY"/>
492<meta property="og:availability" content="sofort&#x20;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&amp;q=85&amp;bg=ffffff&amp;fit=fillmax&amp;fill=solid&amp;fill-color=ffffff&amp;trim=color&amp;trim-color=ffffff&amp;trim-tol=15&amp;sharp=25&amp;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 &quot;__DESIGN_BESTSELLER_SEARCH_TERM__&quot; finden.</h3>
580<h4>Unsere Tipps:</h4>
581<ul>
582  <li>- Überprüfen Sie die Schreibweise Ihrer Suchbegriffe.</li>
583  <li>- Versuchen Sie es mit ähnlichen oder allgemeineren Begriffen.</li>
584  <li>- Entdecken Sie hier unser <a href="/marken/">Markenverzeichnis</a>.</li>
585  <li>- Kontaktieren Sie uns gerne unter <a href="tel:+4924195509197">0241 955 091 97</a> (Mo.-Fr. von 10 bis 13 Uhr) oder per E-Mail an <a href="mailto:[email protected]%7D">[email protected]</a></li>
586</ul>
587`;
588                        const escapedSearchTerm = document.createElement('span');
589                        escapedSearchTerm.textContent = searchterm;
590                        html = html.replaceAll('__DESIGN_BESTSELLER_SEARCH_TERM__', escapedSearchTerm.innerHTML);
591                        noResultsElement.innerHTML = html;
592                    }
593                }
594            }
595
596           function handleCategorySuggestion(suggestion){
597            if(!suggestion) return false;
598            if(!suggestion.navigationLink) return false;
599            if(!suggestion.navigationLink.context) return false;
600            if(!suggestion.navigationLink.context.category) return false;
601
602            let categoryContext = suggestion.navigationLink.context.category;
603
604              let path = categoryContext.path.split('-');
605            let tweakwiseCategoryId = path[path.length - 1];
606
607
608             fetch('/tweakwisejs/category/url/id/'+ tweakwiseCategoryId)
609                .then((response) => response.json())
610                .then(function(result){
611                    if(result && result.url){
612                         location.href = result.url;
613                    } else {
614                         location.href = 'https\u003A\u002F\u002Fshop.schoener\u002Dwohnen.de\u002Fcatalogsearch\u002Fresults?tn_q=' + encodeURIComponent(data.match);
615                    }
616                });
617        }
618
619        window.addEventListener('twn.suggestions.ready', () => {
620            window.tweakwiseSuggestions({
621                input: input,
622                instancekey: "11b9f652",
623                cid: "100073",
624                searchPhrases: {
625                    handle: ({ data }) => {
626                        const history = window['twn-starter-config'].history;
627                        if(history === 'query') {
628                            location.href = 'https\u003A\u002F\u002Fshop.schoener\u002Dwohnen.de\u002Fcatalogsearch\u002Fresults?tn_q=' + encodeURIComponent(data.match);
629                            return;
630                        }
631
632                        location.href = 'https\u003A\u002F\u002Fshop.schoener\u002Dwohnen.de\u002Fcatalogsearch\u002Fresults#twn|?tn_q=' + encodeURIComponent(data.match);
633                    }
634                },
635                categories: {
636                    handle(event) {
637                        handleCategorySuggestion(event.data);
638                    }
639                },
640            });
641        });</script>
641  
641<script>
642    'use strict';
643
644    function GoogleTagManager() {
645        var self = this;
646
647        this.eventMessagesLoaded = false;
648        this.eventPrivateContentLoaded = false;
649
650        this.config = {"cookie_restriction_mode":"","attributes":{"page":{"type":"catalog\/product\/view"},"site":{"currencyCode":"EUR"},"product":{"id":"17572","name":"About a Chair AAC 22","sellingPrice":287,"retailPrice":339,"sku":"90318001","skuChild":"903180233","brand":"HAY","categoryLevelShop1":"Sitzm\u00f6bel","categoryLevelShop2":"Esszimmerst\u00fchle","availability":"in_stock","item_delivery_days":"0"}},"id":"GTM-NFM29GT","debug":false};
651
652        this.isDisabled = function (config) {
653            if (self.isValidConfig(config) === false) {
654                return true;
655            }
656
657            return self.isAllowedByCookieRestrictionMode(config) === false;
658        };
659
660        this.isValidConfig = function (config) {
661            if (typeof config.id === 'undefined' || !config.id) {
662                console.warn('GTM identifier empty, terminating GTM initialization.');
663                return false;
664            }
665
666            return true;
667        };
668
669        this.getCookie = function (name) {
670            var v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
671            return v ? v[2] : null;
672        };
673
674        this.isAllowedByCookieRestrictionMode = function (config) {
675            if (!config.cookie_restriction_mode) {
676                return true;
677            }
678
679            return this.getCookie(config.cookie_restriction_mode);
680        };
681
682        this.initDataLayer = function (window) {
683            window.dataLayer = window.dataLayer || [];
684            return window;
685        };
686
687        this.getCustomer = function () {
688            return self.config.sectionData.customer;
689        };
690
691        this.getCart = function () {
692            return self.config.sectionData.cart;
693        };
694
695        this.getCustomerSpecificAttributes = function () {
696             let customerGtm = { ...(this.getCustomer().gtm || {})};
697            delete customerGtm.isSubscribed;
698
699            return customerGtm;
700
701             };
702
703        this.getCartSpecificAttributes = function () {
704            var cart = self.getCart();
705
706            if (cart && cart.gtm) {
707                return cart.gtm;
708            }
709
710            return {};
711        };
712
713        this.addToCartEvent = function () {
714            var pageTypes = [
715                'catalog/product/view',
716                'checkout/cart/index',
717            ];
718
719            if (pageTypes.indexOf(self.config.attributes.pageType) >= 0) {
720                var mageMessages = window.mageMessages;
721                for (var index = 0; index < mageMessages.length; ++index) {
722                    var message = mageMessages[index].text;
723                    if (message.toLowerCase().indexOf("Hinzugef\u00FCgt".toLowerCase()) !== -1 &&
724                        message.toLowerCase().
725                            indexOf("Warenkorb".toLowerCase()) !== -1) {
726                        self.config.attributes.event = 'addToCart';
727                        break;
728                    }
729                }
730            }
731        };
732
733        this.addScriptElement = function (attributes, window, document, scriptTag, dataLayer, configId) {
734            window.dataLayer.push({'gtm.start': new Date().getTime(), event: 'gtm.js'});
735            var firstScript = document.getElementsByTagName(scriptTag)[0];
736            var newScript = document.createElement(scriptTag);
737            var dataLayerArg = (dataLayer != 'dataLayer') ? '&l=' + dataLayer : '';
738            newScript.src = '//www.googletagmanager.com/gtm.js?id=' + configId + dataLayerArg;
739
740            var existingNodes = [];
741                         newScript.setAttribute('type', 'text/plain');
742            newScript.setAttribute('data-usercentrics', 'Google Tag Manager');
743             newScript.async = true;
744             if (existingNodes.indexOf(newScript.src) === -1) {
745                firstScript.parentNode.insertBefore(newScript, firstScript);
746                existingNodes.push(newScript.src);
747            }
748        };
749
750        this.requiredEventsLoaded = function (event) {
751            if (event.type === 'messages-loaded') {
752                self.eventMessagesLoaded = true;
753            }
754            if (event.type === 'private-content-loaded') {
755                self.eventPrivateContentLoaded = true;
756            }
757            return self.eventMessagesLoaded && self.eventPrivateContentLoaded;
758        }
759
760        this.initGTM = function (event) {
761             if (event.type === 'private-content-loaded') {
762                self.config.sectionData = event.detail.data;
763            }
764             if (!self.requiredEventsLoaded(event)) {
765                return;
766            }
767
768            if (self.isDisabled(self.config)) {
769                return;
770            }
771
772            self.initDataLayer(window);
773
774            if (!self.config.sectionData) {
775                return;
776            }
777
778            self.addToCartEvent();
779
780             var attributes = self.config.attributes;
781            attributes.customer = self.getCustomerSpecificAttributes();
782
783
784            
785            if (attributes.page.type !== 'checkout/onepage/success') {
786                attributes.basket = self.getCartSpecificAttributes();
787            }
788             dataLayer.push(attributes);
789
790             let customerGtm = self.getCustomer().gtm || {};
791            if (customerGtm && customerGtm.isSubscribed) {
792                delete customerGtm.isSubscribed;
793
794                window.dataLayer.push({
795                    'event': 'dLpush.newsletterSignUp',
796                    'customer': customerGtm
797                });
798            }
799
800             window.dispatchEvent(new CustomEvent('gtm-datalayer-loaded'));
801             };
802    }
803
804    var googleTagManager = new GoogleTagManager();
805     googleTagManager.initDataLayer(window);
806    googleTagManager.addScriptElement(null, window, document, 'script', 'dataLayer', googleTagManager.config.id);
807     window.addEventListener("private-content-loaded", googleTagManager.initGTM);
808    window.addEventListener("messages-loaded", googleTagManager.initGTM);</script>
808   
808<script>
809        function AddToCartGTMEvent() {
810            return {
811                addToCartData: false,
812
813                getAddToCartEvent: function (sku, cartItems, isChild) {
814                    let addToCartEvent = false;
815
816                    cartItems.every((cartItem) => {
817                        let product = false;
818                        if (isChild && cartItem.child_sku !== undefined && (cartItem.child_sku).toString() === sku) {
819                            product = cartItem.childProduct;
820                        } else if (!isChild && (cartItem.product.sku).toString() === sku) {
821                            product = cartItem.product;
822                        }
823
824                         if (product) {
825                             addToCartEvent = {
826                                 event: 'dLpush.loadCheckoutAddToBasketOverlay',
827                                 productPrice: cartItem.prices.price_incl_tax.value,
828                                 productId: product.id,
829                                 productName: product.name,
830                                 productSku: product.sku,
831                                 availability: product.availability,
832                                 item_delivery_days: product.item_delivery_days
833                             };
834
835                             return false;
836                         }
837
838                         return true;
839                    });
840
841                    return addToCartEvent;
842                },
843
844                eventListeners: {
845                    ['x-on:is-add-to-cart-success.window'](event) {
846                        this.addToCartData = event.detail;
847                    },
848                    ['x-on:private-content-loaded.window'](event) {
849                        if (this.addToCartData) {
850                            const childSku = this.addToCartData.currentVariantSku ?
851                                (this.addToCartData.currentVariantSku).toString() :
852                                false;
853                            const productSku = (this.addToCartData.sku).toString();
854                            const cartItems = this.addToCartData.cartItems;
855
856                            const isChild = childSku && childSku !== productSku;
857                            const sku = isChild ? childSku : productSku;
858
859                            let addToCartEvent = this.getAddToCartEvent(sku, cartItems, isChild);
860                            if (window.dataLayer && addToCartEvent) {
861                                window.dataLayer.push(addToCartEvent);
862                            }
863
864                            this.addToCartData = false;
865                        }
866                    }
867                }
868            }
869        }</script>
869<span x-data="AddToCartGTMEvent()" x-bind="eventListeners"></span>  
869<script>
870    (() => {
871        function getFormatter(showSign, decimals) {
872            return new Intl.NumberFormat(
873                document.documentElement.lang,
874                {
875                    style: 'currency',
876                    currency: 'EUR',
877                    signDisplay: showSign ? "always" : "auto",
878                     maximumFractionDigits: decimals,
879                    minimumFractionDigits: decimals,
880                }
881            );
882        }
883
884        function canRenderAsInteger(value) {
885            const floorValue = Math.floor(value);
886            return !(value - floorValue > 0)
887        }
888
889        function getPriceDecimalSeparator() {
890             const numberFormatParts = getFormatter().formatToParts(0.1);
891            for (const part of numberFormatParts) {
892                if (part.type === 'decimal') {
893                    return part.value;
894                }
895            }
896
897            return '.';
898        }
899
900        let priceDecimalSeparator = getPriceDecimalSeparator();
901
902        window.hyva.formatPrice = (value, showSign, skipCurrency = false, decimals = null) => {
903            if (decimals === null) {
904                decimals = canRenderAsInteger(value) ? 0 : 2;
905            }
906
907            const formatter = getFormatter(showSign, decimals);
908
909            return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ?
910                formatter.formatToParts(value).map(({type, value}) => {
911                    if (skipCurrency && ['currency', 'literal'].indexOf(type) !== -1) {
912                        return '';
913                    }
914
915                    switch (type) {
916                        case 'currency':
917                            return '€' || value;
918                        case 'minusSign':
919                            return '- ';
920                        case 'plusSign':
921                            return '+ ';
922                        default :
923                            return value;
924                    }
925                }).reduce((string, part) => string + part) :
926                formatter.format(value);
927        }
928
929        window.hyva.parsePriceToDecimal = (price) => {
930            if (typeof price !== 'string') {
931                return price;
932            }
933
934            if (priceDecimalSeparator !== '.') {
935                price = price.replace('.', '');
936            }
937
938            price = price.replace(priceDecimalSeparator, '.');
939
940            return price.replace(/[^\d.]/g, '');
941        }
942    })()</script>
942 
942<script>
943    window.hyva.getProductSavingsOutput = (
944        oldPrice,
945        finalPrice,
946        savingsString = '\u0020\u0025s\u0020off\u0020',
947        savingsDisplayThreshold = 100    ) => {
948        if (finalPrice >= oldPrice) {
949            return null;
950        }
951
952        const savingsValue = oldPrice - finalPrice;
953        const savingsPercent = Math.round(100 - (100 / oldPrice) * finalPrice);
954
955        let output;
956
957        if (savingsValue >= savingsDisplayThreshold) {
958            output = savingsString.replace('%s', window.hyva.formatPrice(savingsValue));
959        } else {
960            output = savingsString.replace('%s', savingsPercent + '%');
961        }
962
963        return {
964            value: window.hyva.formatPrice(savingsValue),
965            percent: savingsPercent,
966            output
967        };
968    };</script>
968<input name="form_key" type="hidden" value="oAHETVsI3fjhp8b4" />
968<script>
969    document.body.addEventListener('touchstart', () => {}, {passive: true})
970</script>
vendor: 64 bytes, lines 970-971
970
971  <noscript><iframe src="//www.googletagmanager.com/ns.html?id=
971GTM-NFM29GT
vendor: 82 bytes, line 971
971" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
971<div class="page-wrapper"><header class="page-header"><a class="action skip sr-only focus:not-sr-only focus:absolute focus:z-40 focus:bg-white
972   contentarea"
973   href="#contentarea">
974    <span>
975        Zum Inhalt springen    </span>
976</a><div id="header-sticky-wrapper-placeholder" class="relative&#x20;w-full&#x20;z-&#x5B;1&#x5D;&#x20;h-initial-header-height">
977    <div id="header-sticky-wrapper-stick-detection" class="absolute&#x20;w-full&#x20;h-px"></div>
978</div><div class="w-full&#x20;group&#x20;bg-white&#x20;border-b-4&#x20;border-smoke&#x20;xl&#x3A;border-none"
979     id="header-sticky-wrapper"
980            x-data="HeaderStick"
981        :class="classHeaderWrapper"
982        data-class-initialized="fixed&#x20;top-0&#x20;z-50"
983        data-target-selector="&#x23;header-sticky-wrapper"
984        data-intersection-detection-selector="&#x23;global_banner_rotator"
985        data-intersection-element-selector="&#x23;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&#x20;flex-col">
1005         <div id="global-banner"> <div x-data="GlobalBannerRotator('6abf0828afb68', Number(2), Number(9000))" class="relative banner-rotator-6abf0828afb68 h-13 overflow-hidden group-[.sticks]:hidden" id="global_banner_rotator" x-defer="intersect" x-bind="eventListeners" x-show="isVisible" data-type="2" ><div class="grid grid-rows-1 grid-cols-1" id="banner-container-6abf0828afb68" :style="'grid-template-columns: repeat('+ countGlobalBannerItems +', 100vw);'">   <div class="banner-item w-full h-13 opacity-0" :class="{ 'order-first': 0 === currentRotationIndex, 'opacity-0': 0 !== currentRotationIndex }" ><div x-data="GlobalBannerItem('6abf0828b0183', Number(2), `\u003Cp\u003E\u003Cstrong\u003EVerl\u00E4ngertes\u0020R\u00FCckgaberecht\u003C\u002Fstrong\u003E\u0020von\u002060\u0020Tagen\u003C\u002Fp\u003E`)" x-bind="eventListeners" x-defer="idle" class="global-banner-6abf0828b0183 bg-anthracite h-full"  x-on:click="isRequiresToggleButton ? dispatchOpenLightbox($dispatch) : handleClick($event,'')" style="background-color: &#x23;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: &#x23;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&#x20;text-expand" x-cloak x-show="isRequiresToggleButton && !isExpanded" x-on:click="$dispatch('show-lightbox-global-banner-2')" style="--gradient-to-color: &#x23;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-&#x5B;410px&#x5D;"> <div class="border-b border-solid border-foggray md:mx-8 mb-6 text-center"><p class="text-xl leading-tight mb-5">Kostenlose Rückgabe</p></div> <div class="lightbox-main text-3.5 leading-normal mb-8 overflow-y-auto transition-max-height text-center"><p><strong>Verlängertes Rückgaberecht</strong> von 60 Tagen</p></div> <div class="mb-12 lg:mb-16"></div></div></div></div></template></div></div></div>    <div class="banner-item w-full h-13 opacity-0" :class="{ 'order-first': 1 === currentRotationIndex, 'opacity-0': 1 !== currentRotationIndex }" ><div x-data="GlobalBannerItem('6abf0828b0a2b', Number(3), `\u003Cp\u003E\u003Cspan\u003E\u003Cspan\u0020class\u003D\u0022ui\u002Dprovider\u0020a\u0020b\u0020c\u0020d\u0020e\u0020f\u0020g\u
10080020h\u0020i\u0020j\u0020k\u0020l\u0020m\u0020n\u0020o\u0020p\u0020q\u0020r\u0020s\u0020t\u0020u\u0020v\u0020w\u0020x\u0020y\u0020z\u0020ab\u0020ac\u0020ae\u0020af\u0020ag\u0020ah\u0020ai\u0020aj\u0020ak\u0022\u003EEntdecken\u0020Sie\u0020unsere\u0020NEUHEITEN\u003C\u002Fspan\u003E\u003C\u002Fspan\u003E\u003C\u002Fp\u003E`)" x-bind="eventListeners" x-defer="idle" class="global-banner-6abf0828b0a2b bg-anthracite h-full" :class="{'cursor-pointer': !isRequiresToggleButton}" x-on:click="isRequiresToggleButton ? dispatchOpenLightbox($dispatch) : handleClick($event,'https://shop.schoener-wohnen.de/neu/')" style="background-color: &#x23;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: &#x23;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&#x20;text-expand" x-cloak x-show="isRequiresToggleButton && !isExpanded" x-on:click="$dispatch('show-lightbox-global-banner-3')" style="--gradient-to-color: &#x23;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-&#x5B;410px&#x5D;"> <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&#x20;button-fill&#x20;w-full" href="https&#x3A;&#x2F;&#x2F;shop.schoener-wohnen.de&#x2F;neu&#x2F;" 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&#x20;w-full&#x20;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&#x20;container&#x20;max-xl&#x3A;group-&#x5B;.sticks&#x5D;&#x3A;max-w-none&#x20;flex&#x20;flex-wrap&#x20;lg&#x3A;flex-nowrap&#x20;items-center&#x20;lg&#x3A;gap-&#x5B;4rem&#x5D;&#x20;lg&#x3A;justify-between&#x20;w-full&#x20;pt-3&#x20;pb-2&#x20;md&#x3A;pb-4&#x20;max-lg&#x3A;group-&#x5B;.sticks&#x5D;&#x3A;pt-4.5&#x20;max-lg&#x3A;group-&#x5B;.sticks&#x5D;&#x3A;pb-4&#x20;xl&#x3A;pt-8">
1220        <div class="relative&#x20;lg&#x3A;static&#x20;w-full&#x20;lg&#x3A;w-auto&#x20;order-2&#x20;xl&#x3A;order-1&#x20;shrink-0&#x20;flex&#x20;flex-no-wrap&#x20;items-center&#x20;shrink-0&#x20;gap-4&#x20;xl&#x3A;gap-6">
1221    <a
1222        class="flex&#x20;items-center&#x20;justify-start&#x20;text-xl&#x20;font-medium&#x20;tracking-wide&#x20;no-underline&#x20;hover&#x3A;no-underline&#x20;font-title&#x20;shrink-0&#x20;text-charcoal-darker"
1223        href="https://shop.schoener-wohnen.de/"
1224        aria-label="Go&#x20;to&#x20;Home&#x20;page"
1225    >
1226                    <span class="hidden&#x20;lg&#x3A;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&#x3A;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&#x20;z-10&#x20;top-full&#x20;left-0&#x20;mt-5&#x20;-ml-1&#x20;block&#x20;lg&#x3A;static&#x20;lg&#x3A;mt-1&#x20;xl&#x3A;hidden&#x20;cursor-pointer&#x20;w-8&#x20;h-8&#x20;order-first">
1234    <button id="mobileMenuToggle"
1235            aria-label="Open&#x20;site&#x20;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&#x20;items-center&#x20;justify-end&#x20;order-4&#x20;pt-4&#x20;lg&#x3A;pt-0">
1283            
1284                        <a id="wishlist-link"
1285               class="relative&#x20;inline-block&#x20;no-underline&#x20;order-1&#x20;md&#x3A;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&#x20;group-&#x5B;.active&#x5D;&#x3A;text-primary">
1294                    Meine Wunschliste                </span>
1295                <span class="absolute&#x20;bottom-0&#x20;right-0&#x20;h-4&#x20;px-1&#x20;min-w-&#x5B;16px&#x5D;&#x20;ml-5&#x20;text-xs&#x20;leading-4&#x20;text-center&#x20;text-white&#x20;uppercase&#x20;transform&#x20;translate-x-1&#x2F;2&#x20;translate-y-1&#x2F;2&#x20;rounded-full&#x20;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&#x20;search&#x20;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&#x20;lg&#x3A;block&#x20;relative&#x20;inline-block">
1351    <a id="customer-menu"
1352       class="flex&#x20;flex-row&#x20;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&#x20;flex&#x20;flex-row&#x20;items-center&#x20;no-underline&#x20;ml-4&#x20;group&#x20;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&#x20;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&#x20;bottom-0&#x20;right-0&#x20;ml-5&#x20;h-4&#x20;min-w-&#x5B;16px&#x5D;&#x20;px-1&#x20;text-xs&#x20;leading-4&#x20;text-center&#x20;text-white&#x20;uppercase&#x20;transform&#x20;translate-x-1&#x2F;2&#x20;translate-y-1&#x2F;2&#x20;rounded-full&#x20;bg-primary"
1384                      aria-hidden="true"
1385                ></span>
1386                <span class="sr-only&#x20;group-&#x5B;.active&#x5D;&#x3A;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&#x20;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&#x20;rounded-md &#x21;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&#x20;input&#x20;field" title="Clear&#x20;input&#x20;field" type="button" class="inline-flex&#x20;p-2&#x20;absolute&#x20;top-1&#x2F;2&#x20;right-2&#x20;sm&#x3A;right-9&#x20;bg-white&#x20;z-20&#x20;transform&#x20;-translate-y-1&#x2F;2"   x-on:click.stop="resetSearchInput&#x28;&#x29;"  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&#x3A;border-y-4&#x20;xl&#x3A;border-smoke"
1594    >
1595        <nav class="hidden&#x20;xl&#x3A;flex&#x20;h-full&#x20;container&#x20;justify-center&#x20;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&#x20;navigation&#x20;links"
1636                        >
1637                                                                                            <div class="nav-panel &#x20;parent&#x20;&#x20;level-0&#x20;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&#xF6;bel"
1640   data-node-url="&#x23;"
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&#x20;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&#x20;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&#xF6;bel"
1645   data-node-url="https&#x3A;&#x2F;&#x2F;shop.schoener-wohnen.de&#x2F;sitzmoebel&#x2F;"
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&#x20;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&#x3A;&#x2F;&#x2F;shop.schoener-wohnen.de&#x2F;tische&#x2F;"
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&#x20;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&#xF6;bel"
1763   data-node-url="https&#x3A;&#x2F;&#x2F;shop.schoener-wohnen.de&#x2F;aufbewahrungsmoebel&#x2F;"
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 &amp; 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&#x20;level-1&#x20;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&#xF6;bel"
1806   data-node-url="https&#x3A;&#x2F;&#x2F;shop.schoener-wohnen.de&#x2F;schlafzimmer&#x2F;"
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&#x3A;&#x2F;&#x2F;shop.schoener-wohnen.de&#x2F;betten&#x2F;"
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&#x3A;&#x2F;&#x2F;shop.schoener-wohnen.de&#x2F;nachttische&#x2F;"
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&#x3A;&#x2F;&#x2F;shop.schoener-wohnen.de&#x2F;schlafsofas&#x2F;"
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&#x20;level-1&#x20;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&#x20;Sofas"
1847   data-node-url="https&#x3A;&#x2F;&#x2F;shop.schoener-wohnen.de&#x2F;skandinavische-sofas&#x2F;"
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&#x20;Sessel"
1856   data-node-url="https&#x3A;&#x2F;&#x2F;shop.schoener-wohnen.de&#x2F;skandinavische-sessel&#x2F;"
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&#x20;Esstische"
1865   data-node-url="https&#x3A;&#x2F;&#x2F;shop.schoener-wohnen.de&#x2F;skandinavische-esstische&#x2F;"
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 &amp; 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 &#x20;parent&#x20;&#x20;level-0&#x20;">
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&#x3A;&#x2F;&#x2F;shop.schoener-wohnen.de&#x2F;leuchten&#x2F;"
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&#x3A;&#x2F;&#x2F;shop.schoener-wohnen.de&#x2F;leuchten&#x2F;"
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&#x3A;&#x2F;&#x2F;shop.schoener-wohnen.de&#x2F;gartenbeleuchtung&#x2F;"
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&#x20;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&#x3A;&#x20;Louis&#x20;Poulsen&#x20;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&#x20;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&#x20;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&#xD6;NER&#x20;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&#x20;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 &amp; 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 &#x20;parent&#x20;hidden&#x20;xl&#x3A;inline-block&#x20;level-0&#x20;">
2075                                     <div class="item parent" id="parent-id-7"><a class="hidden&#x20;xl&#x3A;inline-block" href="https://shop.schoener-wohnen.de/accessoires/"    data-node-id="7"
2076   data-node-name="Wohnaccessoires"
2077   data-node-url="https&#x3A;&#x2F;&#x2F;shop.schoener-wohnen.de&#x2F;accessoires&#x2F;"
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&#x20;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&#x20;level-1&#x20;parent&#x20;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 &amp; 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&#x20;level-1&#x20;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&#x20;&amp;&#x20;Becher"
2122   data-node-url="https&#x3A;&#x2F;&#x2F;shop.schoener-wohnen.de&#x2F;tassen-becher&#x2F;"
2123   x-on:click.prevent="interactByNode($event)"
2124   x-on:mouseover.prevent.stop="interactByNode($event)"
2125        >
2126                Tassen &amp; 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&#x3A;&#x2F;&#x2F;shop.schoener-wohnen.de&#x2F;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&#xE4;ser"
2140   data-node-url="https&#x3A;&#x2F;&#x2F;shop.schoener-wohnen.de&#x2F;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&#x20;&amp;&#x20;Kr&#xFC;ge"
2149   data-node-url="https&#x3A;&#x2F;&#x2F;shop.schoener-wohnen.de&#x2F;karaffen-kruege&#x2F;"
2150   x-on:click.prevent="interactByNode($event)"
2151   x-on:mouseover.prevent.stop="interactByNode($event)"
2152        >
2153                Karaffen &amp; Krüge            </a>
2154</div>                                                </div>
2155                </div></div>  <div class="submenu-panel&#x20;level-1&#x20;parent&#x20;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 &amp; 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&#x20;level-1&#x20;parent&#x20;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&#x20;level-1&#x20;col-span-2&#x20;col-start-5"><div class="cms-block col-span-2&#x20;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&#x20;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&#x20;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 &amp; 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 &#x20;parent&#x20;xl&#x3A;hidden&#x20;level-0&#x20;">
2224                                     <div class="item parent" id="parent-id-22"><a class="xl&#x3A;hidden" href="https://shop.schoener-wohnen.de/accessoires/"    data-node-id="22"
2225   data-node-name="Wohnaccessoires"
2226   data-node-url="https&#x3A;&#x2F;&#x2F;shop.schoener-wohnen.de&#x2F;accessoires&#x2F;"
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 &amp; 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 &amp; 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 &amp; 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 &#x20;parent&#x20;&#x20;level-0&#x20;">
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&#xF6;bel"
2378   data-node-url="https&#x3A;&#x2F;&#x2F;shop.schoener-wohnen.de&#x2F;gartenmoebel&#x2F;"
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&#x20;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&#x20;level-1&#x20;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&#xF6;bel"
2384   data-node-url="https&#x3A;&#x2F;&#x2F;shop.schoener-wohnen.de&#x2F;gartensitzmoebel&#x2F;"
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&#x20;level-1&#x20;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&#x3A;&#x2F;&#x2F;shop.schoener-wohnen.de&#x2F;gartentische&#x2F;"
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&#x20;level-1&#x20;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&#xF6;bel"
2458   data-node-url="https&#x3A;&#x2F;&#x2F;shop.schoener-wohnen.de&#x2F;loungemoebel&#x2F;"
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&#x20;level-1&#x20;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&#x3A;&#x2F;&#x2F;shop.schoener-wohnen.de&#x2F;gartenbeleuchtung&#x2F;"
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&#x20;level-1&#x20;parent&#x20;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&#x3A;&#x2F;&#x2F;shop.schoener-wohnen.de&#x2F;gartenaccessoires&#x2F;"
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 &amp; 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 &#x20;parent&#x20;&#x20;level-0&#x20;">
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&#x3A;&#x2F;&#x2F;shop.schoener-wohnen.de&#x2F;marken&#x2F;"
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&#x20;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&#x20;level-1&#x20;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&#x3A;&#x2F;&#x2F;shop.schoener-wohnen.de&#x2F;marken&#x2F;"
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        &amp;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 &amp; Søn    </a>
2633</div>                                                                            <div class="item">
2634    <a class="" href="https://shop.schoener-wohnen.de/jan-kurtz/">
2635        Jan Kurtz    </a>
2636</div>                                                                            <div class="item">
2637    <a class="" href="https://shop.schoener-wohnen.de/kartell/">
2638        Kartell    </a>
2639</div>                                                                            <div class="item">
2640    <a class="" href="https://shop.schoener-wohnen.de/normann-copenhagen/">
2641        Normann Copenhagen    </a>
2642</div>                                                                            <div class="item">
2643    <a class="" href="https://shop.schoener-wohnen.de/gubi/">
2644        Gubi    </a>
2645</div>                                                                            <div class="item">
2646    <a class="" href="https://shop.schoener-wohnen.de/nardi/">
2647        Nardi    </a>
2648</div>                                                                                                                                                        <div class="item">
2649    <a class="" href="https://shop.schoener-wohnen.de/audo/">
2650        Audo    </a>
2651</div>                                                                                                                            </div>
2652                </div></div>  <div class="submenu-panel&#x20;level-1&#x20;parent"> <div class="item  parent" id="parent-id-33"><a class="submenu-panel-heading " href="https://shop.schoener-wohnen.de/designer/"    data-node-id="33"
2653   data-node-name="Designer"
2654   data-node-url="https&#x3A;&#x2F;&#x2F;shop.schoener-wohnen.de&#x2F;designer&#x2F;"
2655   x-on:click.prevent="interactByNode($event)"
2656   x-on:mouseover.prevent.stop="interactByNode($event)"
2657     > <span class="xl:hover:underline">Designer</span> <span class="arrow-forth"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="h-4 w-auto text-charcoal" aria-hidden="true"><path d="M1 1L11 11L1 21" stroke-width="2" stroke-linecap="round"/></svg>
2658</span></a></div> <div class="submenu-container nav-panel"
2659    id="panel-id-33">
2660                <div class="submenu-level-2 nav-panel">
2661                                                         <div class="item"><a class="" href="https://shop.schoener-wohnen.de/designer/">Alle anzeigen</a></div>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    <div class="item">
2662    <a class="" href="https://shop.schoener-wohnen.de/designer-alexander-girard/">
2663        Alexander Girard    </a>
2664</div>                                                                            <div class="item">
2665    <a class="" href="https://shop.schoener-wohnen.de/designer-mies-van-der-rohe/">
2666        Mies van der Rohe    </a>
2667</div>                                                                                                                                                        <div class="item">
2668    <a class="" href="https://shop.schoener-wohnen.de/designer-hella-jongerius/">
2669        Hella Jongerius    </a>
2670</div>                                                                                                                                                                                                                                    <div class="item">
2671    <a class="" href="https://shop.schoener-wohnen.de/designer-egon-eiermann/">
2672        Egon Eiermann    </a>
2673</div>                                                                                                                            </div>
2674                </div></div>  <div class="submenu-panel&#x20;level-1&#x20;col-span-3"> <div class="cms-block manufacturer-logos col-span-3"><style>#html-body [data-pb-style=OEJISC1],#html-body [data-pb-style=RFNGCAG]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=RFNGCAG]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=OEJISC1]{align-self:stretch}#html-body [data-pb-style=I75Y6NE]{display:flex;width:100%}#html-body [data-pb-style=CMQ451N],#html-body [data-pb-style=MJW46JW],#html-body [data-pb-style=YTRCEXD]{justify-content:flex-start;display:flex;flex-direction:column;width:33.3333%;align-self:stretch}#html-body [data-pb-style=CMQ451N],#html-body [data-pb-style=MJW46JW],#html-body [data-pb-style=NRAX48N],#html-body [data-pb-style=U65QTY3],#html-body [data-pb-style=YTRCEXD]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=U65QTY3]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=NRAX48N]{align-self:stretch}#html-body [data-pb-style=PE1O7PY]{display:flex;width:100%}#html-body [data-pb-style=F7XWON6],#html-body [data-pb-style=P4KA0O0]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=LWY3YF8]{border-style:none}#html-body [data-pb-style=E6UU7O6],#html-body [data-pb-style=L68DAPT]{max-width:100%;height:auto}#html-body [data-pb-style=UMSTEPC]{justify-content:flex-start;display:flex;flex-direction:column;width:33.3333%;align-self:stretch}#html-body [data-pb-style=CYHMDTA],#html-body [data-pb-style=QLMD3SU],#html-body [data-pb-style=UMSTEPC]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=QLMD3SU]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=CYHMDTA]{align-self:stretch}#html-body [data-pb-style=T0OD82X]{display:flex;width:100%}#html-body [data-pb-style=J8MA6U7],#html-body [data-pb-style=U61N6HW],#html-body [data-pb-style=WH3O7GA]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}@media only screen and (max-width: 767px) { #html-body [data-pb-style=LWY3YF8]{border-style:none} }</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="RFNGCAG"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="OEJISC1"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="I75Y6NE"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="YTRCEXD"><div data-content-type="text" data-appearance="default" data-element="main"><p> <span class="xl:h-16 xl:my-4 xl:px-10 block"><a class="flex w-full h-full justify-center items-center" href="https://shop.schoener-wohnen.de/fermob/" title="Fermob"><img loading="lazy" width="60" height="20" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/attribute/swatch/svg/manufacturer/249.svg?auto=format" class="w-auto max-w-full manufacturer-image max-h-full" alt="Fermob"> <span class="manufacturer-label">Fermob</span></a></span></p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="MJW46JW"><div data-content-type="text" data-appearance="default" data-element="main"><p> <span class="xl:h-16 xl:my-4 xl:px-10 block"><a class="flex w-full h-full justify-center items-center" href="https://shop.schoener-wohnen.de/ferm-living/" title="Ferm Living"><img loading="lazy" width="60" height="40" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media//attribute/swatch/svg/manufacturer/ferm-living-5162.svg?auto=format" class="w-auto max-w-full manufacturer-image max-h-8" alt="Ferm Living"> <span class="manufacturer-label">Ferm Living</span></a></span></p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="CMQ451N"><div data-content-type="text" data-appearance="default" data-element="main"><p> <span class="xl:h-16 xl:my-4 xl:px-10 block"><a class="flex w-full h-full justify-center items-center" href="https://shop.schoener-wohnen.de/vitra/" title="Vitra"><img loading="lazy" width="60" height="20" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/attribute/swatch/svg/manufacturer/33.svg?auto=format" class="w-auto max-w-full manufacturer-image max-h-full" alt="Vitra"> <span class="manufacturer-label">Vitra</span></a></span></p></div></div></div></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="U65QTY3"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="NRAX48N"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="PE1O7PY"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="P4KA0O0"><div data-content-type="text" data-appearance="default" data-element="main"><p> <span class="xl:h-16 xl:my-4 xl:px-10 block"><a class="flex w-full h-full justify-center items-center" href="https://shop.schoener-wohnen.de/serax/" title="Serax"><img loading="lazy" width="60" height="20" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/attribute/swatch/svg/manufacturer/307.svg?auto=format" class="w-auto max-w-full manufacturer-image max-h-full" alt="Serax"> <span class="manufacturer-label">Serax</span></a></span></p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="F7XWON6"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="LWY3YF8"><a href="https://shop.schoener-wohnen.de/schoener-wohnen-kollektion/" target="" data-link-type="default" title="" data-element="link"><img width="1000" height="527" class="pagebuilder-mobile-hidden" loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="http
2674s://dbs-base.imgix.net/media/wysiwyg/Pagebuilder/Logospng/SchoenerWohnen-Kollektion-schwarz.png?auto=format" alt="" title="" data-element="desktop_image" data-pb-style="E6UU7O6"><img width="1000" height="527" class="pagebuilder-mobile-only" loading="lazy" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/wysiwyg/Pagebuilder/Logospng/SchoenerWohnen-Kollektion-schwarz.png?auto=format" alt="" title="" data-element="mobile_image" data-pb-style="L68DAPT"></a></figure></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="UMSTEPC"><div data-content-type="text" data-appearance="default" data-element="main"><p> <span class="xl:h-16 xl:my-4 xl:px-10 block"><a class="flex w-full h-full justify-center items-center" href="https://shop.schoener-wohnen.de/string-furniture/" title="String Furniture"><img loading="lazy" width="60" height="20" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/attribute/swatch/svg/manufacturer/28641.svg?auto=format" class="w-auto max-w-full manufacturer-image max-h-8" alt="String Furniture"> <span class="manufacturer-label">String Furniture</span></a></span></p></div></div></div></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="QLMD3SU"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="CYHMDTA"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="T0OD82X"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="WH3O7GA"><div data-content-type="text" data-appearance="default" data-element="main"><p> <span class="xl:h-16 xl:my-4 xl:px-10 block"><a class="flex w-full h-full justify-center items-center" href="https://shop.schoener-wohnen.de/artemide/" title="Artemide"><img loading="lazy" width="60" height="20" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/attribute/swatch/svg/manufacturer/116.svg?auto=format" class="w-auto max-w-full manufacturer-image max-h-full" alt="Artemide"> <span class="manufacturer-label">Artemide</span></a></span></p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="U61N6HW"><div data-content-type="text" data-appearance="default" data-element="main"><p> <span class="xl:h-16 xl:my-4 xl:px-10 block"><a class="flex w-full h-full justify-center items-center" href="https://shop.schoener-wohnen.de/hay/" title="HAY"><img loading="lazy" width="60" height="20" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/attribute/swatch/svg/manufacturer/60.svg?auto=format" class="w-auto max-w-full manufacturer-image max-h-8" alt="HAY"> <span class="manufacturer-label">HAY</span></a></span></p></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="J8MA6U7"><div data-content-type="text" data-appearance="default" data-element="main"><p> <span class="xl:h-16 xl:my-4 xl:px-10 block"><a class="flex w-full h-full justify-center items-center" href="https://shop.schoener-wohnen.de/houe/" title="HOUE"><img loading="lazy" width="60" height="20" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/attribute/swatch/svg/manufacturer/170.svg?auto=format" class="w-auto max-w-full manufacturer-image max-h-full" alt="HOUE"> <span class="manufacturer-label">HOUE</span></a></span></p></div></div></div></div></div></div></div> </div></div> <div class="topic-bar"><div class="container mx-auto"><div class="grid auto-cols-fr grid-flow-col text-left items-center py-3 gap-6">
2675                                        <div style="max-width: 150px;">
2676                <a class="hover:underline"
2677                   href="/schoener-wohnen-kollektion/">
2678                    SCHÖNER WOHNEN-Kollektion                </a>
2679            </div>
2680                                                <div style="max-width: 150px;">
2681                <a class="hover:underline"
2682                   href="/neu/">
2683                    Neuheiten                </a>
2684            </div>
2685                                                <div style="max-width: 150px;">
2686                <a class="hover:underline"
2687                   href="/flur-stilvoll-nutzen/">
2688                    Möbel &amp; Accessoires für den Flur                </a>
2689            </div>
2690                                                <div style="max-width: 150px;">
2691                <a class="hover:underline"
2692                   href="/klassiker/">
2693                    Klassiker                </a>
2694            </div>
2695                                                <div style="max-width: 150px;">
2696                <a class="hover:underline"
2697                   href="/geschenke/">
2698                    Geschenke                </a>
2699            </div>
2700                                                <div style="max-width: 150px;">
2701                <a class="hover:underline"
2702                   href="/geschenke-geschenkgutscheine/">
2703                    Geschenkgutscheine                </a>
2704            </div>
2705                    </div></div></div> </div></template></div>                                </div>
2706                                                                                            <div class="nav-panel &#x20;parent&#x20;&#x20;level-0&#x20;">
2707                                     <div class="item parent" id="parent-id-77"><a class="" href="https://shop.schoener-wohnen.de/raeume/"    data-node-id="77"
2708   data-node-name="R&#xE4;ume"
2709   data-node-url="https&#x3A;&#x2F;&#x2F;shop.schoener-wohnen.de&#x2F;raeume&#x2F;"
2710   x-on:click.prevent="interactByNode($event)"
2711   x-on:mouseover.prevent.stop="interactByNode($event)"
2712     >Räume<span class="arrow-forth"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="h-4 w-auto text-charcoal" aria-hidden="true"><path d="M1 1L11 11L1 21" stroke-width="2" stroke-linecap="round"/></svg>
2713</span></a></div>                                    <div class="submenu-container nav-panel"
2714    id="panel-id-77">
2715        <template x-if="nodeRenderingHistory.has('77')">
2716        <div>
2717                <div class="submenu-level-1 nav-panel">
2718                                                            <div class="submenu-container xl&#x3A;columns-2&#x20;col-span-2"
2719         id="panel-id-15113">
2720                    <div class="submenu-level-2 nav-panel">
2721                                    <div class="item">
2722                        <a href="https://shop.schoener-wohnen.de/wohnzimmer/">
2723                            Wohnzimmermöbel                        </a>
2724                    </div>
2725                                    <div class="item">
2726                        <a href="https://shop.schoener-wohnen.de/esszimmer/">
2727                            Esszimmermöbel                        </a>
2728                    </div>
2729                                    <div class="item">
2730                        <a href="https://shop.schoener-wohnen.de/kueche/">
2731                            Küchenmöbel                        </a>
2732                    </div>
2733                                    <div class="item">
2734                        <a href="https://shop.schoener-wohnen.de/buero/">
2735                            Büromöbel                        </a>
2736                    </div>
2737                                    <div class="item">
2738                        <a href="https://shop.schoener-wohnen.de/schlafzimmer/">
2739                            Schlafzimmermöbel                        </a>
2740                    </div>
2741                                    <div class="item">
2742                        <a href="https://shop.schoener-wohnen.de/kinderzimmer/">
2743                            Kinderzimmermöbel                        </a>
2744                    </div>
2745                                    <div class="item">
2746                        <a href="https://shop.schoener-wohnen.de/badezimmer/">
2747                            Badezimmermöbel                        </a>
2748                    </div>
2749                                    <div class="item">
2750                        <a href="https://shop.schoener-wohnen.de/flur/">
2751                            Flurmöbel                        </a>
2752                    </div>
2753                                <div class="item show-all mt-1.5">
2754                    <a href="https://shop.schoener-wohnen.de/raeume/" class="italic">
2755                        Alle anzeigen                    </a>
2756                </div>
2757            </div>
2758            </div>
2759                                                                            <div class="cms-block col-span-2">
2760    <style>#html-body [data-pb-style=QU5XM38]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="QU5XM38"><div data-content-type="text" data-appearance="default" data-element="main"><p> <div class="dbs-menu-teaser&#x20;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&#x20;button-primary-b"><span>Jetzt entdecken</span></button></div></div></div></p></div></div></div></div>                                                                            <div class="cms-block col-span-2">
2761    <style>#html-body [data-pb-style=R2RIRR0]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="R2RIRR0"><div data-content-type="text" data-appearance="default" data-element="main"><p> <div class="dbs-menu-teaser&#x20;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&#x20;button-primary-b"><span>Jetzt entdecken</span></button></div></div></div></p></div></div></div></div>                                                </div>
2762                            <div class="topic-bar">
2763                    <div class="container mx-auto">
2764                        <div class="grid auto-cols-fr grid-flow-col text-left items-center py-3 gap-6">
2765                                        <div style="max-width: 150px;">
2766                <a class="hover:underline"
2767                   href="/schoener-wohnen-kollektion/">
2768                    SCHÖNER WOHNEN-Kollektion                </a>
2769            </div>
2770                                                <div style="max-width: 150px;">
2771                <a class="hover:underline"
2772                   href="/neu/">
2773                    Neuheiten                </a>
2774            </div>
2775                                                <div style="max-width: 150px;">
2776                <a class="hover:underline"
2777                   href="/flur-stilvoll-nutzen/">
2778                    Möbel &amp; Accessoires für den Flur                </a>
2779            </div>
2780                                                <div style="max-width: 150px;">
2781                <a class="hover:underline"
2782                   href="/klassiker/">
2783                    Klassiker                </a>
2784            </div>
2785                                                <div style="max-width: 150px;">
2786                <a class="hover:underline"
2787                   href="/geschenke/">
2788                    Geschenke                </a>
2789            </div>
2790                                                <div style="max-width: 150px;">
2791                <a class="hover:underline"
2792                   href="/geschenke-geschenkgutscheine/">
2793                    Geschenkgutscheine                </a>
2794            </div>
2795                    </div>                    </div>
2796                </div>
2797                        </div>
2798    </template>
2799    </div>                                </div>
2800                                                                                            <div class="nav-panel &#x20;parent&#x20;forbidden-badgered&#x20;level-0&#x20;">
2801                                     <div class="item parent" id="parent-id-39"><a class="text-badgered" href="https://shop.schoener-wohnen.de/sale/"    data-node-id="39"
2802   data-node-name="Sale"
2803   data-node-url="https&#x3A;&#x2F;&#x2F;shop.schoener-wohnen.de&#x2F;sale&#x2F;"
2804   x-on:click.prevent="interactByNode($event)"
2805   x-on:mouseover.prevent.stop="interactByNode($event)"
2806     >Sale<span class="arrow-forth"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="h-4 w-auto text-charcoal" aria-hidden="true"><path d="M1 1L11 11L1 21" stroke-width="2" stroke-linecap="round"/></svg>
2807</span></a></div>                                    <div class="submenu-container nav-panel"
2808    id="panel-id-39">
2809        <template x-if="nodeRenderingHistory.has('39')">
2810        <div>
2811                <div class="submenu-level-1 nav-panel">
2812                                                            <div class="submenu-container "
2813         id="panel-id-11079">
2814                    <div class="submenu-level-2 nav-panel">
2815                                    <div class="item">
2816                        <a href="https://shop.schoener-wohnen.de/sale-accessoires/">
2817                            Wohnaccessoires im Sale                        </a>
2818                    </div>
2819                                    <div class="item">
2820                        <a href="https://shop.schoener-wohnen.de/sale-aufbewahrungsmoebel/">
2821                            Aufbewahrungsmöbel                        </a>
2822                    </div>
2823                                    <div class="item">
2824                        <a href="https://shop.schoener-wohnen.de/sale-gartenmoebel/">
2825                            Gartenmöbel                        </a>
2826                    </div>
2827                                    <div class="item">
2828                        <a href="https://shop.schoener-wohnen.de/sale-leuchten/">
2829                            Leuchten                        </a>
2830                    </div>
2831                                    <div class="item">
2832                        <a href="https://shop.schoener-wohnen.de/sale-schlafzimmermoebel/">
2833                            Schlafzimmermöbel                        </a>
2834                    </div>
2835                                    <div class="item">
2836                        <a href="https://shop.schoener-wohnen.de/sale-sitzmoebel/">
2837                            Sitzmöbel                        </a>
2838                    </div>
2839                                    <div class="item">
2840                        <a href="https://shop.schoener-wohnen.de/sale-tische/">
2841                            Tische                        </a>
2842                    </div>
2843                                <div class="item show-all mt-1.5">
2844                    <a href="https://shop.schoener-wohnen.de/sale/" class="italic">
2845                        Alle anzeigen                    </a>
2846                </div>
2847            </div>
2848            </div>
2849                                                                            <div class="cms-block col-span-5">
2850    <style>#html-body [data-pb-style=M7KIXS6],#html-body [data-pb-style=RIP6OXA]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=RIP6OXA]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=M7KIXS6]{align-self:stretch}#html-body [data-pb-style=K4TIRRY]{display:flex;width:100%}#html-body [data-pb-style=KREEQ8F],#html-body [data-pb-style=MYD8TNL],#html-body [data-pb-style=XDK37EQ]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="dbs-scheduled-tile grid-3-cols" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="RIP6OXA"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="M7KIXS6"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="K4TIRRY"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="XDK37EQ"><div data-content-type="text" data-appearance="default" data-element="main"><p> </p><div class="dbs-menu-teaser cursor-pointer" onclick="location.assign('https://shop.schoener-wohnen.de/sale-sitzmoebel/')"><div class="background"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/wysiwyg/Pagebuilder/Menu-Navigation/sale-accessoires-menu.jpg?auto=format&w=480" class="h-full w-full object-cover" alt="Sale: Sitzm&ouml;bel" width="372" height="259" loading="lazy"></div><div class="content p-4 text-center"> <p class="text-2xl text-white"><span>Sale: Sitzm&ouml;bel</span></p>  <div><button type="button" class="mt-4 mx-auto cursor-pointer button button-fit button-primary-b"><span>Jetzt entdecken</span></button></div></div></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="KREEQ8F"><div data-content-type="text" data-appearance="default" data-element="main"><p> </p><div class="dbs-menu-teaser cursor-pointer" onclick="location.assign('https://shop.schoener-wohnen.de/sale-leuchten/')"><div class="background"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/wysiwyg/Pagebuilder/Menu-Navigation/sale-accessoires-3-menu.jpg?auto=format&w=480" class="h-full w-full object-cover" alt="Sale: Leuchten" width="372" height="259" loading="lazy"></div><div class="content p-4 text-center"> <p class="text-2xl text-white"><span>Sale: Leuchten</span></p>  <div><button type="button" class="mt-4 mx-auto cursor-pointer button button-fit button-primary-b"><span>Jetzt entdecken</span></button></div></div></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="MYD8TNL"><div data-content-type="text" data-appearance="default" data-element="main"><p> </p><div class="dbs-menu-teaser cursor-pointer" onclick="location.assign('https://shop.schoener-wohnen.de/sale-accessoires/')"><div class="background"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" data-src="https://dbs-base.imgix.net/media/wysiwyg/Pagebuilder/Menu-Navigation/sale-accessoires-2-menu.jpg?auto=format&w=480" class="h-full w-full object-cover" alt="Sale: Accessoires" width="372" height="259" loading="lazy"></div><div class="content p-4 text-center"> <p class="text-2xl text-white"><span>Sale: Accessoires</span></p>  <div><button type="button" class="mt-4 mx-auto cursor-pointer button button-fit button-primary-b"><span>Jetzt entdecken</span></button></div></div></div></div></div></div></div></div></div></div>                                                </div>
2851                            <div class="topic-bar">
2852                    <div class="container mx-auto">
2853                        <div class="grid auto-cols-fr grid-flow-col text-left items-center py-3 gap-6">
2854                                        <div style="max-width: 150px;">
2855                <a class="hover:underline"
2856                   href="/schoener-wohnen-kollektion/">
2857                    SCHÖNER WOHNEN-Kollektion                </a>
2858            </div>
2859                                                <div style="max-width: 150px;">
2860                <a class="hover:underline"
2861                   href="/neu/">
2862                    Neuheiten                </a>
2863            </div>
2864                                                <div style="max-width: 150px;">
2865                <a class="hover:underline"
2866                   href="/flur-stilvoll-nutzen/">
2867                    Möbel &amp; Accessoires für den Flur                </a>
2868            </div>
2869                                                <div style="max-width: 150px;">
2870                <a class="hover:underline"
2871                   href="/klassiker/">
2872                    Klassiker                </a>
2873            </div>
2874                                                <div style="max-width: 150px;">
2875                <a class="hover:underline"
2876                   href="/geschenke/">
2877                    Geschenke                </a>
2878            </div>
2879                                                <div style="max-width: 150px;">
2880                <a class="hover:underline"
2881                   href="/geschenke-geschenkgutscheine/">
2882                    Geschenkgutscheine                </a>
2883            </div>
2884                    </div>                    </div>
2885                </div>
2886                        </div>
2887    </template>
2888    </div>                                </div>
2889                                                                                            <div class="nav-panel &#x20;parent&#x20;xl&#x3A;hidden&#x20;level-0&#x20;">
2890                                     <div class="item parent" id="parent-id-110"><a class="xl&#x3A;hidden" href="https://shop.schoener-wohnen.de/geschenke/"    data-node-id="110"
2891   data-node-name="Geschenke"
2892   data-node-url="https&#x3A;&#x2F;&#x2F;shop.schoener-wohnen.de&#x2F;geschenke&#x2F;"
2893   x-on:click.prevent="interactByNode($event)"
2894   x-on:mouseover.prevent.stop="interactByNode($event)"
2895     >Geschenke<span class="arrow-forth"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="h-4 w-auto text-charcoal" aria-hidden="true"><path d="M1 1L11 11L1 21" stroke-wid
2895th="2" stroke-linecap="round"/></svg>
2896</span></a></div>                                    <div class="submenu-container nav-panel"
2897    id="panel-id-110">
2898        <template x-if="nodeRenderingHistory.has('110')">
2899        <div>
2900                <div class="submenu-level-1 nav-panel">
2901                                                            <div class="submenu-container "
2902         id="panel-id-27214">
2903                    <div class="submenu-level-2 nav-panel">
2904                                    <div class="item">
2905                        <a href="https://shop.schoener-wohnen.de/geschenke-mann/">
2906                            Die schönsten Geschenke für IHN                        </a>
2907                    </div>
2908                                    <div class="item">
2909                        <a href="https://shop.schoener-wohnen.de/geschenke-designliebhaber/">
2910                            Design-Geschenke                        </a>
2911                    </div>
2912                                    <div class="item">
2913                        <a href="https://shop.schoener-wohnen.de/bis-50/">
2914                            bis 50 €                        </a>
2915                    </div>
2916                                    <div class="item">
2917                        <a href="https://shop.schoener-wohnen.de/bis-100/">
2918                            bis 100 €                        </a>
2919                    </div>
2920                                    <div class="item">
2921                        <a href="https://shop.schoener-wohnen.de/bis-250/">
2922                            bis 250 €                        </a>
2923                    </div>
2924                                    <div class="item">
2925                        <a href="https://shop.schoener-wohnen.de/bis-500/">
2926                            bis 500 €                        </a>
2927                    </div>
2928                                    <div class="item">
2929                        <a href="https://shop.schoener-wohnen.de/klassiker/">
2930                            Designklassiker                        </a>
2931                    </div>
2932                                    <div class="item">
2933                        <a href="https://shop.schoener-wohnen.de/geschenke-geschenkgutscheine/">
2934                            Gutscheine                        </a>
2935                    </div>
2936                                <div class="item show-all mt-1.5">
2937                    <a href="https://shop.schoener-wohnen.de/geschenke/" class="italic">
2938                        Alle anzeigen                    </a>
2939                </div>
2940            </div>
2941            </div>
2942                                                </div>
2943                            <div class="topic-bar">
2944                    <div class="container mx-auto">
2945                        <div class="grid auto-cols-fr grid-flow-col text-left items-center py-3 gap-6">
2946                                        <div style="max-width: 150px;">
2947                <a class="hover:underline"
2948                   href="/schoener-wohnen-kollektion/">
2949                    SCHÖNER WOHNEN-Kollektion                </a>
2950            </div>
2951                                                <div style="max-width: 150px;">
2952                <a class="hover:underline"
2953                   href="/neu/">
2954                    Neuheiten                </a>
2955            </div>
2956                                                <div style="max-width: 150px;">
2957                <a class="hover:underline"
2958                   href="/flur-stilvoll-nutzen/">
2959                    Möbel &amp; Accessoires für den Flur                </a>
2960            </div>
2961                                                <div style="max-width: 150px;">
2962                <a class="hover:underline"
2963                   href="/klassiker/">
2964                    Klassiker                </a>
2965            </div>
2966                                                <div style="max-width: 150px;">
2967                <a class="hover:underline"
2968                   href="/geschenke/">
2969                    Geschenke                </a>
2970            </div>
2971                                                <div style="max-width: 150px;">
2972                <a class="hover:underline"
2973                   href="/geschenke-geschenkgutscheine/">
2974                    Geschenkgutscheine                </a>
2975            </div>
2976                    </div>                    </div>
2977                </div>
2978                        </div>
2979    </template>
2980    </div>                                </div>
2981                                                                                            <div class="nav-panel &#x20;&#x20;level-0&#x20;xl&#x3A;hidden">
2982                                     <div class="mobile-only-toplevel-entry item "> <a href="/service/kontakt/"     data-node-id="40"
2983   data-node-name="Kundenservice"
2984   data-node-url="&#x2F;service&#x2F;kontakt&#x2F;"
2985   x-on:click.prevent="interactByNode($event)"
2986   x-on:mouseover.prevent.stop="interactByNode($event)"
2987     > Kundenservice </a> </div>                                                                    </div>
2988                                                                                            <div class="nav-panel &#x20;&#x20;level-0&#x20;xl&#x3A;hidden">
2989                                     <div class="mobile-only-toplevel-entry item "> <a href="https://r.shop.schoener-wohnen.de/"     data-node-id="42"
2990   data-node-name="Artikel&#x20;zur&#xFC;cksenden"
2991   data-node-url="https&#x3A;&#x2F;&#x2F;r.shop.schoener-wohnen.de&#x2F;"
2992   x-on:click.prevent="interactByNode($event)"
2993   x-on:mouseover.prevent.stop="interactByNode($event)"
2994     > Artikel zurücksenden </a> </div>                                                                    </div>
2995                                                    </div>
2996                    </div>
2997                </div>
2998            </div>
2999        </nav>
3000    </div>
3001<script>
3002    const MainNavigation = () => {
3003        const ITEM_ACTIVE_CLASS = 'item-active';
3004        const POINTER_TOUCH_CLASS = 'touch';
3005        const HOVER_ACTION_DELAY = 350;
3006        const $mainNavigation = document.querySelector('.main-navigation');
3007        const $mainPanel = document.querySelector('.main-panel');
3008        const $mobileMenuToggle = document.querySelector('#mobileMenuToggle');
3009
3010        const stopListeners = () => {
3011            if ($mainNavigation) {
3012                $mainNavigation.removeEventListener('mouseenter', eventsHandler);
3013            }
3014            if ($mobileMenuToggle) {
3015                $mobileMenuToggle.removeEventListener('click', eventsHandler);
3016            }
3017        }
3018
3019        const eventsHandler = () => {
3020            stopListeners();
3021        }
3022
3023        if ($mainNavigation) {
3024            $mainNavigation.addEventListener('mouseenter', eventsHandler);
3025        }
3026
3027        if ($mobileMenuToggle) {
3028            $mobileMenuToggle.addEventListener('click', eventsHandler)
3029        }
3030
3031        return {
3032            isUserLoggedIn: null,
3033            activePanelId: null,
3034            activePanelHeading: null,
3035            isActiveOnMobile: null,
3036            nodeHistory: [],
3037            nodeRenderingHistory: new Set(),
3038            panelHeadingHistory: [],
3039            activePanelTimeout: null,
3040            setUserLoggedInStatus(data) {
3041                this.isUserLoggedIn = data.customer && data.customer.firstname;
3042            },
3043            init() {
3044                this.initMainNavigation()
3045            },
3046            initMainNavigation() {
3047                this.bindSubmenuHover();
3048            },
3049            bindSubmenuHover() {
3050                this.$root.querySelectorAll('.submenu-container').forEach((submenu) => {
3051                    submenu.addEventListener('mouseenter', (event) => {
3052                        if (this.isMobileMode()) {
3053                            return;
3054                        }
3055
3056                        const topLevelLink = event.target.closest('.level-0').querySelector(':scope > .parent > a');
3057
3058                        if (topLevelLink) {
3059                            const targetData = topLevelLink.dataset;
3060                            this.interact(
3061                                targetData.nodeId,
3062                                targetData.nodeName,
3063                                targetData.nodeUrl,
3064                                true,
3065                                true,
3066                                true,
3067                                false
3068                            )
3069                        }
3070                    })
3071                })
3072            },
3073            closeMainNavigation() {
3074                if (this.isActiveOnMobile) {
3075                    this.$dispatch('disable-backdrop');
3076                    this.$dispatch('disable-bodylock');
3077                }
3078                this.isActiveOnMobile = false
3079                this.hideSubPanels()
3080                $mainNavigation.classList.remove(POINTER_TOUCH_CLASS)
3081            },
3082            openMainNavigation() {
3083                this.isActiveOnMobile = true
3084                this.hideSubPanels()
3085                this.$dispatch('enable-backdrop');
3086                this.$dispatch('enable-bodylock');
3087                this.$nextTick(() => this.setMobileNavigationHeight());
3088            },
3089            isMobileMode() {
3090                return window.matchMedia('(max-width: 1279px)').matches
3091            },
3092            interactByNode(event) {
3093                event.preventDefault();
3094                event.stopImmediatePropagation();
3095                event.stopPropagation();
3096
3097                const isHover = event.type === 'mouseover'
3098                const isClick = event.type === 'click'
3099
3100                let target = event.target
3101
3102                if (target.nodeName !== 'A') {
3103                                        target = target.closest('a') || target
3104
3105                    if (target.nodeName !== 'A') {
3106                        return false
3107                    }
3108                }
3109
3110                const isParentNode = target.parentElement.classList.contains('parent')
3111                const isRootNode = target.parentElement.parentElement.classList.contains('level-0')
3112
3113                const targetData = target.dataset
3114                if (targetData.length < 1) return false
3115
3116                return this.interact(targetData.nodeId, targetData.nodeName, targetData.nodeUrl, isParentNode, isRootNode, isHover, isClick)
3117            },
3118            interact(nodeIdentifier = null, panelHeading = '', nodeUrl = null, isParentNode = false, isRootNode = false, isHover = false, isClick = false) {
3119
3120                const isTouchMode = $mainNavigation.classList.contains(POINTER_TOUCH_CLASS)
3121
3122                                if (isHover && isTouchMode || isHover && this.isMobileMode() && !isTouchMode) {
3123                    return false
3124                }
3125
3126                // ignore tapping on root level items in desktop mode
3127                const suppressRootLevelNodeClickTrigger = isRootNode && !this.isMobileMode() && isTouchMode
3128
3129                                                if ((!isParentNode && !isHover || !this.isMobileMode() && isClick) && !suppressRootLevelNodeClickTrigger) {
3130                    location.assign(nodeUrl)
3131                    return false
3132                }
3133
3134                if (this.isMobileMode()) {
3135                    const subPanel = document.getElementById('panel-id-' + nodeIdentifier) || null
3136                    if (subPanel) {
3137                        $mainPanel.scrollTo(0, 0);
3138                        this.hideToplevelPanels()
3139
3140                        if (subPanel.classList.contains(ITEM_ACTIVE_CLASS)) {
3141                            this.hideSubPanels()
3142                        } else {
3143                            this.setActiveData(nodeIdentifier, panelHeading)
3144                            this.showActiveSubPanel()
3145                        }
3146                    } else {
3147                        location.assign(nodeUrl)
3148                        return false
3149                    }
3150
3151                }
3152                if (!this.isMobileMode()) {
3153                    const desktopModeHandler = () => {
3154                        if (this.activePanelId && this.activePanelId !== nodeIdentifier) {
3155                                                        if (isRootNode) {
3156                                this.hideSubPanels()
3157                            }
3158                            this.activePanelId = null
3159                        }
3160
3161                        this.setActiveData(nodeIdentifier, panelHeading);
3162                        this.showActiveSubPanel();
3163                    }
3164
3165                    if (this.activePanelTimeout) {
3166                        clearTimeout(this.activePanelTimeout);
3167                    }
3168                    this.activePanelTimeout = setTimeout(desktopModeHandler.bind(this), HOVER_ACTION_DELAY)
3169                }
3170            },
3171            setActiveData(nodeIdentifier, panelHeading) {
3172                if (nodeIdentifier) {
3173                    this.nodeHistory.push(nodeIdentifier)
3174                    this.nodeRenderingHistory.add(nodeIdentifier)
3175                }
3176                if (panelHeading) {
3177                    this.panelHeadingHistory.push(panelHeading)
3178                }
3179
3180                this.activePanelId = nodeIdentifier
3181                this.activePanelHeading = panelHeading
3182                this.$nextTick(this.loadActivePanelImages.bind(this))
3183            },
3184            showActiveSubPanel() {
3185                const parentItem = document.getElementById('parent-id-' + this.activePanelId) || null
3186                if (parentItem) parentItem.classList.add(ITEM_ACTIVE_CLASS)
3187
3188                const panel = document.getElementById('panel-id-' + this.activePanelId) || null
3189                if (panel) panel.classList.remove('hidden')
3190                if (panel) panel.classList.add(ITEM_ACTIVE_CLASS)
3191            },
3192            hideActiveSubPanel() {
3193                const parentItem = document.getElementById('parent-id-' + this.activePanelId) || null
3194                if (parentItem) parentItem.classList.remove(ITEM_ACTIVE_CLASS)
3195
3196                const panel = document.getElementById('panel-id-' + this.activePanelId) || null
3197                if (panel) panel.classList.remove(ITEM_ACTIVE_CLASS)
3198                if (panel) panel.classList.add('hidden')
3199            },
3200            hideToplevelPanels() {
3201                document.querySelectorAll('.nav-panels > .nav-panel > .item, .level-0.skip-mobile-display>.submenu-container>div>.nav-panel>.item>a').forEach(element => element.classList.add('disabled'))
3202            },
3203            showToplevelPanels() {
3204                document.querySelectorAll('.nav-panels > .nav-panel > .item, .level-0.skip-mobile-display>.submenu-container>div>.nav-panel>.item>a').forEach(element => element.classList.remove('disabled'))
3205            },
3206            hideSubPanels() {
3207                this.resetAllParents()
3208                this.resetAllPanels()
3209
3210                this.nodeHistory = []
3211                this.panelHeadingHistory = []
3212                this.activePanelId = null
3213                this.activePanelHeading = null
3214            },
3215            resetAllParents() {
3216                document.querySelectorAll('.item.parent, .item.skip-mobile-display, .level-0 .item').forEach(element => element.classList.remove(ITEM_ACTIVE_CLASS))
3217                this.showToplevelPanels()
3218            },
3219            resetAllPanels() {
3220                document.querySelectorAll('.submenu-container').forEach(element => element.classList.remove(ITEM_ACTIVE_CLASS))
3221            },
3222            showPreviousPanel() {
3223                if (this.nodeHistory.length) {
3224                    this.nodeHistory.pop()
3225                }
3226
3227                if (this.panelHeadingHistory.length) {
3228                    this.panelHeadingHistory.pop()
3229                }
3230
3231                const nodeIdentifier = this.nodeHistory.length ? this.nodeHistory.pop() : null
3232                const panelHeading = this.panelHeadingHistory.length ? this.panelHeadingHistory.pop() : null
3233
3234                if (nodeIdentifier && panelHeading) {
3235                    this.hideActiveSubPanel()
3236                    this.setActiveData(nodeIdentifier, panelHeading)
3237                } else {
3238                    this.hideSubPanels()
3239                }
3240
3241                this.setMobileNavigationHeight()
3242            },
3243            setMobileNavigationHeight() {
3244                $mainPanel.style.height = this.isMobileMode() ? $mainNavigation.getBoundingClientRect().height + 'px' : ''
3245            },
3246            registerIsTouch() {
3247                $mainNavigation.classList.toggle(POINTER_TOUCH_CLASS, true)
3248            },
3249            loadActivePanelImages() {
3250                if (this.isMobileMode()) {
3251                    return;
3252                }
3253
3254                const panel = document.getElementById('panel-id-' + this.activePanelId) || null;
3255
3256                if (!panel) {
3257                    return;
3258                }
3259
3260                Array.from(panel.querySelectorAll('img[data-src]') || []).forEac
3260h(
3261                    element => {
3262                        const imageSrc = element.dataset.src;
3263                        const panelTemplates = panel.querySelectorAll('template');
3264                                                fetch(imageSrc).then((response) => response.blob()).then(blob => {
3265                            const objectUrl = URL.createObjectURL(blob);
3266                            element.src = objectUrl;
3267                            element.removeAttribute('data-src');
3268                                                        Array.from(panelTemplates).forEach(panelTemplate => {
3269                                const bufferPanel = document.createElement('div');
3270                                bufferPanel.innerHTML = panelTemplate.innerHTML;
3271                                const templateImages = bufferPanel.querySelectorAll(`img[data-src="${imageSrc}"]`);
3272                                if (templateImages) {
3273                                    Array.from(templateImages).forEach(image => {
3274                                        image.src = objectUrl;
3275                                        image.removeAttribute('data-src');
3276                                    })
3277                                }
3278                                panelTemplate.innerHTML = bufferPanel.innerHTML;
3279                                bufferPanel.remove();
3280                            })
3281                        })
3282                    }
3283                )
3284            },
3285            interactOnMouseLeave() {
3286                if (!this.isMobileMode()) {
3287                    if (this.activePanelTimeout) {
3288                        clearTimeout(this.activePanelTimeout);
3289                    }
3290                    this.activePanelTimeout = setTimeout(this.closeMainNavigation.bind(this), HOVER_ACTION_DELAY);
3291                }
3292            },
3293            eventListeners: {
3294                ['x-on:private-content-loaded.window'](event) {
3295                    this.setUserLoggedInStatus(event.detail.data)
3296                },
3297                ['x-on:show-navigation.window']() {
3298                    this.openMainNavigation()
3299                },
3300                ['x-on:hide-navigation.window']() {
3301                    this.closeMainNavigation()
3302                },
3303                ['x-on:window-resize-horizontal.window.debounce']() {
3304                    this.closeMainNavigation()
3305                    this.setMobileNavigationHeight()
3306                },
3307                ['x-on:close-navigation.window']() {
3308                    this.closeMainNavigation()
3309                },
3310                ['x-on:touchstart']() {
3311                    this.registerIsTouch()
3312                },
3313                ['x-on:mouseleave']() {
3314                    this.interactOnMouseLeave()
3315                },
3316                ['x-on:click.outside']() {
3317                    this.closeMainNavigation()
3318                },
3319            }
3320        }
3321    }
3322</script>
3322</div> </header><div class="top-container"><nav class="breadcrumbs&#x20;pt-1&#x20;md&#x3A;pt-4&#x20;lg&#x3A;pt-6&#x20;pb-8&#x20;lg&#x3A;pb-6" aria-label="Breadcrumb">
3323    <div class="container&#x20;text-&#x5B;10px&#x5D;&#x20;lg&#x3A;text-xs&#x20;text-neutralgray">
3324        <ol class="items&#x20;list-reset&#x20;flex&#x20;flex-wrap&#x20;text-13px&#x20;lg&#x3A;text-sm">
3325                            <li class="item&#x20;flex 0">
3326                                                    <a href="https://shop.schoener-wohnen.de/"
3327                       class="no-underline&#x20;text-neutralgray"
3328                       title="Startseite"
3329                    >
3330                        Startseite                    </a>
3331                                </li>
3332                                                        <li class="item&#x20;flex 1">
3333                                    <span aria-hidden="true" class="separator&#x20;text-neutralgray&#x20;px-2">&gt;</span>
3334                                                    <a href="/marken/"
3335                       class="no-underline&#x20;text-neutralgray"
3336                       title="Marken"
3337                    >
3338                        Marken                    </a>
3339                                </li>
3340                                                        <li class="item&#x20;flex 2">
3341                                    <span aria-hidden="true" class="separator&#x20;text-neutralgray&#x20;px-2">&gt;</span>
3342                                                    <a href="/hay/"
3343                       class="no-underline&#x20;text-neutralgray"
3344                       title="HAY"
3345                    >
3346                        HAY                    </a>
3347                                </li>
3348                                                        <li class="item&#x20;flex 3">
3349                                    <span aria-hidden="true" class="separator&#x20;text-neutralgray&#x20;px-2">&gt;</span>
3350                                                    <a href="/hay-kollektionen/"
3351                       class="no-underline&#x20;text-neutralgray"
3352                       title="Kollektionen"
3353                    >
3354                        Kollektionen                    </a>
3355                                </li>
3356                                                        <li class="item&#x20;flex 4">
3357                                    <span aria-hidden="true" class="separator&#x20;text-neutralgray&#x20;px-2">&gt;</span>
3358                                                    <a href="/hay-about-a-chair/"
3359                       class="no-underline&#x20;text-neutralgray"
3360                       title="About&#x20;a&#x20;Chair"
3361                    >
3362                        About a Chair                    </a>
3363                                </li>
3364                                                        <li class="item&#x20;flex 5">
3365                                    <span aria-hidden="true" class="separator&#x20;text-neutralgray&#x20;px-2">&gt;</span>
3366                                                    <span class="text-secondary"
3367                       aria-current="page"
3368                    >
3369                        About a Chair AAC 22                    </span>
3370                                </li>
3371                                                </ol>
3372    </div>
3373</nav>
3374    
3374<script type="application/ld+json">
3375        { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/shop.schoener-wohnen.de\/","name":"Startseite"}},{"@type":"ListItem","position":2,"item":{"@id":"\/marken\/","name":"Marken"}},{"@type":"ListItem","position":3,"item":{"@id":"\/hay\/","name":"HAY"}},{"@type":"ListItem","position":4,"item":{"@id":"\/hay-kollektionen\/","name":"Kollektionen"}},{"@type":"ListItem","position":5,"item":{"@id":"\/hay-about-a-chair\/","name":"About a Chair"}},{"@type":"ListItem","position":6,"item":{"@id":"https:\/\/shop.schoener-wohnen.de\/hay-about-a-chair-aac-22.html?sku=903180222","name":"About a Chair AAC 22"}}] }
3376    </script>
3376
3377</div><main id="maincontent" class="page-main"><div id="contentarea" tabindex="-1"></div><div class="page messages">
3377<script>
3378    function initMessages() {
3379        'use strict';
3380
3381        const PERSISTENT_MESSAGE_TYPES = ['info', 'warning', 'notice'];
3382        const TRACKING_CLASS_LIST  = {"success":["gtm-tracking-success"],"error":["gtm-tracking-error"],"info":["gtm-tracking-info"],"warning":["gtm-tracking-info"],"notice":["gtm-tracking-info"]};
3383
3384        return {
3385            messages: window.mageMessages || [],
3386            isEmpty() {
3387                return this.messages.reduce(
3388                    function (isEmpty, message) {
3389                        return isEmpty && message === undefined
3390                    }, true
3391                )
3392            },
3393            getMessageAdditionalClasses({ type: messageType }) {
3394                let trackingMessages = [];
3395                if (Array.isArray(TRACKING_CLASS_LIST[messageType])) {
3396                    trackingMessages = TRACKING_CLASS_LIST[messageType];
3397                }
3398
3399                return [
3400                    messageType,
3401                    ...trackingMessages
3402                ].join(' ');
3403            },
3404            hasMessages() {
3405                return !this.isEmpty();
3406            },
3407            hasMessage() {
3408                return !!this.message;
3409            },
3410            removeMessage() {
3411                this.messages[this.index] = undefined;
3412            },
3413            addMessages(messages, hideAfter) {
3414                messages.map((message) => {
3415                    this.messages = this.messages.concat(message);
3416
3417                                        if (!PERSISTENT_MESSAGE_TYPES.includes(message.type)) {
3418                        this.setHideTimeOut(this.messages.length -1, 15000);
3419                    }
3420                                    });
3421            },
3422            setHideTimeOut(messageIndex, hideAfter) {
3423                setTimeout((messageIndex) => {
3424                    this.messages[messageIndex] = undefined;
3425                }, hideAfter, messageIndex);
3426            },
3427            eventListeners: {
3428                ['x-on:messages-loaded.window'](event) {
3429                    this.addMessages(event.detail.messages, event.detail.hideAfter)
3430                },
3431                ['x-on:private-content-loaded.window'](event) {
3432                    const data = event.detail.data;
3433                    if (
3434                        data.messages &&
3435                        data.messages.messages &&
3436                        data.messages.messages.length
3437                    ) {
3438                        this.addMessages(data.messages.messages);
3439                    }
3440                },
3441                ['x-on:clear-messages.window']() {
3442                    this.messages = [];
3443                }
3444            },
3445            getMessageUiId() {
3446                return 'message-' + this.message.type;
3447            }
3448        }
3449    }
3450
3451    window.addEventListener('alpine:init', () => Alpine.data('initMessages', initMessages), {once: true})
3452</script>
3452
3453<section id="messages" x-data="initMessages" x-bind="eventListeners" role="alert">
3454    <template x-if="hasMessages">
3455        <div class="w-full">
3456            <div class="messages container mx-auto py-3">
3457                <template x-for="(message, index) in messages" :key="index">
3458                    <div>
3459                        <template x-if="hasMessage">
3460                            <div class="message"
3461                                 :class="getMessageAdditionalClasses(message)"
3462                                 :ui-id="getMessageUiId"
3463                            >
3464                                <template x-if="message.type === 'success'">
3465                                    <span class="icon text-happygreen-darker"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 18 13" fill="currentColor" class="h-4 w-auto" role="img">
3466<path d="M6.51889 10.2767L6.69747 10.4589L6.87606 10.2767L16.0365 0.926309C16.3316 0.625068 16.7996 0.625068 17.0947 0.926309C17.3926 1.23041 17.3926 1.71699 17.0947 2.02109L7.22657 12.0938C7.08794 12.2353 6.88358 12.2997 6.69747 12.2997C6.53754 12.2997 6.32207 12.2136 6.15812 12.0833L1.21466 7.03738C0.916729 6.73327 0.916729 6.2467 1.21466 5.94259C1.50978 5.64135 1.97772 5.64135 2.27285 5.94259L6.51889 10.2767Z"/>
3467</svg>
3468</span>
3469                                </template>
3470                                <template x-if="message.type === 'warning'">
3471                                    <span class="icon fill">i</span>
3472                                </template>
3473                                <template x-if="message.type === 'error'">
3474                                    <span class="icon fill">i</span>
3475                                </template>
3476                                <span class="pr-4 w-full" x-html="message.text"></span>
3477                                <button type="button" class="close cursor-pointer text-black" title="Close"
3478                                   x-on:click.prevent="removeMessage(index)"
3479                                >
3480                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 103" class="h-4 w-auto" width="24" height="24" role="img">
3481  <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M6.4 3.6l90 90m-90 0l90-90"/>
3482</svg>
3483                                </button>
3484                            </div>
3485                        </template>
3486                    </div>
3487                </template>
3488            </div>
3489        </div>
3490    </template>
3491</section></div><div class="columns"><div class="column main"><div class="product-info-main"><section class="grid&#x20;grid-cols-1&#x20;lg&#x3A;grid-cols-3&#x20;container&#x20;lg&#x3A;mb-12">
3492        <div class="col-span-full&#x20;lg&#x3A;hidden">
3493        <div class="grid&#x20;relative&#x20;grid-cols-6&#x20;sm&#x3A;grid-cols-4&#x20;col-span-full">
3494    <div class="col-span-5&#x20;xl&#x3A;grid-cols-4">
3495        <div class="mb-2.5 h-[20px]">
3496        <a href="https://shop.schoener-wohnen.de/hay/"
3497       title="HAY" class="block">
3498                            <span class="w-full&#x20;underline&#x20;text-base&#x20;block h-[20px]">
3499                <img loading="lazy" width="60" height="20" src="https://dbs-base.imgix.net/media/attribute/swatch/svg/manufacturer/60.svg?auto=format"
3500        class="w-auto h-&#x5B;20px&#x5D;"
3501        alt="HAY" />            </span>
3502                    </a>
3503</div>        <h1 class="text-2xl&#x20;leading-tight">
3504                            HAY -                         About a Chair AAC 22        </h1>
3505            <p class="text-xs&#x20;leading-normal">
3506        Design von        <a href="https://shop.schoener-wohnen.de/designer-hee-welling/" class="underline">            Hee Welling        </a>    </p>
3507    </div>
3508            <div class="flex&#x20;justify-end&#x20;absolute&#x20;top-0&#x20;right-0">
3509            <div>
3510    
3510<script>
3511    function WishlistButton() {
3512        return {
3513            isLoading: false,
3514            addItemToWishlistQuery: `mutation
3515          addProductToWishlist(
3516            $wishlistId: ID!
3517            $wishlistItems: [WishlistItemInput!]!
3518          ) {
3519            addProductsToWishlist(
3520              wishlistId: $wishlistId
3521              wishlistItems: $wishlistItems
3522            ) {
3523              wishlist {
3524                id
3525                items_count
3526                items_v2 (currentPage: 1, pageSize: 100 ) {
3527                  items {
3528                    id
3529                    quantity
3530                    ... on ConfigurableWishlistItem {
3531                      configured_variant {
3532                        name
3533                        sku
3534                        attributeValueLabels(fields: ["manufacturer"])
3535                        small_image {
3536                          url
3537                        }
3538                        price_range {
3539                          minimum_price {
3540                            regular_price {
3541                              currency
3542                              value
3543                            }
3544                            final_price {
3545                              currency
3546                              value
3547                            }
3548                          }
3549                          maximum_price {
3550                            regular_price {
3551                              currency
3552                              value
3553                            }
3554                            final_price {
3555                              currency
3556                              value
3557                            }
3558                          }
3559                        }
3560                      }
3561                      configurable_options {
3562                        id
3563                        option_label
3564                        configurable_product_option_value_uid
3565                        value_label
3566                      }
3567                    }
3568                    product {
3569                      uid
3570                      name
3571                      sku
3572                      attributeValueLabels(fields: ["manufacturer"])
3573                      small_image {
3574                        url
3575                      }
3576                      price_range {
3577                        minimum_price {
3578                          regular_price {
3579                            currency
3580                            value
3581                          }
3582                          final_price {
3583                            currency
3584                            value
3585                          }
3586                        }
3587                        maximum_price {
3588                          regular_price {
3589                            currency
3590                            value
3591                          }
3592                          final_price {
3593                            currency
3594                            value
3595                          }
3596                        }
3597                      }
3598                    }
3599                  }
3600                }
3601              }
3602              user_errors {
3603                code
3604                message
3605              }
3606            }
3607        }`,
3608            removeItemFromWishlistQuery: `mutation
3609          removeProductFromWishlist(
3610            $wishlistId: ID!
3611            $wishlistItemsIds: [ID!]!
3612          ) {
3613              removeProductsFromWishlist(
3614                wishlistId: $wishlistId
3615                wishlistItemsIds: $wishlistItemsIds
3616              ){
3617                wishlist {
3618                  id
3619                  items_count
3620                }
3621                user_errors {
3622                  code
3623                  message
3624                }
3625              }
3626          }`,
3627            qty: 1,
3628            mainProductSku: '90318001',
3629            customerLoggedIn: null,
3630            selectedOptions: null,
3631            wishlistId: 0,
3632            wishlistItems: null,
3633            currentVariantSku: null,
3634            isCurrentVariantOnWishlist: false,
3635            displayLoginPrompt: false,
3636            getAddItemDataStructure() {
3637                return [{
3638                    sku: this.mainProductSku,
3639                    quantity: parseFloat(this.qty),
3640                    selected_options: this.getSelectedValuesAsBase64()
3641                }]
3642            },
3643            getRemoveItemDataStructure() {
3644                let itemIds = [];
3645
3646                if (Array.isArray(this.wishlistItems)) {
3647                    this.wishlistItems.forEach((wishlistItem) => {
3648                        if (wishlistItem.product_sku === this.currentVariantSku) {
3649                            itemIds.push(wishlistItem.item_id)
3650                        }
3651                    });
3652                }
3653
3654                return itemIds;
3655            },
3656            getSelectedValuesAsBase64() {
3657                                const selectedOptions = []
3658
3659                if (this.selectedOptions) {
3660                    for (const attributeId in this.selectedOptions) {
3661                        if (this.selectedOptions.hasOwnProperty(attributeId) && Number(attributeId)) {
3662                            selectedOptions.push('"' + btoa('configurable/' + attributeId + '/' + this.selectedOptions[attributeId]) + '"')
3663                        }
3664                    }
3665                }
3666
3667                return selectedOptions
3668            },
3669            wishlistAction() {
3670                if (!this.customerLoggedIn) {
3671                    this.displayLoginPrompt = true
3672
3673                    return false
3674                }
3675
3676                                if (!this.selectedOptions || !this.qty) {
3677                    typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
3678                        [{
3679                            type: "error",
3680                            text: "Bitte\u0020w\u00E4hlen\u0020Sie\u0020alle\u0020ben\u00F6tigten\u0020Optionen\u0020aus."
3681                        }], 10000
3682                    )
3683
3684                    return false
3685                }
3686                
3687                this.mutateWishlist()
3688            },
3689            mutateWishlist() {
3690                this.isLoading = true
3691
3692                let variables = {"wishlistId": this.wishlistId};
3693                if (this.isCurrentVariantOnWishlist) {
3694                    variables["wishlistItemsIds"] = this.getRemoveItemDataStructure();
3695                } else {
3696                    variables["wishlistItems"] = this.getAddItemDataStructure();
3697                }
3698
3699                fetch(`${BASE_URL}graphql`, {
3700                    method: 'POST',
3701                    headers: {
3702                        'Content-Type': 'application/json',
3703                        'Store': CURRENT_STORE_CODE,
3704                        credentials: 'include'
3705                    },
3706                    body: JSON.stringify({
3707                        query: this.isCurrentVariantOnWishlist ? this.removeItemFromWishlistQuery : this.addItemToWishlistQuery,
3708                        variables: variables
3709                    })
3710                })
3711                    .then((response) => {
3712                        return response.json()
3713                    })
3714                    .then((data) => {
3715                        const wishlistItems = data?.data?.addProductsToWishlist?.wishlist?.items_v2?.items || [];
3716
3717                        let wishlistItem = wishlistItems.find((item) => {
3718                            if (item?.configured_variant?.sku === this.currentVariantSku) {
3719                                return true;
3720                            }
3721
3722                            if (parseInt(item?.product?.sku) === this.currentVariantSku) {
3723                                return true;
3724                            }
3725
3726                            return false;
3727                        });
3728
3729                        if (wishlistItem) {
3730                            wishlistItem = wishlistItem.configured_variant ?
3731                                {
3732                                    ...wishlistItem.configured_variant,
3733                                    configurable_options: wishlistItem?.configurable_options
3734                                } :
3735                                wishlistItem.product;
3736
3737                            this.dispatchWishlistConfirmationPopupEvent(wishlistItem);
3738                        }
3739
3740                        this.reloadCustomerData();
3741                    })
3742                    .catch(error => {
3743                        console.error(error)
3744
3745                        typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
3746                            [{
3747                                type: "error",
3748                                text: "Item\u0020could\u0020not\u0020be\u0020added\u0020to\u0020Wishlist."
3749                            }], 10000
3750                        )
3751                    })
3752            },
3753            dispatchWishlistConfirmationPopupEvent(wishlistItem) {
3754                const showConfirmationPopupEvent = new CustomEvent(
3755                    "add-to-wishlist-confirmation-popup-call", {
3756                        detail: {
3757                            wishlistItem
3758                        }
3759                    });
3760
3761                window.dispatchEvent(showConfirmationPopupEvent);
3762            },
3763            setIsCurrentVariantOnWishlist() {
3764                this.isCurrentVariantOnWishlist = this.currentVariantSku && this.wishlistItems && this.wishlistItems.find(item => item.product_sku === this.currentVariantSku) || false
3765            },
3766            reloadCustomerData() {
3767                const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data")
3768                window.dispatchEvent(reloadCustomerDataEvent)
3769            },
3770            initSimpleProduct() {
3771                this.currentVariantSku = `90318001`
3772                this.setIsCurrentVariantOnWishlist()
3773            },
3774            eventListeners: {
3775                ['x-on:private-content-loaded.window'](event) {
3776                    this.customerLoggedIn = event.detail.data.customer && event.detail.data.customer.firstname || null
3777                    this.wishlistItems = event.detail.data.wishlist && event.detail.data.wishlist.items || null
3778                    this.wishlistId = event.detail.data.wishlist && event.detail.data.wishlist.wishlist_id || null
3779
3780                    if (this.customerLoggedIn) {
3781                        this.setIsCurrentVariantOnWishlist()
3782                    }
3783
3784                    this.isLoading = false
3785                },
3786                ['x-on:update-variant-sku.window'](event) {
3787                    this.currentVariantSku = event.detail
3788                    this.setIsCurrentVariantOnWishlist()
3789                },
3790                ['x-on:update-currentSelection-17572.window'](event) {
3791                    this.selectedOptions = event.detail
3792                },
3793            }
3794        }
3795    }
3796</script>
3796    <div x-data="WishlistButton()" x-bind="eventListeners" x-on:click.outside="displayLoginPrompt = false"
3797         class=""
3798    >
3799        <button x-on:click.prevent="wishlistAction()"
3800                                :title="!isCurrentVariantOnWishlist ? 'Zur\u0020Wunschliste\u0020hinzuf\u00FCgen' : 'Von\u0020der\u0020Wunschliste\u0020entfernen'"
3801                :aria-label="!isCurrentVariantOnWishlist ? 'Zur\u0020Wunschliste\u0020hinzuf\u00FCgen' : 'Von\u0020der\u0020Wunschliste\u0020entfernen'"
3802                class="p-0&#x20;border-0&#x20;inline-flex&#x20;text-black&#x20;hover&#x3A;text-primary&#x20;items-center&#x20;justify-center&#x20;ml-4&#x20;w-6&#x20;h-6"
3803                type="button"
3804        >
3805        <span :class="{'hidden' : isCurrentVariantOnWishlist || isLoading}">
3806            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 h-6" aria-hidden="true">
3807    <path d="M12 21C12 21 2.25 15.75 2.25 9.5625C2.25 8.21984 2.78337 6.93217 3.73277 5.98277C4.68217 5.03337 5.96984 4.5 7.3125 4.5C9.43031 4.5 11.2444 5.65406 12 7.5C12.7556 5.65406 14.5697 4.5 16.6875 4.5C18.0302 4.5 19.3178 5.03337 20.2672 5.98277C21.2166 6.93217 21.75 8.21984 21.75 9.5625C21.75 15.75 12 21 12 21Z" fill="#ffffff" stroke="#000000" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
3808</svg>
3809        </span>
3810        <span class="hidden" :class="{'hidden' : !isCurrentVariantOnWishlist || isLoading}">
3811            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18.643" version="1.1" id="svg4" width="24" height="24" class="w-6 h-6" aria-hidden="true"><path d="M14.28.523c-2.14 0-3.65 1.11-4.28 2.675C9.37 1.633 7.86.523 5.72.523 2.85.523.523 2.833.523 5.68.523 12.356 10 18.12 10 18.12s9.477-5.764 9.477-12.44c0-2.849-2.326-5.157-5.197-5.157z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" id="path2" style="stroke-width:1.04515;fill:#000000;fill-opacity:1"/></svg>
3812        </span>
3813        <span class="hidden" :class="{'hidden' : !isLoading}">
3814            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 57 57" stroke="currentColor" class="w-auto h-6" aria-hidden="true">
3815  <g fill="none" fill-rule="evenodd" stroke-width="2" transform="translate(1 1)">
3816    <circle cx="5" cy="50" r="5">
3817      <animate attributeName="cy" begin="0s" calcMode="linear" dur="2.2s" repeatCount="indefinite" values="50;5;50;50"/>
3818      <animate attributeName="cx" begin="0s" calcMode="linear" dur="2.2s" repeatCount="indefinite" values="5;27;49;5"/>
3819    </circle>
3820    <circle cx="27" cy="5" r="5">
3821      <animate attributeName="cy" begin="0s" calcMode="linear" dur="2.2s" from="5" repeatCount="indefinite" to="5" values="5;50;50;5"/>
3822      <animate attributeName="cx" begin="0s" calcMode="linear" dur="2.2s" from="27" repeatCount="indefinite" to="27" values="27;49;5;27"/>
3823    </circle>
3824    <circle cx="49" cy="50" r="5">
3825      <animate attributeName="cy" begin="0s" calcMode="linear" dur="2.2s" repeatCount="indefinite" values="50;50;5;50"/>
3826      <animate attributeName="cx" begin="0s" calcMode="linear" dur="2.2s" from="49" repeatCount="indefinite" to="49" values="49;5;27;49"/>
3827    </circle>
3828  </g>
3829</svg>
3830        </span>
3831        </button>
3832        <div class="relative&#x20;hidden" :class="{'block' : displayLoginPrompt, 'hidden' : !displayLoginPrompt}">
3833            <span class="absolute&#x20;right-0&#x20;bottom-0&#x20;transform&#x20;translate-y-full&#x20;rotate-45&#x20;bg-anthracite&#x20;z-10&#x20;-mr-4&#x20;w-&#x5B;30px&#x5D;&#x20;h-&#x5B;30px&#x5D;&#x20;-mb-5&#x20;-mr-&#x5B;3px&#x5D;"></span>
3834            <div class="absolute&#x20;right-0&#x20;bottom-0&#x20;transform&#x20;translate-y-full&#x20;bg-anthracite&#x20;text-white&#x20;p-7&#x20;w-&#x5B;250px&#x5D;&#x20;z-20&#x20;-mr-4&#x20;-mb-&#x5B;27px&#x5D; gtm-tracking-error">
3835                <p class="font-medium&#x20;mb-3">Wunschliste</p>
3836                <p class=""><a href="https://shop.schoener-wohnen.de/customer/account/index/referer/aHR0cHM6Ly9zaG9wLnNjaG9lbmVyLXdvaG5lbi5kZS93aXNobGlzdC8~/" class="underline">Melden Sie sich in Ihrem Konto an</a>, um Produkte in die Wunschliste zu legen.</p>
3837            </div>
3838        </div>
3839    </div>
3840</div>        </div>
3841    
3842            <div class="block&#x20;cursor-pointer&#x20;pt-3&#x20;col-span-full"
3843             onclick="window.dispatchEvent(new CustomEvent('scroll-to-and-open-review-tab'))"
3844             role="button"
3845        >
3846            
3847
3848    <div class="rating-summary flex items-center"
3849        >
3850                                                <span class="mr-1">
3851                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5"
3852                         style="color: #333">
3853                        <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round"
3854                              stroke-miterlimit="10" stroke-width="3"
3855                              d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L51.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/>
3856                    </svg>
3857                </span>
3858                                            <span class="mr-1">
3859                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5"
3860                         style="color: #333">
3861                        <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round"
3862                              stroke-miterlimit="10" stroke-width="3"
3863                              d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
386351.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/>
3864                    </svg>
3865                </span>
3866                                            <span class="mr-1">
3867                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5"
3868                         style="color: #333">
3869                        <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round"
3870                              stroke-miterlimit="10" stroke-width="3"
3871                              d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L51.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/>
3872                    </svg>
3873                </span>
3874                                            <span class="mr-1">
3875                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5"
3876                         style="color: #333">
3877                        <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round"
3878                              stroke-miterlimit="10" stroke-width="3"
3879                              d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
387951.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/>
3880                    </svg>
3881                </span>
3882                                            <span class="mr-1">
3883                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5"
3884                         style="color: #333">
3885                        <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round"
3886                              stroke-miterlimit="10" stroke-width="3"
3887                              d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L51.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/>
3888                    </svg>
3889                </span>
3890                                                                
3891                            <span class="mt-px">
3892                    (<span class="underline">2</span>)
3893                </span>
3894                        </div>
3895        </div>
3896    </div>    </div>
3897    <div class="gallery-wrapper&#x20;relative&#x20;lg&#x3A;col-span-2&#x20;w-full&#x20;lg&#x3A;pr-8&#x20;xl&#x3A;pr-12&#x20;col-start-1">
3898        <div class="overflow-hidden w-full h-[370px] md:h-[29.5rem] absolute inset-0 z-10 lg:pr-8 xl:pr-12 transition-all" id="prefetch-gallery-image">
3899    <div class="flex items-center justify-center w-full h-full cursor-zoom-in bg-white">
3900        <picture>
3901            <source media="(min-width:1536px)" srcset="https://dbs-product.imgix.net/a/a/aa207-d126-aa51_aac_22_pale_peach_2.0_shell_wb_lacquered_oak_base_new.jpg?auto=format,compress&amp;q=85&amp;bg=ffffff&amp;fit=fillmax&amp;fill=solid&amp;fill-color=ffffff&amp;trim=color&amp;trim-color=ffffff&amp;trim-tol=15&amp;sharp=25&amp;w=944&amp;h=350">
3902            <source media="(min-width:1280px)" srcset="https://dbs-product.imgix.net/a/a/aa207-d126-aa51_aac_22_pale_peach_2.0_shell_wb_lacquered_oak_base_new.jpg?auto=format,compress&amp;q=85&amp;bg=ffffff&amp;fit=fillmax&amp;fill=solid&amp;fill-color=ffffff&amp;trim=color&amp;trim-color=ffffff&amp;trim-tol=15&amp;sharp=25&amp;w=770&amp;h=350">
3903            <source media="(min-width:1024px)" srcset="https://dbs-product.imgix.net/a/a/aa207-d126-aa51_aac_22_pale_peach_2.0_shell_wb_lacquered_oak_base_new.jpg?auto=format,compress&amp;q=85&amp;bg=ffffff&amp;fit=fillmax&amp;fill=solid&amp;fill-color=ffffff&amp;trim=color&amp;trim-color=ffffff&amp;trim-tol=15&amp;sharp=25&amp;w=619&amp;h=350">
3904            <source media="(min-width:768px)" srcset="https://dbs-product.imgix.net/a/a/aa207-d126-aa51_aac_22_pale_peach_2.0_shell_wb_lacquered_oak_base_new.jpg?auto=format,compress&amp;q=85&amp;bg=ffffff&amp;fit=fillmax&amp;fill=solid&amp;fill-color=ffffff&amp;trim=color&amp;trim-color=ffffff&amp;trim-tol=15&amp;sharp=25&amp;w=720&amp;h=350">
3905            <source media="(min-width:480px)" srcset="https://dbs-product.imgix.net/a/a/aa207-d126-aa51_aac_22_pale_peach_2.0_shell_wb_lacquered_oak_base_new.jpg?auto=format,compress&amp;q=85&amp;bg=ffffff&amp;fit=fillmax&amp;fill=solid&amp;fill-color=ffffff&amp;trim=color&amp;trim-color=ffffff&amp;trim-tol=15&amp;sharp=25&amp;w=432&amp;h=350">
3906            <img
3907                class="m-auto max-h-full max-w-full w-auto h-auto"
3908                src="https://dbs-product.imgix.net/a/a/aa207-d126-aa51_aac_22_pale_peach_2.0_shell_wb_lacquered_oak_base_new.jpg?auto=format,compress&amp;q=85&amp;bg=ffffff&amp;fit=fillmax&amp;fill=solid&amp;fill-color=ffffff&amp;trim=color&amp;trim-color=ffffff&amp;trim-tol=15&amp;sharp=25&amp;h=350"
3909                alt="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;22 - 1"
3910                title="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;22 - 1"
3911                width="700"
3912                height="350"
3913            />
3914        </picture>
3915    </div>
3916</div><div class="overflow-hidden w-full h-[370px] md:h-[29.5rem] relative"
3917     x-data="MainImageSwiper()" x-init="loadJs();"
3918     x-bind="eventListeners"
3919>
3920    <div class="swiper-container h-full">
3921        <div class="swiper-wrapper items-center">
3922            <template x-for="(image, index) in slides">
3923                <div class="swiper-slide flex items-center justify-center w-full h-full cursor-zoom-in bg-white"
3924                     @click.debounce="$dispatch('fancybox-show')"
3925                >
3926                    <template x-if="image.type === 'image'">
3927                        <picture>
3928                            <source media="(min-width:1536px)" :srcset="image.img + 'auto=format,compress&amp;q=85&amp;bg=ffffff&amp;fit=fillmax&amp;fill=solid&amp;fill-color=ffffff&amp;trim=color&amp;trim-color=ffffff&amp;trim-tol=15&amp;sharp=25&amp;w=944&amp;h=350'">
3929                            <source media="(min-width:1280px)" :srcset="image.img + 'auto=format,compress&amp;q=85&amp;bg=ffffff&amp;fit=fillmax&amp;fill=solid&amp;fill-color=ffffff&amp;trim=color&amp;trim-color=ffffff&amp;trim-tol=15&amp;sharp=25&amp;w=770&amp;h=350'">
3930                            <source media="(min-width:1024px)" :srcset="image.img + 'auto=format,compress&amp;q=85&amp;bg=ffffff&amp;fit=fillmax&amp;fill=solid&amp;fill-color=ffffff&amp;trim=color&amp;trim-color=ffffff&amp;trim-tol=15&amp;sharp=25&amp;w=619&amp;h=350'">
3931                            <source media="(min-width:768px)" :srcset="image.img + 'auto=format,compress&amp;q=85&amp;bg=ffffff&amp;fit=fillmax&amp;fill=solid&amp;fill-color=ffffff&amp;trim=color&amp;trim-color=ffffff&amp;trim-tol=15&amp;sharp=25&amp;w=720&amp;h=350'">
3932                            <source media="(min-width:480px)" :srcset="image.img + 'auto=format,compress&amp;q=85&amp;bg=ffffff&amp;fit=fillmax&amp;fill=solid&amp;fill-color=ffffff&amp;trim=color&amp;trim-color=ffffff&amp;trim-tol=15&amp;sharp=25&amp;w=432&amp;h=350'">
3933                            <img class="m-auto max-h-full max-w-full w-auto h-auto"
3934                                 :src="image.img + 'auto&#x3D;format,compress&amp;q&#x3D;85&amp;bg&#x3D;ffffff&amp;fit&#x3D;fillmax&amp;fill&#x3D;solid&amp;fill-color&#x3D;ffffff&amp;trim&#x3D;color&amp;trim-color&#x3D;ffffff&amp;trim-tol&#x3D;15&amp;sharp&#x3D;25&amp;h&#x3D;350'"
3935                                 :alt="`HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;22 - ${index + 1}`"
3936                                 :title="`HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;22 - ${index + 1}`"
3937                                 width="700"
3938                                 height="350"
3939                                 :loading="index === 0 || mainImageIndex > 0 ? 'eager' : 'lazy'"
3940                                 onload="document.getElementById('prefetch-gallery-image').classList.add('hidden')"
3941                            />
3942                        </picture>
3943                    </template>
3944                    <template x-if="image.type === 'video'">
3945                        <div :id="'youtube-player-gallery' + index"
3946                             class="h-full w-full flex flex-col relative z-20 overflow-hidden">
3947                            <iframe :src="youtubeService && youtubeService.getYoutubeEmbedSrc(image.videoUrl)"
3948                                    class="yt_player_iframe youtube-player-' + index + ' w-full h-full"
3949                                    type="text/html"
3950                            ></iframe>
3951                        </div>
3952                    </template>
3953                </div>
3954            </template>
3955        </div>
3956    </div>
3957    <div
3958    class="product-badges&#x20;absolute&#x20;bottom-0&#x20;left-0&#x20;flex&#x20;flex-row&#x20;lg&#x3A;pr-8&#x20;xl&#x3A;pr-12&#x20;transform&#x20;-translate-y-1&#x2F;2&#x20;z-20"
3959    x-data="ProductBadge()"     x-bind="eventListeners"
3960>
3961    <template x-if="badges && badges[currentVariantId] && badges[currentVariantId].length">
3962        <span class="flex flex-row">
3963            <template x-for="(item, index, collection) in badges[currentVariantId]">
3964                <span :style="collection[index].styles" class="product-badge&#x20;mt-0&#x20;inline-block&#x20;p-1&#x20;text-&#x5B;10px&#x5D;&#x20;uppercase&#x20;leading-none&#x20;font-semibold&#x20;mr-2" x-html="collection[index].badge_text"></span>
3965            </template>
3966        </span>
3967    </template>
3968</div>
3969<script>
3970    function ProductBadge() {
3971        return {
3972            badges: {},
3973            currentVariantId: null,
3974                        parentProduct: {
3975                id: 17572,
3976                                    product_banner_type_promotion: '',
3977                                    product_banner_type_pos: '',
3978                                    product_banner_type_selected: '',
3979                                    product_banner_type_editorial: '',
3980                                    product_banner_type_marketing: '',
3981                                    product_banner_type_sustainability: '',
3982                                    product_banner_type_exclusive: '',
3983                            },
3984                        initSimpleProduct() {
3985                            },
3986            eventListeners: {
3987                ['x-on:init-badge-data.window'](event) {
3988                    event.detail.forEach((product) => {
3989                        if(!(this.badges[product.id])) {
3990                            product.parentProduct = this.parentProduct;
3991                            this.badges[product.id] = themeServiceBadges.getBadges(product)
3992                        }
3993                    })
3994                },
3995                ['x-on:update-variant-id.window'](event) {
3996                    this.currentVariantId = event.detail
3997                }
3998            }
3999        }
4000    }
4001</script>
4001    
4001<script>
4002    const MainImageSwiper = function () {
4003        const containerSelector = '.swiper-container';
4004        const loopOffset = 1;
4005        const isDocumentVisible = () => document.visibilityState === 'visible';
4006
4007        return {
4008            swiperInstance: null,
4009            slides: [],
4010            mainImageIndex: 0,
4011            youtubeService: null,
4012            updateSlides(slides) {
4013                this.slides = slides
4014                if (this.swiperInstance) {
4015                    this.swiperInstance.destroy();
4016                    if (isDocumentVisible()) {
4017                        this.initSwiper();
4018                    }
4019                }
4020            },
4021            loadJs() {
4022                if (document.getElementById('loadSwiper')) {
4023                    return true;
4024                }
4025                const loadSwiper = document.createElement('script');
4026                loadSwiper.src = 'https://shop.schoener-wohnen.de/static/version1790784317/frontend/DesignBestseller/schoener_wohnen/de_DE/js/swiper/swiper-bundle.min.js';
4027                loadSwiper.id = 'loadSwiper';
4028                if (isDocumentVisible()) {
4029                    loadSwiper.onload = this.initSwiper.bind(this)
4030                } else {
4031                    const documentVisibilityListener = () => {
4032                        if (isDocumentVisible()) {
4033                            requestAnimationFrame(this.initSwiper.bind(this));
4034                            document.removeEventListener('visibilitychange', documentVisibilityListener);
4035                        }
4036                    }
4037                    document.addEventListener('visibilitychange', documentVisibilityListener)
4038                }
4039                const firstScriptTag = document.getElementsByTagName('script')[0];
4040                firstScriptTag.parentNode.insertBefore(loadSwiper, firstScriptTag);
4041            },
4042            initSwiper() {
4043                this.swiperInstance = new Swiper(containerSelector, {
4044                    init: false,
4045                    direction: 'horizontal',
4046                    loop: true,
4047                    slidesPerView: 1,
4048                    preloadImages: false,
4049                    spaceBetween: 16,
4050                    lazy: false,
4051                });
4052
4053                this.swiperInstance.on('slideChangeTransitionStart init', () => {
4054                    this.mainImageIndex = this.swiperInstance.realIndex;
4055
4056                    window.dispatchEvent(new CustomEvent('gallery-image-active', {detail: this.mainImageIndex}))
4057                });
4058
4059                requestAnimationFrame(() => {
4060                    Alpine.stopObservingMutations();
4061
4062                    this.swiperInstance.init();
4063                    this.swiperInstance.update();
4064                    this.setActiveSlide(0);
4065
4066                    queueMicrotask(() => {
4067                        Alpine.startObservingMutations();
4068                    });
4069                });
4070            },
4071            setActiveSlide(mainImageIndex) {
4072                if(this.mainImageIndex !== mainImageIndex) {
4073                    this.mainImageIndex = mainImageIndex
4074                    this.$nextTick(() => {
4075                        this.swiperInstance.slideTo(mainImageIndex + loopOffset)
4076                        this.youtubeService && this.youtubeService.stopVideo()
4077                    });
4078                }
4079            },
4080            eventListeners: {
4081                ['x-on:gallery-images.window.debounce'](event) {
4082                    this.updateSlides(event.detail)
4083                },
4084                ['x-on:gallery-image-active.window'](event) {
4085                    this.setActiveSlide(event.detail)
4086                },
4087                ['x-on:youtube-service-loaded.window']() {
4088                    this.youtubeService = YoutubeServices()
4089                },
4090            },
4091        }
4092    }
4093</script>
4093</div><div x-data="GalleryNote()" x-bind="eventListeners" >
4094    <div class="flex flex-row justify-center items-center text-xs pr-20 lg:pr-0" x-html="galleryNote"></div>
4095</div>
4096
4097<script>
4098    function GalleryNote() {
4099        return {
4100            galleryNote: '',
4101            eventListeners: {
4102                ['x-on:update-gallerynote.window'](event) {
4103                    this.galleryNote = event.detail
4104                },
4105            },
4106                    }
4107    }
4108</script>
4108<div class="flex flex-col-reverse lg:flex-col">
4109         <div class="relative lg:min-h-[150px]">
4110    <div x-data="Thumbnails()" x-bind="eventListeners" class="w-full" id="gallery-thumbnails">
4111        <div class="flex items-center justify-center text-neutralgray lg:p-2 lg:pb-4">
4112            <span class="w-12 justify-start cursor-pointer text-neutralgray-darker hidden lg:flex"
4113                  x-on:click="dispatchNavigationToPreviousThumbnail()"
4114            >
4115                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="w-5 h-5" aria-label="Navigate to previous image" role="img"><path d="M12 1L2 11L12 21" stroke-width="2" stroke-linecap="round"/></svg>
4116            </span>
4117            <span class="block p-1 bg-white absolute right-3 bottom-1 lg:static z-10"
4118                x-text="`${mainImageIndex + 1} / ${images.length}`"></span>
4119            <span class="w-12 justify-end cursor-pointer text-neutralgray-darker hidden lg:flex"
4120                  x-on:click="dispatchNavigationToNextThumbnail()"
4121            >
4122                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="w-5 h-5" aria-label="Navigate to next image" role="img"><path d="M1 1L11 11L1 21" stroke-width="2" stroke-linecap="round"/></svg>
4123            </span>
4124        </div>
4125        <div class="-mx-3.5 lg:h-[92px]" style="width: calc(100% + 1.75rem)">
4126            <div id="thumbs" class="hidden lg:flex flex-wrap overflow-hidden">
4127                <div class="lg:h-[92px] scrollbar flex flex-row flex-nowrap transition transition-transform ease-in-out pb-px"
4128                     :style="'transform: translateX(' + scrollOffset + 'px)'"
4129                >
4130                                                                                    <div class="px-3.5 h-[92px]" :class="'!hidden'">
4131                            <span class="block lg:w-[161px] xl:w-[160px] xl:w-[162px] h-[92px] border border-foggray-lighter"></span>
4132                        </div>
4133                                                                    <div class="px-3.5 h-[92px]" :class="'!hidden'">
4134                            <span class="block lg:w-[161px] xl:w-[160px] xl:w-[162px] h-[92px] border border-foggray-lighter"></span>
4135                        </div>
4136                                                                    <div class="px-3.5 h-[92px]" :class="'!hidden'">
4137                            <span class="block lg:w-[161px] xl:w-[160px] xl:w-[162px] h-[92px] border border-foggray-lighter"></span>
4138                        </div>
4139                                                                    <div class="px-3.5 h-[92px]" :class="'!hidden'">
4140                            <span class="block lg:w-[161px] xl:w-[160px] xl:w-[162px] h-[92px] border border-foggray-lighter"></span>
4141                        </div>
4142                                                                    <div class="px-3.5 h-[92px]" :class="'!hidden'">
4143                            <span class="block lg:w-[161px] xl:w-[160px] xl:w-[162px] h-[92px] border border-foggray-lighter"></span>
4144                        </div>
4145                                                                    <div class="px-3.5 h-[92px]" :class="'!hidden'">
4146                            <span class="block lg:w-[161px] xl:w-[160px] xl:w-[162px] h-[92px] border border-foggray-lighter"></span>
4147                        </div>
4148                                                                <template x-for="(image, index) in images" :key="index">
4149                        <div class="px-3.5 lg:w-[161px] xl:w-[160px] xl:w-[162px] h-[92px]">
4150                            <a href="#" x-on:click.prevent="interactWithThumbnails(index);"
4151                               class="inline-flex h-full w-full justify-center items-center border border-foggray-lighter p-2"
4152                               :class="{'border-primary': mainImageIndex === index, 'border-foggray-lighter': mainImageIndex !== index}">
4153                                <template x-if="image.type === 'image'">
4154                                    <img :src="image.thumb + 'auto=compress&amp;q=75&amp;trim=color&amp;trim-color=ffffff&amp;trim-tol=15&amp;fit=fill&amp;bg=ffffff&amp;h=74'"
4155                                         :alt="`HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;22 - ` + (index + 1) + ` - Vorschau`"
4156                                         :title="`HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;22 - ` + (index + 1) + ` - Vorschau`"
4157                                         :loading="index > 6 ? 'lazy' : ''"
4158                                         class="max-w-full max-h-full w-auto h-auto"
4159                                         width="150"
4160                                         height="74"
4161                                    />
4162                                </template>
4163                                <template x-if="image.type === 'video'">
4164                                    <img :src="youtubeService && youtubeService.getYoutubeThumbn
4164ailStillSrc(image.videoUrl)"
4165                                         :alt="`HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;22 - ` + (index + 1) + ` - Vorschau`"
4166                                         :title="`HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;22 - ` + (index + 1) + ` - Vorschau`"
4167                                         :loading="index > 6 ? 'lazy' : ''"
4168                                         class="max-w-full max-h-full w-auto h-auto"
4169                                         width="150"
4170                                         height="74"
4171                                    />
4172                                </template>
4173                            </a>
4174                        </div>
4175                    </template>
4176                </div>
4177            </div>
4178        </div>
4179    </div>
4180    
4180<script>
4181    const Thumbnails = function () {
4182        return {
4183            mainImageIndex: null,
4184            images: [],
4185            itemWidth: 0,
4186            scrollAmount: 1,
4187            currentPage: 0,
4188            pageSize: 0,
4189            pageSizePerResolution: {
4190                'lg': 4,
4191                'xl': 5,
4192                '2xl': 6,
4193            },
4194            containerWidth: 0,
4195            scrollOffset: 0,
4196            maxScrollOffset: 0,
4197            youtubeService: null,
4198            initThumbnails() {
4199                this.getPageSizeForCurrentResolution()
4200                this.setContainerWidth()
4201                this.setThumbnailItemWidth()
4202                this.setMaxScrollOffset()
4203                this.setCanScrollThumbnailsPrev()
4204                this.setCanScrollThumbnailsNext()
4205            },
4206            receiveImages(event) {
4207                this.images = event || []
4208                this.resetThumbnailAttributes()
4209                this.setCanScrollThumbnailsPrev()
4210                this.setCanScrollThumbnailsNext()
4211            },
4212            resetThumbnailAttributes() {
4213                this.currentPage = 0
4214                this.scrollOffset = 0
4215            },
4216            getPageSizeForCurrentResolution() {
4217                const screenSize = themeServiceScreen.getScreen()
4218                this.pageSize = screenSize && this.pageSizePerResolution[themeServiceScreen.getScreen()] || this.pageSizePerResolution.lg
4219            },
4220            setThumbnailItemWidth() {
4221                this.itemWidth = (this.containerWidth) / this.pageSize
4222            },
4223            setCanScrollThumbnailsPrev() {
4224                const prevThumbnailScrollPage = this.mainImageIndex - this.scrollAmount
4225            },
4226            setCanScrollThumbnailsNext() {
4227                const nextThumbnailScrollPage = this.mainImageIndex + this.scrollAmount
4228            },
4229            setMaxScrollOffset() {
4230                this.maxScrollOffset = this.containerWidth / (this.scrollAmount * this.itemWidth)
4231            },
4232            setContainerWidth() {
4233                this.containerWidth = document.querySelector('#thumbs').clientWidth
4234            },
4235            scrollThumbnailsCalculation() {
4236                                if (this.mainImageIndex < this.currentPage && this.currentPage % this.pageSize === 0) {
4237                    this.currentPage = this.currentPage > this.pageSize ? this.currentPage - this.pageSize : 0
4238                    this.scrollOffset = this.itemWidth * this.scrollAmount * this.currentPage * -1
4239                }
4240                                else if (this.mainImageIndex % this.pageSize === 0 || this.mainImageIndex === 0 || this.mainImageIndex === Object.keys(this.images).length) {
4241                    this.currentPage = this.mainImageIndex
4242                    this.scrollOffset = this.itemWidth * this.scrollAmount * this.currentPage * -1
4243                }
4244                this.setCanScrollThumbnailsPrev()
4245                this.setCanScrollThumbnailsNext()
4246            },
4247            dispatchNavigationToPreviousThumbnail() {
4248                const prevImageIndex = this.mainImageIndex - this.scrollAmount >= 0
4249                    ? this.mainImageIndex - this.scrollAmount
4250                    : this.images.length - 1;
4251                this.setMainImageIndex(prevImageIndex)
4252                this.scrollThumbnailsCalculation()
4253            },
4254            dispatchNavigationToNextThumbnail() {
4255                const nextImageIndex = this.mainImageIndex + this.scrollAmount >= this.images.length
4256                    ? 0
4257                    : this.mainImageIndex + this.scrollAmount;
4258                this.setMainImageIndex(nextImageIndex)
4259                this.scrollThumbnailsCalculation()
4260            },
4261            interactWithThumbnails(newMainImageIndex) {
4262                this.setMainImageIndex(newMainImageIndex)
4263                this.scrollThumbnails()
4264                this.setCanScrollThumbnailsPrev()
4265                this.setCanScrollThumbnailsNext()
4266            },
4267            scrollThumbnails() {
4268                this.currentPage = Math.floor((this.mainImageIndex) / this.pageSize) + 1
4269                this.scrollOffset = -1 * (this.currentPage * this.containerWidth - this.containerWidth)
4270                this.scrollThumbnailsCalculation()
4271            },
4272            setMainImageIndex(newMainImageIndex) {
4273                this.mainImageIndex = newMainImageIndex
4274                window.dispatchEvent(new CustomEvent('gallery-image-active', {detail: this.mainImageIndex}))
4275            },
4276            eventListeners: {
4277                ['x-on:window-resize-horizontal.window.debounce']() {
4278                    this.resetThumbnailAttributes()
4279                    this.initThumbnails()
4280                    this.setCanScrollThumbnailsPrev()
4281                    this.setCanScrollThumbnailsNext()
4282                    this.scrollThumbnails()
4283                },
4284                ['x-on:gallery-images.window'](event) {
4285                    this.images = event.detail || []
4286                    this.resetThumbnailAttributes()
4287                    this.initThumbnails()
4288                    this.setCanScrollThumbnailsPrev()
4289                    this.setCanScrollThumbnailsNext()
4290                },
4291                ['x-on:gallery-image-active.window'](event) {
4292                    this.mainImageIndex = event.detail
4293                    this.scrollThumbnails()
4294                },
4295                ['x-on:youtube-service-loaded.window']() {
4296                    this.youtubeService = YoutubeServices()
4297                },
4298            },
4299        }
4300    }
4301</script>
4301</div></div>
4302<div id="gallery" x-data="Gallery()" x-bind="eventListeners"
4303     >
4304    <div x-data="FancyboxComponent()"
4305     @fancybox-show.window="showFancybox()"
4306     @gallery-image-active.window="activeSlideIndex = $event.detail"></div>
4307<script>
4308    const FancyboxComponent = function FancyboxComponent() {
4309        const loadFancyboxLibrary = () => {
4310            if (document.getElementById('fancybox-lib')) {
4311                return Promise.resolve(true);
4312            }
4313
4314            return new Promise(resolve => {
4315                const loadFancybox = document.createElement('script');
4316                loadFancybox.src = 'https://shop.schoener-wohnen.de/static/version1790784317/frontend/DesignBestseller/schoener_wohnen/de_DE/js/fancybox/fancybox.umd.js';
4317                loadFancybox.defer = true;
4318                loadFancybox.id = 'fancybox-lib';
4319                loadFancybox.onload = () => {
4320                    resolve(true);
4321                }
4322                document.body.appendChild(loadFancybox);
4323            })
4324        }
4325
4326        const loadFancyboxStyles = () => {
4327            if (document.getElementById('fancybox-styles')) {
4328                return Promise.resolve(true);
4329            }
4330
4331            return new Promise(resolve => {
4332                const loadFancyboxStyles = document.createElement('link');
4333                loadFancyboxStyles.href = 'https://shop.schoener-wohnen.de/static/version1790784317/frontend/DesignBestseller/schoener_wohnen/de_DE/js/fancybox/fancybox.min.css';
4334                loadFancyboxStyles.rel = 'stylesheet';
4335                loadFancyboxStyles.id = 'fancybox-styles';
4336                loadFancyboxStyles.onload = () => {
4337                    resolve(true);
4338                }
4339                document.head.appendChild(loadFancyboxStyles);
4340            });
4341        }
4342
4343        const prepareImages = (galleryImages) => {
4344            return galleryImages.filter(item => item.type === 'image').map((image) => {
4345                const url = new URLSearchParams(image.full);
4346
4347                url.set('auto', 'format,compress');
4348                url.set('q', '100');
4349                url.set('bg', 'ffffff');
4350                url.set('fit', 'fillmax');
4351                url.set('fill', 'solid');
4352                url.set('fill-color', 'ffffff');
4353                url.set('trim', 'color');
4354                url.set('trim-color', 'ffffff');
4355                url.set('trim-tol', '10');
4356                url.set('pad', '60');
4357
4358                return {
4359                    src: decodeURIComponent(url.toString()),
4360                    caption: image.caption,
4361                };
4362            });
4363        }
4364
4365        return {
4366            activeSlideIndex: 0,
4367            async showFancybox() {
4368                await loadFancyboxLibrary();
4369                await loadFancyboxStyles();
4370
4371                const images = prepareImages(this.images);
4372                const options = {
4373                    Hash: false,
4374                    Thumbs: false,
4375                    Carousel: {
4376                        Navigation: false,
4377                    },
4378                    Autoplay: false,
4379                    startIndex: this.activeSlideIndex,
4380                    loop: true,
4381                    Toolbar: {
4382                        absolute: false,
4383                        display: {
4384                            left: [],
4385                            middle: [],
4386                            right: ["toggleZoom", 'fullscreen', "close"],
4387                        }
4388                    },
4389                    tpl: {
4390                        main: `<div class="fancybox__container" role="dialog" aria-modal="true" aria-label="{{MODAL}}" tabindex="-1">
4391    <div class="fancybox__toolbar bg-black bg-opacity-25"></div>
4392    <div class="fancybox__backdrop"></div>
4393    <div class="fancybox__carousel"></div>
4394    <div class="fancybox__footer z-20 bg-black bg-opacity-25">
4395        <div class="flex flex-row items-center justify-center flex-1 w-full">
4396            <button data-fancybox-prev class="f-button is-prev" title="{{PREV}}" aria-label="{{PREV}}">
4397                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 18 17" stroke="currentColor" class="w-5 h-5" aria-label="Navigate to previous image" role="img">
4398    <path d="M8.33825 15.8675S1.39607 8.73859 1.39607 8.63981c0-.08232 6.94218-7.2277 6.94218-7.2277M1.39607 8.64014H16.6074" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
4399</svg>
4400            </button>
4401            <div class="fancybox__infobar">
4402                <span data-fancybox-current-index></span>/<span data-fancybox-count></span>
4403            </div>
4404            <button data-fancybox-next class="f-button is-next" title="{{NEXT}}" aria-label="{{NEXT}}">
4405                <svg xmlns="http://www.w3.org/2000/svg" stroke="currentColor" viewBox="0 0 18 17" height="24" width="24" class="w-5 h-5" aria-label="Navigate to next image" role="img">
4406    <path d="M9.66522 15.8675s6.94218-7.12891 6.94218-7.22769c0-.08232-6.94218-7.2277-6.94218-7.2277m6.94218 7.22803H1.39607" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1.2" fill="none"/>
4407</svg>
4408            </button>
4409        </div>
4410    </div>
4411</div>`,
4412                    }
4413                };
4414
4415                new Fancybox(images, options);
4416            },
4417        };
4418    }
4419</script>
4419</div>
4420<script>
4421    function Gallery() {
4422        return {
4423            images: [],
4424            originalImages: [{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_concrete_grey_2.0_shell_wb_lacquer_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_concrete_grey_2.0_shell_wb_lacquer_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_concrete_grey_2.0_shell_wb_lacquer_oak_base_new.jpg?","type":"image","videoUrl":null,"__disableTmpl":true},{"thumb":"https:\/\/dbs-product.imgix.net\/c\/p\/cph20_round_dia120_black_linoleum_wb_lacquered_oak_aac22_black_2.0_shell_wb_lacquered_oak_nelson_ball_bubble_pendant_m_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/c\/p\/cph20_round_dia120_black_linoleum_wb_lacquered_oak_aac22_black_2.0_shell_wb_lacquered_oak_nelson_ball_bubble_pendant_m_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/c\/p\/cph20_round_dia120_black_linoleum_wb_lacquered_oak_aac22_black_2.0_shell_wb_lacquered_oak_nelson_ball_bubble_pendant_m_new.jpg?","type":"image","videoUrl":null,"__disableTmpl":true},{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_w_hite_2.0_shell_wb_lacquer_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_w_hite_2.0_shell_wb_lacquer_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_w_hite_2.0_shell_wb_lacquer_oak_base_new.jpg?","type":"image","videoUrl":null,"__disableTmpl":true},{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_black_2.0_shell_wb_lacquer_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_black_2.0_shell_wb_lacquer_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_black_2.0_shell_wb_lacquer_oak_base_new.jpg?","type":"image","videoUrl":null,"__disableTmpl":true},{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_concrete_grey_2.0_shell_wb_lacquer_oak_pao_steel_pendant_230_soft_black_arcs_vase_red_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_concrete_grey_2.0_shell_wb_lacquer_oak_pao_steel_pendant_230_soft_black_arcs_vase_red_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_concrete_grey_2.0_shell_wb_lacquer_oak_pao_steel_pendant_230_soft_black_arcs_vase_red_new.jpg?","type":"image","videoUrl":null,"__disableTmpl":true},{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_khaki_2.0_shell_wb_lacquer_oak_base_cph_25_off_white_lino_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_khaki_2.0_shell_wb_lacquer_oak_base_cph_25_off_white_lino_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_khaki_2.0_shell_wb_lacquer_oak_base_cph_25_off_white_lino_oak_base_new.jpg?","type":"image","videoUrl":null,"__disableTmpl":true},{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_pastel_green_2.0_shell_black_wb_lacquer_oak_base_loop_stand_table_white.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_pastel_green_2.0_shell_black_wb_lacquer_oak_base_loop_stand_table_white.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_pastel_green_2.0_shell_black_wb_lacquer_oak_base_loop_stand_table_white.jpg?","type":"image","videoUrl":null,"__disableTmpl":true},{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_white_2.0_shell_wb_lacquer_walnut_base_cph_90_charcoal_lino_wb_lacquer_walnut_base_pao_glass_table_lamp_350_white_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_white_2.0_shell_wb_lacquer_walnut_base_cph_90_charcoal_lino_wb_lacquer_walnut_base_pao_glass_table_lamp_350_white_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_white_2.0_shell_wb_lacquer_walnut_base_cph_90_charcoal_lino_wb_lacquer_walnut_base_pao_glass_table_lamp_350_white_new.jpg?","type":"image","videoUrl":null,"__disableTmpl":true},{"thumb":"https:\/\/dbs-product.imgix.net\/l\/o\/loop_stand_round_white_laminate_aac_22_khaki_2.0_shell_wb_lacquer_base_new_order_combination_401_army_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/l\/o\/loop_stand_round_white_laminate_aac_22_khaki_2.0_shell_wb_lacquer_base_new_order_combination_401_army_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/l\/o\/loop_stand_round_white_laminate_aac_22_khaki_2.0_shell_wb_lacquer_base_new_order_combination_401_army_new.jpg?","type":"image","videoUrl":null,"__disableTmpl":true},{"thumb":"https:\/\/dbs-product.imgix.net\/c\/p\/cph_25_off_white_lino_wb_lacquer_walnut_base_aac_22_dusty_blue_2.0_shell_wb_lacquer_walnut_base_pao_steel_pendant_cool_grey_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/c\/p\/cph_25_off_white_lino_wb_lacquer_walnut_base_aac_22_dusty_blue_2.0_shell_wb_lacquer_walnut_base_pao_steel_pendant_cool_grey_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/c\/p\/cph_25_off_white_lino_wb_lacquer_walnut_base_aac_22_dusty_blue_2.0_shell_wb_lacquer_walnut_base_pao_steel_pendant_cool_grey_new.jpg?","type":"image","videoUrl":null,"__disableTmpl":true},{"thumb":"https:\/\/dbs-product.imgix.net\/c\/p\/cph_90_desk_off_white_linoleum_aac_22_black_2.0_shell_wb_lacquer_oak_base_colour_vase_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/c\/p\/cph_90_desk_off_white_linoleum_aac_22_black_2.0_shell_wb_lacquer_oak_base_colour_vase_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/c\/p\/cph_90_desk_off_white_linoleum_aac_22_black_2.0_shell_wb_lacquer_oak_base_colour_vase_new.jpg?","type":"image","videoUrl":null,"__disableTmpl":true},{"thumb":"https:\/\/dbs-product.imgix.net\/c\/p\/cph90_desk_off_white_aac_22_wb_lacquer_black_wb_lacquer_oak_pc_table_lamp_black_shade_bin_grey_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/c\/p\/cph90_desk_off_white_aac_22_wb_lacquer_black_wb_lacquer_oak_pc_table_lamp_black_shade_bin_grey_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/c\/p\/cph90_desk_off_white_aac_22_wb_lacquer_black_wb_lacquer_oak_pc_table_lamp_black_shade_bin_grey_new.jpg?","type":"image","videoUrl":null,"__disableTmpl":true},{"thumb":"https:\/\/dbs-product.imgix.net\/c\/p\/cph_30_l250xw90xh74_wb_lacquer_walnut_aac_22_black_2.0_shell_wb_lacquer_walnut_base_tint_glass_light_yellow_with_white_rim_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/c\/p\/cph_30_l250xw90xh74_wb_lacquer_walnut_aac_22_black_2.0_shell_wb_lacquer_walnut_base_tint_glass_light_yellow_with_white_rim_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/c\/p\/cph_30_l250xw90xh74_wb_lacquer_walnut_aac_22_black_2.0_shell_wb_lacquer_walnut_base_tint_glass_light_yellow_with_white_rim_new.jpg?","type":"image","videoUrl":null,"__disableTmpl":true},{"thumb":"https:\/\/dbs-product.imgix.net\/h\/o\/hover.jpg?","img":"https:\/\/dbs-product.imgix.net\/h\/o\/hover.jpg?","full":"https:\/\/dbs-product.imgix.net\/h\/o\/hover.jpg?","type":"image","videoUrl":null,"__disableTmpl":true}],
4425            receiveImages(images) {
4426                if (images && Object.keys(images).length) {
4427                    images = [].concat(images, this.originalImages)
4428                }
4429                this.init(images)
4430            },
4431            init(images) {
4432                this.images = (images || this.originalImages)
4433                    .filter(image => ['image', 'video'].indexOf(image.type) > -1) || []
4434                this.checkForVideoGalleryElement()
4435                this.dispatchSwiperAndThumbnailImages()
4436            },
4437            dispatchSwiperAndThumbnailImages() {
4438                window.dispatchEvent(new CustomEvent('gallery-images', {detail: this.images}))
4439            },
4440            checkForVideoGalleryElement() {
4441                if (typeof YoutubeServices !== 'function') {
4442                    this.images.forEach((image) => {
4443                        if (image.type === 'video') {
4444                            this.initLoadYoutubeScript()
4445                            return false; // exit from forEach
4446                        }
4447                    })
4448                }
4449            },
4450            initLoadYoutubeScript() {
4451                if (!document.getElementById('youtube-scriptloader')) {
4452                    const youtubeScriptNode = document.createElement("script");
4453                    youtubeScriptNode.id = 'youtube-scriptloader';
4454                    youtubeScriptNode.setAttribute("src", 'https\u003A\u002F\u002Fshop.schoener\u002Dwohnen.de\u002Fstatic\u002Fversion1790784317\u002Ffrontend\u002FDesignBestseller\u002Fschoener_wohnen\u002Fde_DE\u002Fjs\u002Ftheme\u002Dscripts\u002Fcomponents\u002Fyoutube.js');
4455                    document.head.appendChild(youtubeScriptNode);
4456                }
4457            },
4458            eventListeners: {
4459                ['x-on:update-gallery.window'](event) {
4460                    this.receiveImages(event.detail)
4461                },
4462            },
4463        }
4464    }
4465</script>
4465                <div x-data="ProductBanner()" x-init="showBanners()" x-bind="eventListeners" class="mt-3 lg:pr-8 xl:mt-5 xl:pr-12">
4466    <template x-if="productBannerData">
4467        <div>
4468            <template x-for="productBanner in Object.values(productBannerData)">
4469                <div :style="productBanner.styles"
4470                     class="product-banner px-6 py-3"
4471                     :class="{'cursor-pointer' : productBanner.banner_link}"
4472                     x-on:click="handleClick(productBanner.banner_link)"
4473                     x-show="productBanner.banner_text"
4474                     x-html="productBanner.banner_text"></div>
4475            </template>
4476        </div>
4477    </template>
4478</div>
4479<script>
4480    function ProductBanner() {
4481        return {
4482            parentProductId: '17572',
4483            currentProductId: '217606',
4484            productBannerDataList: "",
4485            productBannerData: [],
4486            showBanners() {
4487                this.productBannerData = this.productBannerDataList[this.currentProductId] ??
4488                    this.productBannerDataList[this.parentProductId] ??
4489                    [];
4490            },
4491            handleClick(bannerLink) {
4492                if (bannerLink) {
4493                    location.assign(bannerLink)
4494                }
4495            },
4496            eventListeners: {
4497                ['x-on:update-banner-data.window'](event) {
4498                    this.productBannerData = event.detail
4499                },
4500                ['x-on:update-variant-id.window'](event) {
4501                    this.currentProductId = event.detail;
4502                    this.showBanners();
4503                }
4504            }
4505        }
4506    }
4507</script>
4507                     </div>
4508    <div class="lg&#x3A;row-span-3&#x20;lg&#x3A;col-start-3">
4509        <div class="relative&#x20;w-full&#x20;mx-auto&#x20;mt-2&#x20;lg&#x3A;mt-0&#x20;md&#x3A;mb-5&#x20;lg&#x3A;mb-0&#x20;lg&#x3A;sticky&#x20;z-20&#x20;sticky-buybox">
4510    <div class="hidden&#x20;lg&#x3A;block">
4511        <div class="grid&#x20;relative&#x20;grid-cols-6&#x20;sm&#x3A;grid-cols-4&#x20;col-span-full">
4512    <div class="col-span-5&#x20;xl&#x3A;grid-cols-4">
4513        <div class="mb-2.5 h-[20px]">
4514        <a href="https://shop.schoener-wohnen.de/hay/"
4515       title="HAY" class="block">
4516                            <span class="w-full&#x20;underline&#x20;text-base&#x20;block h-[20px]">
4517                <img loading="lazy" width="60" height="20" src="https://dbs-base.imgix.net/media/attribute/swatch/svg/manufacturer/60.svg?auto=format"
4518        class="w-auto h-&#x5B;20px&#x5D;"
4519        alt="HAY" />            </span>
4520                    </a>
4521</div>        <h1 class="text-2xl&#x20;leading-tight">
4522                            HAY -                         About a Chair AAC 22        </h1>
4523            <p class="text-xs&#x20;leading-normal">
4524        Design von        <a href="https://shop.schoener-wohnen.de/designer-hee-welling/" class="underline">            Hee Welling        </a>    </p>
4525    </div>
4526            <div class="flex&#x20;justify-end&#x20;absolute&#x20;top-0&#x20;right-0">
4527            <div>
4528    
4528<script>
4529    function WishlistButton() {
4530        return {
4531            isLoading: false,
4532            addItemToWishlistQuery: `mutation
4533          addProductToWishlist(
4534            $wishlistId: ID!
4535            $wishlistItems: [WishlistItemInput!]!
4536          ) {
4537            addProductsToWishlist(
4538              wishlistId: $wishlistId
4539              wishlistItems: $wishlistItems
4540            ) {
4541              wishlist {
4542                id
4543                items_count
4544                items_v2 (currentPage: 1, pageSize: 100 ) {
4545                  items {
4546                    id
4547                    quantity
4548                    ... on ConfigurableWishlistItem {
4549                      configured_variant {
4550                        name
4551                        sku
4552                        attributeValueLabels(fields: ["manufacturer"])
4553                        small_image {
4554                          url
4555                        }
4556                        price_range {
4557                          minimum_price {
4558                            regular_price {
4559                              currency
4560                              value
4561                            }
4562                            final_price {
4563                              currency
4564                              value
4565                            }
4566                          }
4567                          maximum_price {
4568                            regular_price {
4569                              currency
4570                              value
4571                            }
4572                            final_price {
4573                              currency
4574                              value
4575                            }
4576                          }
4577                        }
4578                      }
4579                      configurable_options {
4580                        id
4581                        option_label
4582                        configurable_product_option_value_uid
4583                        value_label
4584                      }
4585                    }
4586                    product {
4587                      uid
4588                      name
4589                      sku
4590                      attributeValueLabels(fields: ["manufacturer"])
4591                      small_image {
4592                        url
4593                      }
4594                      price_range {
4595                        minimum_price {
4596                          regular_price {
4597                            currency
4598                            value
4599                          }
4600                          final_price {
4601                            currency
4602                            value
4603                          }
4604                        }
4605                        maximum_price {
4606                          regular_price {
4607                            currency
4608                            value
4609                          }
4610                          final_price {
4611                            currency
4612                            value
4613                          }
4614                        }
4615                      }
4616                    }
4617                  }
4618                }
4619              }
4620              user_errors {
4621                code
4622                message
4623              }
4624            }
4625        }`,
4626            removeItemFromWishlistQuery: `mutation
4627          removeProductFromWishlist(
4628            $wishlistId: ID!
4629            $wishlistItemsIds: [ID!]!
4630          ) {
4631              removeProductsFromWishlist(
4632                wishlistId: $wishlistId
4633                wishlistItemsIds: $wishlistItemsIds
4634              ){
4635                wishlist {
4636                  id
4637                  items_count
4638                }
4639                user_errors {
4640                  code
4641                  message
4642                }
4643              }
4644          }`,
4645            qty: 1,
4646            mainProductSku: '90318001',
4647            customerLoggedIn: null,
4648            selectedOptions: null,
4649            wishlistId: 0,
4650            wishlistItems: null,
4651            currentVariantSku: null,
4652            isCurrentVariantOnWishlist: false,
4653            displayLoginPrompt: false,
4654            getAddItemDataStructure() {
4655                return [{
4656                    sku: this.mainProductSku,
4657                    quantity: parseFloat(this.qty),
4658                    selected_options: this.getSelectedValuesAsBase64()
4659                }]
4660            },
4661            getRemoveItemDataStructure() {
4662                let itemIds = [];
4663
4664                if (Array.isArray(this.wishlistItems)) {
4665                    this.wishlistItems.forEach((wishlistItem) => {
4666                        if (wishlistItem.product_sku === this.currentVariantSku) {
4667                            itemIds.push(wishlistItem.item_id)
4668                        }
4669                    });
4670                }
4671
4672                return itemIds;
4673            },
4674            getSelectedValuesAsBase64() {
4675                                const selectedOptions = []
4676
4677                if (this.selectedOptions) {
4678                    for (const attributeId in this.selectedOptions) {
4679                        if (this.selectedOptions.hasOwnProperty(attributeId) && Number(attributeId)) {
4680                            selectedOptions.push('"' + btoa('configurable/' + attributeId + '/' + this.selectedOptions[attributeId]) + '"')
4681                        }
4682                    }
4683                }
4684
4685                return selectedOptions
4686            },
4687            wishlistAction() {
4688                if (!this.customerLoggedIn) {
4689                    this.displayLoginPrompt = true
4690
4691                    return false
4692                }
4693
4694                                if (!this.selectedOptions || !this.qty) {
4695                    typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
4696                        [{
4697                            type: "error",
4698                            text: "Bitte\u0020w\u00E4hlen\u0020Sie\u0020alle\u0020ben\u00F6tigten\u0020Optionen\u0020aus."
4699                        }], 10000
4700                    )
4701
4702                    return false
4703                }
4704                
4705                this.mutateWishlist()
4706            },
4707            mutateWishlist() {
4708                this.isLoading = true
4709
4710                let variables = {"wishlistId": this.wishlistId};
4711                if (this.isCurrentVariantOnWishlist) {
4712                    variables["wishlistItemsIds"] = this.getRemoveItemDataStructure();
4713                } else {
4714                    variables["wishlistItems"] = this.getAddItemDataStructure();
4715                }
4716
4717                fetch(`${BASE_URL}graphql`, {
4718                    method: 'POST',
4719                    headers: {
4720                        'Content-Type': 'application/json',
4721                        'Store': CURRENT_STORE_CODE,
4722                        credentials: 'include'
4723                    },
4724                    body: JSON.stringify({
4725                        query: this.isCurrentVariantOnWishlist ? this.removeItemFromWishlistQuery : this.addItemToWishlistQuery,
4726                        variables: variables
4727                    })
4728                })
4729                    .then((response) => {
4730                        return response.json()
4731                    })
4732                    .then((data) => {
4733                        const wishlistItems = data?.data?.addProductsToWishlist?.wishlist?.items_v2?.items || [];
4734
4735                        let wishlistItem = wishlistItems.find((item) => {
4736                            if (item?.configured_variant?.sku === this.currentVariantSku) {
4737                                return true;
4738                            }
4739
4740                            if (parseInt(item?.product?.sku) === this.currentVariantSku) {
4741                                return true;
4742                            }
4743
4744                            return false;
4745                        });
4746
4747                        if (wishlistItem) {
4748                            wishlistItem = wishlistItem.configured_variant ?
4749                                {
4750                                    ...wishlistItem.configured_variant,
4751                                    configurable_options: wishlistItem?.configurable_options
4752                                } :
4753                                wishlistItem.product;
4754
4755                            this.dispatchWishlistConfirmationPopupEvent(wishlistItem);
4756                        }
4757
4758                        this.reloadCustomerData();
4759                    })
4760                    .catch(error => {
4761                        console.error(error)
4762
4763                        typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
4764                            [{
4765                                type: "error",
4766                                text: "Item\u0020could\u0020not\u0020be\u0020added\u0020to\u0020Wishlist."
4767                            }], 10000
4768                        )
4769                    })
4770            },
4771            dispatchWishlistConfirmationPopupEvent(wishlistItem) {
4772                const showConfirmationPopupEvent = new CustomEvent(
4773                    "add-to-wishlist-confirmation-popup-call", {
4774                        detail: {
4775                            wishlistItem
4776                        }
4777                    });
4778
4779                window.dispatchEvent(showConfirmationPopupEvent);
4780            },
4781            setIsCurrentVariantOnWishlist() {
4782                this.isCurrentVariantOnWishlist = this.currentVariantSku && this.wishlistItems && this.wishlistItems.find(item => item.product_sku === this.currentVariantSku) || false
4783            },
4784            reloadCustomerData() {
4785                const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data")
4786                window.dispatchEvent(reloadCustomerDataEvent)
4787            },
4788            initSimpleProduct() {
4789                this.currentVariantSku = `90318001`
4790                this.setIsCurrentVariantOnWishlist()
4791            },
4792            eventListeners: {
4793                ['x-on:private-content-loaded.window'](event) {
4794                    this.customerLoggedIn = event.detail.data.customer && event.detail.data.customer.firstname || null
4795                    this.wishlistItems = event.detail.data.wishlist && event.detail.data.wishlist.items || null
4796                    this.wishlistId = event.detail.data.wishlist && event.detail.data.wishlist.wishlist_id || null
4797
4798                    if (this.customerLoggedIn) {
4799                        this.setIsCurrentVariantOnWishlist()
4800                    }
4801
4802                    this.isLoading = false
4803                },
4804                ['x-on:update-variant-sku.window'](event) {
4805                    this.currentVariantSku = event.detail
4806                    this.setIsCurrentVariantOnWishlist()
4807                },
4808                ['x-on:update-currentSelection-17572.window'](event) {
4809                    this.selectedOptions = event.detail
4810                },
4811            }
4812        }
4813    }
4814</script>
4814    <div x-data="WishlistButton()" x-bind="eventListeners" x-on:click.outside="displayLoginPrompt = false"
4815         class=""
4816    >
4817        <button x-on:click.prevent="wishlistAction()"
4818                                :title="!isCurrentVariantOnWishlist ? 'Zur\u0020Wunschliste\u0020hinzuf\u00FCgen' : 'Von\u0020der\u0020Wunschliste\u0020entfernen'"
4819                :aria-label="!isCurrentVariantOnWishlist ? 'Zur\u0020Wunschliste\u0020hinzuf\u00FCgen' : 'Von\u0020der\u0020Wunschliste\u0020entfernen'"
4820                class="p-0&#x20;border-0&#x20;inline-flex&#x20;text-black&#x20;hover&#x3A;text-primary&#x20;items-center&#x20;justify-center&#x20;ml-4&#x20;w-6&#x20;h-6"
4821                type="button"
4822        >
4823        <span :class="{'hidden' : isCurrentVariantOnWishlist || isLoading}">
4824            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="w-6 h-6" aria-hidden="true">
4825    <path d="M12 21C12 21 2.25 15.75 2.25 9.5625C2.25 8.21984 2.78337 6.93217 3.73277 5.98277C4.68217 5.03337 5.96984 4.5 7.3125 4.5C9.43031 4.5 11.2444 5.65406 12 7.5C12.7556 5.65406 14.5697 4.5 16.6875 4.5C18.0302 4.5 19.3178 5.03337 20.2672 5.98277C21.2166 6.93217 21.75 8.21984 21.75 9.5625C21.75 15.75 12 21 12 21Z" fill="#ffffff" stroke="#000000" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
4826</svg>
4827        </span>
4828        <span class="hidden" :class="{'hidden' : !isCurrentVariantOnWishlist || isLoading}">
4829            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 18.643" version="1.1" id="svg4" width="24" height="24" class="w-6 h-6" aria-hidden="true"><path d="M14.28.523c-2.14 0-3.65 1.11-4.28 2.675C9.37 1.633 7.86.523 5.72.523 2.85.523.523 2.833.523 5.68.523 12.356 10 18.12 10 18.12s9.477-5.764 9.477-12.44c0-2.849-2.326-5.157-5.197-5.157z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" id="path2" style="stroke-width:1.04515;fill:#000000;fill-opacity:1"/></svg>
4830        </span>
4831        <span class="hidden" :class="{'hidden' : !isLoading}">
4832            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 57 57" stroke="currentColor" class="w-auto h-6" aria-hidden="true">
4833  <g fill="none" fill-rule="evenodd" stroke-width="2" transform="translate(1 1)">
4834    <circle cx="5" cy="50" r="5">
4835      <animate attributeName="cy" begin="0s" calcMode="linear" dur="2.2s" repeatCount="indefinite" values="50;5;50;50"/>
4836      <animate attributeName="cx" begin="0s" calcMode="linear" dur="2.2s" repeatCount="indefinite" values="5;27;49;5"/>
4837    </circle>
4838    <circle cx="27" cy="5" r="5">
4839      <animate attributeName="cy" begin="0s" calcMode="linear" dur="2.2s" from="5" repeatCount="indefinite" to="5" values="5;50;50;5"/>
4840      <animate attributeName="cx" begin="0s" calcMode="linear" dur="2.2s" from="27" repeatCount="indefinite" to="27" values="27;49;5;27"/>
4841    </circle>
4842    <circle cx="49" cy="50" r="5">
4843      <animate attributeName="cy" begin="0s" calcMode="linear" dur="2.2s" repeatCount="indefinite" values="50;50;5;50"/>
4844      <animate attributeName="cx" begin="0s" calcMode="linear" dur="2.2s" from="49" repeatCount="indefinite" to="49" values="49;5;27;49"/>
4845    </circle>
4846  </g>
4847</svg>
4848        </span>
4849        </button>
4850        <div class="relative&#x20;hidden" :class="{'block' : displayLoginPrompt, 'hidden' : !displayLoginPrompt}">
4851            <span class="absolute&#x20;right-0&#x20;bottom-0&#x20;transform&#x20;translate-y-full&#x20;rotate-45&#x20;bg-anthracite&#x20;z-10&#x20;-mr-4&#x20;w-&#x5B;30px&#x5D;&#x20;h-&#x5B;30px&#x5D;&#x20;-mb-5&#x20;-mr-&#x5B;3px&#x5D;"></span>
4852            <div class="absolute&#x20;right-0&#x20;bottom-0&#x20;transform&#x20;translate-y-full&#x20;bg-anthracite&#x20;text-white&#x20;p-7&#x20;w-&#x5B;250px&#x5D;&#x20;z-20&#x20;-mr-4&#x20;-mb-&#x5B;27px&#x5D; gtm-tracking-error">
4853                <p class="font-medium&#x20;mb-3">Wunschliste</p>
4854                <p class=""><a href="https://shop.schoener-wohnen.de/customer/account/index/referer/aHR0cHM6Ly9zaG9wLnNjaG9lbmVyLXdvaG5lbi5kZS93aXNobGlzdC8~/" class="underline">Melden Sie sich in Ihrem Konto an</a>, um Produkte in die Wunschliste zu legen.</p>
4855            </div>
4856        </div>
4857    </div>
4858</div>        </div>
4859    
4860            <div class="block&#x20;cursor-pointer&#x20;pt-3&#x20;col-span-full"
4861             onclick="window.dispatchEvent(new CustomEvent('scroll-to-and-open-review-tab'))"
4862             role="button"
4863        >
4864            
4865
4866    <div class="rating-summary flex items-center"
4867        >
4868                                                <span class="mr-1">
4869                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5"
4870                         style="color: #333">
4871                        <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round"
4872                              stroke-miterlimit="10" stroke-width="3"
4873                              d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L51.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/>
4874                    </svg>
4875                </span>
4876                                            <span class="mr-1">
4877                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5"
4878                         style="color: #333">
4879                        <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round"
4880                              stroke-miterlimit="10" stroke-width="3"
4881                              d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
488151.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/>
4882                    </svg>
4883                </span>
4884                                            <span class="mr-1">
4885                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5"
4886                         style="color: #333">
4887                        <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round"
4888                              stroke-miterlimit="10" stroke-width="3"
4889                              d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L51.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/>
4890                    </svg>
4891                </span>
4892                                            <span class="mr-1">
4893                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5"
4894                         style="color: #333">
4895                        <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round"
4896                              stroke-miterlimit="10" stroke-width="3"
4897                              d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
489751.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/>
4898                    </svg>
4899                </span>
4900                                            <span class="mr-1">
4901                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5"
4902                         style="color: #333">
4903                        <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round"
4904                              stroke-miterlimit="10" stroke-width="3"
4905                              d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L51.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/>
4906                    </svg>
4907                </span>
4908                                                                
4909                            <span class="mt-px">
4910                    (<span class="underline">2</span>)
4911                </span>
4912                        </div>
4913        </div>
4914    </div>    </div>
4915            <div class="grid&#x20;grid-cols-&#x5B;110px_auto&#x5D;&#x20;lg&#x3A;grid-cols-3&#x20;w-full&#x20;pt-2&#x20;lg&#x3A;pt-8&#x20;text-black">
4916            <div class="detail-price">
4917                
4917<script>
4918    function initPrice17572() {
4919
4920                const regularPriceInclTaxKey = 'oldPrice',
4921              regularPriceExclTaxKey = 'baseOldPrice',
4922              finalPriceInclTaxKey = 'finalPrice',
4923              finalPriceExclTaxKey = 'basePrice';
4924
4925        function calculateCustomOptionPrices(activeCustomOptions, customOptionPrices) {
4926            return activeCustomOptions.reduce((priceAccumulator, activeCustomOptionId) => {
4927                const customOptionPrice = customOptionPrices[activeCustomOptionId];
4928                if (customOptionPrice) {
4929                    return Number.parseFloat(priceAccumulator) + Number.parseFloat(customOptionPrice);
4930                }
4931                return priceAccumulator;
4932            }, 0);
4933        }
4934
4935        return {
4936            regularPriceKey: regularPriceInclTaxKey,
4937            finalPriceKey: finalPriceInclTaxKey,
4938            activeProductsPriceData: false,
4939            initialFinalPrice: 287,
4940            calculatedFinalPrice: false,
4941            calculatedFinalPriceWithCustomOptions: false,
4942            initialTierPrices: [],
4943            showRegularPriceLabel: true,
4944            customOptionPrices: [],
4945                        activeCustomOptions: [],
4946            savings: null,
4947            qty: 1,
4948            updateCustomOptionActive(data) {
4949                let activeCustomOptions = this.activeCustomOptions;
4950                const customOptionId = data.customOptionId;
4951
4952                if (data.active) {
4953                    if (!activeCustomOptions.includes(customOptionId)) {
4954                        activeCustomOptions.push(data.customOptionId);
4955                    }
4956                } else {
4957                    if (customOptionId && activeCustomOptions.includes(customOptionId)) {
4958                        let index = activeCustomOptions.indexOf(customOptionId);
4959                        activeCustomOptions.splice(index, 1);
4960                    }
4961                }
4962                this.calculateFinalPriceWithCustomOptions()
4963            },
4964            updateCustomOptionPrices(prices, basePrices) {
4965                if (prices) {
4966                    this.customOptionPrices = prices;
4967                }
4968
4969                
4970                this.calculateFinalPriceWithCustomOptions();
4971            },
4972            calculateFinalPrice() {
4973                                                                const getOptionTierPrice = (tierPrice, withTax) => {
4974                                        return tierPrice[withTax ? 'price' : 'basePrice'];
4975                                    }
4976
4977                const findApplicableTierPrice = (initialPrice, withTax) => {
4978                    if (this.activeProductsPriceData && this.activeProductsPriceData.tierPrices) {
4979                        return this.activeProductsPriceData.tierPrices.reduce((acc, tierPrice) => {
4980                            const tierPriceCandidate = getOptionTierPrice(tierPrice, withTax);
4981                            if (this.qty >= tierPrice.qty && tierPriceCandidate < acc) {
4982                                return tierPriceCandidate;
4983                            }
4984                            return acc;
4985                        }, this.activeProductsPriceData[withTax ? finalPriceInclTaxKey : finalPriceExclTaxKey].amount);
4986
4987                    } else {
4988                        const key = withTax ? 'price_incl_tax' : 'price_excl_tax';
4989                        return Object.values(this.initialTierPrices).reduce((acc, tierPrice) => {
4990                            if (this.qty >= tierPrice.price_qty && tierPrice[key] < acc) {
4991                                return tierPrice[key];
4992                            }
4993                            return acc;
4994                        }, initialPrice);
4995
4996                    }
4997                }
4998
4999                this.calculatedFinalPrice = findApplicableTierPrice(this.initialFinalPrice, true);
5000                window.dispatchEvent(new CustomEvent("update-product-final-price", {detail: this.calculatedFinalPrice}));
5001
5002                
5003                this.getSavings();
5004            },
5005            calculatePriceLabelVisibility() {
5006                this.showRegularPriceLabel =
5007                    (this.calculatedFinalPrice === this.activeProductsPriceData[this.regularPriceKey].amount) &&
5008                    this.activeProductsPriceData.isMinimalPrice;
5009            },
5010            calculateFinalPriceWithCustomOptions() {
5011                const finalPrice = this.calculatedFinalPrice || this.initialFinalPrice;
5012                this.calculatedFinalPriceWithCustomOptions = finalPrice + this.getCustomOptionPrice();
5013                            },
5014            getCustomOptionPrice() {
5015                return calculateCustomOptionPrices(this.activeCustomOptions, this.customOptionPrices);
5016            },
5017                        getFormattedFinalPrice() {
5018                return hyva.formatPrice(
5019                    this.calculatedFinalPriceWithCustomOptions ||
5020                    this.calculatedFinalPrice ||
5021                    this.initialFinalPrice
5022                )
5023            },
5024                        isPriceHidden() {
5025                const finalPrice = this.calculatedFinalPriceWithCustomOptions ||
5026                    this.calculatedFinalPrice ||
5027                    this.initialFinalPrice;
5028                return false && finalPrice === 0;
5029            },
5030            initSimpleProduct() {
5031                this.activeProductsPriceData = {
5032                    oldPrice: {amount: 339},
5033                    tierPrices: this.initialTierPrices,
5034                    finalPrice: {amount: this.initialFinalPrice}
5035                }
5036                this.getSavings();
5037            },
5038            getSavings() {
5039                let savings = null
5040
5041                if (this.activeProductsPriceData[this.regularPriceKey]) {
5042                    if (this.activeProductsPriceData[this.finalPriceKey].amount < this.activeProductsPriceData[this.regularPriceKey].amount) {
5043                        savings = window.hyva.getProductSavingsOutput(this.activeProductsPriceData[this.regularPriceKey].amount, this.activeProductsPriceData[this.finalPriceKey].amount, '\u0025s\u0020sparen')
5044                    }
5045                }
5046
5047                this.savings = savings
5048            },
5049            eventListeners: {
5050                ['x-on:update-prices-17572.window'](event) {
5051                    this.activeProductsPriceData = event.detail;
5052
5053                    this.calculateFinalPrice();
5054                    this.calculateFinalPriceWithCustomOptions();
5055                    this.calculatePriceLabelVisibility();
5056                    this.getSavings();
5057                },
5058                ['x-on:update-qty-17572.window'](event) {
5059                    this.qty = event.detail;
5060                    this.calculateFinalPrice();
5061                    this.calculateFinalPriceWithCustomOptions();
5062                },
5063                ['x-on:update-custom-option-active.window'](event) {
5064                    this.updateCustomOptionActive(event.detail);
5065                },
5066                ['x-on:update-custom-option-prices.window'](event) {
5067                    this.updateCustomOptionPrices(event.detail);
5068                },
5069                            }
5070        }
5071    }
5072</script>
5072
5073<div x-data="initPrice17572()"
5074          x-bind="eventListeners"
5075     class="price-box price-final_price flex flex-col"
5076>
5077                <div class="old-price flex mr-2" :class="{'invisible order-first' : !savings, 'sale' : savings}">
5078            <span id="product-price-17572"
5079                  class="price-wrapper title-font font-regular text-sm line-through">
5080                <span class="price-label">UVP</span>
5081                <span class="price"
5082                      x-html="activeProductsPriceData && activeProductsPriceData[regularPriceKey]&& activeProductsPriceData[regularPriceKey].amount && hyva.formatPrice(activeProductsPriceData[regularPriceKey].amount) || '&nbsp;'"
5083                >
5084                    &nbsp;
5085                </span>
5086            </span>
5087        </div>
5088        <div class="final-price inline-block">
5089        <span id="product-price-17572"
5090              class="price-wrapper title-font font-bold text-2xl leading-extra-tight" :class="{'text-salered' : savings}"
5091        >
5092            <span class="price" x-html="activeProductsPriceData ? getFormattedFinalPrice() : '&nbsp;'">&nbsp;</span>
5093        </span>
5094    </div>
5095             <span class="order-last&#x20;block&#x20;text-black&#x20;text-xxs&#x20;leading-&#x5B;21px&#x5D;">inkl. 19% MwSt.</span>        <div class="savings pdp-default-savings invisible" 
5096         :class="{'invisible order-last' : !savings}"
5097         id="varify-pdp-default-savings">
5098        <span class="price text-salered" x-html="savings.output || '&nbsp;'">&nbsp;</span>
5099    </div>
5100    <template x-if="savings && savings.percent && savings.value">
5101        <div
5102            id="varify-pdp-savings"
5103            class="savings pdp-savings invisible"
5104            :class="{'invisible order-last' : !savings}"
5105        >
5106            <span
5107                class="price bg-salered text-white text-xs font-bold my-3 p-1"
5108                x-html="`-${savings.percent}%`"
5109            ></span>
5110            <span
5111                class="text-[11px]"
5112                x-text="hyva.strf('%0 sparen', savings.value)"
5113            ></span>
5114        </div>
5115    </template>
5116    <div x-data="EnergyLabelBadge()"
5117     class="order-last"
5118     x-bind="eventListeners"
5119    >
5120    <template x-if="variantEnergyLabelBadge">
5121        <div class="w-10">
5122            <p class="energy-label cursor-pointer"
5123                 @click="showLightbox()">
5124                <img class="w-full h-full object-contain" :src="variantEnergyLabelBadge.small_label_image_url" />
5125            </p>
5126        </div>
5127    </template>
5128</div>
5129<script>
5130    function EnergyLabelBadge() {
5131        return {
5132            variantEnergyLabelBadge: null,
5133                        showLightbox() {
5134                window.dispatchEvent(new CustomEvent('show-lightbox-energylabel', {detail: this.variantEnergyLabelBadge}));
5135                window.dispatchEvent(new CustomEvent('enable-backdrop'));
5136                window.dispatchEvent(new CustomEvent('enable-bodylock'));
5137            },
5138            eventListeners: {
5139                ['x-on:update-energylabelbadge.window'](event) {
5140                    this.variantEnergyLabelBadge = event.detail
5141                }
5142            }
5143        }
5144    }
5145</script>
5145</div>            </div>
5146            <div class="lg&#x3A;col-span-2&#x20;flex&#x20;items-end">
5147                <div class="flex&#x20;flex-col&#x20;gap-1.5">
5148                    <div x-data="DeliveryTimeDisplay()"
5149     x-bind="eventListeners"
5150     class=""
5151>
5152    <div class="flex&#x20;flex-row&#x20;justify-start&#x20;items-start&#x20;text-xs&#x20;leading-4"
5153         :class="{'flex' : !deliveryTimesLoaded, 'hidden' : deliveryTimesLoaded}">
5154        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="rounded-full mt-0.5 mr-2 shrink-0 h-[11px] w-[11px] animate-spin" width="12" height="12" aria-hidden="true">
5155  <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-2 0c0 .993-.241 1.929-.668 2.754l-1.524-1.525a3.997 3.997 0 00.078-2.183l1.562-1.562C15.802 8.249 16 9.1 16 10zm-5.165 3.913l1.58 1.58A5.98 5.98 0 0110 16a5.976 5.976 0 01-2.516-.552l1.562-1.562a4.006 4.006 0 001.789.027zm-4.677-2.796a4.002 4.002 0 01-.041-2.08l-.08.08-1.53-1.533A5.98 5.98 0 004 10c0 .954.223 1.856.619 2.657l1.54-1.54zm1.088-6.45A5.974 5.974 0 0110 4c.954 0 1.856.223 2.657.619l-1.54 1.54a4.002 4.002 0 00-2.346.033L7.246 4.668zM12 10a2 2 0 11-4 0 2 2 0 014 0z" clip-rule="evenodd"/>
5156</svg>
5157        <span class="shrink">
5158            Laden...        </span>
5159    </div>
5160    <template x-if="deliveryTimesLoaded">
5161        <div class="flex&#x20;flex-row&#x20;justify-start&#x20;items-start&#x20;text-xs&#x20;leading-4">
5162            <div class="rounded-full&#x20;mt-0.5&#x20;mr-2&#x20;shrink-0&#x20;h-&#x5B;11px&#x5D;&#x20;w-&#x5B;11px&#x5D;" :class="getDeliveryTimeBgClass(currentVariantId) || ''"></div>
5163            <span class="shrink" x-text="getDeliveryTimeLabel(currentVariantId) || '&nbsp;'"></span>
5164        </div>
5165    </template>
5166</div>
5167<script>
5168    function DeliveryTimeDisplay() {
5169        return {
5170            currentVariantId: null,
5171            allVariantIds: [],
5172            deliveryTimesLoaded: false,
5173            deliveryTimeServiceOriginIdentifier: 'detailpage-buybox',
5174            init() {
5175                            },
5176            initSimpleProduct() {
5177                this.currentVariantId = 17572;
5178                this.allVariantIds.push(17572);
5179
5180                themeServiceDeliveryTime.fetchProductsDeliveryTimes(this.allVariantIds, 'product_view', true)
5181            },
5182            getDeliveryTimeBgClass(productId) {
5183                const productDeliveryTimeData = themeServiceDeliveryTime.deliveryTimes.find(element => parseInt(element.id) === parseInt(productId))
5184                return productDeliveryTimeData && themeServiceDeliveryTime.getCSSBgClass(productDeliveryTimeData.instantly_available) || ''
5185            },
5186            getDeliveryTimeLabel(productId) {
5187                const productDeliveryTimeData = themeServiceDeliveryTime.deliveryTimes.find(element => parseInt(element.id) === parseInt(productId))
5188                return productDeliveryTimeData && productDeliveryTimeData.qty_label || ''
5189            },
5190            eventListeners: {
5191                ['x-on:update-variant-id.window'](event) {
5192                    this.currentVariantId = event.detail;
5193                },
5194                ['x-on:set-variant-ids.window'](event) {
5195                    this.allVariantIds = event.detail;
5196                    themeServiceDeliveryTime.fetchProductsDeliveryTimes(this.allVariantIds, 'product_view', true)
5197                },
5198                ['x-on:delivery-times-loaded.window'](event) {
5199                    if (event.detail.origin === 'product_view') {
5200                        this.deliveryTimesLoaded = true;
5201                    }
5202                }
5203            }
5204        }
5205    }
5206</script>
5206                    <div x-data="PrepaymentPrice()"
5207     x-bind="eventListeners"
5208     x-show="variantPrepaymentPricePercent > 0"
5209     class=""
5210>
5211    <div class="flex&#x20;flex-row&#x20;justify-start&#x20;items-start&#x20;text-xs&#x20;leading-4">
5212        <div class="rounded-full&#x20;mt-0.5&#x20;mr-2&#x20;shrink-0&#x20;h-&#x5B;11px&#x5D;&#x20;w-&#x5B;11px&#x5D; bg-happygreen">
5213            <span x-show="variantPrepaymentPricePercent === -1">
5214                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="rounded-full mt-0.5 mr-2 shrink-0 h-[11px] w-[11px] animate-spin" width="12" height="12" aria-hidden="true">
5215  <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-2 0c0 .993-.241 1.929-.668 2.754l-1.524-1.525a3.997 3.997 0 00.078-2.183l1.562-1.562C15.802 8.249 16 9.1 16 10zm-5.165 3.913l1.58 1.58A5.98 5.98 0 0110 16a5.976 5.976 0 01-2.516-.552l1.562-1.562a4.006 4.006 0 001.789.027zm-4.677-2.796a4.002 4.002 0 01-.041-2.08l-.08.08-1.53-1.533A5.98 5.98 0 004 10c0 .954.223 1.856.619 2.657l1.54-1.54zm1.088-6.45A5.974 5.974 0 0110 4c.954 0 1.856.223 2.657.619l-1.54 1.54a4.002 4.002 0 00-2.346.033L7.246 4.668zM12 10a2 2 0 11-4 0 2 2 0 014 0z" clip-rule="evenodd"/>
5216</svg>
5217            </span>
5218        </div>
5219        <span class="shrink"
5220              :class="{'!hidden' : variantPrepaymentPricePercent !== -1}"
5221        >
5222            Laden...        </span>
5223        <span class="shrink"
5224              x-show="variantPrepaymentPricePercent !== -1 && isSalePrice"
5225              x-text="hyva.strf('bei Vorkasse zzgl. %0% sichern', variantPrepaymentPricePercent)"
5226        ></span>
5227        <span class="shrink"
5228              x-show="variantPrepaymentPricePercent !== -1 && !isSalePrice"
5229              x-text="hyva.strf('bei Vorkasse %0% Skonto sichern', variantPrepaymentPricePercent)"
5230        ></span>
5231    </div>
5232</div>
5233
5234<script>
5235    function PrepaymentPrice() {
5236        return {
5237            isSalePrice: false,
5238            variantPrepaymentPricePercent: -1,
5239            eventListeners: {
5240                ['x-on:update-prepayment-price.window'](event) {
5241                    this.isSalePrice = event.detail.isSalePrice;
5242                    this.variantPrepaymentPricePercent = event.detail.promo_prepayment_percentage_discount;
5243                },
5244            },
5245                    }
5246    }
5247</script>
5247                    <div class=""
5248     x-data="FreeShipping()" x-bind="eventListeners"
5249>
5250    <div class="flex&#x20;flex-row&#x20;justify-start&#x20;items-start&#x20;text-xs&#x20;leading-4"
5251         :class="{'!hidden' : variantFreeShipping !== -1}"
5252    >
5253        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="rounded-full mt-0.5 mr-2 shrink-0 h-[11px] w-[11px] animate-spin" width="12" height="12" aria-hidden="true">
5254  <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-2 0c0 .993-.241 1.929-.668 2.754l-1.524-1.525a3.997 3.997 0 00.078-2.183l1.562-1.562C15.802 8.249 16 9.1 16 10zm-5.165 3.913l1.58 1.58A5.98 5.98 0 0110 16a5.976 5.976 0 01-2.516-.552l1.562-1.562a4.006 4.006 0 001.789.027zm-4.677-2.796a4.002 4.002 0 01-.041-2.08l-.08.08-1.53-1.533A5.98 5.98 0 004 10c0 .954.223 1.856.619 2.657l1.54-1.54zm1.088-6.45A5.974 5.974 0 0110 4c.954 0 1.856.223 2.657.619l-1.54 1.54a4.002 4.002 0 00-2.346.033L7.246 4.668zM12 10a2 2 0 11-4 0 2 2 0 014 0z" clip-rule="evenodd"/>
5255</svg>
5256        <span class="shrink">Laden...</span>
5257    </div>
5258    <template x-if="variantFreeShipping !== -1">
5259        <div class="flex&#x20;flex-row&#x20;justify-start&#x20;items-start&#x20;text-xs&#x20;leading-4">
5260            <div class="rounded-full&#x20;mt-0.5&#x20;mr-2&#x20;shrink-0&#x20;h-&#x5B;11px&#x5D;&#x20;w-&#x5B;11px&#x5D; bg-happygreen"></div>
5261            <a href="https://shop.schoener-wohnen.de/service/versand/" target="_blank" rel="noopener noreferrer">
5262                <span class="shrink" x-show="variantFreeShipping === true">
5263                    Versandkostenfrei                </span>
5264                <span class="shrink" x-show="variantFreeShipping !== true">
5265                    zzgl. Versandkosten                </span>
5266            </a>
5267        </div>
5268    </template>
5269</div>
5270
5271<script>
5272    function FreeShipping() {
5273        return {
5274            variantFreeShipping: -1,
5275            eventListeners: {
5276                ['x-on:update-freeshipping.window'](event) {
5277                    this.variantFreeShipping = event.detail
5278                },
5279            },
5280                    }
5281    }
5282</script>
5282                </div>
5283            </div>
5284        </div>
5285
5286                        <form method="post"
5287          action="https://shop.schoener-wohnen.de/checkout/cart/add/uenc/aHR0cHM6Ly9zaG9wLnNjaG9lbmVyLXdvaG5lbi5kZS9oYXktYWJvdXQtYS1jaGFpci1hYWMtMjIuaHRtbD9za3U9OTAzMTgwMjIy/product/17572/"
5288          class=""
5289          id="product_addtocart_form"
5290                                                      data-sku="90318001"
5291                      >
5292        <input type="hidden" name="product" value="17572" />
5293        <input type="hidden" name="selected_configurable_option" value=""  />
5294        <input type="hidden" name="related_product" id="related-products-field" value="" />
5295        <input type="hidden" name="item"  value="17572"/>
5296        <input name="form_key" type="hidden" value="oAHETVsI3fjhp8b4" />                    
5296<script>
5297        function initConfigurableSwatchOptions_17572() {
5298            const configurableOptionsComponent = initConfigurableOptions('17572', {"attributes":{"160":{"id":"160","label":"Farbe","options":[{"id":"38507","label":"azure blue 2.0"},{"id":"38518","label":"black 2.0"},{"id":"38505","label":"clay 2.0"},{"id":"38517","label":"concrete grey 2.0"},{"id":"38516","label":"dusty blue 2.0"},{"id":"38509","label":"dusty mint 2.0"},{"id":"38510","label":"fall green 2.0"},{"id":"38513","label":"khaki 2.0"},{"id":"38514","label":"melange cream 2.0"},{"id":"38504","label":"pale peach 2.0"},{"id":"38512","label":"pastel green 2.0"},{"id":"38503","label":"slate blue 2.0"},{"id":"38511","label":"soft brick 2.0"},{"id":"38515","label":"white 2.0"}]},"161":{"id":"161","label":"Gestell","options":[{"id":"31029","label":"Eiche lackiert"},{"id":"31030","label":"Eiche schwarz lackiert"},{"id":"31117","label":"Walnuss lackiert"}]},"166":{"id":"166","label":"Ausstattung","options":[{"id":"21227","label":"Filzgleiter"},{"id":"38059","label":"Standardgleiter Kunststoff"}]}},"attribute_selections":{"160":{"38503":{"161":{"31029":{"166":{"38059":"217594"}}}},"38504":{"161":{"31029":{"166":{"38059":"217595"}}}},"38505":{"161":{"31029":{"166":{"38059":"217596"}}}},"38507":{"161":{"31029":{"166":{"38059":"217598"}}}},"38509":{"161":{"31029":{"166":{"38059":"217600"}}}},"38510":{"161":{"31029":{"166":{"38059":"217601"}}}},"38511":{"161":{"31029":{"166":{"38059":"217602"}}}},"38512":{"161":{"31029":{"166":{"38059":"217603"}}}},"38513":{"161":{"31029":{"166":{"38059":"217604"}}}},"38514":{"161":{"31029":{"166":{"21227":"217621","38059":"217605"}},"31030":{"166":{"38059":"217573"}},"31117":{"166":{"38059":"217669"}}}},"38515":{"161":{"31029":{"166":{"38059":"217606"}},"31117":{"166":{"38059":"217670"}}}},"38516":{"161":{"31029":{"166":{"38059":"217607"}},"31117":{"166":{"38059":"217671"}}}},"38517":{"161":{"31029":{"166":{"38059":"217608"}},"31117":{"166":{"38059":"217672"}}}},"38518":{"161":{"31029":{"166":{"38059":"217609"}},"31030":{"166":{"38059":"217577"}},"31117":{"166":{"38059":"217673"}}}}}},"attribute_sequence":["160","161","166"],"optionLabels":{"1703":"wei\u00df","1761":"schwarz","1817":"grau","2034":"senfgelb","5924":"orange","5925":"pastellgr\u00fcn","5928":"warm rot","5929":"ziegelfarben","5930":"cremewei\u00df","5931":"betongrau","5932":"khaki","5933":"nebelgr\u00fcn","5934":"graublau","5935":"gr\u00fcn","6538":"soft black","38503":"slate blue 2.0","38504":"pale peach 2.0","38505":"clay 2.0","38506":"raisin 2.0","38507":"azure blue 2.0","38508":"teal green 2.0","38509":"dusty mint 2.0","38510":"fall green 2.0","38511":"soft brick 2.0","38512":"pastel green 2.0","38513":"khaki 2.0","38514":"melange cream 2.0","38515":"white 2.0","38516":"dusty blue 2.0","38517":"concrete grey 2.0","38518":"black 2.0","17548":"Eiche geseift","31029":"Eiche lackiert","31030":"Eiche schwarz lackiert","31117":"Walnuss lackiert","21227":"Filzgleiter","38059":"Standardgleiter Kunststoff"},"optionPrices":{"217573":{"oldPrice":{"amount":339},"basePrice":{"amount":241.17646958824},"finalPrice":{"amount":287},"tierPrices":[]},"217577":{"oldPrice":{"amount":339},"basePrice":{"amount":259.66386454622},"finalPrice":{"amount":309},"tierPrices":[]},"217594":{"oldPrice":{"amount":339},"basePrice":{"amount":241.17646958824},"finalPrice":{"amount":287},"tierPrices":[]},"217595":{"oldPrice":{"amount":339},"basePrice":{"amount":284.87394857983},"finalPrice":{"amount":339},"tierPrices":[]},"217596":{"oldPrice":{"amount":339},"basePrice":{"amount":241.17646958824},"finalPrice":{"amount":287},"tierPrices":[]},"217598":{"oldPrice":{"amount":339},"basePrice":{"amount":257.14285614286},"finalPrice":{"amount":306},"tierPrices":[]},"217600":{"oldPrice":{"amount":339},"basePrice":{"amount":284.87394857983},"finalPrice":{"amount":339},"tierPrices":[]},"217601":{"oldPrice":{"amount":339},"basePrice":{"amount":284.87394857983},"finalPrice":{"amount":339},"tierPrices":[]},"217602":{"oldPrice":{"amount":339},"basePrice":{"amount":284.87394857983},"finalPrice":{"amount":339},"tierPrices":[]},"217603":{"oldPrice":{"amount":339},"basePrice":{"amount":257.14285614286},"finalPrice":{"amount":306},"tierPrices":[]},"217604":{"oldPrice":{"amount":339},"basePrice":{"amount":260.50420068067},"finalPrice":{"amount":310},"tierPrices":[]},"217605":{"oldPrice":{"amount":339},"basePrice":{"amount":259.66386454622},"finalPrice":{"amount":309},"tierPrices":[]},"217606":{"oldPrice":{"amount":339},"basePrice":{"amount":257.14285614286},"finalPrice":{"amount":306},"tierPrices":[]},"217607":{"oldPrice":{"amount":339},"basePrice":{"amount":257.14285614286},"finalPrice":{"amount":306},"tierPrices":[]},"217608":{"oldPrice":{"amount":339},"basePrice":{"amount":257.14285614286},"finalPrice":{"amount":306},"tierPrices":[]},"217609":{"oldPrice":{"amount":339},"basePrice":{"amount":259.66386454622},"finalPrice":{"amount":309},"tierPrices":[]},"217621":{"oldPrice":{"amount":350},"basePrice":{"amount":294.11764605882},"finalPrice":{"amount":350},"tierPrices":[]},"217669":{"oldPrice":{"amount":369},"basePrice":{"amount":279.83193177311},"finalPrice":{"amount":333},"tierPrices":[]},"217670":{"oldPrice":{"amount":369},"basePrice":{"amount":310.08403261345}
5298,"finalPrice":{"amount":369},"tierPrices":[]},"217671":{"oldPrice":{"amount":369},"basePrice":{"amount":310.08403261345},"finalPrice":{"amount":369},"tierPrices":[]},"217672":{"oldPrice":{"amount":369},"basePrice":{"amount":310.08403261345},"finalPrice":{"amount":369},"tierPrices":[]},"217673":{"oldPrice":{"amount":369},"basePrice":{"amount":310.08403261345},"finalPrice":{"amount":369},"tierPrices":[]}},"images":{"217573":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa205-d156-aa51_aac_22_melange_cream_2.0_shell_black_wb_lacquered_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa205-d156-aa51_aac_22_melange_cream_2.0_shell_black_wb_lacquered_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa205-d156-aa51_aac_22_melange_cream_2.0_shell_black_wb_lacquered_oak_base_new.jpg?","type":"image","videoUrl":null}],"217577":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa205-d168-aa51_aac_22_black_2.0_shell_black_wb_lacquered_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa205-d168-aa51_aac_22_black_2.0_shell_black_wb_lacquered_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa205-d168-aa51_aac_22_black_2.0_shell_black_wb_lacquered_oak_base_new.jpg?","type":"image","videoUrl":null}],"217594":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d123-aa51_aac_22_slate_blue_2.0_shell_wb_lacquered_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d123-aa51_aac_22_slate_blue_2.0_shell_wb_lacquered_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d123-aa51_aac_22_slate_blue_2.0_shell_wb_lacquered_oak_base_new.jpg?","type":"image","videoUrl":null}],"217595":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d126-aa51_aac_22_pale_peach_2.0_shell_wb_lacquered_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d126-aa51_aac_22_pale_peach_2.0_shell_wb_lacquered_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d126-aa51_aac_22_pale_peach_2.0_shell_wb_lacquered_oak_base_new.jpg?","type":"image","videoUrl":null}],"217596":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d129-aa51_aac_22_clay_2.0_shell_wb_lacquered_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d129-aa51_aac_22_clay_2.0_shell_wb_lacquered_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d129-aa51_aac_22_clay_2.0_shell_wb_lacquered_oak_base_new.jpg?","type":"image","videoUrl":null}],"217598":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d135-aa51_aac_22_azure_blue_2.0_shell_wb_lacquered_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d135-aa51_aac_22_azure_blue_2.0_shell_wb_lacquered_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d135-aa51_aac_22_azure_blue_2.0_shell_wb_lacquered_oak_base_new.jpg?","type":"image","videoUrl":null}],"217600":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d141-aa51_aac_22_dusty_mint_2.0_shell_wb_lacquered_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d141-aa51_aac_22_dusty_mint_2.0_shell_wb_lacquered_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d141-aa51_aac_22_dusty_mint_2.0_shell_wb_lacquered_oak_base_new.jpg?","type":"image","videoUrl":null}],"217601":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d144-aa51_aac_22_fall_green_2.0_shell_wb_lacquered_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d144-aa51_aac_22_fall_green_2.0_shell_wb_lacquered_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d144-aa51_aac_22_fall_green_2.0_shell_wb_lacquered_oak_base_new.jpg?","type":"image","videoUrl":null}],"217602":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d147-aa51_aac_22_soft_brick_2.0_shell_wb_lacquered_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d147-aa51_aac_22_soft_brick_2.0_shell_wb_lacquered_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d147-aa51_aac_22_soft_brick_2.0_shell_wb_lacquered_oak_base_new.jpg?","type":"image","videoUrl":null}],"217603":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d150-aa51_aac_22_pastel_green_2.0_shell_wb_lacquered_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d150-aa51_aac_22_pastel_green_2.0_shell_wb_lacquered_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d150-aa51_aac_22_pastel_green_2.0_shell_wb_lacquered_oak_base_new.jpg?","type":"image","videoUrl":null}],"217604":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d153-aa51_aac_22_khaki_2.0_shell_wb_lacquered_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d153-aa51_aac_22_khaki_2.0_shell_wb_lacquered_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d153-aa51_aac_22_khaki_2.0_shell_wb_lacquered_oak_base_new.jpg?","type":"image","videoUrl":null},{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_khaki_2.0_shell_wb_lacquer_oak_base_cph_25_off_white_lino_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_khaki_2.0_shell_wb_lacquer_oak_base_cph_25_off_white_lino_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_khaki_2.0_shell_wb_lacquer_oak_base_cph_25_off_white_lino_oak_base_new.jpg?","type":"image","videoUrl":null},{"thumb":"https:\/\/dbs-product.imgix.net\/l\/o\/loop_stand_round_white_laminate_aac_22_khaki_2.0_shell_wb_lacquer_base_new_order_combination_401_army_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/l\/o\/loop_stand_round_white_laminate_aac_22_khaki_2.0_shell_wb_lacquer_base_new_order_combination_401_army_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/l\/o\/loop_stand_round_white_laminate_aac_22_khaki_2.0_shell_wb_lacquer_base_new_order_combination_401_army_new.jpg?","type":"image","videoUrl":null}],"217605":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d156-aa51_aac_22_melange_cream_2.0_shell_wb_lacquered_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d156-aa51_aac_22_melange_cream_2.0_shell_wb_lacquered_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d156-aa51_aac_22_melange_cream_2.0_shell_wb_lacquered_oak_base_new.jpg?","type":"image","videoUrl":null}],"217606":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d159-aa51_aac_22_white_2.0_shell_wb_lacquered_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d159-aa51_aac_22_white_2.0_shell_wb_lacquered_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d159-aa51_aac_22_white_2.0_shell_wb_lacquered_oak_base_new.jpg?","type":"image","videoUrl":null},{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d160-aa51_aac_22_white_2.0_shell_wb_lacquer_oak_detail_01.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d160-aa51_aac_22_white_2.0_shell_wb_lacquer_oak_detail_01.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d160-aa51_aac_22_white_2.0_shell_wb_lacquer_oak_detail_01.jpg?","type":"image","videoUrl":null},{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d160-aa51_aac_22_white_2.0_shell_wb_lacquer_oak_detail_02.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d160-aa51_aac_22_white_2.0_shell_wb_lacquer_oak_detail_02.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d160-aa51_aac_22_white_2.0_shell_wb_lacquer_oak_detail_02.jpg?","type":"image","videoUrl":null},{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d160-aa51_aac_22_white_2.0_shell_wb_lacquer_oak_detail_03.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d160-aa51_aac_22_white_2.0_shell_wb_lacquer_oak_detail_03.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d160-aa51_aac_22_white_2.0_shell_wb_lacquer_oak_detail_03.jpg?","type":"image","videoUrl":null},{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d160-aa51_aac_22_white_2.0_shell_wb_lacquer_oak_detail_05.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d160-aa51_aac_22_white_2.0_shell_wb_lacquer_oak_detail_05.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d160-aa51_aac_22_white_2.0_shell_wb_lacquer_oak_detail_05.jpg?","type":"image","videoUrl":null},{"thumb":"https:\/\/dbs-product.imgix.net\/c\/p\/cph30_extendable_grey_lino_wb_lacquered_oak_aac22_white_2.0_shell_wb_lacquered_oak_pao_steel_pendant_350_cream_white_glass_jug.jpg?","img":"https:\/\/dbs-product.imgix.net\/c\/p\/cph30_extendable_grey_lino_wb_lacquered_oak_aac22_white_2.0_shell_wb_lacquered_oak_pao_steel_pendant_350_cream_white_glass_jug.jpg?","full":"https:\/\/dbs-product.imgix.net\/c\/p\/cph30_extendable_grey_lino_wb_lacquered_oak_aac22_white_2.0_shell_wb_lacquered_oak_pao_steel_pendant_350_cream_white_glass_jug.jpg?","type":"image","videoUrl":null},{"thumb":"https:\/\/dbs-product.imgix.net\/c\/p\/cph30_extendable_grey_lino_wb_lacquered_oak_aac22_white_2.0_shell_wb_lacquered_oak_pao_steel_pendant_350_cream_white_new_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/c\/p\/cph30_extendable_grey_lino_wb_lacquered_oak_aac22_white_2.0_shell_wb_lacquered_oak_pao_steel_pendant_350_cream_white_new_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/c\/p\/cph30_extendable_grey_lino_wb_lacquered_oak_aac22_white_2.0_shell_wb_lacquered_oak_pao_steel_pendant_350_cream_white_new_new.jpg?","type":"image","videoUrl":null},{"thumb":"https:\/\/dbs-product.imgix.net\/h\/a\/hay_shelving_unit_dusty_blue_jug_amber_pc_portable_cream_white_aac_22_white_2.0_shell_wb_lacquer_oak_
5298new.jpg?","img":"https:\/\/dbs-product.imgix.net\/h\/a\/hay_shelving_unit_dusty_blue_jug_amber_pc_portable_cream_white_aac_22_white_2.0_shell_wb_lacquer_oak_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/h\/a\/hay_shelving_unit_dusty_blue_jug_amber_pc_portable_cream_white_aac_22_white_2.0_shell_wb_lacquer_oak_new.jpg?","type":"image","videoUrl":null},{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_white_2.0_shell_wb_lacquer_oak_cph_20_white_top_wb_lacquer_oak_bottoms_up_vase_navy_blue_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_white_2.0_shell_wb_lacquer_oak_cph_20_white_top_wb_lacquer_oak_bottoms_up_vase_navy_blue_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aac_22_white_2.0_shell_wb_lacquer_oak_cph_20_white_top_wb_lacquer_oak_bottoms_up_vase_navy_blue_new.jpg?","type":"image","videoUrl":null}],"217607":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d162-aa51_aac_22_dusty_blue_2.0_shell_wb_lacquered_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d162-aa51_aac_22_dusty_blue_2.0_shell_wb_lacquered_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d162-aa51_aac_22_dusty_blue_2.0_shell_wb_lacquered_oak_base_new.jpg?","type":"image","videoUrl":null}],"217608":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d165-aa51_aac_22_concrete_2.0_shell_wb_lacquered_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d165-aa51_aac_22_concrete_2.0_shell_wb_lacquered_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d165-aa51_aac_22_concrete_2.0_shell_wb_lacquered_oak_base_new.jpg?","type":"image","videoUrl":null}],"217609":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa206-d168-aa51_aac_22_black_2.0_shell_soaped_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa206-d168-aa51_aac_22_black_2.0_shell_soaped_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa206-d168-aa51_aac_22_black_2.0_shell_soaped_oak_base_new.jpg?","type":"image","videoUrl":null}],"217621":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d156-aa51_aac_22_melange_cream_2.0_shell_wb_lacquered_oak_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d156-aa51_aac_22_melange_cream_2.0_shell_wb_lacquered_oak_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa207-d156-aa51_aac_22_melange_cream_2.0_shell_wb_lacquered_oak_base_new.jpg?","type":"image","videoUrl":null}],"217669":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa238-d156-aa51_aac_22_melange_cream_2.0_shell_wb_lacquered_walnut_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa238-d156-aa51_aac_22_melange_cream_2.0_shell_wb_lacquered_walnut_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa238-d156-aa51_aac_22_melange_cream_2.0_shell_wb_lacquered_walnut_base_new.jpg?","type":"image","videoUrl":null}],"217670":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa238-d159-aa51_aac_22_white_2.0_shell_wb_lacquered_walnut_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa238-d159-aa51_aac_22_white_2.0_shell_wb_lacquered_walnut_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa238-d159-aa51_aac_22_white_2.0_shell_wb_lacquered_walnut_base_new.jpg?","type":"image","videoUrl":null}],"217671":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa238-d162-aa51_aac_22_dusty_blue_2.0_shell_wb_lacquered_walnut_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa238-d162-aa51_aac_22_dusty_blue_2.0_shell_wb_lacquered_walnut_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa238-d162-aa51_aac_22_dusty_blue_2.0_shell_wb_lacquered_walnut_base_new.jpg?","type":"image","videoUrl":null}],"217672":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa238-d165-aa51_aac_22_concrete_2.0_shell_wb_lacquered_walnut_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa238-d165-aa51_aac_22_concrete_2.0_shell_wb_lacquered_walnut_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa238-d165-aa51_aac_22_concrete_2.0_shell_wb_lacquered_walnut_base_new.jpg?","type":"image","videoUrl":null}],"217673":[{"thumb":"https:\/\/dbs-product.imgix.net\/a\/a\/aa238-d168-aa51_aac_22_black_2.0_shell_wb_lacquered_walnut_base_new.jpg?","img":"https:\/\/dbs-product.imgix.net\/a\/a\/aa238-d168-aa51_aac_22_black_2.0_shell_wb_lacquered_walnut_base_new.jpg?","full":"https:\/\/dbs-product.imgix.net\/a\/a\/aa238-d168-aa51_aac_22_black_2.0_shell_wb_lacquered_walnut_base_new.jpg?","type":"image","videoUrl":null}]},"index":{"217573":{"160":"38514","161":"31030","166":"38059"},"217577":{"160":"38518","161":"31030","166":"38059"},"217594":{"160":"38503","161":"31029","166":"38059"},"217595":{"160":"38504","161":"31029","166":"38059"}
5298,"217596":{"160":"38505","161":"31029","166":"38059"},"217598":{"160":"38507","161":"31029","166":"38059"},"217600":{"160":"38509","161":"31029","166":"38059"},"217601":{"160":"38510","161":"31029","166":"38059"},"217602":{"160":"38511","161":"31029","166":"38059"},"217603":{"160":"38512","161":"31029","166":"38059"},"217604":{"160":"38513","161":"31029","166":"38059"},"217605":{"160":"38514","161":"31029","166":"38059"},"217606":{"160":"38515","161":"31029","166":"38059"},"217607":{"160":"38516","161":"31029","166":"38059"},"217608":{"160":"38517","161":"31029","166":"38059"},"217609":{"160":"38518","161":"31029","166":"38059"},"217621":{"160":"38514","161":"31029","166":"21227"},"217669":{"160":"38514","161":"31117","166":"38059"},"217670":{"160":"38515","161":"31117","166":"38059"},"217671":{"160":"38516","161":"31117","166":"38059"},"217672":{"160":"38517","161":"31117","166":"38059"},"217673":{"160":"38518","161":"31117","166":"38059"}},"deliveryTimes":{"217573":{"id":217573,"min_date":"2026-11-13","max_date":"2026-11-27","instantly_available":false,"label":"Versand in ca. 6 - 8 Wochen","qty_label":"Versand in ca. 6 - 8 Wochen","stock_data":{"product_id":"217573","stock_amount":"-9.0000","is_in_stock":"1","backorders":"1","procurement_advice":null,"available_from":"2026-03-02 00:00:00","procurement_time":"6-8w","requested_qty":1}},"217577":{"id":217577,"min_date":"2026-10-02","max_date":"2026-10-02","instantly_available":true,"label":"sofort lieferbar","qty_label":"noch 4 sofort lieferbar","stock_data":{"product_id":"217577","stock_amount":"4.0000","is_in_stock":"1","backorders":"1","procurement_advice":"2026-10-26 00:00:00","available_from":null,"procurement_time":"6-8w","requested_qty":1}},"217594":{"id":217594,"min_date":"2026-10-02","max_date":"2026-10-02","instantly_available":true,"label":"sofort lieferbar","qty_label":"sofort lieferbar","stock_data":{"product_id":"217594","stock_amount":"21.0000","is_in_stock":"1","backorders":"1","procurement_advice":"2026-10-26 00:00:00","available_from":null,"procurement_time":"6-8w","requested_qty":1}},"217595":{"id":217595,"min_date":"2026-10-02","max_date":"2026-10-02","instantly_available":true,"label":"sofort lieferbar","qty_label":"noch 1 sofort lieferbar","stock_data":{"product_id":"217595","stock_amount":"1.0000","is_in_stock":"1","backorders":"1","procurement_advice":"2026-10-26 00:00:00","available_from":null,"procurement_time":"6-8w","requested_qty":1}},"217596":{"id":217596,"min_date":"2026-11-13","max_date":"2026-11-27","instantly_available":false,"label":"Versand in ca. 6 - 8 Wochen","qty_label":"Versand in ca. 6 - 8 Wochen","stock_data":{"product_id":"217596","stock_amount":"0.0000","is_in_stock":"1","backorders":"1","procurement_advice":null,"available_from":null,"procurement_time":"6-8w","requested_qty":1}},"217598":{"id":217598,"min_date":"2026-11-13","max_date":"2026-11-27","instantly_available":false,"label":"Versand in ca. 6 - 8 Wochen","qty_label":"Versand in ca. 6 - 8 Wochen","stock_data":{"product_id":"217598","stock_amount":"-8.0000","is_in_stock":"1","backorders":"1","procurement_advice":null,"available_from":"2026-04-27 00:00:00","procurement_time":"6-8w","requested_qty":1}},"217600":{"id":217600,"min_date":"2026-10-02","max_date":"2026-10-02","instantly_available":true,"label":"sofort lieferbar","qty_label":"sofort lieferbar","stock_data":{"product_id":"217600","stock_amount":"14.0000","is_in_stock":"1","backorders":"1","procurement_advice":"2026-09-28 00:00:00","available_from":null,"procurement_time":"4-6w","requested_qty":1}},"217601":{"id":217601,"min_date":"2026-10-02","max_date":"2026-10-02","instantly_available":true,"label":"sofort lieferbar","qty_label":"sofort lieferbar","stock_data":{"product_id":"217601","stock_amount":"42.0000","is_in_stock":"1","backorders":"1","procurement_advice":"2026-09-28 00:00:00","available_from":null,"procurement_time":"4-6w","requested_qty":1}},"217602":{"id":217602,"min_date":"2026-11-13","max_date":"2026-11-27","instantly_available":false,"label":"Versand in ca. 6 - 8 Wochen","qty_label":"Versand in ca. 6 - 8 Wochen","stock_data":{"product_id":"217602","stock_amount":"-5.0000","is_in_stock":"1","backorders":"1","procurement_advice":null,"available_from":null,"procurement_time":"6-8w","requested_qty":1}},"217603":{"id":217603,"min_date":"2026-10-02","max_date":"2026-10-02","instantly_available":true,"label":"sofort lieferbar","qty_label":"noch 4 sofort lieferbar","stock_data":{"product_id":"217603","stock_amount":"4.0000","is_in_stock":"1","backorders":"1","procurement_advice":"2026-10-19 
529800:00:00","available_from":null,"procurement_time":"6-8w","requested_qty":1}},"217604":{"id":217604,"min_date":"2026-10-02","max_date":"2026-10-02","instantly_available":true,"label":"sofort lieferbar","qty_label":"noch 3 sofort lieferbar","stock_data":{"product_id":"217604","stock_amount":"3.0000","is_in_stock":"1","backorders":"1","procurement_advice":"2026-12-03 00:00:00","available_from":null,"procurement_time":"6-8w","requested_qty":1}},"217605":{"id":217605,"min_date":"2026-10-02","max_date":"2026-10-02","instantly_available":true,"label":"sofort lieferbar","qty_label":"sofort lieferbar","stock_data":{"product_id":"217605","stock_amount":"15.0000","is_in_stock":"1","backorders":"1","procurement_advice":"2026-10-26 00:00:00","available_from":null,"procurement_time":"2-4w","requested_qty":1}},"217606":{"id":217606,"min_date":"2026-10-02","max_date":"2026-10-02","instantly_available":true,"label":"sofort lieferbar","qty_label":"sofort lieferbar","stock_data":{"product_id":"217606","stock_amount":"118.0000","is_in_stock":"1","backorders":"1","procurement_advice":"2026-10-26 00:00:00","available_from":null,"procurement_time":"6-8w","requested_qty":1}},"217607":{"id":217607,"min_date":"2026-10-02","max_date":"2026-10-02","instantly_available":true,"label":"sofort lieferbar","qty_label":"sofort lieferbar","stock_data":{"product_id":"217607","stock_amount":"32.0000","is_in_stock":"1","backorders":"1","procurement_advice":"2026-10-19 00:00:00","available_from":"2026-03-30 00:00:00","procurement_time":"6-8w","requested_qty":1}},"217608":{"id":217608,"min_date":"2026-10-02","max_date":"2026-10-02","instantly_available":true,"label":"sofort lieferbar","qty_label":"sofort lieferbar","stock_data":{"product_id":"217608","stock_amount":"61.0000","is_in_stock":"1","backorders":"1","procurement_advice":"2026-09-28 00:00:00","available_from":null,"procurement_time":"6-8w","requested_qty":1}},"217609":{"id":217609,"min_date":"2026-10-02","max_date":"2026-10-02","instantly_available":true,"label":"sofort lieferbar","qty_label":"sofort lieferbar","stock_data":{"product_id":"217609","stock_amount":"16.0000","is_in_stock":"1","backorders":"1","procurement_advice":"2026-09-28 00:00:00","available_from":null,"procurement_time":"6-8w","requested_qty":1}},"217621":{"id":217621,"min_date":"2026-10-02","max_date":"2026-10-02","instantly_available":true,"label":"sofort lieferbar","qty_label":"sofort lieferbar","stock_data":{"product_id":"217621","stock_amount":"17.0000","is_in_stock":"1","backorders":"0","procurement_advice":null,"available_from":null,"procurement_time":"6-8w","requested_qty":1}},"217669":{"id":217669,"min_date":"2026-11-13","max_date":"2026-11-27","instantly_available":false,"label":"Versand in ca. 6 - 8 Wochen","qty_label":"Versand in ca. 6 - 8 Wochen","stock_data":{"product_id":"217669","stock_amount":"-6.0000","is_in_stock":"1","backorders":"1","procurement_advice":null,"available_from":null,"procurement_time":"6-8w","requested_qty":1}},"217670":{"id":217670,"min_date":"2026-10-02","max_date":"2026-10-02","instantly_available":true,"label":"sofort lieferbar","qty_label":"noch 3 sofort lieferbar","stock_data":{"product_id":"217670","stock_amount":"3.0000","is_in_stock":"1","backorders":"1","procurement_advice":null,"available_from":null,"procurement_time":"6-8w","requested_qty":1}},"217671":{"id":217671,"min_date":"2026-11-13","max_date":"2026-11-27","instantly_available":false,"label":"Versand in ca. 6 - 8 Wochen","qty_label":"Versand in ca. 6 - 8 Wochen","stock_data":{"product_id":"217671","stock_amount":"0.0000","is_in_stock":"1","backorders":"1","procurement_advice":null,"available_from":null,"procurement_time":"6-8w","requested_qty":1}},"217672":{"id":217672,"min_date":"2026-10-02","max_date":"2026-10-02","instantly_available":true,"label":"sofort lieferbar","qty_label":"noch 4 sofort lieferbar","stock_data":{"product_id":"217672","stock_amount":"4.0000","is_in_stock":"1","backorders":"1","procurement_advice":null,"available_from":null,"procurement_time":"6-8w","requested_qty":1}},"217673":{"id":217673,"min_date":"2026-11-13","max_date":"2026-11-27","instantly_available":false,"label":"Versand in ca. 6 - 8 Wochen","qty_label":"Versand in ca. 6 - 8 Wochen","stock_data":{"product_id":"217673","stock_amount":"-9.0000","is_in_stock":"1","backorders":"1","procurement_advice":null,"available_from":null,"procurement_time":"6-8w","requested_qty":1}}},"additional":{"217573":{"prepayment_price":{"isSalePrice":true,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - melange cream 2.0 - Eiche schwarz lackiert - Standardgleiter","sku":"903180200","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Eiche","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm ","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":true,"variants_have_equal_discount":true,"discount":"-15%"},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217577":{"prepayment_price":{"isSalePrice":true,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - black 2.0 - Eiche schwarz lackiert - Standardgleiter","sku":"903180204","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Eiche","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm ","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":true,"variants_have_equal_discount":true,"discount":"-9%"},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217594":{"prepayment_price":{"isSalePrice":true,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - slate blue 2.0 - Eiche wasserbasiert lackiert - Standardgleiter","sku":"903180221","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Eiche","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm ","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":true,"variants_have_equal_discount":true,"discount":"-15%"},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217595":{"prepayment_price":{"isSalePrice":false,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - pale peach 2.0 - Eiche wasserbasiert lackiert - Standardgleiter","sku":"903180222","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Eiche","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm ","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":false,"variants_have_equal_discount":true,"discount":""},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217596":{"prepayment_price":{"isSalePrice":true,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - clay 2.0 - Eiche wasserbasiert lackiert - Standardgleiter","sku":"903180223","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Eiche","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm ","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":true,"variants_have_equal_discount":true,"discount":"-15%"},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217598":{"prepayment_price":{"isSalePrice":true,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - azure blue 2.0 - Eiche wasserbasiert lackiert - Standardgleiter","sku":"903180225","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Eiche","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm ","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":true,"variants_have_equal_discount":true,"discount":"-10%"},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217600":{"prepayment_price":{"isSalePrice":false,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - dusty mint 2.0 - Eiche wasserbasiert lackiert - Standardgleiter","sku":"903180227","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Eiche","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm ","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":false,"variants_have_equal_discount":true,"discount":""},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217601":{"prepayment_price":{"isSalePrice":false,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - fall green 2.0 - Eiche wasserbasiert lackiert - Standardgleiter","sku":"903180228","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Eiche","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm ","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":false,"variants_have_equal_discount":true,"discount":""},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217602":{"prepayment_price":{"isSalePrice":false,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - soft brick 2.0 - Eiche wasserbasiert lackiert - Standardgleiter","sku":"903180229","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Eiche","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm ","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":false,"variants_have_equal_discount":true,"discount":""},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217603":{"prepayment_price":{"isSalePrice":true,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - pastel green 2.0 - Eiche wasserbasiert lackiert - Standardgleiter","sku":"903180230","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Eiche","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm ","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":true,"variants_have_equal_discount":true,"discount":"-10%"},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217604":{"prepayment_price":{"isSalePrice":true,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - khaki 2.0 - Eiche wasserbasiert lackiert - Standardgleiter","sku":"903180231","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Eiche","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm ","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":true,"variants_have_equal_discount":true,"discount":"-9%"},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217605":{"prepayment_price":{"isSalePrice":true,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - melange cream 2.0 - Eiche wasserbasiert lackiert - Standardgleiter","sku":"903180232","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Eiche","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm ","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":true,"variants_have_equal_discount":true,"discount":"-9%"},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217606":{"prepayment_price":{"isSalePrice":true,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - white 2.0 - Eiche wasserbasiert lackiert - Standardgleiter","sku":"903180233","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Eiche","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm ","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":true,"variants_have_equal_discount":true,"discount":"-10%"},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217607":{"prepayment_price":{"isSalePrice":true,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - dusty blue 2.0 - Eiche wasserbasiert lackiert - Standardgleiter","sku":"903180234","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Eiche","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm ","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":true,"variants_have_equal_discount":true,"discount":"-10%"},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217608":{"prepayment_price":{"isSalePrice":true,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - concrete grey 2.0 - Eiche wasserbasiert lackiert - Standardgleiter","sku":"903180235","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Eiche","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm ","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":true,"variants_have_equal_discount":true,"discount":"-10%"},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217609":{"prepayment_price":{"isSalePrice":true,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - black 2.0 - Eiche wasserbasiert lackiert - Standardgleiter","sku":"903180236","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Eiche","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm ","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":true,"variants_have_equal_discount":true,"discount":"-9%"},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217621":{"prepayment_price":{"isSalePrice":false,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - melange cream 2.0 - Eiche wasserbasiert lackiert - Filzgleiter","sku":"903180248","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Eiche","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm ","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":false,"variants_have_equal_discount":true,"discount":""},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217669":{"prepayment_price":{"isSalePrice":true,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - melange cream 2.0 - Walnuss wasserbasiert lackiert - Standardgleiter","sku":"92142543","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Walnuss  ","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm<br>Sitzh\u00f6he 46 cm","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":true,"variants_have_equal_discount":true,"discount":"-10%"},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217670":{"prepayment_price":{"isSalePrice":false,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - white 2.0 - Walnuss wasserbasiert lackiert - Standardgleiter","sku":"92142544","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Walnuss  ","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm<br>Sitzh\u00f6he 46 cm","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":false,"variants_have_equal_discount":true,"discount":""},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217671":{"prepayment_price":{"isSalePrice":false,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - dusty blue 2.0 - Walnuss wasserbasiert lackiert - Standardgleiter","sku":"92142545","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Walnuss  ","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm<br>Sitzh\u00f6he 46 cm","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":false,"variants_have_equal_discount":true,"discount":""},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217672":{"prepayment_price":{"isSalePrice":false,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - concrete grey 2.0 - Walnuss wasserbasiert lackiert - Standardgleiter","sku":"92142546","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Walnuss  ","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm<br>Sitzh\u00f6he 46 cm","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":false,"variants_have_equal_discount":true,"discount":""},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]},"217673":{"prepayment_price":{"isSalePrice":false,"promo_prepayment_percentage_discount":3},"free_shipping":true,"bulletpoints":"","name":"About a Chair AAC 22 - black 2.0 - Walnuss wasserbasiert lackiert - Standardgleiter","sku":"92142547","manufacturer":"60","material_description":"Schale Polypropylen<br>Beine Walnuss  ","size_description":"Breite\/H\u00f6he\/Tiefe 59 x 79 x 52 cm<br>Sitzh\u00f6he 46 cm","ean_manufacturer":null,"delivery_scope":null,"product_banners":[],"is_new_product":false,"price_information":{"has_sale_price":false,"variants_have_equal_discount":true,"discount":""},"image_note":"","shipping_usp":[{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 67.5 49.5\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\">
5298<path d=\"M11.75 36C8.031 36 5 39.031 5 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S15.469 36 11.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm39-1.5C47.031 36 44 39.031 44 42.75s3.031 6.75 6.75 6.75 6.75-3.031 6.75-6.75S54.469 36 50.75 36zm0 1.5a5.25 5.25 0 1 1 0 10.5 5.25 5.25 0 1 1 0-10.5zm-34-17.5a.75.75 0 0 0-.75.75v2c0 1.318-.932 2.25-2.25 2.25h-2a.75.75 0 1 0 0 1.5h2c2.082 0 3.75-1.668 3.75-3.75v-2a.75.75 0 0 0-.75-.75z\"\/><path d=\"M17 42v1.5h.75 6 .75V42h-.75-6zm-.449-31.1c-1.327 0-2.625.598-3.561 1.65L1.695 25.445C.566 26.688 0 28.283 0 29.949v9.801c0 2.082 1.668 3.75 3.75 3.75h2 .75V42h-.75-2c-1.318 0-2.25-.932-2.25-2.25v-9.801c0-1.333.434-2.536 1.305-3.494l11.307-12.906c.665-.748 1.567-1.148 2.439-1.148h7.199.75v-1.5h-.75zM56 42v1.5h.75 4 .75V42h-.75-4z\"\/><path d=\"M23.75 0a.75.75 0 0 0-.75.75v42a.75.75 0 0 0 .75.75h15 .75V42h-.75H24.5V1.5h33.25.75V0h-.75z\"\/><path d=\"M32 0v1.5h.75H66V42h-8.25H57v1.5h.75 9a.75.75 0 0 0 .75-.75v-42a.75.75 0 0 0-.75-.75h-34z\"\/><\/svg>\n","text":"Kostenloser Versand ab 99\u20ac"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 89.7 89.7\" stroke=\"currentColor\" fill=\"none\" class=\"w-full h-full\" role=\"img\"><g stroke-width=\"1.5\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\"><g stroke-linecap=\"round\"><path d=\"M39.15.75l-7.1 14.3v14.2l5.7-2.9 7.1 2.9 7.1-2.9 5.7 2.9v-14.2L50.55.75\"\/><path d=\"M.75 15.05L16.35.75h56.9l15.7 14.3\"\/><\/g><path d=\"M54.75 88.95H2.15c-.8 0-1.4-.6-1.4-1.4v-71.1c0-.8.6-1.4 1.4-1.4h85.3c.8 0 1.4.6 1.4 1.4v28.4\" stroke-linecap=\"square\"\/><path d=\"M54.75 88.95h15c10.6 0 19.2-8.6 19.2-19.2h0c0-10.6-8.6-19.2-19.2-19.2h-20.1m9.6 10.1l-10.1-10.1 10.1-9.7\" stroke-linecap=\"round\"\/><\/g><\/svg>\n","text":"Versand europaweit"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 69.472 62.441\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M38.2 0c-7.993 0-15.987 3.047-22.08 9.141-5.733 5.733-8.812 13.115-9.119 20.6a.75.75 0 1 0 1.5.063c.292-7.115 3.212-14.134 8.68-19.602 11.613-11.613 30.426-11.613 42.039 0s11.713 30.427.102 42.039-30.426 11.613-42.039 0c-3.128-3.128-5.363-6.63-6.725-10.422a.75.75 0 0 0-.961-.453.75.75 0 0 0-.451.959c1.439 4.008 3.802 7.705 7.074 10.977 12.187 12.187 31.975 12.187 44.162 0s12.086-31.975-.1-44.16C54.189 3.047 46.194 0 38.2 0z\"\/><path d=\"M15.651 22.721a.75.75 0 0 0-.531.221l-7.27 7.27-6.568-6.57a.75.75 0 0 0-1.062 0 .75.75 0 0 0 0 1.061l7.102 7.1a.75.75 0 0 0 1.061 0l7.799-7.799a.75.75 0 0 0-.529-1.281z\"\/><\/svg>\n","text":"60 Tage R\u00fcckgaberecht"},{"icon":"<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:v=\"https:\/\/vecta.io\/nano\" width=\"24\" height=\"24\" viewBox=\"0 0 60.7 60.7\" fill=\"currentColor\" class=\"w-full h-full\" role=\"img\"><path d=\"M30.35 0C13.597 0 0 13.597 0 30.35S13.597 60.7 30.35 60.7 60.7 47.103 60.7 30.35 47.103 0 30.35 0zm0 1.5c15.942 0 28.85 12.907 28.85 28.85S46.293 59.2 30.35 59.2 1.5 46.292 1.5 30.35 14.407 1.5 30.35 1.5zm1.575 14.09c-6.889-.068-13.135 4.604-14.609 11.605-1.681 7.987 3.278 15.903 11.279 17.588 6.204 1.364 12.321-1.373 15.584-6.426a.75.75 0 1 0-1.26-.814c-2.936 4.546-8.414 7.008-14.008 5.775l-.004-.002h-.004c-7.199-1.516-11.638-8.6-10.119-15.812 1.516-7.199 8.598-11.638 15.811-10.119h.002.002c3.214.662 5.756 2.446 7.666 4.834a.75.75 0 0 0 1.33-.386.75.75 0 0 0-.16-.552c-2.09-2.612-4.946-4.627-8.531-5.365h-.002a15.19 15.19 0 0 0-2.977-.326z\"\/><path d=\"M13.25 28a.75.75 0 1 0 0 1.5h24.3a.75.75 0 1 0 0-1.5zm0 4.6a.75.75 0 1 0 0 1.5h22.3a.75.75 0 1 0 0-1.5z\"\/><\/svg>\n","text":"Kauf auf Rechnung, PayPal & Weitere"}]}}});
5299
5300            return Object.assign(
5301                configurableOptionsComponent,
5302                {
5303                    swatchCollapse: {
5304                                                    160: {
5305                                open: false,
5306                                swatchesRemaining: null
5307                            },
5308                                                    161: {
5309                                open: false,
5310                                swatchesRemaining: null
5311                            },
5312                                                    166: {
5313                                open: false,
5314                                swatchesRemaining: null
5315                            },
5316                                            },
5317                    isSwatchDisplayCalculated: false,
5318                    toggleSwatchCollapse(attributeId) {
5319                        this.swatchCollapse[attributeId].open = !this.swatchCollapse[attributeId].open
5320
5321                        if (this.swatchCollapse[attributeId].open) {
5322                            this.showRemainingSwatches(attributeId)
5323                        }
5324                        else {
5325                            this.hideRemainingSwatches(attributeId)
5326                        }
5327                    },
5328                    calculateSwatchesCollapse() {
5329                        const swatchOptionElement = document.querySelector('.swatch-option')
5330
5331                        if (!swatchOptionElement) return
5332
5333                        const swatchWidth = 32;
5334                        const swatchContainerDimensions = document.querySelector('.swatch-attribute-options').clientWidth
5335
5336                        const swatchesPerRow = Math.floor(swatchContainerDimensions / swatchWidth)
5337                        const swatchesFittingIntoTwoRows = swatchesPerRow * 2
5338
5339                        Object.values(this.optionConfig.attributes).map(item =>
5339 item.id).forEach(attributeId => {
5340                            const totalSwatches = Object.keys(this.optionConfig.attributes[attributeId].options).length
5341                            const swatchCollapseAttribute = this.swatchCollapse[attributeId];
5342
5343                            if (totalSwatches > swatchesFittingIntoTwoRows) {
5344                                                                swatchCollapseAttribute.swatchesRemaining = totalSwatches - swatchesFittingIntoTwoRows + 1
5345                            } else {
5346                                swatchCollapseAttribute.swatchesRemaining = null
5347                                this.showRemainingSwatches(attributeId)
5348                            }
5349
5350                            if (swatchCollapseAttribute.swatchesRemaining && !swatchCollapseAttribute.open) {
5351                                this.showRemainingSwatches(attributeId)
5352                                this.$nextTick(() => this.hideRemainingSwatches(attributeId))
5353                            }
5354                        })
5355
5356                        this.isSwatchDisplayCalculated = true
5357                    },
5358                    hideRemainingSwatches(attributeId) {
5359                        const swatches = document.querySelectorAll('.attribute-'+ attributeId +' .swatch-option')
5360                        const startingPoint = swatches.length - this.swatchCollapse[attributeId].swatchesRemaining
5361                        for (let i = startingPoint;i < swatches.length;i++) {
5362                            const element = swatches[i]
5363                            element.classList.add('inactive')
5364                        }
5365                    },
5366                    showRemainingSwatches(attributeId) {
5367                        document.querySelectorAll('.attribute-'+ attributeId +' .swatch-option').forEach(element => element.classList.remove('inactive'))
5368                    },
5369                }
5370            );
5371        }
5372    </script>
5372
5373
5374    <div x-data="initConfigurableSwatchOptions_17572()"
5375         x-init="initSelectedValues(); $nextTick(() => {calculateSwatchesCollapse();})"
5376         x-bind="eventListeners"
5377         x-on:window-resize-horizontal.window.debounce="calculateSwatchesCollapse()"
5378         class="mt-6&#x20;mb-5&#x20;relative&#x20;border-stonegray&#x20;border-t&#x20;pt-7"
5379    >
5380                                            <div class="relative&#x20;border-stonegray&#x20;border-b&#x20;mb-7&#x20;pb-7&#x20;lg&#x3A;pb-8&#x20;last&#x3A;mb-0">
5381                                    <div class="w-full&#x20;grid&#x20;grid-cols-&#x5B;110px_auto&#x5D;&#x20;lg&#x3A;grid-cols-3 attribute-160">
5382                        <label class="text-black&#x20;option-label-container&#x20;text-left&#x20;w-full&#x20;flex&#x20;justify-between&#x20;mb-0&#x20;overflow-x-hidden">
5383                            <span>
5384                                <span class="option-label&#x20;block&#x20;whitespace-nowrap">
5385                                    Farbe:
5386                                </span>
5387                                <span class="option-value&#x20;font-medium" x-text="getSelectedLabel(160)"></span>
5388                            </span>
5389                        </label>
5390                        <div class="w-full&#x20;lg&#x3A;col-span-2&#x20;relative&#x20;pr-6&#x20;xl&#x3A;pr-20&#x20;1xl&#x3A;pr-10&#x20;min-h-6">
5391                            <span class="block&#x20;w-5&#x20;h-5&#x20;flex&#x20;items-center&#x20;justify-end&#x20;cursor-pointer&#x20;absolute&#x20;top-px&#x20;right-0&#x20;z-10"
5392                                  :class="{'block' : swatchCollapse[160].swatchesRemaining > 0, 'invisible' : swatchCollapse[160].swatchesRemaining < 1}"
5393                                  x-on:click="toggleSwatchCollapse(160)">
5394                                <span :class="{'transform rotate-180' : swatchCollapse[160].open}"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="h-auto w-3" width="24" height="24" role="img">
5395  <path d="M6.5 6.873a.254.254 0 01-.182-.08L.468.83A.273.273 0 01.494.46a.27.27 0 01.338 0L6.5 6.237 12.168.46a.26.26 0 01.364.027.283.283 0 010 .344l-5.85 5.964a.254.254 0 01-.182.08z"/>
5396</svg>
5397</span>
5398                            </span>
5399                            <div class="swatch-attribute-options mobile-collapsed initial-state"
5400                                 :class="{
5401                                    'mobile-collapsed': !swatchCollapse[160].open && swatchCollapse[160].swatchesRemaining > 0,
5402                                    'initial-state' : !isSwatchDisplayCalculated
5403                                 }"
5404                            >
5405                                <div class="flex&#x20;flex-row&#x20;flex-wrap&#x20;w-full">
5406                                                                            <span
5407                                            x-on:click="isOptionAvailable(160, '38507') ? changeOption(160, '38507') : false"
5408                                            class="swatch-option relative cursor-pointer select-none"
5409                                            :class="{
5410                                                'active': (selectedValues[160] === '38507'),
5411                                                'cursor-default disabled': isOptionAvailable(160, '38507') === false
5412                                            }">
5413                                            <span class="swatch">
5414                                                <span class="w-full h-full overflow-hidden block border border-white">
5415                                                    <span class="h-full w-full block"
5416                                                                                                                style="background-color: #1E3B5B"
5417                                                        >
5418                                                    </span>
5419                                                </span>
5420                                            </span>
5421                                            <span class="magnifier&#x20;absolute&#x20;bottom-0&#x20;right-0&#x20;transform&#x20;translate-y-full&#x20;-mb-2&#x20;w-200px&#x20;h-158px&#x20;z-20">
5422                                                <span class="h-full w-full block border bg-auto" id="magnified-option-38507"
5423                                                                                                                style="background-color: #1E3B5B"
5424                                                      ></span>
5425                                                <span class="text-black&#x20;bg-opacity-40&#x20;bg-white&#x20;text-sm&#x20;absolute&#x20;block&#x20;text-center&#x20;w-full&#x20;py-1&#x20;bottom-5&#x20;px-3">azure blue 2.0</span>
5426                                            </span>
5427                                        </span>
5428                                                                            <span
5429                                            x-on:click="isOptionAvailable(160, '38518') ? changeOption(160, '38518') : false"
5430                                            class="swatch-option relative cursor-pointer select-none"
5431                                            :class="{
5432                                                'active': (selectedValues[160] === '38518'),
5433                                                'cursor-default disabled': isOptionAvailable(160, '38518') === false
5434                                            }">
5435                                            <span class="swatch">
5436                                                <span class="w-full h-full overflow-hidden block border border-white">
5437                                                    <span class="h-full w-full block"
5438                                                                                                                style="background-color: #18191B"
5439                                                        >
5440                                                    </span>
5441                                                </span>
5442                                            </span>
5443                                            <span class="magnifier&#x20;absolute&#x20;bottom-0&#x20;right-0&#x20;transform&#x20;translate-y-full&#x20;-mb-2&#x20;w-200px&#x20;h-158px&#x20;z-20">
5444                                                <span class="h-full w-full block border bg-auto" id="magnified-option-38518"
5445                                                                                                                style="background-color: #18191B"
5446                                                      ></span>
5447                                                <span class="text-black&#x20;bg-opacity-40&#x20;bg-white&#x20;text-sm&#x20;absolute&#x20;block&#x20;text-center&#x20;w-full&#x20;py-1&#x20;bottom-5&#x20;px-3">black 2.0</span>
5448                                            </span>
5449                                        </span>
5450                                                                            <span
5451                                            x-on:click="isOptionAvailable(160, '38505') ? changeOption(160, '38505') : false"
5452                                            class="swatch-option relative cursor-pointer select-none"
5453                                            :class="{
5454                                                'active': (selectedValues[160] === '38505'),
5455                                                'cursor-default disabled': isOptionAvailable(160, '38505') === false
5456                                            }">
5457                                            <span class="swatch">
5458                                                <span class="w-full h-full overflow-hidden block border border-white">
5459                                                    <span class="h-full w-full block"
5460                                                                                                                style="background-color: #807059"
5461                                                        >
5462                                                    </span>
5463                                                </span>
5464                                            </span>
5465                                            <span class="magnifier&#x20;absolute&#x20;bottom-0&#x20;right-0&#x20;transform&#x20;translate-y-full&#x20;-mb-2&#x20;w-200px&#x20;h-158px&#x20;z-20">
5466                                                <span class="h-full w-full block border bg-auto" id="magnified-option-38505"
5467                                                                                                                style="background-color: #807059"
5468                                                      ></span>
5469                                                <span class="text-black&#x20;bg-opacity-40&#x20;bg-white&#x20;text-sm&#x20;absolute&#x20;block&#x20;text-center&#x20;w-full&#x20;py-1&#x20;bottom-5&#x20;px-3">clay 2.0</span>
5470                                            </span>
5471                                        </span>
5472                                                                            <span
5473                                            x-on:click="isOptionAvailable(160, '38517') ? changeOption(160, '38517') : false"
5474                                            class="swatch-option relative cursor-pointer select-none"
5475                                            :class="{
5476                                                'active': (selectedValues[160] === '38517'),
5477                                                'cursor-default disabled': isOptionAvailable(160, '38517') === false
5478                                            }">
5479                                            <span class="swatch">
5480                                                <span class="w-full h-full overflow-hidden block border border-foggray">
5481                                                    <span class="h-full w-full block"
5482                                                                                                                style="background-color: #A5AAAD"
5483                                                        >
5484                                                    </span>
5485                                                </span>
5486                                            </span>
5487                                            <span class="magnifier&#x20;absolute&#x20;bottom-0&#x20;right-0&#x20;transform&#x20;translate-y-full&#x20;-mb-2&#x20;w-200px&#x20;h-158px&#x20;z-20">
5488                                                <span class="h-full w-full block border bg-auto" id="magnified-option-38517"
5489                                                                                                                style="background-color: #A5AAAD"
5490                                                      ></span>
5491                                                <span class="text-black&#x20;bg-opacity-40&#x20;bg-white&#x20;text-sm&#x20;absolute&#x20;block&#x20;text-center&#x20;w-full&#x20;py-1&#x20;bottom-5&#x20;px-3">concrete grey 2.0</span>
5492                                            </span>
5493                                        </span>
5494                                                                            <span
5495                                            x-on:click="isOptionAvailable(160, '38516') ? changeOption(160, '38516') : false"
5496                                            class="swatch-option relative cursor-pointer select-none"
5497                                            :class="{
5498                                                'active': (selectedValues[160] === '38516'),
5499                                                'cursor-default disabled': isOptionAvailable(160, '38516') === false
5500                                            }">
5501                                            <span class="swatch">
5502                                                <span class="w-full h-full overflow-hidden block border border-white">
5503                                                    <span class="h-full w-full block"
5504                                                                                                                style="background-color: #7C959A"
5505                                                        >
5506                                                    </span>
5507                                                </span>
5508                                            </span>
5509                                            <span class="magnifier&#x20;absolute&#x20;bottom-0&#x20;right-0&#x20;transform&#x20;translate-y-full&#x20;-mb-2&#x20;w-200px&#x20;h-158px&#x20;z-20">
5510                                                <span class="h-full w-full block border bg-auto" id="magnified-option-38516"
5511                                                                                                                style="background-color: #7C959A"
5512                                                      ></span>
5513                                                <span class="text-black&#x20;bg-opacity-40&#x20;bg-white&#x20;text-sm&#x20;absolute&#x20;block&#x20;text-center&#x20;w-full&#x20;py-1&#x20;bottom-5&#x20;px-3">dusty blue 2.0</span>
5514                                            </span>
5515                                        </span>
5516                                                                            <span
5517                                            x-on:click="isOptionAvailable(160, '38509') ? changeOption(160, '38509') : false"
5518                                            class="swatch-option relative cursor-pointer select-none"
5519                                            :class="{
5520                                                'active': (selectedValues[160] === '38509'),
5521                                                'cursor-default disabled': isOptionAvailable(160, '38509') === false
5522                                            }">
5523                                            <span class="swatch">
5524                                                <span class="w-full h-full overflow-hidden block border border-foggray">
5525                                                    <span class="h-full w-full block"
5526                                                                                                                style="background-color: #B3C6C0"
5527                                                        >
5528                                                    </span>
5529                                                </span>
5530                                            </span>
5531                                            <span class="magnifier&#x20;absolute&#x20;bottom-0&#x20;right-0&#x20;transform&#x20;translate-y-full&#x20;-mb-2&#x20;w-200px&#x20;h-158px&#x20;z-20">
5532                                                <span class="h-full w-full block border bg-auto" id="magnified-option-38509"
5533                                                                                                                style="background-color: #B3C6C0"
5534                                                      ></span>
5535                                                <span class="text-black&#x20;bg-opacity-40&#x20;bg-white&#x20;text-sm&#x20;absolute&#x20;block&#x20;text-center&#x20;w-full&#x20;py-1&#x20;bottom-5&#x20;px-3">dusty mint 2.0</span>
5536                                            </span>
5537                                        </span>
5538                                                                            <span
5539                                            x-on:click="isOptionAvailable(160, '38510') ? changeOption(160, '38510') : false"
5540                                            class="swatch-option relative cursor-pointer select-none"
5541                                            :class="{
5542                                                'active': (selectedValues[160] === '38510'),
5543                                                'cursor-default disabled': isOptionAvailable(160, '38510') === false
5544                                            }">
5545                                            <span class="swatch">
5546                                                <span class="w-full h-full overflow-hidden block border border-white">
5547                                                    <span class="h-full w-full block"
5548                                                                                                                style="background-color: #6B8480"
5549                                                        >
5550                                                    </span>
5551                                                </span>
5552                                            </span>
5553                                            <span class="magnifier&#x20;absolute&#x20;bottom-0&#x20;right-0&#x20;transform&#x20;translate-y-full&#x20;-mb-2&#x20;w-200px&#x20;h-158px&#x20;z-20">
5554                                                <span class="h-full w-full block border bg-auto" id="magnified-option-38510"
5555                                                                                                                style="background-color: #6B8480"
5556                                                      ></span>
5557                                                <span class="text-black&#x20;bg-opacity-40&#x20;bg-white&#x20;text-sm&#x20;absolute&#x20;block&#x20;text-center&#x20;w-full&#x20;py-1&#x20;bottom-5&#x20;px-3">fall green 2.0</span>
5558                                            </span>
5559                                        </span>
5560                                                                            <span
5561                                            x-on:click="isOptionAvailable(160, '38513') ? changeOption(160, '38513') : false"
5562                                            class="swatch-option relative cursor-pointer select-none"
5563                                            :class="{
5564                                                'active': (selectedValues[160] === '38513'),
5565                                                'cursor-default disabled': isOptionAvailable(160, '38513') === false
5566                                            }">
5567                                            <span class="swatch">
5568                                                <span class="w-full h-full overflow-hidden block border border-white">
5569                                                    <span class="h-full w-full block"
5570                                                                                                                style="background-color: #7F7868"
5571                                                        >
5572                                                    </span>
5573                                                </span>
5574                                            </span>
5575                                            <span class="magnifier&#x20;absolute&#x20;bottom-0&#x20;right-0&#x20;transform&#x20;translate-y-full&#x20;-mb-2&#x20;w-200px&#x20;h-158px&#x20;z-20">
5576                                                <span class="h-full w-full block border bg-auto" id="magnified-option-38513"
5577                                                                                                                style="background-color: #7F7868"
5578                                                      ></span>
5579                                                <span class="text-black&#x20;bg-opacity-40&#x20;bg-white&#x20;text-sm&#x20;absolute&#x20;block&#x20;text-center&#x20;w-full&#x20;py-1&#x20;bottom-5&#x20;px-3">khaki 2.0</span>
5580                                            </span>
5581                                        </span>
5582                                                                            <span
5583                                            x-on:click="isOptionAvailable(160, '38514') ? changeOption(160, '38514') : false"
5584                                            class="swatch-option relative cursor-pointer select-none"
5585                                            :class="{
5586                                                'active': (selectedValues[160] === '38514'),
5587                                                'cursor-default disabled': isOptionAvailable(160, '38514') === false
5588                                            }">
5589                                            <span class="swatch">
5590                                                <span class="w-full h-full overflow-hidden block border border-foggray">
5591                                                    <span class="h-full w-full block"
5592                                                                                                                style="background-color: #C3C0B1"
5593                                                        >
5594                                                    </span>
5595                                                </span>
5596                                            </span>
5597                                            <span class="magnifier&#x20;absolute&#x20;bottom-0&#x20;right-0&#x20;transform&#x20;translate-y-full&#x20;-mb-2&#x20;w-200px&#x20;h-158px&#x20;z-20">
5598                                                <span class="h-full w-full block border bg-auto" id="magnified-option-38514"
5599                                                                                                                style="background-color: #C3C0B1"
5600                                                      ></span>
5601                                                <span class="text-black&#x20;bg-opacity-40&#x20;bg-white&#x20;text-sm&#x20;absolute&#x20;block&#x20;text-center&#x20;w-full&#x20;py-1&#x20;bottom-5&#x20;px-3">melange cream 2.0</span>
5602                                            </span>
5603                                        </span>
5604                                                                            <span
5605                                            x-on:click="isOptionAvailable(160, '38504') ? changeOption(160, '38504') : false"
5606                                            class="swatch-option relative cursor-pointer select-none"
5607                                            :class="{
5608                                                'active': (selectedValues[160] === '38504'),
5609                                                'cursor-default disabled': isOptionAvailable(160, '38504') === false
5610                                            }">
5611                                            <span class="swatch">
5612                                                <span class="w-full h-full overflow-hidden block border border-foggray">
5613                                                    <span class="h-full w-full block"
5614                                                                                                                style="background-color: #D4BFA2"
5615                                                        >
5616                                                    </span>
5617                                                </span>
5618                                            </span>
5619                                            <span class="magnifier&#x20;absolute&#x20;bottom-0&#x20;right-0&#x20;transform&#x20;translate-y-full&#x20;-mb-2&#x20;w-200px&#x20;h-158px&#x20;z-20">
5620                                                <span class="h-full w-full block border bg-auto" id="magnified-option-38504"
5621                                                                                                                style="background-color: #D4BFA2"
5622                                                      ></span>
5623                                                <span class="text-black&#x20;bg-opacity-40&#x20;bg-white&#x20;text-sm&#x20;absolute&#x20;block&#x20;text-center&#x20;w-full&#x20;py-1&#x20;bottom-5&#x20;px-3">pale peach 2.0</span>
5624                                            </span>
5625                                        </span>
5626                                                                            <span
5627                                            x-on:click="isOptionAvailable(160, '38512') ? changeOption(160, '38512') : false"
5628                                            class="swatch-option relative cursor-pointer select-none"
5629                                            :class="{
5630                                                'active': (selectedValues[160] === '38512'),
5631                                                'cursor-default disabled': isOptionAvailable(160, '38512') === false
5632                                            }">
5633                                            <span class="swatch">
5634                                                <span class="w-full h-full overflow-hidden block border border-foggray">
5635                                                    <span class="h-full w-full block"
5636                                                                                                                style="background-color: #A6AA9B"
5637                                                        >
5638                                                    </span>
5639                                                </span>
5640                                            </span>
5641                                            <span class="magnifier&#x20;absolute&#x20;bottom-0&#x20;right-0&#x20;transform&#x20;translate-y-full&#x20;-mb-2&#x20;w-200px&#x20;h-158px&#x20;z-20">
5642                                                <span class="h-full w-full block border bg-auto" id="magnified-option-38512"
5643                                                                                                                style="background-color: #A6AA9B"
5644                                                      ></span>
5645                                                <span class="text-black&#x20;bg-opacity-40&#x20;bg-white&#x20;text-sm&#x20;absolute&#x20;block&#x20;text-center&#x20;w-full&#x20;py-1&#x20;bottom-5&#x20;px-3">pastel green 2.0</span>
5646                                            </span>
5647                                        </span>
5648                                                                            <span
5649                                            x-on:click="isOptionAvailable(160, '38503') ? changeOption(160, '38503') : false"
5650                                            class="swatch-option relative cursor-pointer select-none"
5651                                            :class="{
5652                                                'active': (selectedValues[160] === '38503'),
5653                                                'cursor-default disabled': isOptionAvailable(160, '38503') === false
5654                                            }">
5655                                            <span class="swatch">
5656                                                <span class="w-full h-full overflow-hidden block border border-foggray">
5657                                                    <span class="h-full w-full block"
5658                                                                                                                style="background-color: #9CA5B6"
5659                                                        >
5660                                                    </span>
5661                                                </span>
5662                                            </span>
5663                                            <span class="magnifier&#x20;absolute&#x20;bottom-0&#x20;right-0&#x20;transform&#x20;translate-y-full&#x20;-mb-2&#x20;w-200px&#x20;h-158px&#x20;z-20">
5664                                                <span class="h-full w-full block border bg-auto" id="magnified-option-38503"
5665                                                                                                                style="background-color: #9CA5B6"
5666                                                      ></span>
5667                                                <span class="text-black&#x20;bg-opacity-40&#x20;bg-white&#x20;text-sm&#x20;absolute&#x20;block&#x20;text-center&#x20;w-full&#x20;py-1&#x20;bottom-5&#x20;px-3">slate blue 2.0</span>
5668                                            </span>
5669                                        </span>
5670                                                                            <span
5671                                            x-on:click="isOptionAvailable(160, '38511') ? changeOption(160, '38511') : false"
5672                                            class="swatch-option relative cursor-pointer select-none"
5673                                            :class="{
5674                                                'active': (selectedValues[160] === '38511'),
5675                                                'cursor-default disabled': isOptionAvailable(160, '38511') === false
5676                                            }">
5677                                            <span class="swatch">
5678                                                <span class="w-full h-full overflow-hidden block border border-white">
5679                                                    <span class="h-full w-full block"
5680                                                                                                                style="background-color: #7A544B"
5681                                                        >
5682                                                    </span>
5683                                                </span>
5684                                            </span>
5685                                            <span class="magnifier&#x20;absolute&#x20;bottom-0&#x20;right-0&#x20;transform&#x20;translate-y-full&#x20;-mb-2&#x20;w-200px&#x20;h-158px&#x20;z-20">
5686                                                <span class="h-full w-full block border bg-auto" id="magnified-option-38511"
5687                                                                                                                style="background-color: #7A544B"
5688                                                      ></span>
5689                                                <span class="text-black&#x20;bg-opacity-40&#x20;bg-white&#x20;text-sm&#x20;absolute&#x20;block&#x20;text-center&#x20;w-full&#x20;py-1&#x20;bottom-5&#x20;px-3">soft brick 2.0</span>
5690                                            </span>
5691                                        </span>
5692                                                                            <span
5693                                            x-on:click="isOptionAvailable(160, '38515') ? changeOption(160, '38515') : false"
5694                                            class="swatch-option relative cursor-pointer select-none"
5695                                            :class="{
5696                                                'active': (selectedValues[160] === '38515'),
5697                                                'cursor-default disabled': isOptionAvailable(160, '38515') === false
5698                                            }">
5699                                            <span class="swatch">
5700                                                <span class="w-full h-full overflow-hidden block border border-foggray">
5701                                                    <span class="h-full w-full block"
5702                                                                                                                style="background-color: #FFFFFF"
5703                                                        >
5704                                                    </span>
5705                                                </span>
5706                                            </span>
5707                                            <span class="magnifier&#x20;absolute&#x20;bottom-0&#x20;right-0&#x20;transform&#x20;translate-y-full&#x20;-mb-2&#x20;w-200px&#x20;h-158px&#x20;z-20">
5708                                                <span class="h-full w-full block border bg-auto" id="magnified-option-38515"
5709                                                                                                                style="background-color: #FFFFFF"
5710                                                      ></span>
5711                                                <span class="text-black&#x20;bg-opacity-40&#x20;bg-white&#x20;text-sm&#x20;absolute&#x20;block&#x20;text-center&#x20;w-full&#x20;py-1&#x20;bottom-5&#x20;px-3">white 2.0</span>
5712                                            </span>
5713                                        </span>
5714                                                                        <span
5715                                        class="remaining-swatches-overlay&#x20;flex&#x20;bg-cover&#x20;hidden"
5716                                        :class="{'flex' : swatchCollapse[160].swatchesRemaining > 0, 'hidden' : swatchCollapse[160].swatchesRemaining < 1 || swatchCollapse[160].open}"
5717                                        x-on:click="toggleSwatchCollapse(160)"
5718                                    >
5719                                        <span class="cursor-pointer select-none">
5720                                            <span x-text="'+' + swatchCollapse[160].swatchesRemaining"></span>
5721                                        </span>
5722                                    </span>
5723                                </div>
5724                                <input
5725                                    name="super_attribute[160]"
5726                                    type="hidden"
5727                                    id="attribute160"
5728                                    :value="selectedValues[160]"
5729                                />
5730                            </div>
5731                        </div>
5732                    </div>
5733                            </div>
5734                                            <div class="relative&#x20;border-stonegray&#x20;border-b&#x20;mb-7&#x20;pb-7&#x20;lg&#x3A;pb-8&#x20;last&#x3A;mb-0">
5735                                    <div class="w-full&#x20;grid&#x20;grid-cols-&#x5B;110px_auto&#x5D;&#x20;lg&#x3A;grid-cols-3 attribute-161">
5736                        <label class="text-black&#x20;option-label-container&#x20;text-left&#x20;w-full&#x20;flex&#x20;justify-between&#x20;mb-0&#x20;overflow-x-hidden">
5737                            <span>
5738                                <span class="option-label&#x20;block&#x20;whitespace-nowrap">
5739                                    Gestell:
5740                                </span>
5741                                <span class="option-value&#x20;font-medium" x-text="getSelectedLabel(161)"></span>
5742                            </span>
5743                        </label>
5744                        <div class="w-full&#x20;lg&#x3A;col-span-2&#x20;relative&#x20;pr-6&#x20;xl&#x3A;pr-20&#x20;1xl&#x3A;pr-10&#x20;min-h-6">
5745                            <span class="block&#x20;w-5&#x20;h-5&#x20;flex&#x20;items-center&#x20;justify-end&#x20;cursor-pointer&#x20;absolute&#x20;top-px&#x20;right-0&#x20;z-10"
5746                                  :class="{'block' : swatchCollapse[161].swatchesRemaining > 0, 'invisible' : swatchCollapse[161].swatchesRemaining < 1}"
5747                                  x-on:click="toggleSwatchCollapse(161)">
5748                                <span :class="{'transform rotate-180' : swatchCollapse[161].open}"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="h-auto w-3" width="24" height="24" role="img">
5749  <path d="M6.5 6.873a.254.254 0 01-.182-.08L.468.83A.273.273 0 01.494.46a.27.27 0 01.338 0L6.5 6.237 12.168.46a.26.26 0 01.364.027.283.283 0 010 .344l-5.85 5.964a.254.254 0 01-.182.08z"/>
5750</svg>
5751</span>
5752                            </span>
5753                            <div class="swatch-attribute-options mobile-collapsed initial-state"
5754                                 :class="{
5755                                    'mobile-collapsed': !swatchCollapse[161].open && swatchCollapse[161].swatchesRemaining > 0,
5756                                    'initial-state' : !isSwatchDisplayCalculated
5757                                 }"
5758                            >
5759                                <div class="flex&#x20;flex-row&#x20;flex-wrap&#x20;w-full">
5760                                                                            <span
5761                                            x-on:click="isOptionAvailable(161, '31029') ? changeOption(161, '31029') : false"
5762                                            class="swatch-option relative cursor-pointer select-none"
5763                                            :class="{
5764                                                'active': (selectedValues[161] === '31029'),
5765                                                'cursor-default disabled': isOptionAvailable(161, '31029') === false
5766                                            }">
5767                                            <span class="swatch">
5768                                                <span class="w-full h-full overflow-hidden block border border-white">
5769                                                    <span class="h-full w-full block"
5770                                                                                                                style="background-color: #ffffff; background-image: url('https://dbs-base.imgix.net/media/attribute/swatch/9/2/31029.jpg?w=28&amp;h=28&amp;crop=entropy'); background-repeat: no-repeat; background-position: center"
5771                                                        >
5772                                                    </span>
5773                                                </span>
5774                                            </span>
5775                                            <span class="magnifier&#x20;absolute&#x20;bottom-0&#x20;right-0&#x20;transform&#x20;translate-y-full&#x20;-mb-2&#x20;w-200px&#x20;h-158px&#x20;z-20">
5776                                                <span class="h-full w-full block border bg-auto" id="magnified-option-31029"
5777                                                                                                                style="background-color: #ffffff; background-image: url('https://dbs-base.imgix.net/media/attribute/swatch/9/2/31029.jpg?w=208&amp;h=160'); background-repeat: no-repeat; background-position: center"
5778                                                      ></span>
5779                                                <span class="text-black&#x20;bg-opacity-40&#x20;bg-white&#x20;text-sm&#x20;absolute&#x20;block&#x20;text-center&#x20;w-full&#x20;py-1&#x20;bottom-5&#x20;px-3">Eiche lackiert</span>
5780                                            </span>
5781                                        </span>
5782                                                                            <span
5783                                            x-on:click="isOptionAvailable(161, '31030') ? changeOption(161, '31030') : false"
5784                                            class="swatch-option relative cursor-pointer select-none"
5785                                            :class="{
5786                                                'active': (selectedValues[161] === '31030'),
5787                                                'cursor-default disabled': isOptionAvailable(161, '31030') === false
5788                                            }">
5789                                            <span class="swatch">
5790                                                <span class="w-full h-full overflow-hidden block border border-white">
5791                                                    <span class="h-full w-full block"
5792                                                                                                                style="background-color: #ffffff; background-image: url('https://dbs-base.imgix.net/media/attribute/swatch/0/3/31030.jpg?w=28&amp;h=28&amp;crop=entropy'); background-repeat: no-repeat; background-position: center"
5793                                                        >
5794                                                    </span>
5795                                                </span>
5796                                            </span>
5797                                            <span class="magnifier&#x20;absolute&#x20;bottom-0&#x20;right-0&#x20;transform&#x20;translate-y-full&#x20;-mb-2&#x20;w-200px&#x20;h-158px&#x20;z-20">
5798                                                <span class="h-full w-full block border bg-auto" id="magnified-option-31030"
5799                                                                                                                style="background-color: #ffffff; background-image: url('https://dbs-base.imgix.net/media/attribute/swatch/0/3/31030.jpg?w=208&amp;h=160'); background-repeat: no-repeat; background-position: center"
5800                                                      ></span>
5801                                                <span class="text-black&#x20;bg-opacity-40&#x20;bg-white&#x20;text-sm&#x20;absolute&#x20;block&#x20;text-center&#x20;w-full&#x20;py-1&#x20;bottom-5&#x20;px-3">Eiche schwarz lackiert</span>
5802                                            </span>
5803                                        </span>
5804                                                                            <span
5805                                            x-on:click="isOptionAvailable(161, '31117') ? changeOption(161, '31117') : false"
5806                                            class="swatch-option relative cursor-pointer select-none"
5807                                            :class="{
5808                                                'active': (selectedValues[161] === '31117'),
5809                                                'cursor-default disabled': isOptionAvailable(161, '31117') === false
5810                                            }">
5811                                            <span class="swatch">
5812                                                <span class="w-full h-full overflow-hidden block border border-white">
5813                                                    <span class="h-full w-full block"
5814                                                                                                                style="background-color: #ffffff; background-image: url('https://dbs-base.imgix.net/media/attribute/swatch/7/1/31117.jpg?w=28&amp;h=28&amp;crop=entropy'); background-repeat: no-repeat; background-position: center"
5815                                                        >
5816                                                    </span>
5817                                                </span>
5818                                            </span>
5819                                            <span class="magnifier&#x20;absolute&#x20;bottom-0&#x20;right-0&#x20;transform&#x20;translate-y-full&#x20;-mb-2&#x20;w-200px&#x20;h-158px&#x20;z-20">
5820                                                <span class="h-full w-full block border bg-auto" id="magnified-option-31117"
5821                                                                                                                style="background-color: #ffffff; background-image: url('https://dbs-base.imgix.net/media/attribute/swatch/7/1/31117.jpg?w=208&amp;h=160'); background-repeat: no-repeat; background-position: center"
5822                                                      ></span>
5823                                                <span class="text-black&#x20;bg-opacity-40&#x20;bg-white&#x20;text-sm&#x20;absolute&#x20;block&#x20;text-center&#x20;w-full&#x20;py-1&#x20;bottom-5&#x20;px-3">Walnuss lackiert</span>
5824                                            </span>
5825                                        </span>
5826                                                                        <span
5827                                        class="remaining-swatches-overlay&#x20;flex&#x20;bg-cover&#x20;hidden"
5828                                        :class="{'flex' : swatchCollapse[161].swatchesRemaining > 0, 'hidden' : swatchCollapse[161].swatchesRemaining < 1 || swatchCollapse[161].open}"
5829                                        x-on:click="toggleSwatchCollapse(161)"
5830                                    >
5831                                        <span class="cursor-pointer select-none">
5832                                            <span x-text="'+' + swatchCollapse[161].swatchesRemaining"></span>
5833                                        </span>
5834                                    </span>
5835                                </div>
5836                                <input
5837                                    name="super_attribute[161]"
5838                                    type="hidden"
5839                                    id="attribute161"
5840                                    :value="selectedValues[161]"
5841                                />
5842                            </div>
5843                        </div>
5844                    </div>
5845                            </div>
5846                                            <div class="relative&#x20;border-stonegray&#x20;border-b&#x20;mb-7&#x20;pb-7&#x20;lg&#x3A;pb-8&#x20;last&#x3A;mb-0">
5847                                    <div class="w-full&#x20;grid&#x20;grid-cols-&#x5B;110px_auto&#x5D;&#x20;lg&#x3A;grid-cols-3 attribute-166">
5848                        <label class="text-black&#x20;option-label-container&#x20;text-left&#x20;w-full&#x20;flex&#x20;justify-between&#x20;mb-0&#x20;overflow-x-hidden"
5849                               for="attribute166">
5850                            <span>
5851                                <span class="option-label&#x20;block&#x20;whitespace-nowrap">
5852                                    Ausstattung:
5853                                </span>
5854                            </span>
5855                        </label>
5856                        <div class="w-full&#x20;lg&#x3A;col-span-2&#x20;relative&#x20;pr-6&#x20;xl&#x3A;pr-20&#x20;1xl&#x3A;pr-10&#x20;min-h-6">
5857                            <select name="super_attribute[166]"
5858                                    id="attribute166"
5859                                    class="form-select super-attribute-select w-full"
5860                                    x-on:change="setCurrentSelection()"
5861                                    x-model="selectedValues[166]"
5862                                    required="required">
5863                                                                    <option
5864                                        value="21227"
5865                                        :selected="selectedValues[166] === '21227'"
5866                                        :disabled="isOptionAvailable('166', '21227') === false ? 'disabled' : false">
5867                                        Filzgleiter                                    </option>
5868                                                                    <option
5869                                        value="38059"
5870                                        :selected="selectedValues[166] === '38059'"
5871                                        :disabled="isOptionAvailable('166', '38059') === false ? 'disabled' : false">
5872                                        Standardgleiter Kunststoff                                    </option>
5873                                                            </select>
5874                        </div>
5875                    </div>
5876                            </div>
5877            </div>
5878    </form>
5879
5880    
5881    <div class="flex&#x20;mx-auto&#x20;md&#x3A;w-7&#x2F;12&#x20;lg&#x3A;w-full&#x20;mt-4">
5882                        
5882<script>
5883        function initQtyField() {
5884
5885            function findPathParam(key) {
5886                // get all path pairs after BASE_URL/front_name/action_path/action
5887                const baseUrl = (BASE_URL.substring(0, 2) === '//' ? 'http:' : '') + BASE_URL;
5888                const baseUrlParts = (new URL(baseUrl)).pathname.replace(/\/$/, '').split('/');
5889                const pathParts = window.location.pathname.split('/').slice(baseUrlParts.length + 3);
5890                for (let i = 0; i < pathParts.length; i += 2) {
5891                    if (pathParts[i] === key && pathParts.length > i) {
5892                        return pathParts[i + 1];
5893                    }
5894                }
5895            }
5896
5897            return {
5898                qty: 1,
5899                itemId: (new URLSearchParams(window.location.search)).get('id') || findPathParam('id'),
5900                productId: '17572',
5901                                onGetCartData: function onGetCartData(data, $dispatch) {
5902                    const cart = data && data.data && data.data.cart;
5903                    if (this.itemId && cart && cart.items) {
5904                        const cartItem = cart.items.find((item) => {
5905                            return item.item_id === this.itemId && item.product_id === this.productId;
5906                        });
5907                        if (cartItem && cartItem.qty) {
5908                            this.qty = cartItem.qty;
5909                            $dispatch('update-qty-' + this.productId, this.qty);
5910                        }
5911                    }
5912                }
5913            };
5914        }
5915    </script>
5915
5916    <div x-data="initQtyField()"
5917         x-init="$dispatch('update-qty-17572', qty)"
5918         class=""
5919    >
5920                    <div class="">
5921                <label for="qty[17572]"
5922                    class="sr-only"
5923                >
5924                    Menge                </label>
5925                <input name="qty"
5926                    @private-content-loaded.window="onGetCartData($event.detail, $dispatch)"
5927                    id="qty[17572]"
5928                    form="product_addtocart_form"
5929                                        type="number"
5930                    pattern="[0-9]{0,3}"
5931                    inputmode="numeric"
5932                    min="1"                    max="500"                                                            :value="qty"
5933                    value="1"
5934                    class="sr-only"
5935                    x-model.number="qty"
5936                    @input="$dispatch('update-qty-17572', qty)"
5937                />
5938            </div>
5939            </div>
5940            <div class="add-to-cart&#x20;w-full"
5941            x-data="AddToCartBuybox()" x-bind="eventListeners"
5942    >
5943    <button class="button&#x20;button-addtocart&#x20;w-full"
5944                    :class="{'busy' : isLoading, 'done' : isLoadingSuccess}"
5945            :disabled="isLoading"
5946            x-on:click="addToCart()"
5947                            title="In&#x20;den&#x20;Warenkorb"
5948        >
5949            <span class="relative">
5950              <span class="done&#x20;absolute&#x20;left-0&#x20;-ml-4&#x20;top-1&#x2F;2&#x20;transform&#x20;-translate-x-full&#x20;-translate-y-1&#x2F;2&#x20;w-4&#x20;h-4">
5951                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 17 13" fill="none" class="w-4 h-4" aria-hidden="true">
5952    <path d="M5.9085 12.0993C6.1425 12.0993 6.4155 12.019 6.6105 11.8184L16.3995 1.74567C16.7895 1.34437 16.7895 0.70228 16.3995 0.300977C16.0095 -0.100326 15.3855 -0.100326 14.9955 0.300977L5.9085 9.65133L1.6965 5.31726C1.3065 4.91596 0.6825 4.91596 0.2925 5.31726C-0.0975 5.71856 -0.0975 6.36065 0.2925 6.76195L5.2065 11.8184C5.4015 11.9789 5.6745 12.0993 5.9085 12.0993Z" fill="white"/>
5953</svg>
5954              </span>
5955                            In den Warenkorb                        </span>
5956    </button>
5957</div>
5958    
5958<script>
5959        function AddToCartBuybox() {
5960            return {
5961                defaultQty: 1,
5962                qty: 1,
5963                isLoading: false,
5964                isLoadingSuccess: false,
5965                sku: '90318001',
5966                currentVariantSku: null,
5967                selectedOptions: null,
5968                smallImage: null,
5969
5970                addToCart() {
5971                    if (!this.isLoading) {
5972                                                if (!this.selectedOptions) {
5973                            typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
5974                                [{
5975                                    type: "error",
5976                                    text: "Bitte\u0020w\u00E4hlen\u0020Sie\u0020alle\u0020ben\u00F6tigten\u0020Optionen\u0020aus."
5977                                }], 10000
5978                            )
5979                            return false
5980                        }
5981                        
5982                        this.isLoading = true
5983
5984                        window.dispatchEvent(
5985                            new CustomEvent("addtocart", {
5986                                detail: {
5987                                    sku: this.sku,
5988                                    currentVariantSku: this.currentVariantSku,
5989                                    qty: parseFloat(this.qty),
5990                                    selectedOptions: this.selectedOptions,
5991                                    smallImage: this.smallImage,
5992                                    updateLoaderStatus: (status) => {
5993                                        this.isLoading = status;
5994                                    }
5995                                }
5996                            }
5997                        ))
5998                    }
5999                },
6000
6001                eventListeners: {
6002                    ['x-on:update-currentSelection-17572.window'](event) {
6003                        this.selectedOptions = event.detail
6004                    },
6005                    ['x-on:update-qty-17572.window'](event) {
6006                        this.qty = event.detail
6007                    },
6008                    ['x-on:update-variant-sku.window'](event) {
6009                        this.currentVariantSku = event.detail
6010                    },
6011                    ['x-on:update-gallery.window'](event) {
6012                        this.smallImage = event.detail && event.detail[0] && event.detail[0]['thumb'] || null
6013                    },
6014                    ['x-on:is-add-to-cart-success.window'](event) {
6015                        if (event.detail.sku === this.sku) {
6016                            this.isLoading = false
6017                            this.isLoadingSuccess = true
6018                            setTimeout(() => {
6019                                this.isLoadingSuccess = false
6020                            }, 1000)
6021                        }
6022                    },
6023                    ['x-on:is-add-to-cart-error.window'](event) {
6024                        if (event.detail.sku === this.sku) {
6025                            this.isLoading = false
6026                        }
6027                    }
6028                },
6029            }
6030        }
6031    </script>
6031
6032                    </div>
6033
6034      <div x-data="ProductViewShippingUsp()" x-bind="eventListeners" class="cart-usp"><template x-if="usp && usp.length"><div class="text-xs py-8 px-4 border-b border-stonegray lg:border-0"><div class="grid grid-cols-1 lg:grid-cols-2 gap-4 items-center mx-auto md:w-7/12 lg:w-full"><template x-for="point in usp" :key="point.text"><div class="flex items-center gap-2"><span x-html="point.icon" class="block w-6 h-6 min-w-[24px]"></span> <span x-text="point.text"></span></div></template></div></div></template></div>
6034<script async>
6035    const ProductViewShippingUsp = function () {
6036        return {
6037            usp: JSON.parse(
6038                `\u005B\u005D`
6039            ),
6040            eventListeners: {
6041                ['x-on:update-variant-usp.window'](event) {
6042                    this.usp = event.detail || [];
6043                }
6044            }
6045        }
6046    }</script>
6046 </div>            </div>
6047    <div class="collapse-boxes&#x20;col-start-1&#x20;lg&#x3A;col-span-2&#x20;pt-4&#x20;lg&#x3A;pt-2&#x20;lg&#x3A;pr-8&#x20;xl&#x3A;pr-12">
6048        <div
6049    class="properties xl:pl-10"
6050    :class="{'invisible' : isRendering, 'hidden' : !hasContent}"
6051    id="collapse-box-6abf0828ee0fe"
6052    x-data="collapseBox6abf0828ee0fe()"
6053    x-bind="eventListeners"
6054    x-init="isCollapsed = isCollapsedByDefault"
6055    x-cloak
6056>
6057    <div class="grid grid-cols-1 py-6">
6058        <div class="cursor-pointer" x-on:click="handleCollapseInteraction($dispatch)">
6059            <div class="flex justify-between items-center text-lg">
6060                Beschreibung                <div class="md:pr-10 lg:pr-18">
6061                    <span class="block transition-transform text-black" :class="{'transform rotate-180': !isCollapsed}">
6062                        <span><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="w-3 h-auto" width="24" height="24" role="img">
6063  <path d="M6.5 6.873a.254.254 0 01-.182-.08L.468.83A.273.273 0 01.494.46a.27.27 0 01.338 0L6.5 6.237 12.168.46a.26.26 0 01.364.027.283.283 0 010 .344l-5.85 5.964a.254.254 0 01-.182.08z"/>
6064</svg>
6065</span>
6066                    </span>
6067                </div>
6068            </div>
6069        </div>
6070        <div x-show="!isCollapsed" class="pt-8&#x20;md&#x3A;pr-12&#x20;lg&#x3A;pr-56">
6071            <div class="grid grid-cols-1 gap-y-4">
6072    <div>
6073            <div class="relative flex items-center gap-2">
6074        <p>Marke HAY</p>
6075                    <div x-data="{isOpen: false}"
6076                 x-on:click.outside="isOpen = false"
6077                 x-on:mouseleave="isOpen = false"
6078            >
6079                <button type="button"
6080                        x-on:mouseenter="isOpen = true"
6081                        aria-label="Info"
6082                        class="flex items-center justify-center text-center"
6083                >
6084                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 101.2" class="w-4 h-4" width="24" height="24" role="img">
6085  <circle cx="50" cy="50.6" r="44.6" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="3"/>
6086  <circle cx="50.1" cy="33.8" r="4.5"/>
6087  <path fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M50 47.4v22.5m-5.7 0h11.4m-8.4-22.5h5.4"/>
6088</svg>
6089                </button>
6090                <div class="absolute z-20 left-0 bg-white max-w-[412px] border border-foggray p-3 pl-6"
6091                    x-show="isOpen"
6092                    x-cloak
6093                >
6094                    <button class="absolute xl:hidden top-4 right-4" type="button"
6095                        title="Schlie&#xDF;en"
6096                        x-on:click="isOpen = false"
6097                    >
6098                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 103" class="w-4 h-4" width="16" height="16" role="img">
6099  <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M6.4 3.6l90 90m-90 0l90-90"/>
6100</svg>
6101                    </button>
6102                    <div class="w-full">
6103        <div>
6104            <p>Hersteller:</p>
6105                            <p class="whitespace-nowrap">Hay - BS Studio A/S</p>
6106            
6107                            Havnen 3<br>
61088700 Horsens<br>
6109Denmark<br>            
6110                            +45 3164 6000                    </div>
6111    </div>                </div>
6112            </div>
6113            </div>
6114        <div x-data="Sku()"
6115     x-bind="eventListeners" >
6116    <span x-text="getLabel()"></span>
6117</div>
6118<script>
6119    function Sku() {
6120        return {
6121            sku: null,
6122            getLabel() {
6123                if (this.sku) {
6124                    return `Artikelnummer ${this.sku}`;
6125                }
6126            },
6127            initSimpleProduct() {
6128                this.sku = '90318001'
6129            },
6130            eventListeners: {
6131                ['x-on:update-variant-sku.window'](event) {
6132                    if (event.detail) {
6133                        this.sku = event.detail
6134                    }
6135                },
6136            }
6137        }
6138    }
6139</script>
6139        <div x-data="Ean()" x-bind="eventListeners">
6140    <template x-if="eanManufacturer">
6141        <div>
6142            <span>EAN</span>
6143            <span x-text="eanManufacturer"></span>
6144        </div>
6145    </template>
6146</div>
6147<script>
6148    const Ean = function () {
6149        return {
6150            eanManufacturer: '',
6151            eventListeners: {
6152                ['x-on:update-ean-manufacturer.window'](event) {
6153                    this.eanManufacturer = event.detail
6154                    if(this.eanManufacturer) {
6155                        window.dispatchEvent(new CustomEvent("update-collapsebox-product-information.properties-hascontent", {detail: true}))
6156                    }
6157                },
6158            },
6159            initSimpleProduct() {
6160                this.eanManufacturer = ''
6161                if(this.eanManufacturer) {
6162                    window.dispatchEvent(new CustomEvent("update-collapsebox-product-information.properties-hascontent", {detail: true}))
6163                }
6164            }
6165        }
6166    }
6167</script>
6167    </div>
6168    <div x-data="BulletPoints(`|solide Sitzschale aus Polypropylen|Gestell aus Eiche|klassisch, stilvolles Design|kombinierbar mit allen AAC/AAS/AAT Kollektionen`)" x-bind="eventListeners">
6169    <template x-if="bulletPoints && Array.isArray(bulletPoints)">
6170        <ul class="list-dash">
6171            <template x-for="(item, index) in bulletPoints" :key="index">
6172                <li x-html="item"></li>
6173            </template>
6174        </ul>
6175    </template>
6176</div>
6177<script>
6178    const BulletPoints = function (fallbackValue) {
6179        return {
6180            bulletPoints: null,
6181            init() {
6182                            },
6183            prepareOutput(output) {
6184                if (output) {
6185                                        let bulletPoints = output.includes('|')
6186                        ? output.split('|').filter(Boolean)
6187                        : output.split('-').map(item => item.trim()).filter(Boolean);
6188
6189                    if(!Array.isArray(bulletPoints)) {
6190                        bulletPoints = [bulletPoints]
6191                    }
6192
6193                    this.bulletPoints = bulletPoints
6194                }
6195            },
6196            eventListeners: {
6197                ['x-on:update-bullet-points.window'](event) {
6198                    this.prepareOutput(event.detail || fallbackValue)
6199                },
6200            }
6201        }
6202    }
6203</script>
6203    <div x-data="Model(`Das unvergängliche Design und der phänomenale Komfort machen den von Top Label HAY angebotenen About a Chair AAC 22 zu einem optimalen Stuhl. Hee Welling hat mit diesem formschönen Modell einen eindrucksvollen Hingucker erschaffen, der sich problemlos in jeden Essbereich einfindet. Mit dieser Kreation erhält die About a Chair Serie ein weiteres beeindruckendes Mitglied. Produziert wird dieses besondere Design Möbel in Dänemark. Wählen Sie anhand Ihrer räumlichen Begebenheiten die für Sie optimale Größe des Objekts aus. Durch den Mix aus Eiche und Esche und Kunststoff wird das Erscheinungsbild des Esszimmerstuhls besonders außergewöhnlich. Dieses Design kann in zahlreichen Farbvarianten bestellt werden. Es stehen unterschiedliche Gestellvarianten zur Verfügung.`)"
6204     x-bind="eventListeners"
6205          x-on:update-model.window="updateContent($event.detail)"
6206     >
6207    <div class="model-wrap&#x20;w-full&#x20;relative">
6208        <div class="model-text" id="model">
6209            <div class="model-text-content" x-ref="content" x-html="modelText"
6210                 :class="{
6211                    'expanded' : isExpanded,
6212                    'processing' : isProcessing
6213                 }"
6214            >
6215                Das unvergängliche Design und der phänomenale Komfort machen den von Top Label HAY angebotenen About a Chair AAC 22 zu einem optimalen Stuhl. Hee Welling hat mit diesem formschönen Modell einen eindrucksvollen Hingucker erschaffen, der sich problemlos in jeden Essbereich einfindet. Mit dieser Kreation erhält die About a Chair Serie ein weiteres beeindruckendes Mitglied. Produziert wird dieses besondere Design Möbel in Dänemark. Wählen Sie anhand Ihrer räumlichen Begebenheiten die für Sie optimale Größe des Objekts aus. Durch den Mix aus Eiche und Esche und Kunststoff wird das Erscheinungsbild des Esszimmerstuhls besonders außergewöhnlich. Dieses Design kann in zahlreichen Farbvarianten bestellt werden. Es stehen unterschiedliche Gestellvarianten zur Verfügung.            </div>
6216            <button class="text-truncation-toggle&#x20;text-expand"
6217                    x-cloak
6218                    x-show="isRequiresToggleButton && !isExpanded"
6219                    x-on:click="isExpanded = !isExpanded"
6220            >
6221                <span class="underline">... mehr anzeigen</span>
6222            </button>
6223        </div>
6224        <button class="text-truncation-toggle&#x20;text-collapse"
6225                x-cloak
6226                x-show="isRequiresToggleButton && isExpanded"
6227                x-on:click="isExpanded = !isExpanded"
6228        >
6229            <span class="underline">weniger anzeigen</span>
6230        </button>
6231    </div>
6232</div>
6233<script>
6234    function Model(modelTextFallback) {
6235        return {
6236            ...ClampElementContent(),
6237            modelText: modelTextFallback,
6238            updateContent(modelText) {
6239                this.modelText = modelText || modelTextFallback;
6240
6241                this.$nextTick(() => this.getIsRequiredToggleButton())
6242            }
6243        }
6244    }
6245</script>
6245    </div>        </div>
6246    </div>
6247    
6247<script>
6248        function collapseBox6abf0828ee0fe() {
6249            return {
6250                isRendering: false,
6251                hasContent: true,
6252                numberOfChildBlocksActive: 0,
6253                isCollapsed: true,
6254                isCollapsedByDefault: Boolean(),
6255                handleCollapseInteraction($dispatch) {
6256                    this.isCollapsed = !this.isCollapsed
6257                },
6258                checkHasContent() {
6259                    this.hasContent = this.numberOfChildBlocksActive
6260                },
6261                eventListeners: {
6262                    ['x-on:update-variant-id.window']() {
6263                        this.numberOfChildBlocksActive = 0
6264                    },
6265                    ['x-on:update-collapsebox-properties-hascontent.window'](event) {
6266                        this.numberOfChildBlocksActive += event.detail
6267                        this.checkHasContent()
6268                    },
6269                }
6270            }
6271        }
6272    </script>
6272
6273</div><div
6274    class="deliveryscope xl:pl-10"
6275    :class="{'invisible' : isRendering, 'hidden' : !hasContent}"
6276    id="collapse-box-6abf0829036f8"
6277    x-data="collapseBox6abf0829036f8()"
6278    x-bind="eventListeners"
6279    x-init="isCollapsed = isCollapsedByDefault"
6280    x-cloak
6281>
6282    <div class="grid grid-cols-1 py-6">
6283        <div class="cursor-pointer" x-on:click="handleCollapseInteraction($dispatch)">
6284            <div class="flex justify-between items-center text-lg">
6285                Lieferumfang                <div class="md:pr-10 lg:pr-18">
6286                    <span class="block transition-transform text-black" :class="{'transform rotate-180': !isCollapsed}">
6287                        <span><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="w-3 h-auto" width="24" height="24" role="img">
6288  <path d="M6.5 6.873a.254.254 0 01-.182-.08L.468.83A.273.273 0 01.494.46a.27.27 0 01.338 0L6.5 6.237 12.168.46a.26.26 0 01.364.027.283.283 0 010 .344l-5.85 5.964a.254.254 0 01-.182.08z"/>
6289</svg>
6290</span>
6291                    </span>
6292                </div>
6293            </div>
6294        </div>
6295        <div x-show="!isCollapsed" class="pt-8&#x20;md&#x3A;pr-12&#x20;lg&#x3A;pr-20">
6296            <div class="grid grid-cols-1 gap-y-4">
6297    <div x-data="DeliveryScope()" x-bind="eventListeners">
6298        <div x-show="deliveryScope" class="mb-6" x-html="deliveryScope"></div>
6299        <div x-html="galleryNote"></div>
6300    </div>
6301    
6301<script>
6302        const DeliveryScope = function () {
6303            return {
6304                deliveryScope: null,
6305                galleryNote: null,
6306                initSimpleProduct() {
6307                                    },
6308                dispatchHasContent() {
6309                    window.dispatchEvent(new CustomEvent("update-collapsebox-deliveryscope-hascontent",
6310                        {detail: this.deliveryScope || this.galleryNote}))
6311                },
6312                eventListeners: {
6313                    ['x-on:update-delivery-scope.window'](event) {
6314                        this.deliveryScope = event.detail
6315                        this.dispatchHasContent()
6316                    },
6317                    ['x-on:update-gallerynote.window'](event) {
6318                        this.galleryNote = event.detail
6319                        this.dispatchHasContent()
6320                    },
6321                }
6322            }
6323        }
6324    </script>
6324
6325</div>        </div>
6326    </div>
6327    
6327<script>
6328        function collapseBox6abf0829036f8() {
6329            return {
6330                isRendering: false,
6331                hasContent: false,
6332                numberOfChildBlocksActive: 0,
6333                isCollapsed: true,
6334                isCollapsedByDefault: Boolean(),
6335                handleCollapseInteraction($dispatch) {
6336                    this.isCollapsed = !this.isCollapsed
6337                },
6338                checkHasContent() {
6339                    this.hasContent = this.numberOfChildBlocksActive
6340                },
6341                eventListeners: {
6342                    ['x-on:update-variant-id.window']() {
6343                        this.numberOfChildBlocksActive = 0
6344                    },
6345                    ['x-on:update-collapsebox-deliveryscope-hascontent.window'](event) {
6346                        this.numberOfChildBlocksActive += event.detail
6347                        this.checkHasContent()
6348                    },
6349                }
6350            }
6351        }
6352    </script>
6352
6353</div><div
6354    class="material xl:pl-10"
6355    :class="{'invisible' : isRendering, 'hidden' : !hasContent}"
6356    id="collapse-box-6abf08290428b"
6357    x-data="collapseBox6abf08290428b()"
6358    x-bind="eventListeners"
6359    x-init="isCollapsed = isCollapsedByDefault"
6360    x-cloak
6361>
6362    <div class="grid grid-cols-1 py-6">
6363        <div class="cursor-pointer" x-on:click="handleCollapseInteraction($dispatch)">
6364            <div class="flex justify-between items-center text-lg">
6365                Material                <div class="md:pr-10 lg:pr-18">
6366                    <span class="block transition-transform text-black" :class="{'transform rotate-180': !isCollapsed}">
6367                        <span><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="w-3 h-auto" width="24" height="24" role="img">
6368  <path d="M6.5 6.873a.254.254 0 01-.182-.08L.468.83A.273.273 0 01.494.46a.27.27 0 01.338 0L6.5 6.237 12.168.46a.26.26 0 01.364.027.283.283 0 010 .344l-5.85 5.964a.254.254 0 01-.182.08z"/>
6369</svg>
6370</span>
6371                    </span>
6372                </div>
6373            </div>
6374        </div>
6375        <div x-show="!isCollapsed" class="pt-8&#x20;md&#x3A;pr-12&#x20;lg&#x3A;pr-20">
6376            <div class="grid grid-cols-1 gap-y-4">
6377    <div x-data="MaterialDescription()" x-bind="eventListeners">
6378        <div x-html="materialDescription"></div>
6379    </div>
6380    
6380<script>
6381        const MaterialDescription = function () {
6382            return {
6383                materialDescription: null,
6384                initSimpleProduct() {
6385                                        this.materialDescription = 'Beine\u0020Eiche,\u0020Schale\u0020Polypropylen'
6386                    this.dispatchHasContent()
6387                                    },
6388                dispatchHasContent() {
6389                    if (this.materialDescription) {
6390                        window.dispatchEvent(new CustomEvent("update-collapsebox-material-hascontent", {detail: true}))
6391                    }
6392                },
6393                eventListeners: {
6394                    ['x-on:update-material-description.window'](event) {
6395                        this.materialDescription = event.detail
6396                        this.dispatchHasContent()
6397                    },
6398                }
6399            }
6400        }
6401    </script>
6401
6402</div>        </div>
6403    </div>
6404    
6404<script>
6405        function collapseBox6abf08290428b() {
6406            return {
6407                isRendering: false,
6408                hasContent: false,
6409                numberOfChildBlocksActive: 0,
6410                isCollapsed: true,
6411                isCollapsedByDefault: Boolean(1),
6412                handleCollapseInteraction($dispatch) {
6413                    this.isCollapsed = !this.isCollapsed
6414                },
6415                checkHasContent() {
6416                    this.hasContent = this.numberOfChildBlocksActive
6417                },
6418                eventListeners: {
6419                    ['x-on:update-variant-id.window']() {
6420                        this.numberOfChildBlocksActive = 0
6421                    },
6422                    ['x-on:update-collapsebox-material-hascontent.window'](event) {
6423                        this.numberOfChildBlocksActive += event.detail
6424                        this.checkHasContent()
6425                    },
6426                }
6427            }
6428        }
6429    </script>
6429
6430</div><div
6431    class="dimensions xl:pl-10"
6432    :class="{'invisible' : isRendering, 'hidden' : !hasContent}"
6433    id="collapse-box-6abf082906abb"
6434    x-data="collapseBox6abf082906abb()"
6435    x-bind="eventListeners"
6436    x-init="isCollapsed = isCollapsedByDefault"
6437    x-cloak
6438>
6439    <div class="grid grid-cols-1 py-6">
6440        <div class="cursor-pointer" x-on:click="handleCollapseInteraction($dispatch)">
6441            <div class="flex justify-between items-center text-lg">
6442                Maße                <div class="md:pr-10 lg:pr-18">
6443                    <span class="block transition-transform text-black" :class="{'transform rotate-180': !isCollapsed}">
6444                        <span><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="w-3 h-auto" width="24" height="24" role="img">
6445  <path d="M6.5 6.873a.254.254 0 01-.182-.08L.468.83A.273.273 0 01.494.46a.27.27 0 01.338 0L6.5 6.237 12.168.46a.26.26 0 01.364.027.283.283 0 010 .344l-5.85 5.964a.254.254 0 01-.182.08z"/>
6446</svg>
6447</span>
6448                    </span>
6449                </div>
6450            </div>
6451        </div>
6452        <div x-show="!isCollapsed" class="pt-8&#x20;md&#x3A;pr-12&#x20;lg&#x3A;pr-20">
6453            <div class="grid grid-cols-1 gap-y-4">
6454    <div x-data="SizeDescription()" x-bind="eventListeners">
6455        <template x-if="sizeDescription">
6456            <div x-html="sizeDescription"></div>
6457        </template>
6458    </div>
6459    
6459<script>
6460        const SizeDescription = function () {
6461            return {
6462                sizeDescription: null,
6463                initSimpleProduct() {
6464                                    },
6465                dispatchHasContent() {
6466                    if(this.sizeDescription) {
6467                        window.dispatchEvent(new CustomEvent("update-collapsebox-dimensions-hascontent", {detail: true}))
6468                    }
6469                },
6470                eventListeners: {
6471                    ['x-on:update-size-description.window'](event) {
6472                        this.sizeDescription = event.detail
6473                        this.dispatchHasContent()
6474                    },
6475                }
6476            }
6477        }
6478    </script>
6478
6479</div>        </div>
6480    </div>
6481    
6481<script>
6482        function collapseBox6abf082906abb() {
6483            return {
6484                isRendering: false,
6485                hasContent: false,
6486                numberOfChildBlocksActive: 0,
6487                isCollapsed: true,
6488                isCollapsedByDefault: Boolean(1),
6489                handleCollapseInteraction($dispatch) {
6490                    this.isCollapsed = !this.isCollapsed
6491                },
6492                checkHasContent() {
6493                    this.hasContent = this.numberOfChildBlocksActive
6494                },
6495                eventListeners: {
6496                    ['x-on:update-variant-id.window']() {
6497                        this.numberOfChildBlocksActive = 0
6498                    },
6499                    ['x-on:update-collapsebox-dimensions-hascontent.window'](event) {
6500                        this.numberOfChildBlocksActive += event.detail
6501                        this.checkHasContent()
6502                    },
6503                }
6504            }
6505        }
6506    </script>
6506
6507</div><div
6508    class="details xl:pl-10"
6509    :class="{'invisible' : isRendering, 'hidden' : !hasContent}"
6510    id="collapse-box-6abf0829082fb"
6511    x-data="collapseBox6abf0829082fb()"
6512    x-bind="eventListeners"
6513    x-init="isCollapsed = isCollapsedByDefault"
6514    x-cloak
6515>
6516    <div class="grid grid-cols-1 py-6">
6517        <div class="cursor-pointer" x-on:click="handleCollapseInteraction($dispatch)">
6518            <div class="flex justify-between items-center text-lg">
6519                Technische Details                <div class="md:pr-10 lg:pr-18">
6520                    <span class="block transition-transform text-black" :class="{'transform rotate-180': !isCollapsed}">
6521                        <span><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="w-3 h-auto" width="24" height="24" role="img">
6522  <path d="M6.5 6.873a.254.254 0 01-.182-.08L.468.83A.273.273 0 01.494.46a.27.27 0 01.338 0L6.5 6.237 12.168.46a.26.26 0 01.364.027.283.283 0 010 .344l-5.85 5.964a.254.254 0 01-.182.08z"/>
6523</svg>
6524</span>
6525                    </span>
6526                </div>
6527            </div>
6528        </div>
6529        <div x-show="!isCollapsed" class="pt-8&#x20;md&#x3A;pr-12&#x20;lg&#x3A;pr-20">
6530            <div>
6531    <div x-data="LightAttributes()" x-bind="eventListeners"
6532     class="md:w-3/4 xl:w-3/5 1xl:w-1/2 mb-6">
6533    <template x-if="lightAttributes && Object.keys(lightAttributes).length">
6534        <div>
6535            <template x-for="(lightAttribute, index) in lightAttributes">
6536                <p class="grid grid-cols-2 relative">
6537                    <span x-text="getAttributeTitle(lightAttribute.attribute_code)"></span>
6538                    <span class="flex flex-row justify-end items-start">
6539                        <span x-text="lightAttribute.value"></span>
6540                        <span class="info-popup mt-0.5 ml-2">
6541                            <span class="p-1 -mt-1 inline-block cursor-pointer"
6542                                  x-on:mouseenter="enableActivePopup(index)"
6543                                  x-on:mouseleave="disableActivePopup()"
6544                                  x-on:touchstart="toggleActivePopupForTouch(index)"
6545                            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 101.2" class="w-4 h-4" width="24" height="24" role="img">
6546  <circle cx="50" cy="50.6" r="44.6" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="3"/>
6547  <circle cx="50.1" cy="33.8" r="4.5"/>
6548  <path fill="none" stroke="#000" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M50 47.4v22.5m-5.7 0h11.4m-8.4-22.5h5.4"/>
6549</svg>
6550</span>
6551                            <span class="absolute bottom-0 transform translate-y-full right-0 bg-white p-3 border border-t-0 border-foggray z-20"
6552                                  x-show="activePopup === index"
6553                                  x-html="getAttributePopupText(lightAttribute.attribute_code)"
6554                            ></span>
6555                        </span>
6556                    </span>
6557                </p>
6558            </template>
6559        </div>
6560    </template>
6561</div>
6562<script>
6563    const LightAttributes = function () {
6564        return {
6565            lightAttributes: null,
6566            lightAttributeData: [{"attribute_code":"light_luminous_intensity","title":"Lichtstrom in Lumen","popup_text":"Er beschreibt die Helligkeit einer Leuchte und umfasst die in alle Richtungen abgegebene Lichtleistung, welche das Auge wahrnimmt. Die Ma\u00dfeinheit des Lichtstromes wird in Lumen gemessen. Lumen gibt demnach an, wie hell eine Lichtquelle ist. Zu Zeiten von LED und Energisparlampen, welche mit einer vergleichsweise geringen Leistung viel Licht erzeugen, hat die Lumenzahl die Wattzahl als Ma\u00dfstab f\u00fcr die Helligkeit ersetzt."},{"attribute_code":"light_power","title":"Leistung in Watt","popup_text":"Sie wird in Watt angegeben und beschreibt im groben Sinne den <strong>Energieverbrauch<\/strong> der Leuchte (physikalisch: Energieumsatz pro Zeitspanne).<br>Fr\u00fcher wurde die Wattanzahl in der Lichttechnik gerne dazu verwendet, um die Leuchtkraft zu beschreiben. Da inzwischen je nach Lichttechnik, z.B. LED versus Halogen, von der Wattzahl unabh\u00e4ngige Helligkeitsstufen erreicht werden, ist die Wattzahl nicht mehr aussagekr\u00e4ftig genug. Heute verwendet man daher den Leuchtstrom in Lumen um die St\u00e4rke der Helligkeit einer Leuchte beziffern zu k\u00f6nnen.<br>Gleichzeitig wird mit Angabe einer maximalen Wattzahl darauf hingewiesen, dass die Leuchte nicht dazu geeignet ist, mit einem Leuchtmittel mit h\u00f6herer Wattzahl betrieben zu werden."},{"attribute_code":"light_color_reproduction","title":"Farbwiedergabe","popup_text":"Sie beschreibt wie nat\u00fcrlich die Farbwiedergabe (in CRI: colour rendering index ) im Vergleich zum Sonnenlicht ist. Je h\u00f6her der CRI umso nat\u00fcrlicher die Farbwiedergabe, wobei die Skala bei 100 ihr Maximum erreicht.<br>Zum Vergleich:<br><strong>CRI 100<\/strong> Sonnenlicht, Gl\u00fchlampe<br><strong>CRI 80-90<\/strong> Energiesparlampen<br><strong>CRI 70 bis 90<\/strong> wei\u00dfe LED<br><strong>CRI 60-90 <\/strong>Halogenmetalldampflampen"},{"attribute_code":"light_protection","title":"IP Kennzahl","popup_text":"Sie gibt an wie gut die Leuchte gegen\u00fcber ihrer Umgegbung in Form von Staub und Wasser gesch\u00fctzt ist. Die Schutzart wird mit der IP Nummer gekennzeichnet (IP= Ingress Protection) und besteht immer aus zwei Ziffern.<br>die <strong>erste Stelle<\/strong> bezeichnet den Schutz gegen <strong>Fremdk\u00f6rper<\/strong> und Ber\u00fchrung (0=nicht gesch\u00fctzt bis 6= vollst\u00e4ndig gesch\u00fctzt) und<br>die<strong> zweite Stelle<\/strong> den Schutz gegen<strong> Wasser<\/strong> (0=nicht gesch\u00fctzt bis 8=gesch\u00fctzt gegen Untertauchen)."},{"attribute_code":"light_control","title":"Regelung","popup_text":"Hier wird keine Aussage dar\u00fcber getroffen, ob die Leuchte an einen externen Dimmer angeschlossen werden kann, sondern nur ob ein Dimmer oder eine einfache Schaltung vorhanden ist."},{"attribute_code":"light_color_temperatur","title":"Farbtemperatur","popup_text":"Sie ist ein Ma\u00df, um den jeweiligen Farbeindruck einer Lichtquelle zu bestimmen. Es wird nach DIN 5035 u.a. in drei charakteristischen Lichtfarben unterschieden:<br><strong> warmweiss (&lt; 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 (&gt; 5000 Kelvin)<\/strong> Sie wird vorwiegend in der Industrie oder in speziellen R\u00e4umen z.B. bei der Fotografie genutzt."},{"attribute_code":"light_fixture","title":"Fassung","popup_text":"Hier finden Sie die Art bzw. Gr\u00f6\u00dfe des passenden Lampensockels, der in die Fassung der Leuchte geschraubt oder gesteckt wird."},{"attribute_code":"light_scattering","title":"Lichtverteilung","popup_text":"Sie gibt an in welche Richtung das Licht haupts\u00e4chlich durch die Ablenkung am Leuchtenk\u00f6rper gestreut wird."},{"attribute_code":"light_protection_class","title":"Schutzklasse","popup_text":"umschreibt, inwieweit insbesondere der Mensch davor gesch\u00fctzt ist einen sogenannten elektrischen Schlag zu bekommen. Es gibt drei Schutzklassen:<br><strong>Schutzklasse I (=Erdung)<\/strong>
6566 ist der h\u00f6chste Schutz eines Ger\u00e4tes. Sie bedeutet, dass die leitf\u00e4higen Bauteile der Leuchte mit einem geerdeten Schutzleitersystem verbunden sind und dass im Fehlerfall eine Sicherung den Stromkreis spannungsfrei schalten kann. Zudem muss gew\u00e4hrleistet sein, dass im Notfall die Erdung als letztes abrei\u00dft, z.B. indem das gr\u00fcn-gelbe Kabel bei der Installation l\u00e4nger gelassen wird als die aktiven Leiter.<br><strong>Schutzklasse II<\/strong> bedeutet, dass die Leuchte eine doppelte oder <strong>verst\u00e4rkte Isolierung<\/strong> zwischen den aktiven und den ber\u00fchrbaren Teilen besitzt. Dadurch ist sie so gut gesch\u00fctzt, dass sie nicht zus\u00e4tzlich eine Erdung ben\u00f6tigt.<br><strong>Schutzklasse III<\/strong> ist der geringste Schutz gegen elektrische Durchschl\u00e4ge, da in diesem Fall die Leuchte mit <strong>Akku oder Batterie<\/strong>, maximal mit einer Wechselspannung von 50 Volt bzw. einer Gleichspannung von 120 Volt, betrieben wird. Ansonsten muss ein Sicherheitstransformator angeschlossen sein."},{"attribute_code":"light_lightsource","title":"Leuchtmittel","popup_text":"Sie ist die Bezeichnung f\u00fcr die Lichtquelle (umgangsprachlich fr\u00fcher die sogenannte Gl\u00fchbirne). Dahinter verbirgt sich die Technik mittels der der Strom in Licht umgewandelt wird. Am gel\u00e4ufigsten sind Gl\u00fchlampen, LED-Lampen, Gasentladungslampen, Induktionslampen und Leuchtdioden."}],
6567            activePopup: null,
6568            isTouchInteraction: null,
6569            initSimpleProduct() {
6570                            },
6571            dispatchHasContent() {
6572                if (this.lightAttributes) {
6573                    window.dispatchEvent(new CustomEvent("update-collapsebox-details-hascontent", {detail: true}))
6574                }
6575            },
6576            getAttributeTitle(attributeCode) {
6577                const attributeData = this.lightAttributeData.find(item => item.attribute_code === attributeCode)
6578                return attributeData && attributeData.title || attributeCode
6579            },
6580            getAttributePopupText(attributeCode) {
6581                const attributeData = this.lightAttributeData.find(item => item.attribute_code === attributeCode)
6582                return attributeData && attributeData.popup_text || ''
6583            },
6584            enableActivePopup(index) {
6585                if (!this.isTouchInteraction) {
6586                    this.activePopup = index
6587                }
6588            },
6589            disableActivePopup() {
6590                this.activePopup = null
6591                this.isTouchInteraction = null
6592            },
6593            toggleActivePopupForTouch(index) {
6594                this.isTouchInteraction = true
6595                this.activePopup = this.activePopup === index ? this.disableActivePopup() : this.activePopup = index
6596            },
6597            eventListeners: {
6598                ['x-on:update-light-attributes.window'](event) {
6599                    this.lightAttributes = event.detail
6600                    this.dispatchHasContent()
6601                },
6602            }
6603        }
6604    }
6605</script>
6605        <div x-data="Attachments()" x-bind="eventListeners">
6606    <template x-if="attachments">
6607        <div>
6608            <template x-for="attachmentType in Object.keys(attachments)">
6609                <p class="my-2.5 leading-extra-tight"><a :href="'https://shop.schoener-wohnen.de/media/pdf/' + attachments[attachmentType]" target="_blank" rel="noopener noreferrer" class="underline" x-text="viewText.replace('%s', attachmentType)"></a></p>
6610            </template>
6611        </div>
6612    </template>
6613</div>
6614<script>
6615    const Attachments = function () {
6616        return {
6617            attachments: {},
6618            viewText: '%s ansehen',
6619            init() {
6620                            },
6621            dispatchHasContent() {
6622                window.dispatchEvent(new CustomEvent("update-collapsebox-details-hascontent", {detail: this.attachments && Object.keys(this.attachments).length || null}))
6623            },
6624            eventListeners: {
6625                ['x-on:update-attachments.window'](event) {
6626                    this.attachments = event.detail
6627                    this.dispatchHasContent()
6628                },
6629            }
6630        }
6631    }
6632</script>
6632</div>        </div>
6633    </div>
6634    
6634<script>
6635        function collapseBox6abf0829082fb() {
6636            return {
6637                isRendering: false,
6638                hasContent: false,
6639                numberOfChildBlocksActive: 0,
6640                isCollapsed: true,
6641                isCollapsedByDefault: Boolean(1),
6642                handleCollapseInteraction($dispatch) {
6643                    this.isCollapsed = !this.isCollapsed
6644                },
6645                checkHasContent() {
6646                    this.hasContent = this.numberOfChildBlocksActive
6647                },
6648                eventListeners: {
6649                    ['x-on:update-variant-id.window']() {
6650                        this.numberOfChildBlocksActive = 0
6651                    },
6652                    ['x-on:update-collapsebox-details-hascontent.window'](event) {
6653                        this.numberOfChildBlocksActive += event.detail
6654                        this.checkHasContent()
6655                    },
6656                }
6657            }
6658        }
6659    </script>
6659
6660</div><div
6661    class="reviews xl:pl-10"
6662    :class="{'invisible' : isRendering, 'hidden' : !hasContent}"
6663    id="collapse-box-6abf082909d50"
6664    x-data="collapseBox6abf082909d50()"
6665    x-bind="eventListeners"
6666    x-init="isCollapsed = isCollapsedByDefault"
6667    x-cloak
6668>
6669    <div class="grid grid-cols-1 py-6">
6670        <div class="cursor-pointer" x-on:click="handleCollapseInteraction($dispatch)">
6671            <div class="flex justify-between items-center text-lg">
6672                <div>
6673    Kundenbewertung    (2)</div>
6674<div>
6675    
6676
6677    <div class="rating-summary flex items-center"
6678        >
6679                                                <span class="mr-1">
6680                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5"
6681                         style="color: #333">
6682                        <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round"
6683                              stroke-miterlimit="10" stroke-width="3"
6684                              d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
668451.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/>
6685                    </svg>
6686                </span>
6687                                            <span class="mr-1">
6688                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5"
6689                         style="color: #333">
6690                        <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round"
6691                              stroke-miterlimit="10" stroke-width="3"
6692                              d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L51.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/>
6693                    </svg>
6694                </span>
6695                                            <span class="mr-1">
6696                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5"
6697                         style="color: #333">
6698                        <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round"
6699                              stroke-miterlimit="10" stroke-width="3"
6700                              d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
670051.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/>
6701                    </svg>
6702                </span>
6703                                            <span class="mr-1">
6704                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5"
6705                         style="color: #333">
6706                        <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round"
6707                              stroke-miterlimit="10" stroke-width="3"
6708                              d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L51.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/>
6709                    </svg>
6710                </span>
6711                                            <span class="mr-1">
6712                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5"
6713                         style="color: #333">
6714                        <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round"
6715                              stroke-miterlimit="10" stroke-width="3"
6716                              d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
671651.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/>
6717                    </svg>
6718                </span>
6719                                                                
6720                        </div>
6721</div>
6722<div class="hidden md:block">
6723     <button aria-label="Bewertung&#x20;abgeben" title="Bewertung&#x20;abgeben" type="button" class="underline&#x20;text-sm&#x20;font-normal"   x-on:click.stop="&#x24;dispatch&#x28;&#x27;open-write-review-modal&#x27;&#x29;"   >  <span class="">Bewertung abgeben</span> </button></div>                <div class="md:pr-10 lg:pr-18">
6724                    <span class="block transition-transform text-black" :class="{'transform rotate-180': !isCollapsed}">
6725                        <span><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="w-3 h-auto" width="24" height="24" role="img">
6726  <path d="M6.5 6.873a.254.254 0 01-.182-.08L.468.83A.273.273 0 01.494.46a.27.27 0 01.338 0L6.5 6.237 12.168.46a.26.26 0 01.364.027.283.283 0 010 .344l-5.85 5.964a.254.254 0 01-.182.08z"/>
6727</svg>
6728</span>
6729                    </span>
6730                </div>
6731            </div>
6732        </div>
6733        <div class="text-sm">
6734            <div x-data="hyva.modal()"
6735     x-on:open-write-review-modal.window="window.hyva.modal.pop(); show('dialog')"
6736     x-on:close-write-review-modal.window="hide()"
6737     x-defer="intersect"
6738>
6739     <div x-cloak data-dialog-ref-name="dialog" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50"><div class="fixed flex justify-center items-center text-left z-40 inset-0"><div x-ref="dialog" role="dialog" aria-modal="true"    class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain z-50 lightbox bg-stonegray-lighter !p-0 !rounded-none"><div class="text-right border-b border-lightboxline text-black">
6740     <button aria-label="Suchen" title="Suchen" type="button" class="inline-flex&#x20;ml-auto&#x20;justify-end&#x20;py-2&#x20;px-4&#x20;mr-4&#x20;focus&#x3A;outline-none&#x20;cursor-pointer"   x-on:click.stop="&#x24;dispatch&#x28;&#x27;close-write-review-modal&#x27;&#x29;&#x3B;&#x20;&#x24;dispatch&#x28;&#x27;resume-global-banner-rotation&#x27;&#x29;"   >  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 103" class="h-4 w-auto" width="16" height="16" aria-hidden="true">
6741  <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M6.4 3.6l90 90m-90 0l90-90"/>
6742</svg>
6743   </button></div>
6744<div class="mx-auto py-6 px-2" x-data="ReviewForm()">
6745    <div class="lightbox-main leading-normal overflow-y-auto transition-max-height mb-6 px-6">
6746        <form class="review-form"
6747              id="review_form"
6748              x-on:submit.prevent="submitForm()"
6749              action=""
6750        >
6751                                    <div class="mb-6">
6752                <span class="text-xl">Wie gefällt Ihnen das Produkt?</span>
6753            </div>
6754            <fieldset>
6755                                    <div class="mb-18 -mt-6">
6756                        <fieldset>
6757                            <legend class="relative -bottom-14">
6758                                Bitte bewerten Sie das Produkt                            </legend>
6759                            <div>
6760                                <div id="product-review-table">
6761                                                                            <div>
6762                                            <label class="sr-only"
6763                                                   id="Quality_rating_label">
6764                                                <span>Quality</span>
6765                                            </label>
6766                                            <div class="flex flex-row flex-grow-0 gap-x-2" x-data="{ clickedRatingId: 0 }">
6767                                                                                                                                                                                                        <div class="relative" @click="clickedRatingId = 1 || 0">
6768                                                            <input
6769                                                                class="absolute opacity-0 bottom-0 left-0 cursor-pointer"
6770                                                                type="radio"
6771                                                                required
6772                                                                required                                                                name="ratings[1]"
6773                                                                id="Quality_1"
6774                                                                value="1"
6775                                                            />
6776                                                            <label
6777                                                                class="rating-1 m-0 cursor-pointer no-required-indicator"
6778                                                                for="Quality_1"
6779                                                                title="1&#x20;Stern"
6780                                                                aria-label="1&#x20;Stern"
6781                                                                id="Quality_1_label"
6782                                                            >
6783                                                                <sp
6783an :class="1 <= clickedRatingId ? 'text-anthracite' : 'text-transparent'">
6784                                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="h-5 w-auto fill-current" width="24" height="24" role="img">
6785  <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L51.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/>
6786</svg>
6787                                                                </span>
6788                                                            </label>
6789                                                        </div>
6790                                                                                                                                                            <div class="relative" @click="clickedRatingId = 2 || 0">
6791                                                            <input
6792                                                                class="absolute opacity-0 bottom-0 left-0 cursor-pointer"
6793                                                                type="radio"
6794                                                                required
6795                                                                                                                                name="ratings[1]"
6796                                                                id="Quality_2"
6797                                                                value="2"
6798                                                            />
6799                                                            <label
6800                                                                class="rating-2 m-0 cursor-pointer no-required-indicator"
6801                                                                for="Quality_2"
6802                                                                title="2&#x20;Sterne"
6803                                                                aria-label="2&#x20;Sterne"
6804                                                                id="Quality_2_label"
6805                                                            >
6806                                                                <span :class="2 <= clickedRatingId ? 'text-anthracite' : 'text-transparent'">
6807                                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="h-5 w-auto fill-current" width="24" height="24" role="img">
6808  <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
680851.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/>
6809</svg>
6810                                                                </span>
6811                                                            </label>
6812                                                        </div>
6813                                                                                                                                                            <div class="relative" @click="clickedRatingId = 3 || 0">
6814                                                            <input
6815                                                                class="absolute opacity-0 bottom-0 left-0 cursor-pointer"
6816                                                                type="radio"
6817                                                                required
6818                                                                                                                                name="ratings[1]"
6819                                                                id="Quality_3"
6820                                                                value="3"
6821                                                            />
6822                                                            <label
6823                                                                class="rating-3 m-0 cursor-pointer no-required-indicator"
6824                                                                for="Quality_3"
6825                                                                title="3&#x20;Sterne"
6826                                                                aria-label="3&#x20;Sterne"
6827                                                                id="Quality_3_label"
6828                                                            >
6829                                                                <span :class="3 <= clickedRatingId ? 'text-anthracite' : 'text-transparent'">
6830                                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="h-5 w-auto fill-current" width="24" height="24" role="img">
6831  <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
683151.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/>
6832</svg>
6833                                                                </span>
6834                                                            </label>
6835                                                        </div>
6836                                                                                                                                                            <div class="relative" @click="clickedRatingId = 4 || 0">
6837                                                            <input
6838                                                                class="absolute opacity-0 bottom-0 left-0 cursor-pointer"
6839                                                                type="radio"
6840                                                                required
6841                                                                                                                                name="ratings[1]"
6842                                                                id="Quality_4"
6843                                                                value="4"
6844                                                            />
6845                                                            <label
6846                                                                class="rating-4 m-0 cursor-pointer no-required-indicator"
6847                                                                for="Quality_4"
6848                                                                title="4&#x20;Sterne"
6849                                                                aria-label="4&#x20;Sterne"
6850                                                                id="Quality_4_label"
6851                                                            >
6852                                                                <span :class="4 <= clickedRatingId ? 'text-anthracite' : 'text-transparent'">
6853                                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="h-5 w-auto fill-current" width="24" height="24" role="img">
6854  <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
685451.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/>
6855</svg>
6856                                                                </span>
6857                                                            </label>
6858                                                        </div>
6859                                                                                                                                                            <div class="relative" @click="clickedRatingId = 5 || 0">
6860                                                            <input
6861                                                                class="absolute opacity-0 bottom-0 left-0 cursor-pointer"
6862                                                                type="radio"
6863                                                                required
6864                                                                                                                                name="ratings[1]"
6865                                                                id="Quality_5"
6866                                                                value="5"
6867                                                            />
6868                                                            <label
6869                                                                class="rating-5 m-0 cursor-pointer no-required-indicator"
6870                                                                for="Quality_5"
6871                                                                title="5&#x20;Sterne"
6872                                                                aria-label="5&#x20;Sterne"
6873                                                                id="Quality_5_label"
6874                                                            >
6875                                                                <span :class="5 <= clickedRatingId ? 'text-anthracite' : 'text-transparent'">
6876                                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="h-5 w-auto fill-current" width="24" height="24" role="img">
6877  <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
687751.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/>
6878</svg>
6879                                                                </span>
6880                                                            </label>
6881                                                        </div>
6882                                                                                                                                                </div>
6883                                        </div>
6884                                                                    </div>
6885                                <input type="hidden" name="validate_rating" value=""/>
6886                            </div>
6887                        </fieldset>
6888                    </div>
6889                                <div>
6890                    <div class="mb-9">
6891                        <label for="nickname_field" class="font-bold mb-1">
6892                            <span>Ihr Name</span>
6893                        </label>
6894                        <div>
6895                            <input class="mt-1 block w-full border-black focus:border-black focus:ring-0 px-4 py-2"
6896                                   required
6897                                   title="Ihr&#x20;Name"
6898                                   type="text"
6899                                   name="nickname" id="nickname_field"
6900                            />
6901                        </div>
6902                    </div>
6903                    <div class="hidden">
6904                        <label for="summary_field" class="sr-only">
6905                            <span>Zusammenfassung</span>
6906                        </label>
6907                        <div>
6908                            <input class="mt-1 px-4 py-2"
6909                                   required
6910                                   title="Zusammenfassung"
6911                                   placeholder="Zusammenfassung*" type="text"
6912                                   name="title"
6913                                   id="summary_field"
6914                                   value="No Title"
6915                            />
6916                        </div>
6917                    </div>
6918                    <div class="mb-5">
6919                        <label for="review_field" class="font-bold mb-1">
6920                            <span>Ihr Bewertungstext</span>
6921                        </label>
6922                        <div>
6923                    <textarea class="mt-1 p-4 min-h-36"
6924                              required
6925                              title="Ihr Bewertungstext"
6926                              name="detail"
6927                              id="review_field" cols="5"
6928                              rows="3"></textarea>
6929                        </div>
6930                    </div>
6931                </div>
6932                                            </fieldset>
6933        </form>
6934
6935        
6935<script>
6936            function ReviewForm() {
6937
6938                return {
6939                    isLoading: false,
6940                    displaySuccessMessage: false,
6941                    displayErrorMessage: false,
6942                    errorMessages: [],
6943                    errors: 0,
6944                    hasCaptchaToken: 0,
6945                    nickname: null,
6946                    summary: null,
6947                    ratings: [],
6948                    review: null,
6949                    setErrorMessages: function (messages) {
6950                        this.errorMessages = [messages]
6951                        this.displayErrorMessage = this.errorMessages.length
6952                    },
6953                    submitForm: function () {
6954                                                const $form = document.querySelector('#review_form');
6955                        this.validate();
6956
6957                        
6958                        if (this.errors === 0) {
6959                            this.placeReview();
6960                        }
6961                    },
6962                    validate: function () {
6963                        this.nickname = document.getElementById('nickname_field').value;
6964                        this.summary = document.getElementById('summary_field').value;
6965                        this.review = document.getElementById('review_field').value;
6966
6967                        let ratingValue;
6968                                                try {
6969                            ratingValue =
6970                                document
6971                                    .querySelector('input[name="ratings[1]"]:checked')
6972                                    .value;
6973                            this.ratings[1] = btoa(ratingValue);
6974                        } catch (e) {
6975                            console.log(e);
6976                        }
6977                        
6978                        if (!(this.nickname &&
6979                            this.summary &&
6980                            this.review &&
6981                            Object.keys(this.ratings).length === 1                        )) {
6982                            this.setErrorMessages(
6983                                ['Please\u0020verify\u0020you\u0027ve\u0020entered\u0020all\u0020required\u0020information']
6984                            );
6985                            this.displayErrorMessage = true;
6986                            this.errors = 1;
6987                            this.hasCaptchaToken = 0;
6988                        }
6989                    },
6990                    placeReview: function () {
6991                        this.isLoading = true;
6992                        this.displayErrorMessage = false;
6993
6994                        const query = `
6995        mutation createProductReview(
6996            $sku:String!,
6997            $nickname:String!,
6998            $summary:String!,
6999            $text:String!,
7000            $ratings:[ProductReviewRatingInput!]!,
7001            ) {
7002            createProductReview(
7003                input: {
7004                    sku: $sku,
7005                    nickname: $nickname,
7006                    summary: $summary,
7007                    text: $text,
7008                    ratings: $ratings
7009                }
7010            ) {
7011                review {
7012                    nickname
7013                }
7014            }
7015        }`
7016                        const variables = {
7017                            sku: '90318001',
7018                            nickname: this.nickname,
7019                            summary: this.summary,
7020                            text: this.review,
7021                            ratings: Object.keys(this.ratings).map(key => {
7022                                return {id: btoa(key), value_id: this.ratings[key]}
7023                            })
7024                        };
7025
7026                        const form = document.querySelector('#review_form');
7027
7028                        const fieldName = 'g\u002Drecaptcha\u002Dresponse';
7029                        const recaptchaHeader = fieldName && form && form.elements[fieldName]
7030                            ? {'X-ReCaptcha': form.elements[fieldName].value}
7031                            : {};
7032
7033                        fetch(`${BASE_URL}graphql`, {
7034                            method: 'POST',
7035                            headers: Object.assign({
7036                                'Content-Type': 'application/json;charset=utf-8',
7037                                'Store': 'sws_de_de'
7038                            }, recaptchaHeader),
7039                            credentials: 'include',
7040                            body: JSON.stringify({query: query, variables: variables})
7041                        })
7042                        .then(response => response.json())
7043                        .then(data => {
7044                                this.isLoading = false;
7045                                if (data.errors) {
7046                                    this.setErrorMessages(['Submitting\u0020your\u0020review\u0020failed,\u0020please\u0020try\u0020again.']);
7047                                    this.displayErrorMessage = true;
7048                                } else {
7049                                    this.displaySuccessMessage = true;
7050                                }
7051                            }
7052                        );
7053                    },
7054                    dispatchDisplayErrorMessages() {
7055                        const errorMessages = this.errorMessages
7056                        window.dispatchEvent(new CustomEvent("review-form-error-messages", {detail: errorMessages}))
7057                    },
7058                    dispatchDisplaySuccessMessage() {
7059                        const displaySuccessMessage = this.displaySuccessMessage
7060                        window.dispatchEvent(new CustomEvent("review-form-success-message", {detail: displaySuccessMessage}))
7061                    },
7062                    dispatchIsLoading(isLoading) {
7063                        window.dispatchEvent(new CustomEvent("review-form-is-loading", {detail: isLoading}))
7064                    }
7065                }
7066            }
7067        </script>
7067
7068    </div>
7069    <div class="lightbox-footer flex-col">
7070        <button x-show="!displaySuccessMessage" type="submit" form="review_form"
7071                class="button button-fill w-full">
7072                <span>
7073                    Bewertung abschicken                </span>
7074        </button>
7075        <div x-show="isLoading">
7076            <div class="flex items-center space-x-3 mt-4 justify-center">
7077                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 57 57" stroke="currentColor" class="spinner_svg" role="img">
7078  <g fill="none" fill-rule="evenodd" stroke-width="2" transform="translate(1 1)">
7079    <circle cx="5" cy="50" r="5">
7080      <animate attributeName="cy" begin="0s" calcMode="linear" dur="2.2s" repeatCount="indefinite" values="50;5;50;50"/>
7081      <animate attributeName="cx" begin="0s" calcMode="linear" dur="2.2s" repeatCount="indefinite" values="5;27;49;5"/>
7082    </circle>
7083    <circle cx="27" cy="5" r="5">
7084      <animate attributeName="cy" begin="0s" calcMode="linear" dur="2.2s" from="5" repeatCount="indefinite" to="5" values="5;50;50;5"/>
7085      <animate attributeName="cx" begin="0s" calcMode="linear" dur="2.2s" from="27" repeatCount="indefinite" to="27" values="27;49;5;27"/>
7086    </circle>
7087    <circle cx="49" cy="50" r="5">
7088      <animate attributeName="cy" begin="0s" calcMode="linear" dur="2.2s" repeatCount="indefinite" values="50;50;5;50"/>
7089      <animate attributeName="cx" begin="0s" calcMode="linear" dur="2.2s" from="49" repeatCount="indefinite" to="49" values="49;5;27;49"/>
7090    </circle>
7091  </g>
7092</svg>
7093                <span>Laden...</span>
7094            </div>
7095        </div>
7096        <div x-show="displaySuccessMessage">
7097            <div class="flex items-center space-x-3 text-green mt-4 justify-center">
7098                <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24" width="24" height="24" role="img">
7099    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/>
7100</svg>
7101                <span>Ihre Bewertung wurde zur Moderation übermittelt.</span>
7102            </div>
7103        </div>
7104        <div x-show="displayErrorMessage">
7105            <div class="flex flex-row items-center space-x-3 text-red mt-4 justify-center">
7106                <svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24" width="24" height="24" role="img">
7107<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
7108</svg>
7109                <template x-for="errorMessage in errorMessages">
7110                    <span x-html="errorMessage"></span>
7111                </template>
7112            </div>
7113        </div>
7114    </div>
7115</div></div></div></div></div>
7116
7117    <div x-data="hyva.modal()"
7118         x-on:open-review-list-modal.window="show('dialog6abf0829124b8')"
7119         x-on:close-review-list-modal.window="hide();"
7120         x-defer="intersect"
7121    >
7122         <div x-cloak data-dialog-ref-name="dialog6abf0829124b8" x-bind="overlay" class="fixed inset-0 bg-black bg-opacity-50 z-50"><div class="fixed flex justify-center items-center text-left z-40 inset-0"><div x-ref="dialog6abf0829124b8" role="dialog" aria-modal="true"    class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain z-50 lightbox bg-stonegray-lighter !p-0 !rounded-none"><div class="text-right border-b border-lightboxline text-black">
7123     <button aria-label="Suchen" title="Suchen" type="button" class="inline-flex&#x20;ml-auto&#x20;justify-end&#x20;py-2&#x20;px-4&#x20;mr-4&#x20;focus&#x3A;outline-none&#x20;cursor-pointer"   x-on:click.stop="&#x24;dispatch&#x28;&#x27;close-review-list-modal&#x27;&#x29;&#x3B;&#x20;&#x24;dispatch&#x28;&#x27;resume-global-banner-rotation&#x27;&#x29;"   >  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 103" class="h-4 w-auto" width="16" height="16" aria-hidden="true">
7124  <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M6.4 3.6l90 90m-90 0l90-90"/>
7125</svg>
7126   </button></div>
7127<div class="mx-auto py-6 px-2">
7128    <div class="lightbox-main leading-normal overflow-y-auto transition-max-height mb-6 px-6">
7129                        <div class="text-xl mb-6">
7130                <span>Kundenbewertungen</span>
7131            </div>
7132            <div class="flex items-center space-x-1">
7133                
7134
7135    <div class="rating-summary flex items-center"
7136        >
7137                                                <span class="mr-1">
7138                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-5"
7139                         style="color: #333">
7140                        <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round"
7141                              stroke-miterlimit="10" stroke-width="3"
7142                              d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L51.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/>
7143                    </svg>
7144                </span>
7145                                            <span class="mr-1">
7146                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-5"
7147                         style="color: #333">
7148                        <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round"
7149                              stroke-miterlimit="10" stroke-width="3"
7150                              d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
715051.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/>
7151                    </svg>
7152                </span>
7153                                            <span class="mr-1">
7154                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-5"
7155                         style="color: #333">
7156                        <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round"
7157                              stroke-miterlimit="10" stroke-width="3"
7158                              d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L51.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/>
7159                    </svg>
7160                </span>
7161                                            <span class="mr-1">
7162                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-5"
7163                         style="color: #333">
7164                        <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round"
7165                              stroke-miterlimit="10" stroke-width="3"
7166                              d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
716651.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/>
7167                    </svg>
7168                </span>
7169                                            <span class="mr-1">
7170                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-5"
7171                         style="color: #333">
7172                        <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round"
7173                              stroke-miterlimit="10" stroke-width="3"
7174                              d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L51.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/>
7175                    </svg>
7176                </span>
7177                                                                
7178                        </div>
7179                <div>
7180                    <span>5</span>
7181                </div>
7182            </div>
7183            <div class="mt-5 mb-2.5">
7184                Alle Bewertungen erfolgen freiwillig, unvergütet und sind bis zu Entfernung des Artikels sichtbar.            </div>
7185                <div x-data="ProductReviews(50)"
7186             x-defer="idle"
7187             class=""
7188        >
7189            <template x-for="(item, index) in items" :key="index">
7190                <div class="flex flex-col border-t border-lightboxline pt-8 pb-11">
7191                    <div>
7192                        <template x-for="(rating, index) in item['ratings_breakdown']" :key="index">
7193                            <div class="flex mb-2">
7194                                <template x-for="i in 5">
7195                                    <div class="mr-1 text-anthracite">
7196                                        <template x-if="i <= rating.value">
7197                                            <span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5" width="24" height="24" role="img">
7198  <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
719851.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/>
7199</svg>
7200</span>
7201                                        </template>
7202                                        <template x-if="i > rating.value">
7203                                            <span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="w-auto h-3.5" width="24" height="24" role="img">
7204  <path fill="none" stroke="#333" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L51.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/>
7205</svg>
7206</span>
7207                                        </template>
7208                                    </div>
7209                                </template>
7210                            </div>
7211                        </template>
7212                        <div class="mb-3">
7213                            <span class="font-bold text-sm" x-text="item['nickname']"></span>,
7214                            <span>
7215                            am                            <time x-text="getFormattedDate(item['created_at'])" :datetime="item['created_at']"></time>
7216                        </span>
7217                        </div>
7218                        <div x-text="item['text']"></div>
7219                    </div>
7220
7221                    <div class="flex flex-row  mt-4 mr-2 items-center">
7222                        <template x-if="item['trusted_shops_review_id']">
7223                            <div class="flex flex-row lg:self-center items-center">
7224                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 32 32" fill="none" class="w-8 h-8" role="img">
7225<rect x="0.5" width="31" height="32" fill="url(#pattern0_13969_611)"/>
7226<defs>
7227<pattern id="pattern0_13969_611" patternContentUnits="objectBoundingBox" width="1" height="1">
7228<use xlink:href="#image0_13969_611" transform="matrix(0.00625 0 0 0.00608553 0 0)"/>
7229</pattern>
7230<image id="image0_13969_611" width="160" height="188" xlink:href="data:image/png;base64,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"/>
7231</defs>
7232</svg>
7233                                <span class="ml-3">Verifizierter Käufer</span>
7234                            </div>
7235                        </template>
7236                        <template x-if="!item['trusted_shops_review_id']">
7237                            <span>Verifizierter Besucher</span>
7238                        </template>
7239                    </div>
7240                </div>
7241            </template>
7242
7243                            <template x-if="items.length !== 0">
7244                    <div class="flex justify-center">
7245                        <a class="button button-fill mx-auto mt-2 capitalize"
7246                           x-show="isNextPageAvailable()"
7247                           href="#"
7248                           @click.prevent="getNextPage()"
7249                        >
7250                            mehr anzeigen                        </a>
7251                    </div>
7252                </template>
7253                    </div>
7254
7255            </div>
7256    <div class="lightbox-footer">
7257         <button aria-label="Bewertung&#x20;abgeben" title="Bewertung&#x20;abgeben" type="button" class="button&#x20;button-fill&#x20;w-full"   x-on:click.stop="&#x24;dispatch&#x28;&#x27;open-write-review-modal&#x27;&#x29;"   >  <span class="">Bewertung abgeben</span> </button>    </div>
7258</div>
7259</div></div></div>    </div>
7260        </div>
7261        <div x-show="!isCollapsed" class="pt-8&#x20;md&#x3A;pr-12&#x20;lg&#x3A;pr-20">
7262                <div>
7263                    <div x-data="ProductReviews(5)"
7264             x-defer="idle"
7265             class="xl:w-4/5"
7266        >
7267            <template x-for="(item, index) in items" :key="index">
7268                <div class="flex flex-col lg:flex-row border-t border-lightboxline pt-8 pb-11">
7269                    <div>
7270                        <template x-for="(rating, index) in item['ratings_breakdown']" :key="index">
7271                            <div class="flex mb-2">
7272                                <template x-for="i in 5">
7273                                    <div class="mr-1 text-anthracite">
7274                                        <template x-if="i <= rating.value">
7275                                            <span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="fill-current w-auto h-3.5" width="24" height="24" role="img">
7276  <path fill="fillCurrent" stroke="#333" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L51.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/>
7277</svg>
7278</span>
7279                                        </template>
7280                                        <template x-if="i > rating.value">
7281                                            <span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="w-auto h-3.5" width="24" height="24" role="img">
7282  <path fill="none" stroke="#333" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" d="M97.9 39.1c-.2-.5-.6-.9-1.2-1l-31.5-4.6L
728251.2 5c-.2-.5-.8-.8-1.3-.8-.6 0-1.1.3-1.3.8L34.5 33.5 3 38.1c-.5.1-1 .5-1.2 1s0 1.1.4 1.5L25 62.7 19.6 94c-.1.5.1 1.1.6 1.4s1.1.4 1.5.1l28.1-14.8L78 95.6c.2.1.5.2.7.2.3 0 .6-.1.9-.3.5-.3.7-.9.6-1.4l-5.4-31.3 22.8-22.2c.3-.4.5-1 .3-1.5z"/>
7283</svg>
7284</span>
7285                                        </template>
7286                                    </div>
7287                                </template>
7288                            </div>
7289                        </template>
7290                        <div class="mb-3">
7291                            <span class="font-bold text-sm" x-text="item['nickname']"></span>,
7292                            <span>
7293                            am                            <time x-text="getFormattedDate(item['created_at'])" :datetime="item['created_at']"></time>
7294                        </span>
7295                        </div>
7296                        <div x-text="item['text']"></div>
7297                    </div>
7298
7299                    <div class="flex flex-row lg:ml-5 lg:self-center lg:mt-0 mt-4 mr-2 items-center">
7300                        <template x-if="item['trusted_shops_review_id']">
7301                            <div class="flex flex-row lg:self-center items-center">
7302                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 32 32" fill="none" class="w-8 h-8" role="img">
7303<rect x="0.5" width="31" height="32" fill="url(#pattern0_13969_611_2)"/>
7304<defs>
7305<pattern id="pattern0_13969_611_2" patternContentUnits="objectBoundingBox" width="1" height="1">
7306<use xlink:href="#image0_13969_611_2" transform="matrix(0.00625 0 0 0.00608553 0 0)"/>
7307</pattern>
7308<image id="image0_13969_611_2" width="160" height="188" xlink:href="data:image/png;base64,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"/>
7309</defs>
7310</svg>
7311                                <span class="ml-3">Verifizierter Käufer</span>
7312                            </div>
7313                        </template>
7314                        <template x-if="!item['trusted_shops_review_id']">
7315                            <span>Verifizierter Besucher</span>
7316                        </template>
7317                    </div>
7318                </div>
7319            </template>
7320
7321                    </div>
7322
7323                    <div class="flex flex-col w-full lg:w-3/5 mx-auto lg:mx-0 gap-2 mt-4">
7324                 <button aria-label="Bewertung&#x20;abgeben" title="Bewertung&#x20;abgeben" type="button" class="button&#x20;button-stroke&#x20;w-full"   x-on:click.stop="&#x24;dispatch&#x28;&#x27;open-write-review-modal&#x27;&#x29;"   >  <span class="">Bewertung abgeben</span> </button>                 <button aria-label="Alle&#x20;Rezensionen&#x20;anschauen" title="Alle&#x20;Rezensionen&#x20;anschauen" type="button" class="button&#x20;button-fill&#x20;w-full"   x-on:click.stop="&#x24;dispatch&#x28;&#x27;open-review-list-modal&#x27;&#x29;"   >  <span class="">Alle Rezensionen anschauen</span> </button>            </div>
7325            </div>
7326        </div>
7327    </div>
7328    
7328<script>
7329        function collapseBox6abf082909d50() {
7330            return {
7331                isRendering: false,
7332                hasContent: true,
7333                numberOfChildBlocksActive: 0,
7334                isCollapsed: true,
7335                isCollapsedByDefault: Boolean(1),
7336                handleCollapseInteraction($dispatch) {
7337                    this.isCollapsed = !this.isCollapsed
7338                },
7339                eventListeners: {
7340                    ['x-on:scroll-to-and-open-review-tab.window']() {
7341                        this.isCollapsed = false
7342                        const fixedHeaderHeight = document.querySelector('#header').clientHeight
7343                        const scrollOffsetY = 75
7344
7345                        window.requestAnimationFrame(() => {
7346                            const eventTarget = document.getElementById('collapse-box-6abf082909d50')
7347                            const positionY = eventTarget.getBoundingClientRect().top + window.scrollY - fixedHeaderHeight - scrollOffsetY
7348                            window.scrollTo({left: 0, top: positionY, behavior: 'smooth'})
7349                        })
7350                    },
7351                }
7352            }
7353        }
7354    </script>
7354
7355</div><div
7356    class="immediately-available-variants"
7357    :class="{'invisible' : isRendering, 'hidden' : !hasContent}"
7358    id="collapse-box-6abf0829161a3"
7359    x-data="collapseBox6abf0829161a3()"
7360    x-bind="eventListeners"
7361    x-init="isCollapsed = isCollapsedByDefault"
7362    x-cloak
7363>
7364    <div class="grid grid-cols-1 py-6">
7365        <div
7366            class="cursor-pointer xl:ml-10"
7367            x-on:click="handleCollapseInteraction($dispatch)"
7368        >
7369            <div class="flex justify-between items-center text-lg">
7370                Sofort lieferbare Ausführungen                <div class="md:pr-10 lg:pr-18">
7371                    <span class="block transition-transform text-black" :class="{'transform rotate-180': !isCollapsed}">
7372                        <span><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="w-3 h-auto" width="24" height="24" role="img">
7373  <path d="M6.5 6.873a.254.254 0 01-.182-.08L.468.83A.273.273 0 01.494.46a.27.27 0 01.338 0L6.5 6.237 12.168.46a.26.26 0 01.364.027.283.283 0 010 .344l-5.85 5.964a.254.254 0 01-.182.08z"/>
7374</svg>
7375</span>
7376                    </span>
7377                </div>
7378            </div>
7379        </div>
7380        <div x-show="!isCollapsed" class="pt-4&#x20;md&#x3A;pr-0">
7381             <section class="" x-data="ProductSlider_6abf082917048(&#x7B;&quot;&quot;&#x3A;2.4,&quot;sm&quot;&#x3A;2.4,&quot;md&quot;&#x3A;3,&quot;lg&quot;&#x3A;4,&quot;xl&quot;&#x3A;5,&quot;2xl&quot;&#x3A;5&#x7D;)"   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&#x20;justify-self-start&#x20;justify-center&#x20;md&#x3A;absolute&#x20;md&#x3A;left-0&#x20;md&#x3A;top-1&#x2F;2&#x20;md&#x3A;-translate-y-1&#x2F;2&#x20;md&#x3A;-translate-x-1&#x2F;2&#x20;transition-all&#x20;md&#x3A;items-center&#x20;cursor-pointer&#x20;w-8&#x20;h-8&#x20;lg&#x3A;w-12&#x20;lg&#x3A;h-12&#x20;md&#x3A;flex&#x20;z-20&#x20;rounded-full&#x20;bg-charcoal-darker&#x20;text-white" :class="{ 'invisible' : isAtStart }" aria-label="Go&#x20;to&#x20;previous&#x20;product&#x20;slider&#x20;page" x-on:click="scrollBack()" ><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="w-3 h-3 lg:w-5 lg:h-5" aria-hidden="true"><path d="M12 1L2 11L12 21" stroke-width="2" stroke-linecap="round"/></svg>
7382</button> <button type="button" class="scroll-arrow&#x20;justify-self-end&#x20;justify-center&#x20;md&#x3A;absolute&#x20;md&#x3A;right-0&#x20;md&#x3A;top-1&#x2F;2&#x20;md&#x3A;-translate-y-1&#x2F;2&#x20;md&#x3A;translate-x-1&#x2F;2&#x20;transition-all&#x20;md&#x3A;items-center&#x20;cursor-pointer&#x20;w-8&#x20;h-8&#x20;lg&#x3A;w-12&#x20;lg&#x3A;h-12&#x20;md&#x3A;flex&#x20;z-20&#x20;rounded-full&#x20;bg-charcoal-darker&#x20;text-white" :class="{ 'invisible' : isAtEnd }" x-on:click="scrollForward()" aria-label="Go&#x20;to&#x20;next&#x20;product&#x20;slider&#x20;page" ><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="w-3 h-3 lg:w-5 lg:h-5" aria-hidden="true"><path d="M1 1L11 11L1 21" stroke-width="2" stroke-linecap="round"/></svg>
7383</button></div></div><div class="slider-items-container no-scrollbar" x-on:scroll.debounce.100ms="calcActive()" :class="{ 'snap snap-proximity overflow-x-auto pb-7': productsCount > pageSize }"> <template x-if="productItems && productItems.length"> <div class="grid transition-all grid-rows-1 grid-flow-col slider" :style="itemWidth && productsCount && 'grid-template-columns: repeat(' + productsCount + ',' + itemWidth + 'px)' || ''">  <template x-for="product in productItems" :key="product.id"><div class="cursor-pointer&#x20;slider-item&#x20;snap-start&#x20;px-1.5&#x20;md&#x3A;px-2.5&#x20;lg&#x3A;px-3.5" data-product-item  x-on:click.prevent="scrollPageUp(); $dispatch('change-option', product.id)"  ><div class="relative"><div class="relative&#x20;w-full&#x20;product-image-wrapper&#x20;flex&#x20;flex-col&#x20;justify-end&#x20;aspect-&#x5B;4&#x2F;5&#x5D;&#x20;product-image-wrapper&#x20;mb-2"><div class="flex&#x20;items-end&#x20;justify-center&#x20;w-full&#x20;bg-white&#x20;aspect-square&#x20;product-image&#x20;relative&#x20;mix-blend-multiply">
7383 <img class="self-center max-h-full max-w-full" :src="getImageUrlByProduct(product)" @mouseenter="debounce(() => hoveredProductId = product.id, 100)" @mouseleave="debounce(() => hoveredProductId = null, 100)" :alt="themeServiceImageDescriptionLabel.getImageDescriptionLabel(product)" :title="themeServiceImageDescriptionLabel.getImageDescriptionLabel(product)" width="280" height="280" loading="lazy"/></div></div><template x-if="badges && badges[product.id] && badges[product.id].length"><div class="flex&#x20;flex-row&#x20;product-badges&#x20;my-2"><span class="flex&#x20;flex-row"><template x-for="(item, index, collection) in badges[product.id]"><span :style="collection[index].styles" class="product-badge&#x20;mt-0&#x20;inline-block&#x20;p-1&#x20;text-&#x5B;10px&#x5D;&#x20;uppercase&#x20;leading-none&#x20;font-semibold&#x20;mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper&#x20;text-sm">  <span class="block&#x20;truncate&#x20;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&#x20;flex&#x20;flex-row&#x20;gap-x-1&#x20;mt-1"><template x-if="product.special_price"><span class="old-price&#x20;inline-block&#x20;line-through&#x20;order-last&#x20;text-sm&#x20;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&#x20;final-price&#x20;text-sm&#x20;font-semibold" :class="{'discount-price' : product.special_price}" x-text="product.price_range.minimum_price.final_price.value && hyva.formatPrice(product.price_range.minimum_price.final_price.value) || ''"></span></span> <template x-if="product.productlistitem_swatches && Object.keys(product.productlistitem_swatches).length"><span class="swatches-wrapper truncate inline-flex cursor-pointer self-start mt-2.5"><template x-for="superAttribute in product.productlistitem_swatches.slice(0, 1)"><span class="flex flex-row flex-wrap"><template x-for="(swatch, index) in superAttribute.values.slice(0, 4)"><span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing(swatch) || ''"></span></template><template x-if="superAttribute.values.length >4"><span class="leading-none flex flex-row text-neutralgray pl-1 h-2.5"><span class="swatch inline-flex items-center text-xs"><span x-text="'+' + (superAttribute.values.length - 4)"></span></span></span></template></span></template></span></template></div></template> </div></template></div></div></section>
7383<script>
7384    const ProductSlider_6abf082917048 = function (sliderBreakpoints) {
7385        return {
7386            uniqueId: 'ProductSlider_6abf082917048',
7387            productsCount: 0,
7388            productIds: [],
7389            pageSize: 1,
7390            itemWidth: null,
7391            hoveredProductId: null,
7392            isImageLoaded: false,
7393            timeout: null,
7394            isAtStart: true,
7395            isAtEnd: false,
7396            active: 0,
7397            pageFillers: 0,
7398            itemsPerPagePerScreenSize: {
7399                '': 2.3,
7400                'sm': 2.3,
7401                'md': 3,
7402                'lg': 4,
7403                'xl': 4,
7404                '2xl': 4,
7405            },
7406
7407            setItemsPerSlider() {
7408                if (!sliderBreakpoints) return;
7409
7410                this.itemsPerPagePerScreenSize = sliderBreakpoints;
7411            },
7412
7413            initStaticMode() {
7414                this.productsCount = 0;
7415                this.productIds = 0;
7416
7417                if (this.getSlider()) {
7418                    this.getSlider().scrollLeft = 0;
7419                    this.calcActive();
7420                }
7421            },
7422
7423            initDynamicMode() {
7424                this.productsCount = this.productItems && (this.productItems).length || 0;
7425                this.productIds = this.productItems && this.getProductIds(this.productItems) || [];
7426
7427                if (this.productItems) {
7428                    this.$nextTick(() => {
7429                        window.requestAnimationFrame(() => {
7430                            this.initSlider();
7431                        })
7432                    })
7433                }
7434            },
7435
7436            initGraphQlMode() {
7437                                this.getProductItemsByGraphQl();
7438                 },
7439
7440            initSlider() {
7441                this.setItemsPerSlider();
7442                this.calcPageSize();
7443                this.executeHooksOnSliderInit();
7444            },
7445
7446            reInitSlider() {
7447                if (this.getSlider()) {
7448                    this.getSlider().scrollLeft = 0;
7449                }
7450                this.calcPageSize();
7451            },
7452
7453            getSlider() {
7454                return this.getSliderContainer();
7455            },
7456
7457            getSliderContainer() {
7458                return this.$root.querySelector('.slider-items-container');
7459            },
7460
7461            scrollBack() {
7462                if (this.getSliderContainer()) {
7463                    this.getSliderContainer().scrollLeft = this.getSliderContainer().scrollLeft - (this.getSliderContainer().clientWidth);
7464                    this.calcActive();
7465                }
7466            },
7467
7468            scrollForward() {
7469                if (this.getSliderContainer()) {
7470                    this.getSliderContainer().scrollLeft = this.getSliderContainer().scrollLeft + (this.getSliderContainer().clientWidth);
7471                    this.calcActive();
7472                }
7473            },
7474
7475            calcPageSize() {
7476                const slider = this.getSlider();
7477
7478                if (slider) {
7479                    this.pageSize = this.itemsPerPagePerScreenSize[themeServiceScreen.getScreen()];
7480
7481                    this.itemWidth = Math.round(slider.clientWidth / this.pageSize);
7482                    this.pageFillers = (
7483                        this.pageSize * Math.ceil(this.productsCount / this.pageSize)
7484                    ) - this.productsCount;
7485                    this.$nextTick(() => this.calcActive());
7486
7487                    window.requestAnimationFrame(() => {
7488                        if (!this.itemWidth && this.productsCount) this.calcPageSize();
7489                        
7490                    });
7491                }
7492            },
7493
7494            calcActive() {
7495                const slider = this.getSlider();
7496
7497                if (slider) {
7498                    const sliderItems = this.productsCount + this.pageFillers;
7499                    const calculatedActiveSlide = slider.scrollLeft / (slider.scrollWidth / sliderItems);
7500
7501                    this.active = Math.round(calculatedActiveSlide);
7502                    this.active = Math.max(0, Math.min(this.active, this.productsCount - this.pageSize));
7503
7504                    this.isAtStart = slider.scrollLeft === 0;
7505                    this.isAtEnd = slider.scrollLeft + slider.clientWidth >= slider.scrollWidth - 1;
7506                }
7507            },
7508
7509            getImageUrl(image) {
7510                const imageUrlSuffix = '&pad=10&h=280&ar=1:1';
7511                const imageUrl = typeof image === 'string' ? image : image && image.url || null;
7512
7513                if (imageUrl) {
7514                    return (imageUrl).replace(/&/g, '&') + imageUrlSuffix;
7515                }
7516
7517                return '';
7518            },
7519
7520            getImageUrlByProduct(product) {
7521                if (this.hoveredProductId == product.id && product.hover_image && !product.hover_image.isEmpty) {
7522                    return this.getImageUrl(product.hover_image);
7523                }
7524                return this.getImageUrl(product.small_image);
7525            },
7526
7527            resolveImageUrl(productId, imageUrl, hoverImageUrl) {
7528                if (hoverImageUrl && this.hoveredProductId == productId) {
7529                    return hoverImageUrl.split('?')[0] + "?ar=0.85:1&fit=crop";
7530                }
7531
7532                return this.getImageUrl(imageUrl).replace('trim-tol=15', 'trim-tol=25');
7533            },
7534
7535            debounce(func, wait) {
7536                let later = function() {
7537                    this.timeout = null;
7538                    func.apply(this, []);
7539                };
7540                clearTimeout(this.timeout);
7541                this.timeout = setTimeout(later, wait);
7542            },
7543
7544              getImageUrl(image) {
7545                const imageUrlSuffix = '&pad=10&h=280&ar=1:1';
7546                const imageUrl = typeof image === 'string' ? image : image && image.url || null;
7547
7548                if (imageUrl) {
7549                    return (imageUrl).replace(/&/g, '&') + imageUrlSuffix;
7550                }
7551
7552                return '';
7553            },
7554
7555            getImageUrlByProduct(product) {
7556                if (this.hoveredProductId == product.id && product.hover_image && !product.hover_image.isEmpty) {
7557                    return this.getImageUrl(product.hover_image);
7558                }
7559                return this.getImageUrl(product.small_image);
7560            },
7561
7562            resolveImageUrl(productId, imageUrl, hoverImageUrl) {
7563                if (hoverImageUrl && this.hoveredProductId == productId) {
7564                    return this.getImageUrl(hoverImageUrl);
7565                }
7566                return this.getImageUrl(imageUrl);
7567            },
7568
7569               badges: {},
7570            getBadges() {
7571                               if(this.productItems.length) {
7572                    this.productItems.forEach((product) => {
7573                        if (!(this.badges[product.id])) {
7574                            this.badges[product.id] = themeServiceBadges.getBadges(product)
7575                        }
7576                    });
7577                }
7578                 },
7579            
7580                              productItems: {},
7581            getProductUrl(product) {
7582                if (product.url_rewrites && product.url_rewrites[0] && product.url_rewrites[0].url) {
7583                    return `${BASE_URL}${product.url_rewrites[0].url}`;
7584                }
7585                return this.getUrl(product.url_key, product.url_suffix);
7586            },
7587            getUrl(key, suffix) {
7588                return `${BASE_URL}${key}${suffix || ''}`;
7589            },
7590            getProductIds(productItems) {
7591                const productIds = [];
7592                if (Array.isArray(productItems)) {
7593                    for (let i = 0; i < productItems.length; i++) {
7594                        productIds.push(productItems[i].id);
7595                    }
7596                }
7597                return productIds;
7598            },
7599            scrollPageUp() {
7600                document.documentElement.scrollTo({
7601                    top: 0,
7602                    behavior: "smooth"
7603                })
7604            },
7605                          executeHooksOnSliderInit() {
7606                 this.getBadges();
7607            },
7608            
7609            eventListeners: {
7610                ['x-on:window-resize-horizontal.window.debounce']() {
7611                    this.reInitSlider();
7612                },
7613                ['x-on:re-init-product-sliders.window']() {
7614                    this.reInitSlider();
7615                },
7616                                     ['@product-slider-immediately-available-variants.window'](event) {
7617                this.productItems = event.detail || [];
7618                if (this.productItems.length) {
7619                    this.initDynamicMode()
7620                }
7621            },
7622                                           ['x-on:immediatelyavailable-collapse-interaction.window']() {
7623                if (this.productItems && this.productItems.length) {
7624                    this.calcPageSize()
7625                }
7626            },
7627                                      },
7628        }
7629    }
7630
7631    const dispatchEventReInitProductSliders_ProductSlider_6abf082917048 = function() {
7632        window.dispatchEvent(new CustomEvent('re-init-product-sliders'))
7633    }
7634
7635    window.requestIdleCallback
7636        ? window.requestIdleCallback(() => dispatchEventReInitProductSliders_ProductSlider_6abf082917048)
7637        : setTimeout(() => dispatchEventReInitProductSliders_ProductSlider_6abf082917048, 4000);</script>
7637        </div>
7638    </div>
7639    
7639<script>
7640        function collapseBox6abf0829161a3() {
7641            return {
7642                isRendering: false,
7643                hasContent: false,
7644                isCollapsed: true,
7645                isCollapsedByDefault: Boolean(),
7646                handleCollapseInteraction($dispatch) {
7647                    this.isCollapsed = !this.isCollapsed
7648                    if(!this.isCollapsed) {
7649                        this.isRendering = true
7650                        this.$nextTick(() => {
7651                            $dispatch('immediatelyavailable-collapse-interaction')
7652                            this.isRendering = false
7653                        })
7654                    }
7655                },
7656                checkHasContent() {
7657                    this.hasContent = this.numberOfChildBlocksActive
7658                },
7659                eventListeners: {
7660                    ['x-on:product-slider-immediately-available-variants.window'](event) {
7661                        this.hasContent = event.detail && (event.detail).length && true || false
7662                    },
7663                }
7664            }
7665        }
7666    </script>
7666
7667</div>    </div>
7668</section>
7669<section class="flex&#x20;flex-col&#x20;product-collaterals">
7670                <div class="order-2&#x20;has-bg"> <section class="container&#x20;-mt-1&#x20;mb-6&#x20;md&#x3A;mb-12&#x20;lg&#x3A;mt-0&#x20;pt-5&#x20;md&#x3A;pt-7&#x20;pb-4&#x20;fullpage-bg&#x20;fullpage-bg-stonegray-lighter" x-data="ProductSlider_6abf08293a21e(&#x7B;&quot;&quot;&#x3A;2.4,&quot;sm&quot;&#x3A;2.4,&quot;md&quot;&#x3A;3,&quot;lg&quot;&#x3A;4,&quot;xl&quot;&#x3A;5,&quot;2xl&quot;&#x3A;5&#x7D;)" 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&#x20;justify-self-start&#x20;justify-center&#x20;md&#x3A;absolute&#x20;md&#x3A;left-0&#x20;md&#x3A;top-1&#x2F;2&#x20;md&#x3A;-translate-y-1&#x2F;2&#x20;md&#x3A;-translate-x-1&#x2F;2&#x20;transition-all&#x20;md&#x3A;items-center&#x20;cursor-pointer&#x20;w-8&#x20;h-8&#x20;lg&#x3A;w-12&#x20;lg&#x3A;h-12&#x20;md&#x3A;flex&#x20;z-20&#x20;rounded-full&#x20;bg-charcoal-darker&#x20;text-white" :class="{ 'invisible' : isAtStart }" aria-label="Go&#x20;to&#x20;previous&#x20;product&#x20;slider&#x20;page" x-on:click="scrollBack()" ><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="w-3 h-3 lg:w-5 lg:h-5" aria-hidden="true"><path d="M12 1L2 11L12 21" stroke-width="2" stroke-linecap="round"/></svg>
7671</button> <button type="button" class="scroll-arrow&#x20;justify-self-end&#x20;justify-center&#x20;md&#x3A;absolute&#x20;md&#x3A;right-0&#x20;md&#x3A;top-1&#x2F;2&#x20;md&#x3A;-translate-y-1&#x2F;2&#x20;md&#x3A;translate-x-1&#x2F;2&#x20;transition-all&#x20;md&#x3A;items-center&#x20;cursor-pointer&#x20;w-8&#x20;h-8&#x20;lg&#x3A;w-12&#x20;lg&#x3A;h-12&#x20;md&#x3A;flex&#x20;z-20&#x20;rounded-full&#x20;bg-charcoal-darker&#x20;text-white" :class="{ 'invisible' : isAtEnd }" x-on:click="scrollForward()" aria-label="Go&#x20;to&#x20;next&#x20;product&#x20;slider&#x20;page" ><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="w-3 h-3 lg:w-5 lg:h-5" aria-hidden="true"><path d="M1 1L11 11L1 21" stroke-width="2" stroke-linecap="round"/></svg>
7672</button></div></div><div class="slider-items-container no-scrollbar" x-on:scroll.debounce.100ms="calcActive()" :class="{ 'snap snap-proximity overflow-x-auto pb-7': productsCount > pageSize }"> <div class="grid transition-all grid-rows-1 grid-flow-col slider" :style="itemWidth && productsCount && 'grid-template-columns: repeat(' + productsCount + ',' + itemWidth + 'px)' || ''">   <div class="cursor-pointer&#x20;slider-item&#x20;snap-start&#x20;px-1.5&#x20;md&#x3A;px-2.5&#x20;lg&#x3A;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&#x20;w-full&#x20;product-image-wrapper&#x20;flex&#x20;flex-col&#x20;justify-end&#x20;aspect-&#x5B;4&#x2F;5&#x5D;&#x20;product-image-wrapper&#x20;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&#x20;items-end&#x20;justify-center&#x20;w-full&#x20;bg-white&#x20;aspect-square&#x20;product-image&#x20;relative&#x20;mix-blend-multiply"><img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(18172, 'https&#x3A;&#x2F;&#x2F;dbs-product.imgix.net&#x2F;a&#x2F;b&#x2F;aboutachair_07_1.jpg&#x3F;auto&#x3D;compress&amp;q&#x3D;75&amp;trim&#x3D;color&amp;trim-color&#x3D;ffffff&amp;trim-tol&#x3D;15&amp;fit&#x3D;fill&amp;bg&#x3D;ffffff', '')" title="Hey-Sign&#x20;-&#x20;Sitzauflage&#x20;AAC&#x20;About&#x20;A&#x20;Chair" alt="Hey-Sign&#x20;
7672-&#x20;Sitzauflage&#x20;AAC&#x20;About&#x20;A&#x20;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&#x20;flex-row&#x20;product-badges&#x20;my-2"><span class="flex&#x20;flex-row"><template x-for="(item, index, collection) in badges[18119]"><span :style="collection[index].styles" class="product-badge&#x20;mt-0&#x20;inline-block&#x20;p-1&#x20;text-&#x5B;10px&#x5D;&#x20;uppercase&#x20;leading-none&#x20;font-semibold&#x20;mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper&#x20;text-sm"><span class="manufacturer-label&#x20;truncate&#x20;block&#x20;text-13px&#x20;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&#x20;truncate&#x20;whitespace-nowrapg">Sitzauflage AAC About A Chair</span></a></p><span class="price-wrapper&#x20;flex&#x20;flex-row&#x20;gap-x-1&#x20;mt-1"> <span class="start-at-label&#x20;text-sm&#x20;font-semibold">ab</span>   <span class=" inline-block&#x20;final-price&#x20;text-sm&#x20;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: '&#x2F;3&#x2F;0&#x2F;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: '&#x2F;5&#x2F;0&#x2F;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: '&#x2F;6&#x2F;0&#x2F;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: '&#x2F;7&#x2F;0&#x2F;3407.png'}}) || ''"></span>     <span class="swatch-count leading-none flex flex-row text-neutralgray pl-1 h-2.5"><span class="swatch-count swatch inline-flex items-center text-xs"><span>+ 3</span></span></span> </span></span>   </div></div>  </div></div></div></section>
7672<script>
7673    const ProductSlider_6abf08293a21e = function (sliderBreakpoints) {
7674        return {
7675            uniqueId: 'ProductSlider_6abf08293a21e',
7676            productsCount: 0,
7677            productIds: [],
7678            pageSize: 1,
7679            itemWidth: null,
7680            hoveredProductId: null,
7681            isImageLoaded: false,
7682            timeout: null,
7683            isAtStart: true,
7684            isAtEnd: false,
7685            active: 0,
7686            pageFillers: 0,
7687            itemsPerPagePerScreenSize: {
7688                '': 2.3,
7689                'sm': 2.3,
7690                'md': 3,
7691                'lg': 4,
7692                'xl': 4,
7693                '2xl': 4,
7694            },
7695
7696            setItemsPerSlider() {
7697                if (!sliderBreakpoints) return;
7698
7699                this.itemsPerPagePerScreenSize = sliderBreakpoints;
7700            },
7701
7702            initStaticMode() {
7703                this.productsCount = 1;
7704                this.productIds = ["18119"];
7705
7706                if (this.getSlider()) {
7707                    this.getSlider().scrollLeft = 0;
7708                    this.calcActive();
7709                }
7710            },
7711
7712            initDynamicMode() {
7713                this.productsCount = this.productItems && (this.productItems).length || 0;
7714                this.productIds = this.productItems && this.getProductIds(this.productItems) || [];
7715
7716                if (this.productItems) {
7717                    this.$nextTick(() => {
7718                        window.requestAnimationFrame(() => {
7719                            this.initSlider();
7720                        })
7721                    })
7722                }
7723            },
7724
7725            initGraphQlMode() {
7726                                this.getProductItemsByGraphQl();
7727                 },
7728
7729            initSlider() {
7730                this.setItemsPerSlider();
7731                this.calcPageSize();
7732                this.executeHooksOnSliderInit();
7733            },
7734
7735            reInitSlider() {
7736                if (this.getSlider()) {
7737                    this.getSlider().scrollLeft = 0;
7738                }
7739                this.calcPageSize();
7740            },
7741
7742            getSlider() {
7743                return this.getSliderContainer();
7744            },
7745
7746            getSliderContainer() {
7747                return this.$root.querySelector('.slider-items-container');
7748            },
7749
7750            scrollBack() {
7751                if (this.getSliderContainer()) {
7752                    this.getSliderContainer().scrollLeft = this.getSliderContainer().scrollLeft - (this.getSliderContainer().clientWidth);
7753                    this.calcActive();
7754                }
7755            },
7756
7757            scrollForward() {
7758                if (this.getSliderContainer()) {
7759                    this.getSliderContainer().scrollLeft = this.getSliderContainer().scrollLeft + (this.getSliderContainer().clientWidth);
7760                    this.calcActive();
7761                }
7762            },
7763
7764            calcPageSize() {
7765                const slider = this.getSlider();
7766
7767                if (slider) {
7768                    this.pageSize = this.itemsPerPagePerScreenSize[themeServiceScreen.getScreen()];
7769
7770                    this.itemWidth = Math.round(slider.clientWidth / this.pageSize);
7771                    this.pageFillers = (
7772                        this.pageSize * Math.ceil(this.productsCount / this.pageSize)
7773                    ) - this.productsCount;
7774                    this.$nextTick(() => this.calcActive());
7775
7776                    window.requestAnimationFrame(() => {
7777                        if (!this.itemWidth && this.productsCount) this.calcPageSize();
7778                        
7779                    });
7780                }
7781            },
7782
7783            calcActive() {
7784                const slider = this.getSlider();
7785
7786                if (slider) {
7787                    const sliderItems = this.productsCount + this.pageFillers;
7788                    const calculatedActiveSlide = slider.scrollLeft / (slider.scrollWidth / sliderItems);
7789
7790                    this.active = Math.round(calculatedActiveSlide);
7791                    this.active = Math.max(0, Math.min(this.active, this.productsCount - this.pageSize));
7792
7793                    this.isAtStart = slider.scrollLeft === 0;
7794                    this.isAtEnd = slider.scrollLeft + slider.clientWidth >= slider.scrollWidth - 1;
7795                }
7796            },
7797
7798            getImageUrl(image) {
7799                const imageUrlSuffix = '&pad=10&h=280&ar=1:1';
7800                const imageUrl = typeof image === 'string' ? image : image && image.url || null;
7801
7802                if (imageUrl) {
7803                    return (imageUrl).replace(/&/g, '&') + imageUrlSuffix;
7804                }
7805
7806                return '';
7807            },
7808
7809            getImageUrlByProduct(product) {
7810                if (this.hoveredProductId == product.id && product.hover_image && !product.hover_image.isEmpty) {
7811                    return this.getImageUrl(product.hover_image);
7812                }
7813                return this.getImageUrl(product.small_image);
7814            },
7815
7816            resolveImageUrl(productId, imageUrl, hoverImageUrl) {
7817                if (hoverImageUrl && this.hoveredProductId == productId) {
7818                    return hoverImageUrl.split('?')[0] + "?ar=0.85:1&fit=crop";
7819                }
7820
7821                return this.getImageUrl(imageUrl).replace('trim-tol=15', 'trim-tol=25');
7822            },
7823
7824            debounce(func, wait) {
7825                let later = function() {
7826                    this.timeout = null;
7827                    func.apply(this, []);
7828                };
7829                clearTimeout(this.timeout);
7830                this.timeout = setTimeout(later, wait);
7831            },
7832
7833              getImageUrl(image) {
7834                const imageUrlSuffix = '&pad=10&h=280&ar=1:1';
7835                const imageUrl = typeof image === 'string' ? image : image && image.url || null;
7836
7837                if (imageUrl) {
7838                    return (imageUrl).replace(/&/g, '&') + imageUrlSuffix;
7839                }
7840
7841                return '';
7842            },
7843
7844            getImageUrlByProduct(product) {
7845                if (this.hoveredProductId == product.id && product.hover_image && !product.hover_image.isEmpty) {
7846                    return this.getImageUrl(product.hover_image);
7847                }
7848                return this.getImageUrl(product.small_image);
7849            },
7850
7851            resolveImageUrl(productId, imageUrl, hoverImageUrl) {
7852                if (hoverImageUrl && this.hoveredProductId == productId) {
7853                    return this.getImageUrl(hoverImageUrl);
7854                }
7855                return this.getImageUrl(imageUrl);
7856            },
7857
7858               badges: {},
7859            getBadges() {
7860                                                            this.badges[18119] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":50,"discount":""},"is_new_product":false});
7861                           },
7862            
7863              executeHooksOnSliderInit() {
7864                 this.getBadges();
7865            },
7866            
7867            eventListeners: {
7868                ['x-on:window-resize-horizontal.window.debounce']() {
7869                    this.reInitSlider();
7870                },
7871                ['x-on:re-init-product-sliders.window']() {
7872                    this.reInitSlider();
7873                },
7874                                  },
7875        }
7876    }
7877
7878    const dispatchEventReInitProductSliders_ProductSlider_6abf08293a21e = function() {
7879        window.dispatchEvent(new CustomEvent('re-init-product-sliders'))
7880    }
7881
7882    window.requestIdleCallback
7883        ? window.requestIdleCallback(() => dispatchEventReInitProductSliders_ProductSlider_6abf08293a21e)
7884        : setTimeout(() => dispatchEventReInitProductSliders_ProductSlider_6abf08293a21e, 4000);</script>
7884</div>
7885                <div class="order-3"> <section class="container&#x20;pb-6&#x20;md&#x3A;pb-12" x-data="ProductSlider_6abf08297fa45(&#x7B;&quot;&quot;&#x3A;2.4,&quot;sm&quot;&#x3A;2.4,&quot;md&quot;&#x3A;3,&quot;lg&quot;&#x3A;4,&quot;xl&quot;&#x3A;5,&quot;2xl&quot;&#x3A;5&#x7D;)" 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&#x20;justify-self-start&#x20;justify-center&#x20;md&#x3A;absolute&#x20;md&#x3A;left-0&#x20;md&#x3A;top-1&#x2F;2&#x20;md&#x3A;-translate-y-1&#x2F;2&#x20;md&#x3A;-translate-x-1&#x2F;2&#x20;transition-all&#x20;md&#x3A;items-center&#x20;cursor-pointer&#x20;w-8&#x20;h-8&#x20;lg&#x3A;w-12&#x20;lg&#x3A;h-12&#x20;md&#x3A;flex&#x20;z-20&#x20;rounded-full&#x20;bg-charcoal-darker&#x20;text-white" :class="{ 'invisible' : isAtStart }" aria-label="Go&#x20;to&#x20;previous&#x20;product&#x20;slider&#x20;page" x-on:click="scrollBack()" ><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="w-3 h-3 lg:w-5 lg:h-5" aria-hidden="true"><path d="M12 1L2 11L12 21" stroke-width="2" stroke-linecap="round"/></svg>
7886</button> <button type="button" class="scroll-arrow&#x20;justify-self-end&#x20;justify-center&#x20;md&#x3A;absolute&#x20;md&#x3A;right-0&#x20;md&#x3A;top-1&#x2F;2&#x20;md&#x3A;-translate-y-1&#x2F;2&#x20;md&#x3A;translate-x-1&#x2F;2&#x20;transition-all&#x20;md&#x3A;items-center&#x20;cursor-pointer&#x20;w-8&#x20;h-8&#x20;lg&#x3A;w-12&#x20;lg&#x3A;h-12&#x20;md&#x3A;flex&#x20;z-20&#x20;rounded-full&#x20;bg-charcoal-darker&#x20;text-white" :class="{ 'invisible' : isAtEnd }" x-on:click="scrollForward()" aria-label="Go&#x20;to&#x20;next&#x20;product&#x20;slider&#x20;page" ><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="w-3 h-3 lg:w-5 lg:h-5" aria-hidden="true"><path d="M1 1L11 11L1 21" stroke-width="2" stroke-linecap="round"/></svg>
7887</button></div></div><div class="slider-items-container no-scrollbar" x-on:scroll.debounce.100ms="calcActive()" :class="{ 'snap snap-proximity overflow-x-auto pb-7': productsCount > pageSize }"> <div class="grid transition-all grid-rows-1 grid-flow-col slider" :style="itemWidth && productsCount && 'grid-template-columns: repeat(' + productsCount + ',' + itemWidth + 'px)' || ''">   <div class="cursor-pointer&#x20;slider-item&#x20;snap-start&#x20;px-1.5&#x20;md&#x3A;px-2.5&#x20;lg&#x3A;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&#x20;w-full&#x20;product-image-wrapper&#x20;flex&#x20;flex-col&#x20;justify-end&#x20;aspect-&#x5B;4&#x2F;5&#x5D;&#x20;product-image-wrapper&#x20;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&#x20;items-end&#x20;justify-center&#x20;w-full&#x20;bg-white&#x20;aspect-square&#x20;product-image&#x20;relative&#x20;mix-blend-multiply"><img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(2198
788715, 'https&#x3A;&#x2F;&#x2F;dbs-product.imgix.net&#x2F;a&#x2F;a&#x2F;aac_220_teal_green_2.0_shell_black_base_seat_pad_for_aac_with_arm_atlas_931.jpg&#x3F;auto&#x3D;compress&amp;q&#x3D;75&amp;trim&#x3D;color&amp;trim-color&#x3D;ffffff&amp;trim-tol&#x3D;15&amp;fit&#x3D;fill&amp;bg&#x3D;ffffff', '')" title="HAY&#x20;-&#x20;AAC&#x20;Cushion&#x20;Sitzkissen&#x20;f&#xFC;r&#x20;AAC&#x20;mit&#x20;Armlehnen" alt="HAY&#x20;-&#x20;AAC&#x20;Cushion&#x20;Sitzkissen&#x20;f&#xFC;r&#x20;AAC&#x20;mit&#x20;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&#x20;flex-row&#x20;product-badges&#x20;my-2"><span class="flex&#x20;flex-row"><template x-for="(item, index, collection) in badges[219823]"><span :style="collection[index].styles" class="product-badge&#x20;mt-0&#x20;inline-block&#x20;p-1&#x20;text-&#x5B;10px&#x5D;&#x20;uppercase&#x20;leading-none&#x20;font-semibold&#x20;mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper&#x20;text-sm"><span class="manufacturer-label&#x20;truncate&#x20;block&#x20;text-13px&#x20;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&#x20;truncate&#x20;whitespace-nowrapg">AAC Cushion Sitzkissen für AAC mit Armlehnen</span></a></p><span class="price-wrapper&#x20;flex&#x20;flex-row&#x20;gap-x-1&#x20;mt-1"> <span class="discount-price start-at-label&#x20;text-sm&#x20;font-semibold">ab</span>   <span class="old-price&#x20;inline-block&#x20;line-through&#x20;order-last&#x20;text-sm&#x20;tracking-narrow" x-text="hyva.formatPrice(39)" ></span>  <span class="discount-price inline-block&#x20;final-price&#x20;text-sm&#x20;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: '&#x23;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: '&#x2F;2&#x2F;0&#x2F;38602.jpg'}}) || ''"></span>   </span></span>   </div></div>   <div class="cursor-pointer&#x20;slider-item&#x20;snap-start&#x20;px-1.5&#x20;md&#x3A;px-2.5&#x20;lg&#x3A;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&#x20;w-full&#x20;product-image-wrapper&#x20;flex&#x20;flex-col&#x20;justify-end&#x20;aspect-&#x5B;4&#x2F;5&#x5D;&#x20;product-image-wrapper&#x20;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&#x20;items-end&#x20;justify-center&#x20;w-full&#x20;bg-white&#x20;aspect-square&#x20;product-image&#x20;relative&#x20;mix-blend-multiply"><img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(162205, 'https&#x3A;&#x2F;&#x2F;dbs-product.imgix.net&#x2F;2&#x2F;0&#x2F;2090011001001_aac_09_steelcut_190_black_base.jpg&#x3F;auto&#x3D;compress&amp;q&#x3D;75&amp;trim&#x3D;color&amp;trim-color&#x3D;ffffff&amp;trim-tol&#x3D;15&amp;fit&#x3D;fill&amp;bg&#x3D;ffffff', '')" title="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;09" alt="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;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&#x20;flex-row&#x20;product-badges&#x20;my-2"><span class="flex&#x20;flex-row"><template x-for="(item, index, collection) in badges[162214]"><span :style="collection[index].styles" class="product-badge&#x20;mt-0&#x20;inline-block&#x20;p-1&#x20;text-&#x5B;10px&#x5D;&#x20;uppercase&#x20;leading-none&#x20;font-semibold&#x20;mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper&#x20;text-sm"><span class="manufacturer-label&#x20;truncate&#x20;block&#x20;text-13px&#x20;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&#x20;truncate&#x20;whitespace-nowrapg">About a Chair AAC 09</span></a></p><span class="price-wrapper&#x20;flex&#x20;flex-row&#x20;gap-x-1&#x20;mt-1"> <span class="start-at-label&#x20;text-sm&#x20;font-semibold">ab</span>   <span class=" inline-block&#x20;final-price&#x20;text-sm&#x20;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: '&#x2F;6&#x2F;0&#x2F;1306.jpg'}}) || ''"></span>   </span></span>   </div></div>   <div class="cursor-pointer&#x20;slider-item&#x20;snap-start&#x20;px-1.5&#x20;md&#x3A;px-2.5&#x20;lg&#x3A;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&#x20;w-full&#x20;product-image-wrapper&#x20;flex&#x20;flex-col&#x20;justify-end&#x20;aspect-&#x5B;4&#x2F;5&#x5D;&#x20;product-image-wrapper&#x20;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&#x20;items-end&#x20;justify-center&#x20;w-full&#x20;bg-white&#x20;aspect-square&#x20;product-image&#x20;relative&#x20;mix-blend-multiply">
7887<img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(218245, 'https&#x3A;&#x2F;&#x2F;dbs-product.imgix.net&#x2F;a&#x2F;a&#x2F;aa109-d153-aa51_aac_10_khaki_2.0_shell_black_powder_coated_steel_base.jpg&#x3F;auto&#x3D;compress&amp;q&#x3D;75&amp;trim&#x3D;color&amp;trim-color&#x3D;ffffff&amp;trim-tol&#x3D;15&amp;fit&#x3D;fill&amp;bg&#x3D;ffffff', '')" title="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;10" alt="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;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&#x20;flex-row&#x20;product-badges&#x20;my-2"><span class="flex&#x20;flex-row"><template x-for="(item, index, collection) in badges[17524]"><span :style="collection[index].styles" class="product-badge&#x20;mt-0&#x20;inline-block&#x20;p-1&#x20;text-&#x5B;10px&#x5D;&#x20;uppercase&#x20;leading-none&#x20;font-semibold&#x20;mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper&#x20;text-sm"><span class="manufacturer-label&#x20;truncate&#x20;block&#x20;text-13px&#x20;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&#x20;truncate&#x20;whitespace-nowrapg">About a Chair AAC 10</span></a></p><span class="price-wrapper&#x20;flex&#x20;flex-row&#x20;gap-x-1&#x20;mt-1"> <span class="start-at-label&#x20;text-sm&#x20;font-semibold">ab</span>   <span class=" inline-block&#x20;final-price&#x20;text-sm&#x20;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: '&#x23;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: '&#x23;18191B'}}) || ''"></span>   </span></span>   </div></div>   <div class="cursor-pointer&#x20;slider-item&#x20;snap-start&#x20;px-1.5&#x20;md&#x3A;px-2.5&#x20;lg&#x3A;px-3.5" onclick="location.assign('https://shop.schoener-wohnen.de/hay-about-a-chair-aac-12.html')" data-product-item ><div class="h-full"><div class="relative" :class="{ 'isMood': (hoveredProductId == '217883' && '' && isImageLoaded) }" ><div class="relative&#x20;w-full&#x20;product-image-wrapper&#x20;flex&#x20;flex-col&#x20;justify-end&#x20;aspect-&#x5B;4&#x2F;5&#x5D;&#x20;product-image-wrapper&#x20;mb-2" @mouseleave="isImageLoaded = false; hoveredProductId = null;" @mouseenter="hoveredProductId = 217883" ><a href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-12.html"><span class="flex&#x20;items-end&#x20;justify-center&#x20;w-full&#x20;bg-white&#x20;aspect-square&#x20;product-image&#x20;relative&#x20;mix-blend-multiply"><img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(217883, 'https&#x3A;&#x2F;&#x2F;dbs-product.imgix.net&#x2F;a&#x2F;a&#x2F;aa123-d156-aa51_aac_12_melange_cream_2.0_shell_wb_lacquered_oak_base_new.jpg&#x3F;auto&#x3D;compress&amp;q&#x3D;75&amp;trim&#x3D;color&amp;trim-color&#x3D;ffffff&amp;trim-tol&#x3D;15&amp;fit&#x3D;fill&amp;bg&#x3D;ffffff', '')" title="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;12" alt="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;12" width="280" height="280" @load="isImageLoaded = hoveredProductId == '217883' || false" loading="lazy" /></span></a></div><template x-if="badges && badges[17422] && badges[17422].length"><div class="flex&#x20;flex-row&#x20;product-badges&#x20;my-2"><span class="flex&#x20;flex-row"><template x-for="(item, index, collection) in badges[17422]"><span :style="collection[index].styles" class="product-badge&#x20;mt-0&#x20;inline-block&#x20;p-1&#x20;text-&#x5B;10px&#x5D;&#x20;uppercase&#x20;leading-none&#x20;font-semibold&#x20;mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper&#x20;text-sm"><span class="manufacturer-label&#x20;truncate&#x20;block&#x20;text-13px&#x20;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&#x20;truncate&#x20;whitespace-nowrapg">About a Chair AAC 12</span></a></p><span class="price-wrapper&#x20;flex&#x20;flex-row&#x20;gap-x-1&#x20;mt-1"> <span class="discount-price start-at-label&#x20;text-sm&#x20;font-semibold">ab</span>   <span class="old-price&#x20;inline-block&#x20;line-through&#x20;order-last&#x20;text-sm&#x20;tracking-narrow" x-text="hyva.formatPrice(309)" ></span>  <span class="discount-price inline-block&#x20;final-price&#x20;text-sm&#x20;font-semibold" x-text="hyva.formatPrice(261)" ></span></span>   <span class="swatches-wrapper truncate inline-flex cursor-pointer self-start mt-2.5"><span class="flex flex-row flex-wrap">   <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '&#x23;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: '&#x23;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: '&#x23;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: '&#x23;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&#x20;slider-item&#x20;snap-start&#x20;px-1.5&#x20;md&#x3A;px-2.5&#x20;lg&#x3A;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&#x20;w-full&#x20;product-image-wrapper&#x20;flex&#x20;flex-col&#x20;justify-end&#x20;aspect-&#x5B;4&#x2F;5&#x5D;&#x20;product-image-wrapper&#x20;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&#x20;items-end&#x20;justify-center&#x20;w-full&#x20;bg-white&#x20;aspect-square&#x20;product-image&#x20;relative&#x20;mix-blend-multiply">
7887<img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(128181, 'https&#x3A;&#x2F;&#x2F;dbs-product.imgix.net&#x2F;9&#x2F;3&#x2F;9343121301903_aac121_chair_alu_base_w._upholstery_remix_133.jpg&#x3F;auto&#x3D;compress&amp;q&#x3D;75&amp;trim&#x3D;color&amp;trim-color&#x3D;ffffff&amp;trim-tol&#x3D;15&amp;fit&#x3D;fill&amp;bg&#x3D;ffffff', '')" title="HAY&#x20;-&#x20;About&#x20;A&#x20;Chair&#x20;AAC&#x20;121" alt="HAY&#x20;-&#x20;About&#x20;A&#x20;Chair&#x20;AAC&#x20;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&#x20;flex-row&#x20;product-badges&#x20;my-2"><span class="flex&#x20;flex-row"><template x-for="(item, index, collection) in badges[128183]"><span :style="collection[index].styles" class="product-badge&#x20;mt-0&#x20;inline-block&#x20;p-1&#x20;text-&#x5B;10px&#x5D;&#x20;uppercase&#x20;leading-none&#x20;font-semibold&#x20;mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper&#x20;text-sm"><span class="manufacturer-label&#x20;truncate&#x20;block&#x20;text-13px&#x20;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&#x20;truncate&#x20;whitespace-nowrapg">About A Chair AAC 121</span></a></p><span class="price-wrapper&#x20;flex&#x20;flex-row&#x20;gap-x-1&#x20;mt-1"> <span class="start-at-label&#x20;text-sm&#x20;font-semibold">ab</span>   <span class=" inline-block&#x20;final-price&#x20;text-sm&#x20;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: '&#x2F;4&#x2F;1&#x2F;614.png'}}) || ''"></span>   </span></span>   </div></div>   <div class="cursor-pointer&#x20;slider-item&#x20;snap-start&#x20;px-1.5&#x20;md&#x3A;px-2.5&#x20;lg&#x3A;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&#x20;w-full&#x20;product-image-wrapper&#x20;flex&#x20;flex-col&#x20;justify-end&#x20;aspect-&#x5B;4&#x2F;5&#x5D;&#x20;product-image-wrapper&#x20;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&#x20;items-end&#x20;justify-center&#x20;w-full&#x20;bg-white&#x20;aspect-square&#x20;product-image&#x20;relative&#x20;mix-blend-multiply"><img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(248544, 'https&#x3A;&#x2F;&#x2F;dbs-product.imgix.net&#x2F;a&#x2F;a&#x2F;aa289-a001-aa02-02cj_aac_123_linara_499_wb_lacquer_oak_base.jpg&#x3F;auto&#x3D;compress&amp;q&#x3D;75&amp;trim&#x3D;color&amp;trim-color&#x3D;ffffff&amp;trim-tol&#x3D;15&amp;fit&#x3D;fill&amp;bg&#x3D;ffffff', '')" title="HAY&#x20;-&#x20;About&#x20;A&#x20;Chair&#x20;AAC&#x20;123" alt="HAY&#x20;-&#x20;About&#x20;A&#x20;Chair&#x20;AAC&#x20;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&#x20;flex-row&#x20;product-badges&#x20;my-2"><span class="flex&#x20;flex-row"><template x-for="(item, index, collection) in badges[128246]"><span :style="collection[index].styles" class="product-badge&#x20;mt-0&#x20;inline-block&#x20;p-1&#x20;text-&#x5B;10px&#x5D;&#x20;uppercase&#x20;leading-none&#x20;font-semibold&#x20;mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper&#x20;text-sm"><span class="manufacturer-label&#x20;truncate&#x20;block&#x20;text-13px&#x20;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&#x20;truncate&#x20;whitespace-nowrapg">About A Chair AAC 123</span></a></p><span class="price-wrapper&#x20;flex&#x20;flex-row&#x20;gap-x-1&#x20;mt-1"> <span class="start-at-label&#x20;text-sm&#x20;font-semibold">ab</span>   <span class=" inline-block&#x20;final-price&#x20;text-sm&#x20;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: '&#x2F;4&#x2F;7&#x2F;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: '&#x2F;8&#x2F;1&#x2F;44118.jpg'}}) || ''"></span>   </span></span>   </div></div>   <div class="cursor-pointer&#x20;slider-item&#x20;snap-start&#x20;px-1.5&#x20;md&#x3A;px-2.5&#x20;lg&#x3A;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&#x20;w-full&#x20;product-image-wrapper&#x20;flex&#x20;flex-col&#x20;justify-end&#x20;aspect-&#x5B;4&#x2F;5&#x5D;&#x20;product-image-wrapper&#x20;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&#x20;items-end&#x20;justify-center&#x20;w-full&#x20;bg-white&#x20;aspect-square&#x20;product-image&#x20;relative&#x20;mix-blend-multiply">
7887<img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(128281, 'https&#x3A;&#x2F;&#x2F;dbs-product.imgix.net&#x2F;9&#x2F;3&#x2F;9351596753276_aac127_chair_black_base_dot_1682_03_antracite.jpg&#x3F;auto&#x3D;compress&amp;q&#x3D;75&amp;trim&#x3D;color&amp;trim-color&#x3D;ffffff&amp;trim-tol&#x3D;15&amp;fit&#x3D;fill&amp;bg&#x3D;ffffff', '')" title="HAY&#x20;-&#x20;About&#x20;A&#x20;Chair&#x20;AAC&#x20;127" alt="HAY&#x20;-&#x20;About&#x20;A&#x20;Chair&#x20;AAC&#x20;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&#x20;flex-row&#x20;product-badges&#x20;my-2"><span class="flex&#x20;flex-row"><template x-for="(item, index, collection) in badges[128300]"><span :style="collection[index].styles" class="product-badge&#x20;mt-0&#x20;inline-block&#x20;p-1&#x20;text-&#x5B;10px&#x5D;&#x20;uppercase&#x20;leading-none&#x20;font-semibold&#x20;mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper&#x20;text-sm"><span class="manufacturer-label&#x20;truncate&#x20;block&#x20;text-13px&#x20;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&#x20;truncate&#x20;whitespace-nowrapg">About A Chair AAC 127</span></a></p><span class="price-wrapper&#x20;flex&#x20;flex-row&#x20;gap-x-1&#x20;mt-1"> <span class="start-at-label&#x20;text-sm&#x20;font-semibold">ab</span>   <span class=" inline-block&#x20;final-price&#x20;text-sm&#x20;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: '&#x2F;9&#x2F;1&#x2F;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: '&#x2F;2&#x2F;9&#x2F;592.png'}}) || ''"></span>   </span></span>   </div></div>   <div class="cursor-pointer&#x20;slider-item&#x20;snap-start&#x20;px-1.5&#x20;md&#x3A;px-2.5&#x20;lg&#x3A;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&#x20;w-full&#x20;product-image-wrapper&#x20;flex&#x20;flex-col&#x20;justify-end&#x20;aspect-&#x5B;4&#x2F;5&#x5D;&#x20;product-image-wrapper&#x20;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&#x20;items-end&#x20;justify-center&#x20;w-full&#x20;bg-white&#x20;aspect-square&#x20;product-image&#x20;relative&#x20;mix-blend-multiply"><img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(218167, 'https&#x3A;&#x2F;&#x2F;dbs-product.imgix.net&#x2F;a&#x2F;a&#x2F;aa140-d159-aa51_aac_14_white_2.0_shell_white_powder_coated_aluminium_base.jpg&#x3F;auto&#x3D;compress&amp;q&#x3D;75&amp;trim&#x3D;color&amp;trim-color&#x3D;ffffff&amp;trim-tol&#x3D;15&amp;fit&#x3D;fill&amp;bg&#x3D;ffffff', '')" title="HAY&#x20;-&#x20;About&#x20;A&#x20;Chair&#x20;AAC&#x20;14" alt="HAY&#x20;-&#x20;About&#x20;A&#x20;Chair&#x20;AAC&#x20;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&#x20;flex-row&#x20;product-badges&#x20;my-2"><span class="flex&#x20;flex-row"><template x-for="(item, index, collection) in badges[17299]"><span :style="collection[index].styles" class="product-badge&#x20;mt-0&#x20;inline-block&#x20;p-1&#x20;text-&#x5B;10px&#x5D;&#x20;uppercase&#x20;leading-none&#x20;font-semibold&#x20;mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper&#x20;text-sm"><span class="manufacturer-label&#x20;truncate&#x20;block&#x20;text-13px&#x20;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&#x20;truncate&#x20;whitespace-nowrapg">About A Chair AAC 14</span></a></p><span class="price-wrapper&#x20;flex&#x20;flex-row&#x20;gap-x-1&#x20;mt-1"> <span class="start-at-label&#x20;text-sm&#x20;font-semibold">ab</span>   <span class=" inline-block&#x20;final-price&#x20;text-sm&#x20;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: '&#x23;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: '&#x23;18191B'}}) || ''"></span>   </span></span>   </div></div>   <div class="cursor-pointer&#x20;slider-item&#x20;snap-start&#x20;px-1.5&#x20;md&#x3A;px-2.5&#x20;lg&#x3A;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&#x20;w-full&#x20;product-image-wrapper&#x20;flex&#x20;flex-col&#x20;justify-end&#x20;aspect-&#x5B;4&#x2F;5&#x5D;&#x20;product-image-wrapper&#x20;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&#x20;items-end&#x20;justify-center&#x20;w-full&#x20;bg-white&#x20;aspect-square&#x20;product-image&#x20;relative&#x20;mix-blend-multiply">
7887<img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(184840, 'https&#x3A;&#x2F;&#x2F;dbs-product.imgix.net&#x2F;2&#x2F;6&#x2F;2637146783090_aac_155_soft_mode_009_alu_tilt_swivel_base.jpg&#x3F;auto&#x3D;compress&amp;q&#x3D;75&amp;trim&#x3D;color&amp;trim-color&#x3D;ffffff&amp;trim-tol&#x3D;15&amp;fit&#x3D;fill&amp;bg&#x3D;ffffff', '')" title="HAY&#x20;-&#x20;About&#x20;A&#x20;Chair&#x20;AAC&#x20;155&#x20;soft&#x20;Drehstuhl" alt="HAY&#x20;-&#x20;About&#x20;A&#x20;Chair&#x20;AAC&#x20;155&#x20;soft&#x20;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&#x20;flex-row&#x20;product-badges&#x20;my-2"><span class="flex&#x20;flex-row"><template x-for="(item, index, collection) in badges[184841]"><span :style="collection[index].styles" class="product-badge&#x20;mt-0&#x20;inline-block&#x20;p-1&#x20;text-&#x5B;10px&#x5D;&#x20;uppercase&#x20;leading-none&#x20;font-semibold&#x20;mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper&#x20;text-sm"><span class="manufacturer-label&#x20;truncate&#x20;block&#x20;text-13px&#x20;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&#x20;truncate&#x20;whitespace-nowrapg">About A Chair AAC 155 soft Drehstuhl</span></a></p><span class="price-wrapper&#x20;flex&#x20;flex-row&#x20;gap-x-1&#x20;mt-1"> <span class="start-at-label&#x20;text-sm&#x20;font-semibold">ab</span>   <span class=" inline-block&#x20;final-price&#x20;text-sm&#x20;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: '&#x2F;3&#x2F;5&#x2F;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: '&#x2F;0&#x2F;7&#x2F;30770.jpg'}}) || ''"></span>   </span></span>   </div></div>   <div class="cursor-pointer&#x20;slider-item&#x20;snap-start&#x20;px-1.5&#x20;md&#x3A;px-2.5&#x20;lg&#x3A;px-3.5" onclick="location.assign('https://shop.schoener-wohnen.de/hay-about-a-chair-aac-20.html')" data-product-item ><div class="h-full"><div class="relative" :class="{ 'isMood': (hoveredProductId == '218066' && '' && isImageLoaded) }" ><div class="relative&#x20;w-full&#x20;product-image-wrapper&#x20;flex&#x20;flex-col&#x20;justify-end&#x20;aspect-&#x5B;4&#x2F;5&#x5D;&#x20;product-image-wrapper&#x20;mb-2" @mouseleave="isImageLoaded = false; hoveredProductId = null;" @mouseenter="hoveredProductId = 218066" ><a href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-20.html"><span class="flex&#x20;items-end&#x20;justify-center&#x20;w-full&#x20;bg-white&#x20;aspect-square&#x20;product-image&#x20;relative&#x20;mix-blend-multiply"><img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(218066, 'https&#x3A;&#x2F;&#x2F;dbs-product.imgix.net&#x2F;a&#x2F;a&#x2F;aa194-d159-aa51_aac_20_white_2.0_shell_white_powder_coated_aluminium_base_new.jpg&#x3F;auto&#x3D;compress&amp;q&#x3D;75&amp;trim&#x3D;color&amp;trim-color&#x3D;ffffff&amp;trim-tol&#x3D;15&amp;fit&#x3D;fill&amp;bg&#x3D;ffffff', '')" title="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;20" alt="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;20" width="280" height="280" @load="isImageLoaded = hoveredProductId == '218066' || false" loading="lazy" /></span></a></div><template x-if="badges && badges[17943] && badges[17943].length"><div class="flex&#x20;flex-row&#x20;product-badges&#x20;my-2"><span class="flex&#x20;flex-row"><template x-for="(item, index, collection) in badges[17943]"><span :style="collection[index].styles" class="product-badge&#x20;mt-0&#x20;inline-block&#x20;p-1&#x20;text-&#x5B;10px&#x5D;&#x20;uppercase&#x20;leading-none&#x20;font-semibold&#x20;mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper&#x20;text-sm"><span class="manufacturer-label&#x20;truncate&#x20;block&#x20;text-13px&#x20;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&#x20;truncate&#x20;whitespace-nowrapg">About a Chair AAC 20</span></a></p><span class="price-wrapper&#x20;flex&#x20;flex-row&#x20;gap-x-1&#x20;mt-1"> <span class="discount-price start-at-label&#x20;text-sm&#x20;font-semibold">ab</span>   <span class="old-price&#x20;inline-block&#x20;line-through&#x20;order-last&#x20;text-sm&#x20;tracking-narrow" x-text="hyva.formatPrice(439)" ></span>  <span class="discount-price inline-block&#x20;final-price&#x20;text-sm&#x20;font-semibold" x-text="hyva.formatPrice(396)" ></span></span>   <span class="swatches-wrapper truncate inline-flex cursor-pointer self-start mt-2.5"><span class="flex flex-row flex-wrap">   <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '&#x23;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: '&#x23;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: '&#x23;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: '&#x23;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&#x20;slider-item&#x20;snap-start&#x20;px-1.5&#x20;md&#x3A;px-2.5&#x20;lg&#x3A;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&#x20;w-full&#x20;product-image-wrapper&#x20;flex&#x20;flex-col&#x20;justify-end&#x20;aspect-&#x5B;4&#x2F;5&#x5D;&#x20;product-image-wrapper&#x20;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&#x20;items-end&#x20;justify-center&#x20;w-full&#x20;bg-white&#x20;aspect-square&#x20;product-image&#x20;relative&#x20;mix-blend-multiply">
7887<img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(40098, 'https&#x3A;&#x2F;&#x2F;dbs-product.imgix.net&#x2F;a&#x2F;a&#x2F;aac21-steelcut-trio-153-01.jpg&#x3F;auto&#x3D;compress&amp;q&#x3D;75&amp;trim&#x3D;color&amp;trim-color&#x3D;ffffff&amp;trim-tol&#x3D;15&amp;fit&#x3D;fill&amp;bg&#x3D;ffffff', '')" title="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;21" alt="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;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&#x20;flex-row&#x20;product-badges&#x20;my-2"><span class="flex&#x20;flex-row"><template x-for="(item, index, collection) in badges[40212]"><span :style="collection[index].styles" class="product-badge&#x20;mt-0&#x20;inline-block&#x20;p-1&#x20;text-&#x5B;10px&#x5D;&#x20;uppercase&#x20;leading-none&#x20;font-semibold&#x20;mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper&#x20;text-sm"><span class="manufacturer-label&#x20;truncate&#x20;block&#x20;text-13px&#x20;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&#x20;truncate&#x20;whitespace-nowrapg">About a Chair AAC 21</span></a></p><span class="price-wrapper&#x20;flex&#x20;flex-row&#x20;gap-x-1&#x20;mt-1"> <span class="start-at-label&#x20;text-sm&#x20;font-semibold">ab</span>   <span class=" inline-block&#x20;final-price&#x20;text-sm&#x20;font-semibold" x-text="hyva.formatPrice(699)" ></span></span>   <span class="swatches-wrapper truncate inline-flex cursor-pointer self-start mt-2.5"><span class="flex flex-row flex-wrap">   <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '&#x2F;2&#x2F;9&#x2F;592.png'}}) || ''"></span>   </span></span>   </div></div>   <div class="cursor-pointer&#x20;slider-item&#x20;snap-start&#x20;px-1.5&#x20;md&#x3A;px-2.5&#x20;lg&#x3A;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&#x20;w-full&#x20;product-image-wrapper&#x20;flex&#x20;flex-col&#x20;justify-end&#x20;aspect-&#x5B;4&#x2F;5&#x5D;&#x20;product-image-wrapper&#x20;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&#x20;items-end&#x20;justify-center&#x20;w-full&#x20;bg-white&#x20;aspect-square&#x20;product-image&#x20;relative&#x20;mix-blend-multiply"><img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(218768, 'https&#x3A;&#x2F;&#x2F;dbs-product.imgix.net&#x2F;a&#x2F;c&#x2F;ac084-d162-aa51_aac_212_dusty_blue_2.0_shell_wb_lacquer_walnut_base_new.jpg&#x3F;auto&#x3D;compress&amp;q&#x3D;75&amp;trim&#x3D;color&amp;trim-color&#x3D;ffffff&amp;trim-tol&#x3D;15&amp;fit&#x3D;fill&amp;bg&#x3D;ffffff', '')" title="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;212" alt="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;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&#x20;flex-row&#x20;product-badges&#x20;my-2"><span class="flex&#x20;flex-row"><template x-for="(item, index, collection) in badges[208370]"><span :style="collection[index].styles" class="product-badge&#x20;mt-0&#x20;inline-block&#x20;p-1&#x20;text-&#x5B;10px&#x5D;&#x20;uppercase&#x20;leading-none&#x20;font-semibold&#x20;mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper&#x20;text-sm"><span class="manufacturer-label&#x20;truncate&#x20;block&#x20;text-13px&#x20;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&#x20;truncate&#x20;whitespace-nowrapg">About a Chair AAC 212</span></a></p><span class="price-wrapper&#x20;flex&#x20;flex-row&#x20;gap-x-1&#x20;mt-1"> <span class="start-at-label&#x20;text-sm&#x20;font-semibold">ab</span>   <span class=" inline-block&#x20;final-price&#x20;text-sm&#x20;font-semibold" x-text="hyva.formatPrice(409)" ></span></span>   <span class="swatches-wrapper truncate inline-flex cursor-pointer self-start mt-2.5"><span class="flex flex-row flex-wrap">   <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '&#x23;7C959A'}}) || ''"></span>   </span></span>   </div></div>   <div class="cursor-pointer&#x20;slider-item&#x20;snap-start&#x20;px-1.5&#x20;md&#x3A;px-2.5&#x20;lg&#x3A;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&#x20;w-full&#x20;product-image-wrapper&#x20;flex&#x20;flex-col&#x20;justify-end&#x20;aspect-&#x5B;4&#x2F;5&#x5D;&#x20;product-image-wrapper&#x20;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&#x20;items-end&#x20;justify-center&#x20;w-full&#x20;bg-white&#x20;aspect-square&#x20;product-image&#x20;relative&#x20;mix-blend-multiply">
7887<img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(16219, 'https&#x3A;&#x2F;&#x2F;dbs-product.imgix.net&#x2F;h&#x2F;a&#x2F;hay_-_about_a_chair_aac_22_-_spiegelpolsterung_wei_hallingdal130.jpg&#x3F;auto&#x3D;compress&amp;q&#x3D;75&amp;trim&#x3D;color&amp;trim-color&#x3D;ffffff&amp;trim-tol&#x3D;15&amp;fit&#x3D;fill&amp;bg&#x3D;ffffff', '')" title="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;22&#x20;-&#x20;Spiegelpolsterung" alt="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;22&#x20;-&#x20;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&#x20;flex-row&#x20;product-badges&#x20;my-2"><span class="flex&#x20;flex-row"><template x-for="(item, index, collection) in badges[17599]"><span :style="collection[index].styles" class="product-badge&#x20;mt-0&#x20;inline-block&#x20;p-1&#x20;text-&#x5B;10px&#x5D;&#x20;uppercase&#x20;leading-none&#x20;font-semibold&#x20;mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper&#x20;text-sm"><span class="manufacturer-label&#x20;truncate&#x20;block&#x20;text-13px&#x20;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&#x20;truncate&#x20;whitespace-nowrapg">About a Chair AAC 22 - Spiegelpolsterung</span></a></p><span class="price-wrapper&#x20;flex&#x20;flex-row&#x20;gap-x-1&#x20;mt-1">  <span class="old-price&#x20;inline-block&#x20;line-through&#x20;order-last&#x20;text-sm&#x20;tracking-narrow" x-text="hyva.formatPrice(549)" ></span>  <span class="discount-price inline-block&#x20;final-price&#x20;text-sm&#x20;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: '&#x2F;7&#x2F;7&#x2F;3277.jpg'}}) || ''"></span>   </span></span>   </div></div>   <div class="cursor-pointer&#x20;slider-item&#x20;snap-start&#x20;px-1.5&#x20;md&#x3A;px-2.5&#x20;lg&#x3A;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&#x20;w-full&#x20;product-image-wrapper&#x20;flex&#x20;flex-col&#x20;justify-end&#x20;aspect-&#x5B;4&#x2F;5&#x5D;&#x20;product-image-wrapper&#x20;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&#x20;items-end&#x20;justify-center&#x20;w-full&#x20;bg-white&#x20;aspect-square&#x20;product-image&#x20;relative&#x20;mix-blend-multiply"><img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(217606, 'https&#x3A;&#x2F;&#x2F;dbs-product.imgix.net&#x2F;a&#x2F;a&#x2F;aa207-d159-aa51_aac_22_white_2.0_shell_wb_lacquered_oak_base_new.jpg&#x3F;auto&#x3D;compress&amp;q&#x3D;75&amp;trim&#x3D;color&amp;trim-color&#x3D;ffffff&amp;trim-tol&#x3D;15&amp;fit&#x3D;fill&amp;bg&#x3D;ffffff', '')" title="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;22&#x20;-&#x20;white&#x20;2.0&#x20;-&#x20;Eiche&#x20;wasserbasiert&#x20;lackiert&#x20;-&#x20;Standardgleiter" alt="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;22&#x20;-&#x20;white&#x20;2.0&#x20;-&#x20;Eiche&#x20;wasserbasiert&#x20;lackiert&#x20;-&#x20;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&#x20;flex-row&#x20;product-badges&#x20;my-2"><span class="flex&#x20;flex-row"><template x-for="(item, index, collection) in badges[217606]"><span :style="collection[index].styles" class="product-badge&#x20;mt-0&#x20;inline-block&#x20;p-1&#x20;text-&#x5B;10px&#x5D;&#x20;uppercase&#x20;leading-none&#x20;font-semibold&#x20;mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper&#x20;text-sm"><span class="manufacturer-label&#x20;truncate&#x20;block&#x20;text-13px&#x20;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&#x20;truncate&#x20;whitespace-nowrapg">About a Chair AAC 22 - white 2.0 - Eiche wasserbasiert lackiert - Standardgleiter</span></a></p><span class="price-wrapper&#x20;flex&#x20;flex-row&#x20;gap-x-1&#x20;mt-1">  <span class="old-price&#x20;inline-block&#x20;line-through&#x20;order-last&#x20;text-sm&#x20;tracking-narrow" x-text="hyva.formatPrice(339)" ></span>  <span class="discount-price inline-block&#x20;final-price&#x20;text-sm&#x20;font-semibold" x-text="hyva.formatPrice(306)" ></span></span>  </div></div>   <div class="cursor-pointer&#x20;slider-item&#x20;snap-start&#x20;px-1.5&#x20;md&#x3A;px-2.5&#x20;lg&#x3A;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&#x20;w-full&#x20;product-image-wrapper&#x20;flex&#x20;flex-col&#x20;justify-end&#x20;aspect-&#x5B;4&#x2F;5&#x5D;&#x20;product-image-wrapper&#x20;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&#x20;items-end&#x20;justify-center&#x20;w-full&#x20;bg-white&#x20;aspect-square&#x20;product-image&#x20;relative&#x20;mix-blend-multiply">
7887<img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(218467, 'https&#x3A;&#x2F;&#x2F;dbs-product.imgix.net&#x2F;a&#x2F;c&#x2F;ac100-d159-aa51-01uf_aac_220_white_2.0_shell_alu_base_new.jpg&#x3F;auto&#x3D;compress&amp;q&#x3D;75&amp;trim&#x3D;color&amp;trim-color&#x3D;ffffff&amp;trim-tol&#x3D;15&amp;fit&#x3D;fill&amp;bg&#x3D;ffffff', '')" title="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;220" alt="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;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&#x20;flex-row&#x20;product-badges&#x20;my-2"><span class="flex&#x20;flex-row"><template x-for="(item, index, collection) in badges[208399]"><span :style="collection[index].styles" class="product-badge&#x20;mt-0&#x20;inline-block&#x20;p-1&#x20;text-&#x5B;10px&#x5D;&#x20;uppercase&#x20;leading-none&#x20;font-semibold&#x20;mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper&#x20;text-sm"><span class="manufacturer-label&#x20;truncate&#x20;block&#x20;text-13px&#x20;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&#x20;truncate&#x20;whitespace-nowrapg">About a Chair AAC 220</span></a></p><span class="price-wrapper&#x20;flex&#x20;flex-row&#x20;gap-x-1&#x20;mt-1"> <span class="start-at-label&#x20;text-sm&#x20;font-semibold">ab</span>   <span class=" inline-block&#x20;final-price&#x20;text-sm&#x20;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: '&#x23;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: '&#x23;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: '&#x23;18191B'}}) || ''"></span>   </span></span>   </div></div>   <div class="cursor-pointer&#x20;slider-item&#x20;snap-start&#x20;px-1.5&#x20;md&#x3A;px-2.5&#x20;lg&#x3A;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&#x20;w-full&#x20;product-image-wrapper&#x20;flex&#x20;flex-col&#x20;justify-end&#x20;aspect-&#x5B;4&#x2F;5&#x5D;&#x20;product-image-wrapper&#x20;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&#x20;items-end&#x20;justify-center&#x20;w-full&#x20;bg-white&#x20;aspect-square&#x20;product-image&#x20;relative&#x20;mix-blend-multiply"><img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(244710, 'https&#x3A;&#x2F;&#x2F;dbs-product.imgix.net&#x2F;a&#x2F;c&#x2F;ac104-a001-aa36-02as_aac_221_sense_cognac_alu_base_1_.jpg&#x3F;auto&#x3D;compress&amp;q&#x3D;75&amp;trim&#x3D;color&amp;trim-color&#x3D;ffffff&amp;trim-tol&#x3D;15&amp;fit&#x3D;fill&amp;bg&#x3D;ffffff', '')" title="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;221" alt="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;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&#x20;flex-row&#x20;product-badges&#x20;my-2"><span class="flex&#x20;flex-row"><template x-for="(item, index, collection) in badges[244710]"><span :style="collection[index].styles" class="product-badge&#x20;mt-0&#x20;inline-block&#x20;p-1&#x20;text-&#x5B;10px&#x5D;&#x20;uppercase&#x20;leading-none&#x20;font-semibold&#x20;mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper&#x20;text-sm"><span class="manufacturer-label&#x20;truncate&#x20;block&#x20;text-13px&#x20;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&#x20;truncate&#x20;whitespace-nowrapg">About a Chair AAC 221</span></a></p><span class="price-wrapper&#x20;flex&#x20;flex-row&#x20;gap-x-1&#x20;mt-1">  <span class=" inline-block&#x20;final-price&#x20;text-sm&#x20;font-semibold" x-text="hyva.formatPrice(1069)" ></span></span>  </div></div>   <div class="cursor-pointer&#x20;slider-item&#x20;snap-start&#x20;px-1.5&#x20;md&#x3A;px-2.5&#x20;lg&#x3A;px-3.5" onclick="location.assign('https://shop.schoener-wohnen.de/hay-about-a-chair-aac-222.html')" data-product-item ><div class="h-full"><div class="relative" :class="{ 'isMood': (hoveredProductId == '218496' && '' && isImageLoaded) }" ><div class="relative&#x20;w-full&#x20;product-image-wrapper&#x20;flex&#x20;flex-col&#x20;justify-end&#x20;aspect-&#x5B;4&#x2F;5&#x5D;&#x20;product-image-wrapper&#x20;mb-2" @mouseleave="isImageLoaded = false; hoveredProductId = null;" @mouseenter="hoveredProductId = 218496" ><a href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-222.html"><span class="flex&#x20;items-end&#x20;justify-center&#x20;w-full&#x20;bg-white&#x20;aspect-square&#x20;product-image&#x20;relative&#x20;mix-blend-multiply">
7887<img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(218496, 'https&#x3A;&#x2F;&#x2F;dbs-product.imgix.net&#x2F;a&#x2F;c&#x2F;ac106-d150-aa51-01uf_aac_222_pastel_green_2.0_shell_wb_lacquered_oak_base_new.jpg&#x3F;auto&#x3D;compress&amp;q&#x3D;75&amp;trim&#x3D;color&amp;trim-color&#x3D;ffffff&amp;trim-tol&#x3D;15&amp;fit&#x3D;fill&amp;bg&#x3D;ffffff', '')" title="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;222" alt="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;222" width="280" height="280" @load="isImageLoaded = hoveredProductId == '218496' || false" loading="lazy" /></span></a></div><template x-if="badges && badges[208405] && badges[208405].length"><div class="flex&#x20;flex-row&#x20;product-badges&#x20;my-2"><span class="flex&#x20;flex-row"><template x-for="(item, index, collection) in badges[208405]"><span :style="collection[index].styles" class="product-badge&#x20;mt-0&#x20;inline-block&#x20;p-1&#x20;text-&#x5B;10px&#x5D;&#x20;uppercase&#x20;leading-none&#x20;font-semibold&#x20;mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper&#x20;text-sm"><span class="manufacturer-label&#x20;truncate&#x20;block&#x20;text-13px&#x20;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&#x20;truncate&#x20;whitespace-nowrapg">About a Chair AAC 222</span></a></p><span class="price-wrapper&#x20;flex&#x20;flex-row&#x20;gap-x-1&#x20;mt-1"> <span class="discount-price start-at-label&#x20;text-sm&#x20;font-semibold">ab</span>   <span class="old-price&#x20;inline-block&#x20;line-through&#x20;order-last&#x20;text-sm&#x20;tracking-narrow" x-text="hyva.formatPrice(349)" ></span>  <span class="discount-price inline-block&#x20;final-price&#x20;text-sm&#x20;font-semibold" x-text="hyva.formatPrice(295)" ></span></span>   <span class="swatches-wrapper truncate inline-flex cursor-pointer self-start mt-2.5"><span class="flex flex-row flex-wrap">   <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '&#x23;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: '&#x23;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: '&#x23;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: '&#x23;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&#x20;slider-item&#x20;snap-start&#x20;px-1.5&#x20;md&#x3A;px-2.5&#x20;lg&#x3A;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&#x20;w-full&#x20;product-image-wrapper&#x20;flex&#x20;flex-col&#x20;justify-end&#x20;aspect-&#x5B;4&#x2F;5&#x5D;&#x20;product-image-wrapper&#x20;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&#x20;items-end&#x20;justify-center&#x20;w-full&#x20;bg-white&#x20;aspect-square&#x20;product-image&#x20;relative&#x20;mix-blend-multiply"><img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(238594, 'https&#x3A;&#x2F;&#x2F;dbs-product.imgix.net&#x2F;a&#x2F;c&#x2F;ac114-a001-ag89-02cs_aac223_metaphor_22_wb_lacquer_oak_base.jpg&#x3F;auto&#x3D;compress&amp;q&#x3D;75&amp;trim&#x3D;color&amp;trim-color&#x3D;ffffff&amp;trim-tol&#x3D;15&amp;fit&#x3D;fill&amp;bg&#x3D;ffffff', '')" title="HAY&#x20;-&#x20;About&#x20;A&#x20;Chair&#x20;AAC&#x20;223" alt="HAY&#x20;-&#x20;About&#x20;A&#x20;Chair&#x20;AAC&#x20;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&#x20;flex-row&#x20;product-badges&#x20;my-2"><span class="flex&#x20;flex-row"><template x-for="(item, index, collection) in badges[238601]"><span :style="collection[index].styles" class="product-badge&#x20;mt-0&#x20;inline-block&#x20;p-1&#x20;text-&#x5B;10px&#x5D;&#x20;uppercase&#x20;leading-none&#x20;font-semibold&#x20;mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper&#x20;text-sm"><span class="manufacturer-label&#x20;truncate&#x20;block&#x20;text-13px&#x20;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&#x20;truncate&#x20;whitespace-nowrapg">About A Chair AAC 223</span></a></p><span class="price-wrapper&#x20;flex&#x20;flex-row&#x20;gap-x-1&#x20;mt-1"> <span class="start-at-label&#x20;text-sm&#x20;font-semibold">ab</span>   <span class=" inline-block&#x20;final-price&#x20;text-sm&#x20;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: '&#x2F;5&#x2F;7&#x2F;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: '&#x2F;1&#x2F;8&#x2F;41581.jpg'}}) || ''"></span>   </span></span>   </div></div>   <div class="cursor-pointer&#x20;slider-item&#x20;snap-start&#x20;px-1.5&#x20;md&#x3A;px-2.5&#x20;lg&#x3A;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&#x20;w-full&#x20;product-image-wrapper&#x20;flex&#x20;flex-col&#x20;justify-end&#x20;aspect-&#x5B;4&#x2F;5&#x5D;&#x20;product-image-wrapper&#x20;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&#x20;items-end&#x20;justify-center&#x20;w-full&#x20;bg-white&#x20;aspect-square&#x20;product-image&#x20;relative&#x20;mix-blend-multiply">
7887<img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(218699, 'https&#x3A;&#x2F;&#x2F;dbs-product.imgix.net&#x2F;a&#x2F;c&#x2F;ac122-d165-aa51_aac_226_concrete_grey_2.0_shell_black_powder_coated_steel_base_new.jpg&#x3F;auto&#x3D;compress&amp;q&#x3D;75&amp;trim&#x3D;color&amp;trim-color&#x3D;ffffff&amp;trim-tol&#x3D;15&amp;fit&#x3D;fill&amp;bg&#x3D;ffffff', '')" title="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;226" alt="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;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&#x20;flex-row&#x20;product-badges&#x20;my-2"><span class="flex&#x20;flex-row"><template x-for="(item, index, collection) in badges[218701]"><span :style="collection[index].styles" class="product-badge&#x20;mt-0&#x20;inline-block&#x20;p-1&#x20;text-&#x5B;10px&#x5D;&#x20;uppercase&#x20;leading-none&#x20;font-semibold&#x20;mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper&#x20;text-sm"><span class="manufacturer-label&#x20;truncate&#x20;block&#x20;text-13px&#x20;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&#x20;truncate&#x20;whitespace-nowrapg">About a Chair AAC 226</span></a></p><span class="price-wrapper&#x20;flex&#x20;flex-row&#x20;gap-x-1&#x20;mt-1"> <span class="start-at-label&#x20;text-sm&#x20;font-semibold">ab</span>   <span class=" inline-block&#x20;final-price&#x20;text-sm&#x20;font-semibold" x-text="hyva.formatPrice(310)" ></span></span>   <span class="swatches-wrapper truncate inline-flex cursor-pointer self-start mt-2.5"><span class="flex flex-row flex-wrap">   <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '&#x23;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: '&#x23;A5AAAD'}}) || ''"></span>   </span></span>   </div></div>   <div class="cursor-pointer&#x20;slider-item&#x20;snap-start&#x20;px-1.5&#x20;md&#x3A;px-2.5&#x20;lg&#x3A;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&#x20;w-full&#x20;product-image-wrapper&#x20;flex&#x20;flex-col&#x20;justify-end&#x20;aspect-&#x5B;4&#x2F;5&#x5D;&#x20;product-image-wrapper&#x20;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&#x20;items-end&#x20;justify-center&#x20;w-full&#x20;bg-white&#x20;aspect-square&#x20;product-image&#x20;relative&#x20;mix-blend-multiply"><img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(245533, 'https&#x3A;&#x2F;&#x2F;dbs-product.imgix.net&#x2F;a&#x2F;a&#x2F;aa216-a001-aa01-01ck_aac_23_remix_123_wb_lacquer_oak_base.jpg&#x3F;auto&#x3D;compress&amp;q&#x3D;75&amp;trim&#x3D;color&amp;trim-color&#x3D;ffffff&amp;trim-tol&#x3D;15&amp;fit&#x3D;fill&amp;bg&#x3D;ffffff', '')" title="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;23" alt="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;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&#x20;flex-row&#x20;product-badges&#x20;my-2"><span class="flex&#x20;flex-row"><template x-for="(item, index, collection) in badges[17519]"><span :style="collection[index].styles" class="product-badge&#x20;mt-0&#x20;inline-block&#x20;p-1&#x20;text-&#x5B;10px&#x5D;&#x20;uppercase&#x20;leading-none&#x20;font-semibold&#x20;mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper&#x20;text-sm"><span class="manufacturer-label&#x20;truncate&#x20;block&#x20;text-13px&#x20;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&#x20;truncate&#x20;whitespace-nowrapg">About a Chair AAC 23</span></a></p><span class="price-wrapper&#x20;flex&#x20;flex-row&#x20;gap-x-1&#x20;mt-1"> <span class="start-at-label&#x20;text-sm&#x20;font-semibold">ab</span>   <span class=" inline-block&#x20;final-price&#x20;text-sm&#x20;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: '&#x2F;9&#x2F;1&#x2F;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: '&#x2F;7&#x2F;5&#x2F;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: '&#x2F;4&#x2F;9&#x2F;32994.jpg'}}) || ''"></span>   </span></span>   </div></div>   <div class="cursor-pointer&#x20;slider-item&#x20;snap-start&#x20;px-1.5&#x20;md&#x3A;px-2.5&#x20;lg&#x3A;px-3.5" onclick="location.assign('https://shop.schoener-wohnen.de/hay-about-a-chair-aac-26.html')" data-product-item ><div class="h-full"><div class="relative" :class="{ 'isMood': (hoveredProductId == '217784' && '' && isImageLoaded) }" ><div class="relative&#x20;w-full&#x20;product-image-wrapper&#x20;flex&#x20;flex-col&#x20;justify-end&#x20;aspect-&#x5B;4&#x2F;5&#x5D;&#x20;product-image-wrapper&#x20;mb-2" @mouseleave="isImageLoaded = false; hoveredProductId = null;" @mouseenter="hoveredProductId = 217784" ><a href="https://shop.schoener-wohnen.de/hay-about-a-chair-aac-26.html"><span class="flex&#x20;items-end&#x20;justify-center&#x20;w-full&#x20;bg-white&#x20;aspect-square&#x20;product-image&#x20;relative&#x20;mix-blend-multiply">
7887<img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(217784, 'https&#x3A;&#x2F;&#x2F;dbs-product.imgix.net&#x2F;a&#x2F;a&#x2F;aa229-_d123-aa51_aac_26_slate_blue_2.0_shell_black_powder_coated_steel_base_new.jpg&#x3F;auto&#x3D;compress&amp;q&#x3D;75&amp;trim&#x3D;color&amp;trim-color&#x3D;ffffff&amp;trim-tol&#x3D;15&amp;fit&#x3D;fill&amp;bg&#x3D;ffffff', '')" title="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;26" alt="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;26" width="280" height="280" @load="isImageLoaded = hoveredProductId == '217784' || false" loading="lazy" /></span></a></div><template x-if="badges && badges[53633] && badges[53633].length"><div class="flex&#x20;flex-row&#x20;product-badges&#x20;my-2"><span class="flex&#x20;flex-row"><template x-for="(item, index, collection) in badges[53633]"><span :style="collection[index].styles" class="product-badge&#x20;mt-0&#x20;inline-block&#x20;p-1&#x20;text-&#x5B;10px&#x5D;&#x20;uppercase&#x20;leading-none&#x20;font-semibold&#x20;mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper&#x20;text-sm"><span class="manufacturer-label&#x20;truncate&#x20;block&#x20;text-13px&#x20;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&#x20;truncate&#x20;whitespace-nowrapg">About a Chair AAC 26</span></a></p><span class="price-wrapper&#x20;flex&#x20;flex-row&#x20;gap-x-1&#x20;mt-1"> <span class="discount-price start-at-label&#x20;text-sm&#x20;font-semibold">ab</span>   <span class="old-price&#x20;inline-block&#x20;line-through&#x20;order-last&#x20;text-sm&#x20;tracking-narrow" x-text="hyva.formatPrice(289)" ></span>  <span class="discount-price inline-block&#x20;final-price&#x20;text-sm&#x20;font-semibold" x-text="hyva.formatPrice(245)" ></span></span>   <span class="swatches-wrapper truncate inline-flex cursor-pointer self-start mt-2.5"><span class="flex flex-row flex-wrap">   <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '&#x23;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: '&#x23;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: '&#x23;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: '&#x23;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&#x20;slider-item&#x20;snap-start&#x20;px-1.5&#x20;md&#x3A;px-2.5&#x20;lg&#x3A;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&#x20;w-full&#x20;product-image-wrapper&#x20;flex&#x20;flex-col&#x20;justify-end&#x20;aspect-&#x5B;4&#x2F;5&#x5D;&#x20;product-image-wrapper&#x20;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&#x20;items-end&#x20;justify-center&#x20;w-full&#x20;bg-white&#x20;aspect-square&#x20;product-image&#x20;relative&#x20;mix-blend-multiply"><img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(128748, 'https&#x3A;&#x2F;&#x2F;dbs-product.imgix.net&#x2F;2&#x2F;2&#x2F;2270511301904_aac27_remix_143_chrome_base.jpg&#x3F;auto&#x3D;compress&amp;q&#x3D;75&amp;trim&#x3D;color&amp;trim-color&#x3D;ffffff&amp;trim-tol&#x3D;15&amp;fit&#x3D;fill&amp;bg&#x3D;ffffff', '')" title="HAY&#x20;-&#x20;About&#x20;A&#x20;Chair&#x20;AAC&#x20;27" alt="HAY&#x20;-&#x20;About&#x20;A&#x20;Chair&#x20;AAC&#x20;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&#x20;flex-row&#x20;product-badges&#x20;my-2"><span class="flex&#x20;flex-row"><template x-for="(item, index, collection) in badges[128770]"><span :style="collection[index].styles" class="product-badge&#x20;mt-0&#x20;inline-block&#x20;p-1&#x20;text-&#x5B;10px&#x5D;&#x20;uppercase&#x20;leading-none&#x20;font-semibold&#x20;mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper&#x20;text-sm"><span class="manufacturer-label&#x20;truncate&#x20;block&#x20;text-13px&#x20;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&#x20;truncate&#x20;whitespace-nowrapg">About A Chair AAC 27</span></a></p><span class="price-wrapper&#x20;flex&#x20;flex-row&#x20;gap-x-1&#x20;mt-1"> <span class="start-at-label&#x20;text-sm&#x20;font-semibold">ab</span>   <span class=" inline-block&#x20;final-price&#x20;text-sm&#x20;font-semibold" x-text="hyva.formatPrice(529)" ></span></span>   <span class="swatches-wrapper truncate inline-flex cursor-pointer self-start mt-2.5"><span class="flex flex-row flex-wrap">   <span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing({swatch_data: {value: '&#x2F;2&#x2F;9&#x2F;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: '&#x2F;0&#x2F;7&#x2F;1170.jpg'}}) || ''"></span>   </span></span>   </div></div>   <div class="cursor-pointer&#x20;slider-item&#x20;snap-start&#x20;px-1.5&#x20;md&#x3A;px-2.5&#x20;lg&#x3A;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&#x20;w-full&#x20;product-image-wrapper&#x20;flex&#x20;flex-col&#x20;justify-end&#x20;aspect-&#x5B;4&#x2F;5&#x5D;&#x20;product-image-wrapper&#x20;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&#x20;items-end&#x20;justify-center&#x20;w-full&#x20;bg-white&#x20;aspect-square&#x20;product-image&#x20;relative&#x20;mix-blend-multiply">
7887<img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(245809, 'https&#x3A;&#x2F;&#x2F;dbs-product.imgix.net&#x2F;a&#x2F;a&#x2F;aa272-d159-aa51-01uf_aac_50_white_2.0_shell_white_powder_coated_steel_base.jpg&#x3F;auto&#x3D;compress&amp;q&#x3D;75&amp;trim&#x3D;color&amp;trim-color&#x3D;ffffff&amp;trim-tol&#x3D;15&amp;fit&#x3D;fill&amp;bg&#x3D;ffffff', '')" title="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;50" alt="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;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&#x20;flex-row&#x20;product-badges&#x20;my-2"><span class="flex&#x20;flex-row"><template x-for="(item, index, collection) in badges[245809]"><span :style="collection[index].styles" class="product-badge&#x20;mt-0&#x20;inline-block&#x20;p-1&#x20;text-&#x5B;10px&#x5D;&#x20;uppercase&#x20;leading-none&#x20;font-semibold&#x20;mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper&#x20;text-sm"><span class="manufacturer-label&#x20;truncate&#x20;block&#x20;text-13px&#x20;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&#x20;truncate&#x20;whitespace-nowrapg">About a Chair AAC 50</span></a></p><span class="price-wrapper&#x20;flex&#x20;flex-row&#x20;gap-x-1&#x20;mt-1">  <span class=" inline-block&#x20;final-price&#x20;text-sm&#x20;font-semibold" x-text="hyva.formatPrice(579)" ></span></span>  </div></div>   <div class="cursor-pointer&#x20;slider-item&#x20;snap-start&#x20;px-1.5&#x20;md&#x3A;px-2.5&#x20;lg&#x3A;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&#x20;w-full&#x20;product-image-wrapper&#x20;flex&#x20;flex-col&#x20;justify-end&#x20;aspect-&#x5B;4&#x2F;5&#x5D;&#x20;product-image-wrapper&#x20;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&#x20;items-end&#x20;justify-center&#x20;w-full&#x20;bg-white&#x20;aspect-square&#x20;product-image&#x20;relative&#x20;mix-blend-multiply"><img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(245808, 'https&#x3A;&#x2F;&#x2F;dbs-product.imgix.net&#x2F;a&#x2F;a&#x2F;aa278-d159-aa51-01uf_aac_52_white_2.0_shell_white_powder_coated_aluminium_base.jpg&#x3F;auto&#x3D;compress&amp;q&#x3D;75&amp;trim&#x3D;color&amp;trim-color&#x3D;ffffff&amp;trim-tol&#x3D;15&amp;fit&#x3D;fill&amp;bg&#x3D;ffffff', '')" title="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;52" alt="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;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&#x20;flex-row&#x20;product-badges&#x20;my-2"><span class="flex&#x20;flex-row"><template x-for="(item, index, collection) in badges[245808]"><span :style="collection[index].styles" class="product-badge&#x20;mt-0&#x20;inline-block&#x20;p-1&#x20;text-&#x5B;10px&#x5D;&#x20;uppercase&#x20;leading-none&#x20;font-semibold&#x20;mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper&#x20;text-sm"><span class="manufacturer-label&#x20;truncate&#x20;block&#x20;text-13px&#x20;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&#x20;truncate&#x20;whitespace-nowrapg">About a Chair AAC 52</span></a></p><span class="price-wrapper&#x20;flex&#x20;flex-row&#x20;gap-x-1&#x20;mt-1">  <span class=" inline-block&#x20;final-price&#x20;text-sm&#x20;font-semibold" x-text="hyva.formatPrice(639)" ></span></span>  </div></div>   <div class="cursor-pointer&#x20;slider-item&#x20;snap-start&#x20;px-1.5&#x20;md&#x3A;px-2.5&#x20;lg&#x3A;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&#x20;w-full&#x20;product-image-wrapper&#x20;flex&#x20;flex-col&#x20;justify-end&#x20;aspect-&#x5B;4&#x2F;5&#x5D;&#x20;product-image-wrapper&#x20;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&#x20;items-end&#x20;justify-center&#x20;w-full&#x20;bg-white&#x20;aspect-square&#x20;product-image&#x20;relative&#x20;mix-blend-multiply">
7887<img class="self-center max-h-full w-full max-w-full" :src="resolveImageUrl(144286, 'https&#x3A;&#x2F;&#x2F;dbs-product.imgix.net&#x2F;h&#x2F;a&#x2F;hay-aac-53-remix-123-poliertes-gestell.jpg&#x3F;auto&#x3D;compress&amp;q&#x3D;75&amp;trim&#x3D;color&amp;trim-color&#x3D;ffffff&amp;trim-tol&#x3D;15&amp;fit&#x3D;fill&amp;bg&#x3D;ffffff', '')" title="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;53" alt="HAY&#x20;-&#x20;About&#x20;a&#x20;Chair&#x20;AAC&#x20;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&#x20;flex-row&#x20;product-badges&#x20;my-2"><span class="flex&#x20;flex-row"><template x-for="(item, index, collection) in badges[144287]"><span :style="collection[index].styles" class="product-badge&#x20;mt-0&#x20;inline-block&#x20;p-1&#x20;text-&#x5B;10px&#x5D;&#x20;uppercase&#x20;leading-none&#x20;font-semibold&#x20;mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper&#x20;text-sm"><span class="manufacturer-label&#x20;truncate&#x20;block&#x20;text-13px&#x20;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&#x20;truncate&#x20;whitespace-nowrapg">About a Chair AAC 53</span></a></p><span class="price-wrapper&#x20;flex&#x20;flex-row&#x20;gap-x-1&#x20;mt-1"> <span class="start-at-label&#x20;text-sm&#x20;font-semibold">ab</span>   <span class=" inline-block&#x20;final-price&#x20;text-sm&#x20;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: '&#x23;A6A8A7'}}) || ''"></span>   </span></span>   </div></div>  </div></div></div></section>
7887<script>
7888    const ProductSlider_6abf08297fa45 = function (sliderBreakpoints) {
7889        return {
7890            uniqueId: 'ProductSlider_6abf08297fa45',
7891            productsCount: 0,
7892            productIds: [],
7893            pageSize: 1,
7894            itemWidth: null,
7895            hoveredProductId: null,
7896            isImageLoaded: false,
7897            timeout: null,
7898            isAtStart: true,
7899            isAtEnd: false,
7900            active: 0,
7901            pageFillers: 0,
7902            itemsPerPagePerScreenSize: {
7903                '': 2.3,
7904                'sm': 2.3,
7905                'md': 3,
7906                'lg': 4,
7907                'xl': 4,
7908                '2xl': 4,
7909            },
7910
7911            setItemsPerSlider() {
7912                if (!sliderBreakpoints) return;
7913
7914                this.itemsPerPagePerScreenSize = sliderBreakpoints;
7915            },
7916
7917            initStaticMode() {
7918                this.productsCount = 25;
7919                this.productIds = ["17299","17422","17519","17524","17599","17943","40212","53633","128246","128770","144287","162214","184841","208370","208399","208405","128183","128300","217606","218701","219823","238601","244710","245808","245809"];
7920
7921                if (this.getSlider()) {
7922                    this.getSlider().scrollLeft = 0;
7923                    this.calcActive();
7924                }
7925            },
7926
7927            initDynamicMode() {
7928                this.productsCount = this.productItems && (this.productItems).length || 0;
7929                this.productIds = this.productItems && this.getProductIds(this.productItems) || [];
7930
7931                if (this.productItems) {
7932                    this.$nextTick(() => {
7933                        window.requestAnimationFrame(() => {
7934                            this.initSlider();
7935                        })
7936                    })
7937                }
7938            },
7939
7940            initGraphQlMode() {
7941                                this.getProductItemsByGraphQl();
7942                 },
7943
7944            initSlider() {
7945                this.setItemsPerSlider();
7946                this.calcPageSize();
7947                this.executeHooksOnSliderInit();
7948            },
7949
7950            reInitSlider() {
7951                if (this.getSlider()) {
7952                    this.getSlider().scrollLeft = 0;
7953                }
7954                this.calcPageSize();
7955            },
7956
7957            getSlider() {
7958                return this.getSliderContainer();
7959            },
7960
7961            getSliderContainer() {
7962                return this.$root.querySelector('.slider-items-container');
7963            },
7964
7965            scrollBack() {
7966                if (this.getSliderContainer()) {
7967                    this.getSliderContainer().scrollLeft = this.getSliderContainer().scrollLeft - (this.getSliderContainer().clientWidth);
7968                    this.calcActive();
7969                }
7970            },
7971
7972            scrollForward() {
7973                if (this.getSliderContainer()) {
7974                    this.getSliderContainer().scrollLeft = this.getSliderContainer().scrollLeft + (this.getSliderContainer().clientWidth);
7975                    this.calcActive();
7976                }
7977            },
7978
7979            calcPageSize() {
7980                const slider = this.getSlider();
7981
7982                if (slider) {
7983                    this.pageSize = this.itemsPerPagePerScreenSize[themeServiceScreen.getScreen()];
7984
7985                    this.itemWidth = Math.round(slider.clientWidth / this.pageSize);
7986                    this.pageFillers = (
7987                        this.pageSize * Math.ceil(this.productsCount / this.pageSize)
7988                    ) - this.productsCount;
7989                    this.$nextTick(() => this.calcActive());
7990
7991                    window.requestAnimationFrame(() => {
7992                        if (!this.itemWidth && this.productsCount) this.calcPageSize();
7993                        
7994                    });
7995                }
7996            },
7997
7998            calcActive() {
7999                const slider = this.getSlider();
8000
8001                if (slider) {
8002                    const sliderItems = this.productsCount + this.pageFillers;
8003                    const calculatedActiveSlide = slider.scrollLeft / (slider.scrollWidth / sliderItems);
8004
8005                    this.active = Math.round(calculatedActiveSlide);
8006                    this.active = Math.max(0, Math.min(this.active, this.productsCount - this.pageSize));
8007
8008                    this.isAtStart = slider.scrollLeft === 0;
8009                    this.isAtEnd = slider.scrollLeft + slider.clientWidth >= slider.scrollWidth - 1;
8010                }
8011            },
8012
8013            getImageUrl(image) {
8014                const imageUrlSuffix = '&pad=10&h=280&ar=1:1';
8015                const imageUrl = typeof image === 'string' ? image : image && image.url || null;
8016
8017                if (imageUrl) {
8018                    return (imageUrl).replace(/&/g, '&') + imageUrlSuffix;
8019                }
8020
8021                return '';
8022            },
8023
8024            getImageUrlByProduct(product) {
8025                if (this.hoveredProductId == product.id && product.hover_image && !product.hover_image.isEmpty) {
8026                    return this.getImageUrl(product.hover_image);
8027                }
8028                return this.getImageUrl(product.small_image);
8029            },
8030
8031            resolveImageUrl(productId, imageUrl, hoverImageUrl) {
8032                if (hoverImageUrl && this.hoveredProductId == productId) {
8033                    return hoverImageUrl.split('?')[0] + "?ar=0.85:1&fit=crop";
8034                }
8035
8036                return this.getImageUrl(imageUrl).replace('trim-tol=15', 'trim-tol=25');
8037            },
8038
8039            debounce(func, wait) {
8040                let later = function() {
8041                    this.timeout = null;
8042                    func.apply(this, []);
8043                };
8044                clearTimeout(this.timeout);
8045                this.timeout = setTimeout(later, wait);
8046            },
8047
8048              getImageUrl(image) {
8049                const imageUrlSuffix = '&pad=10&h=280&ar=1:1';
8050                const imageUrl = typeof image === 'string' ? image : image && image.url || null;
8051
8052                if (imageUrl) {
8053                    return (imageUrl).replace(/&/g, '&') + imageUrlSuffix;
8054                }
8055
8056                return '';
8057            },
8058
8059            getImageUrlByProduct(product) {
8060                if (this.hoveredProductId == product.id && product.hover_image && !product.hover_image.isEmpty) {
8061                    return this.getImageUrl(product.hover_image);
8062                }
8063                return this.getImageUrl(product.small_image);
8064            },
8065
8066            resolveImageUrl(productId, imageUrl, hoverImageUrl) {
8067                if (hoverImageUrl && this.hoveredProductId == productId) {
8068                    return this.getImageUrl(hoverImageUrl);
8069                }
8070                return this.getImageUrl(imageUrl);
8071            },
8072
8073               badges: {},
8074            getBadges() {
8075                                                            this.badges[219823] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":true,"sale_item_final_price":33,"sale_item_regular_price":39,"variants_have_equal_discount":false,"calculated_minimal_price":33,"discount":"bis zu -15%"},"is_new_product":false});
8076                         this.badges[162214] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":485,"discount":""},"is_new_product":false});
8077                         this.badges[17524] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":365,"discount":""},"is_new_product":false});
8078                         this.badges[17422] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":true,"sale_item_final_price":261,"sale_item_regular_price":309,"variants_have_equal_discount":false,"calculated_minimal_price":261,"discount":"bis zu -16%"},"is_new_product":false});
8079                         this.badges[128183] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":919,"discount":""},"is_new_product":false});
8080                         this.badges[128246] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":739,"discount":""},"is_new_product":false});
8081                         this.badges[128300] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":679,"discount":""},"is_new_product":false});
8082                         this.badges[17299] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":449,"discount":""},"is_new_product":false});
8083                         this.badges[184841] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":1059,"discount":""},"is_new_product":false});
8084                         this.badges[17943] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":true,"sale_item_final_price":396,"sale_item_regular_price":439,"variants_have_equal_discount":false,"calculated_minimal_price":396,"discount":"bis zu -10%"},"is_new_product":false});
8085                         this.badges[40212] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":699,"discount":""},"is_new_product":false});
8086                         this.badges[208370] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":409,"discount":""},"is_new_product":false});
8087                         this.badges[17599] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":true,"sale_item_final_price":495,"sale_item_regular_price":549,"variants_have_equal_discount":true,"calculated_minimal_price":495,"discount":"-10%"},"is_new_product":false});
8088                         this.badges[217606] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":true,"sale_item_final_price":306,"sale_item_regular_price":339,"variants_have_equal_discount":true,"calculated_minimal_price":306,"discount":"-10%"},"is_new_product":false});
8089                         this.badges[208399] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":449,"discount":""},"is_new_product":false});
8090                         this.badges[244710] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":1069,"discount":""},"is_new_product":false});
8091                         this.badges[208405] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":true,"sale_item_final_price":295,"sale_item_regular_price":349,"variants_have_equal_discount":false,"calculated_minimal_price":295,"discount":"bis zu -15%"},"is_new_product":false});
8092                         this.badges[238601] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":589,"discount":""},"is_new_product":false});
8093                         this.badges[218701] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":310,"discount":""},"is_new_product":false});
8094                         this.badges[17519] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":579,"discount":""},"is_new_product":false});
8095                         this.badges[53633] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":true,"sale_item_final_price":245,"s
8095ale_item_regular_price":289,"variants_have_equal_discount":false,"calculated_minimal_price":245,"discount":"bis zu -15%"},"is_new_product":false});
8096                         this.badges[128770] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":529,"discount":""},"is_new_product":false});
8097                         this.badges[245809] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":579,"discount":""},"is_new_product":false});
8098                         this.badges[245808] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":639,"discount":""},"is_new_product":false});
8099                         this.badges[144287] = themeServiceBadges.getBadges({"price_information":{"has_sale_price":false,"sale_item_final_price":null,"sale_item_regular_price":null,"variants_have_equal_discount":null,"calculated_minimal_price":879,"discount":""},"is_new_product":false});
8100                           },
8101            
8102              executeHooksOnSliderInit() {
8103                 this.getBadges();
8104            },
8105            
8106            eventListeners: {
8107                ['x-on:window-resize-horizontal.window.debounce']() {
8108                    this.reInitSlider();
8109                },
8110                ['x-on:re-init-product-sliders.window']() {
8111                    this.reInitSlider();
8112                },
8113                                  },
8114        }
8115    }
8116
8117    const dispatchEventReInitProductSliders_ProductSlider_6abf08297fa45 = function() {
8118        window.dispatchEvent(new CustomEvent('re-init-product-sliders'))
8119    }
8120
8121    window.requestIdleCallback
8122        ? window.requestIdleCallback(() => dispatchEventReInitProductSliders_ProductSlider_6abf08297fa45)
8123        : setTimeout(() => dispatchEventReInitProductSliders_ProductSlider_6abf08297fa45, 4000);</script>
8123</div>
8124                <div class="hidden&#x20;lg&#x3A;block&#x20;lg&#x3A;order-4&#x20;has-bg">    <div class="bg-stonegray-lighter pt-10 pb-11 md:pt-8 lg:py-6 mt-10 md:mt-12 lg:mt-0">
8125        <div class="container grid grid-cols-3 gap-y-3 md:grid-cols-7 lg:grid-cols-8 lg:items-center">
8126            <div class="mb-4 md:mb-0 col-span-3 md:order-1 lg:order-2 md:col-span-7 lg:col-span-2">
8127                <h2>
8128                    <span class="text-xl md:text-lg font-semibold">
8129                        Haben Sie noch Fragen?                    </span>
8130                </h2>
8131            </div>
8132            <div class="col-span-1 md:row-span-2 lg:row-span-1 justify-center md:order-2 lg:order-1 md:pb-3
8133                lg:pb-0 md:items-end lg:items-start flex">
8134                <svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="questions" x="0" y="0" viewBox="0 0 100 100" xml:space="preserve" class="h-14 w-auto" width="24" height="24" role="img">
8135    <switch>
8136        <g>
8137        <path class="question-icon-svg" d="M50.1 8.1C24.1 8.1 2.9 25.5 2.9 47c0 8.9 3.7 17.5 10.4 24.4-.5 4.4-4.6 14.9-6.2 18.8-.2.5-.1 1.1.3 1.5.3.3.7.5 1.1.5.1 0 .3 0 .4-.1.8-.2 18.9-5.6 24.6-8.7 5.4 1.7 11 2.5 16.6 2.5 26 0 47.2-17.4 47.2-38.9S76.1 8.1 50.1 8.1zm0 74.9c-5.6 0-11.1-.9-16.4-2.6-.4-.1-.9-.1-1.2.2-3.4 2.2-15.8 6.1-21.5 7.8 1.8-4.6 5.2-13.7 5.3-17.5 0-.4-.1-.8-.4-1.1-6.5-6.4-10-14.5-10-22.8 0-19.8 19.9-36 44.3-36s44.3 16.1 44.3 36c-.1 19.8-20 36-44.4 36z"/>
8138            <path class="question-icon-svg" d="M50.4 74.2c2.6 0 4.6-2 4.6-4.6S53 65 50.4 65c-2.5 0-4.6 2.1-4.6 4.6 0 2.6 2 4.6 4.6 4.6zM48.5 59.6v-9.8c0-1.1.7-1.8 1.9-2 2.3-.5 4.4-1.5 6.3-3 5.4-4 5.2-10.6 2.3-14.5-2.1-2.8-5.2-3.6-8.5-3.6-4.4 0-8.5 2.4-10 6.8-.4 1.2-1.6 1.7-2.6 1.4-1.2-.4-1.7-1.5-1.3-2.8 1.4-4 4.2-6.8 8.1-8.4 4.6-1.9 9.3-1.5 13.6.8 4.1 2.2 6 5.9 6.5 10.5.8 7.1-3.7 12.3-8.9 15-1.1.6-2.4 1-3.7 1.6v8.1l-3.7-.1z"/>
8139        </g>
8140    </switch>
8141</svg>
8142            </div>
8143            <div class="col-span-2 md:col-span-3 lg:col-span-2 md:order-3 md:row-span-2
8144                lg:row-span-1 md:items-end lg:items-start md:flex md:pr-20 md:pb-2">
8145                                <span class="lg:text-sm">Wir helfen Ihnen gerne weiter. Kostenlose Beratung Mo.– Fr. von 10 bis 13 Uhr unter</span>
8146            </div>
8147                        <div class="order-4 col-span-2 hidden lg:block">
8148                <div class="font-semibold text-xl">
8149                    <span>
8150                        <a href="tel:+49 241 955 091 97">
8151                            +49 241 955 091 97                        </a>
8152                    </span>
8153                                        <span onclick="window.ContactLinkClickHandler(event)">
8154                        oder <br><a class="underline" href="/service/kontakt/">schreiben Sie uns hier</a>                    </span>
8155                </div>
8156            </div>
8157            <div class="lg:hidden mt-3 md:mt-0 col-span-3 md:order-4">
8158                <button type="button" class="button button-stroke md:button-mediumheight w-full"
8159                        onclick="window.open('tel:+49 241 955 091 97')"
8160                >
8161                    Rufen Sie uns an                </button>
8162            </div>
8163            <div class="lg:hidden col-span-3 md:order-5"">
8164                <span>
8165                    <a class="button button-stroke md:button-mediumheight w-full"
8166                         href="/service/kontakt/"
8167                         onclick="window.ContactLinkClickHandler(event)"
8168                    >
8169                        Schreiben Sie uns                    </a>
8170                </span>
8171            </div>
8172        </div>
8173    </div>
8174</div>
8175                    <div class="order-6&#x20;has-bg">  <div class="container mt-6 lg:mt-12" x-data="ImgixVideoSlider(`\u005B\u0022https\u003A\u005C\u002F\u005C\u002Fdbs\u002Dvideo.imgix.net\u005C\u002FHAY\u005C\u002FHAY_About_A_Collection_Web.mp4\u003Ffm\u003Dhls\u0022\u005D`)" x-init="initialize()" ><div class="relative lg:px-24 max-w-[962px] mx-auto"><div class=""><div class="relative pt-[56.25%]"> <div class="opacity-0 invisible transition-[opacity,visibility] duration-1000" :class="{ 'opacity-0 invisible': currentVideoIndex !== 0 }" ><video data-id="0" x-ref="imgixVideo0" controls x-show="!errors['0']" class="absolute inset-0 w-full h-full"  poster="https://dbs-video.imgix.net/HAY/HAY_About_A_Collection_Web.mp4?video-thumbnail=1&amp;fm=jpg&amp;w=770&amp;auto=format"  ></video><template x-if="errors['0']"><p class="absolute inset-0 flex items-center justify-center text-center bg-foggray"><span x-text="errors['0']"></span></p></template></div></div></div></div></div>
8175<script>
8176        const ImgixVideoSlider = function (videoUrls) {
8177            videoUrls = JSON.parse(videoUrls);
8178            const videosCount = videoUrls.length;
8179
8180            return {
8181                currentVideoIndex: 0,
8182                errors: {},
8183                initialize() {
8184                    observer = new IntersectionObserver((entries, observer) => {
8185                        entries.forEach(entry => {
8186                            if (entry.isIntersecting) {
8187                                this.loadAssets();
8188                                observer.disconnect();
8189                            }
8190                        })
8191                    })
8192
8193                    observer.observe(this.$root);
8194                },
8195                loadAssets() {
8196                    const firstScriptTag = document.getElementsByTagName('script')[0];
8197                    const hlsScript = document.createElement('script');
8198                     hlsScript.src = 'https://shop.schoener-wohnen.de/static/version1790784317/frontend/DesignBestseller/schoener_wohnen/de_DE/DesignBestseller_ImgixVideo/js/lib/hls.min.js'
8199                    hlsScript.onload = this.onAssetsReady.bind(this);
8200                    firstScriptTag.parentNode.insertBefore(hlsScript, firstScriptTag);
8201                },
8202                onAssetsReady() {
8203                    this.attachVideo(this.currentVideoIndex);
8204                },
8205                attachVideo(index) {
8206                    const videoElement = this.$refs[`imgixVideo${index}`];
8207                    const videoUrl = videoUrls[index];
8208
8209                    if (!videoElement || !videoUrl || videoElement.src) {
8210                        return this;
8211                    }
8212
8213                    if (window.Hls.isSupported()) {
8214                        const hls = new Hls();
8215                        hls.loadSource(videoUrl);
8216                        hls.attachMedia(videoElement);
8217                        return this;
8218                    }
8219
8220                    if (videoElement.canPlayType('application/vnd.apple.mpegurl')) {
8221                        videoElement.src = videoUrl;
8222                        return this;
8223                    }
8224
8225                     this.errors[$index] = "Your browser doesn&#039;t support this type of media."
8226                },
8227                showPrevious() {
8228                    const prevIndex = this.currentVideoIndex - 1;
8229                    this.$refs[`imgixVideo${this.currentVideoIndex}`].pause();
8230                    this.currentVideoIndex = prevIndex < 0 ? videosCount - 1 : prevIndex;
8231                    this.attachVideo(this.currentVideoIndex);
8232                },
8233                showNext() {
8234                    const nextIndex = this.currentVideoIndex + 1;
8235                    this.$refs[`imgixVideo${this.currentVideoIndex}`].pause();
8236                    this.currentVideoIndex = nextIndex >= videosCount ? 0 : nextIndex;
8237                    this.attachVideo(this.currentVideoIndex);
8238                }
8239            }
8240        }</script>
8240</div>
8241                <div class="order-7">    <div class="container mt-12 md:mt-18 pb-2 lg:pb-0">
8242        <div class="border-element">
8243            <div class="lg:w-3/4 xl:w-1/2 mx-auto">
8244                <p class="text-xl md:text-2xl font-semibold mb-12 md:mb-11">Von Hee Welling designt</p>
8245                <div class="grid grid-cols-3 lg:grid-cols-4 gap-4">
8246                    <div>
8247                        <img
8248                            class="max-h-64 w-auto" loading="lazy" height="40" width="40"
8249                            src="https://dbs-base.imgix.net/media/wysiwyg/Pagebuilder/designer/designer-hee-welling.jpg?auto=format"
8250                            alt="Hee&#x20;Welling"/>
8251                    </div>
8252                    <div class="col-span-2 lg:col-span-3 md:pl-6 flex flex-col justify-between">
8253                        <div><p>Hee Welling (*1974) studierte erst in Finnland und später in Dänemark Design, wo er 2003 seinen Master in Möbeldesign machte. Im gleichen Jahr gründete er sein eigenes Atelier in Kopenhagen und arbeitet seither in den Bereichen Möbel-, Innen- und Industriedesign. Wellings Designs für Kunden wie HAY und &amp;tradition wurden mehrfach preisgekrönt. Seine Designphilosophie drückt sich durch simple geometrische Formen und schwungvollen Konturen seiner Produkte aus.</p></div>
8254                        <div>
8255                            <button class="button button-stroke mt-11 md:mt-7"
8256                                    onclick="location.assign('https&#x3A;&#x2F;&#x2F;shop.schoener-wohnen.de&#x2F;designer-hee-welling&#x2F;')">Produkte entdecken</button>
8257                        </div>
8258                    </div>
8259                </div>
8260            </div>
8261        </div>
8262    </div>
8263</div>
8264                <div class="lg&#x3A;hidden&#x20;order-8&#x20;has-bg">    <div class="bg-stonegray-lighter pt-10 pb-11 md:pt-8 lg:py-6 mt-10 md:mt-12 lg:mt-0">
8265        <div class="container grid grid-cols-3 gap-y-3 md:grid-cols-7 lg:grid-cols-8 lg:items-center">
8266            <div class="mb-4 md:mb-0 col-span-3 md:order-1 lg:order-2 md:col-span-7 lg:col-span-2">
8267                <h2>
8268                    <span class="text-xl md:text-lg font-semibold">
8269                        Haben Sie noch Fragen?                    </span>
8270                </h2>
8271            </div>
8272            <div class="col-span-1 md:row-span-2 lg:row-span-1 justify-center md:order-2 lg:order-1 md:pb-3
8273                lg:pb-0 md:items-end lg:items-start flex">
8274                <svg xmlns="http://www.w3.org/2000/svg" version="1.1" id="questions" x="0" y="0" viewBox="0 0 100 100" xml:space="preserve" class="h-14 w-auto" width="24" height="24" role="img">
8275    <switch>
8276        <g>
8277        <path class="question-icon-svg" d="M50.1 8.1C24.1 8.1 2.9 25.5 2.9 47c0 8.9 3.7 17.5 10.4 24.4-.5 4.4-4.6 14.9-6.2 18.8-.2.5-.1 1.1.3 1.5.3.3.7.5 1.1.5.1 0 .3 0 .4-.1.8-.2 18.9-5.6 24.6-8.7 5.4 1.7 11 2.5 16.6 2.5 26 0 47.2-17.4 47.2-38.9S76.1 8.1 50.1 8.1zm0 74.9c-5.6 0-11.1-.9-16.4-2.6-.4-.1-.9-.1-1.2.2-3.4 2.2-15.8 6.1-21.5 7.8 1.8-4.6 5.2-13.7 5.3-17.5 0-.4-.1-.8-.4-1.1-6.5-6.4-10-14.5-10-22.8 0-19.8 19.9-36 44.3-36s44.3 16.1 44.3 36c-.1 19.8-20 36-44.4 36z"/>
8278            <path class="question-icon-svg" d="M50.4 74.2c2.6 0 4.6-2 4.6-4.6S53 65 50.4 65c-2.5 0-4.6 2.1-4.6 4.6 0 2.6 2 4.6 4.6 4.6zM48.5 59.6v-9.8c0-1.1.7-1.8 1.9-2 2.3-.5 4.4-1.5 6.3-3 5.4-4 5.2-10.6 2.3-14.5-2.1-2.8-5.2-3.6-8.5-3.6-4.4 0-8.5 2.4-10 6.8-.4 1.2-1.6 1.7-2.6 1.4-1.2-.4-1.7-1.5-1.3-2.8 1.4-4 4.2-6.8 8.1-8.4 4.6-1.9 9.3-1.5 13.6.8 4.1 2.2 6 5.9 6.5 10.5.8 7.1-3.7 12.3-8.9 15-1.1.6-2.4 1-3.7 1.6v8.1l-3.7-.1z"/>
8279        </g>
8280    </switch>
8281</svg>
8282            </div>
8283            <div class="col-span-2 md:col-span-3 lg:col-span-2 md:order-3 md:row-span-2
8284                lg:row-span-1 md:items-end lg:items-start md:flex md:pr-20 md:pb-2">
8285                                <span class="lg:text-sm">Wir helfen Ihnen gerne weiter. Kostenlose Beratung Mo.– Fr. von 10 bis 13 Uhr unter</span>
8286            </div>
8287                        <div class="order-4 col-span-2 hidden lg:block">
8288                <div class="font-semibold text-xl">
8289                    <span>
8290                        <a href="tel:+49 241 955 091 97">
8291                            +49 241 955 091 97                        </a>
8292                    </span>
8293                                        <span onclick="window.ContactLinkClickHandler(event)">
8294                        oder <br><a class="underline" href="/service/kontakt/">schreiben Sie uns hier</a>                    </span>
8295                </div>
8296            </div>
8297            <div class="lg:hidden mt-3 md:mt-0 col-span-3 md:order-4">
8298                <button type="button" class="button button-stroke md:button-mediumheight w-full"
8299                        onclick="window.open('tel:+49 241 955 091 97')"
8300                >
8301                    Rufen Sie uns an                </button>
8302            </div>
8303            <div class="lg:hidden col-span-3 md:order-5"">
8304                <span>
8305                    <a class="button button-stroke md:button-mediumheight w-full"
8306                         href="/service/kontakt/"
8307                         onclick="window.ContactLinkClickHandler(event)"
8308                    >
8309                        Schreiben Sie uns                    </a>
8310                </span>
8311            </div>
8312        </div>
8313    </div>
8314</div>
8315        <div class="order-9&#x20;lg&#x3A;order-5&#x20;pa-content-after-contact"></div>
8316            <div class="order-10">        <div class="container pt-14 xl:pt-12">
8317        <div class="flex flex-col items-center lg:w-3/4 xl:w-1/2 mx-auto">
8318            <div>
8319                <a href="https://shop.schoener-wohnen.de/hay/">
8320                    <span class="flex justify-center items-end underline"><img loading="lazy" width="60" height="20" src="https://dbs-base.imgix.net/media/attribute/swatch/svg/manufacturer/60.svg?auto=format"
8321        class="w-auto h-10"
8322        alt="HAY" /></span>
8323                </a>
8324            </div>
8325            <div class="flex flex-col justify-between">
8326                <div x-data="ManufacturerText(`<p>Das 2002 von Rolf HAY gegründete Label hat sich zu einem Aushängeschild dänischen Designs entwickelt. HAY ist retro, klassisch und zugleich modern. Dabei geht HAY einen besonderen Weg, denn die für Hay tätigen Designer sorgen gezielt für eine Wiederbelebung des berühmten dänischen Möbeldesigns der 1950er- und 1960er-Jahre. Und damit schaffen sie in der Reminiszenz ihre ganz eigenen, modernen Klassiker.&nbsp;</p><br>
8327<p>&nbsp;</p><br>
8328<p>&nbsp;</p>`)"
8329                     x-defer="intersect"
8330                     x-bind="eventListeners"
8331                     x-init="updateContent()"
8332                     class="mt-4.5 mb-6 text-center mx-auto md:w-8/12 relative"
8333                     id="manufacturer-text"
8334                >
8335                    <div class="manufacturer-text-content" x-ref="content" x-html="manufacturerText"
8336                         :class="{
8337                            'expanded' : isExpanded,
8338                            'processing' : isProcessing
8339                         }"
8340                    >
8341                        <p>Das 2002 von Rolf HAY gegründete Label hat sich zu einem Aushängeschild dänischen Designs entwickelt. HAY ist retro, klassisch und zugleich modern. Dabei geht HAY einen besonderen Weg, denn die für Hay tätigen Designer sorgen gezielt für eine Wiederbelebung des berühmten dänischen Möbeldesigns der 1950er- und 1960er-Jahre. Und damit schaffen sie in der Reminiszenz ihre ganz eigenen, modernen Klassiker.&nbsp;</p><br>
8342<p>&nbsp;</p><br>
8343<p>&nbsp;</p>                    </div>
8344                    <button class="text-truncation-toggle&#x20;text-expand"
8345                            x-cloak
8346                            x-show="isRequiresToggleButton && !isExpanded"
8347                            x-on:click="isExpanded = !isExpanded"
8348                    >
8349                        <span class="underline">... mehr anzeigen</span>
8350                    </button>
8351                </div>
8352                <button class="text-truncation-toggle&#x20;text-collapse"
8353                        x-cloak
8354                        x-show="isRequiresToggleButton && isExpanded"
8355                        x-on:click="isExpanded = !isExpanded"
8356                >
8357                    <span class="underline">weniger anzeigen</span>
8358                </button>
8359            </div>
8360            <div class="flex justify-center">
8361                <button class="button button-stroke w-full sm:w-auto"
8362                        onclick="location.assign('https&#x3A;&#x2F;&#x2F;shop.schoener-wohnen.de&#x2F;hay&#x2F;')">
8363                    Alle Artikel von HAY anzeigen                </button>
8364            </div>
8365        </div>
8366    </div>
8367    
8367<script>
8368        function ManufacturerText(manufacturerTextFallback) {
8369            return {
8370                ...ClampElementContent(),
8371                manufacturerText: null,
8372                updateContent(manufacturerText) {
8373                    this.manufacturerText = manufacturerText || manufacturerTextFallback;
8374
8375                    this.$nextTick(() => this.getIsRequiredToggleButton())
8376                }
8377            }
8378        }
8379    </script>
8379
8380</div>
8381                <div class="order-11"> <section class="order-7&#x20;container&#x20;pt-6&#x20;md&#x3A;pt-12" x-data="ProductSlider_6abf0829dc611()"  x-init="initGraphQlMode();" x-show="productItems && productItems.length" x-cloak  x-bind="eventListeners" ><div class="relative slider-container w-full border-element"><div class="flex items-center flex-row justify-between mb-8"> <h2 class="text-lg">Kürzlich angesehene Produkte</h2> <div data-control-elements class="hidden md:grid grid-flow-col text-neutralgray-darker" :class="{ 'grid' : productsCount > pageSize }" ><button type="button" class="scroll-arrow&#x20;justify-self-start&#x20;justify-center&#x20;md&#x3A;absolute&#x20;md&#x3A;left-0&#x20;md&#x3A;top-1&#x2F;2&#x20;md&#x3A;-translate-y-1&#x2F;2&#x20;md&#x3A;-translate-x-1&#x2F;2&#x20;transition-all&#x20;md&#x3A;items-center&#x20;cursor-pointer&#x20;w-8&#x20;h-8&#x20;lg&#x3A;w-12&#x20;lg&#x3A;h-12&#x20;md&#x3A;flex&#x20;z-20&#x20;rounded-full&#x20;bg-charcoal-darker&#x20;text-white" :class="{ 'invisible' : isAtStart }" aria-label="Go&#x20;to&#x20;previous&#x20;product&#x20;slider&#x20;page" x-on:click="scrollBack()" ><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="w-3 h-3 lg:w-5 lg:h-5" aria-hidden="true"><path d="M12 1L2 11L12 21" stroke-width="2" stroke-linecap="round"/></svg>
8382</button> <button type="button" class="scroll-arrow&#x20;justify-self-end&#x20;justify-center&#x20;md&#x3A;absolute&#x20;md&#x3A;right-0&#x20;md&#x3A;top-1&#x2F;2&#x20;md&#x3A;-translate-y-1&#x2F;2&#x20;md&#x3A;translate-x-1&#x2F;2&#x20;transition-all&#x20;md&#x3A;items-center&#x20;cursor-pointer&#x20;w-8&#x20;h-8&#x20;lg&#x3A;w-12&#x20;lg&#x3A;h-12&#x20;md&#x3A;flex&#x20;z-20&#x20;rounded-full&#x20;bg-charcoal-darker&#x20;text-white" :class="{ 'invisible' : isAtEnd }" x-on:click="scrollForward()" aria-label="Go&#x20;to&#x20;next&#x20;product&#x20;slider&#x20;page" ><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 13 22" fill="none" stroke="currentColor" class="w-3 h-3 lg:w-5 lg:h-5" aria-hidden="true"><path d="M1 1L11 11L1 21" stroke-width="2" stroke-linecap="round"/></svg>
8383</button></div></div><div class="slider-items-container no-scrollbar" x-on:scroll.debounce.100ms="calcActive()" :class="{ 'snap snap-proximity overflow-x-auto pb-7': productsCount > pageSize }"> <template x-if="productItems && productItems.length"> <div class="grid transition-all grid-rows-1 grid-flow-col slider" :style="itemWidth && productsCount && 'grid-template-columns: repeat(' + productsCount + ',' + itemWidth + 'px)' || ''">  <template x-for="product in productItems" :key="product.id"><div class="cursor-pointer&#x20;slider-item&#x20;snap-start&#x20;px-1.5&#x20;md&#x3A;px-2.5&#x20;lg&#x3A;px-3.5" data-product-item  x-on:click="location.assign(getProductUrl(product))"  ><div class="relative"><div class="relative&#x20;w-full&#x20;product-image-wrapper&#x20;flex&#x20;flex-col&#x20;justify-end&#x20;aspect-&#x5B;4&#x2F;5&#x5D;&#x20;product-image-wrapper&#x20;mb-2"><div class="flex&#x20;items-end&#x20;justify-center&#x20;w-full&#x20;bg-white&#x20;aspect-square&#x20;product-image&#x20;relative&#x20;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&#x20;flex-row&#x20;product-badges&#x20;my-2"><span class="flex&#x20;flex-row"><template x-for="(item, index, collection) in badges[product.id]"><span :style="collection[index].styles" class="product-badge&#x20;mt-0&#x20;inline-block&#x20;p-1&#x20;text-&#x5B;10px&#x5D;&#x20;uppercase&#x20;leading-none&#x20;font-semibold&#x20;mr-2" x-html="collection[index].badge_text"></span></template></span></div></template></div><p class="product-name-wrapper&#x20;text-sm"> <span class="manufacturer-label&#x20;truncate&#x20;block&#x20;text-13px&#x20;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&#x20;truncate&#x20;whitespace-nowrapg" x-text="product.name"></span> </a> </p><template x-if="product.options && Object.keys(product.options).length">
8383<p class="option-pairs"><template x-for="option in Object.keys(product.options)"><span class="option-pair"><span x-text="product.options[option].label"></span> <span x-text="product.options[option].value"></span></span></template></p></template><span class="price-wrapper&#x20;flex&#x20;flex-row&#x20;gap-x-1&#x20;mt-1"><template x-if="product.special_price"><span class="old-price&#x20;inline-block&#x20;line-through&#x20;order-last&#x20;text-sm&#x20;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&#x20;final-price&#x20;text-sm&#x20;font-semibold" :class="{'discount-price' : product.special_price}" x-text="product.price_range.minimum_price.final_price.value && hyva.formatPrice(product.price_range.minimum_price.final_price.value) || ''"></span></span> <template x-if="product.productlistitem_swatches && Object.keys(product.productlistitem_swatches).length"><span class="swatches-wrapper truncate inline-flex cursor-pointer self-start mt-2.5"><template x-for="superAttribute in product.productlistitem_swatches.slice(0, 1)"><span class="flex flex-row flex-wrap"><template x-for="(swatch, index) in superAttribute.values.slice(0, 4)"><span class="swatch block w-[8px] h-[8px] border-[1px] border-foggray mr-1 mb-1 box-content" :style="themeServiceSwatchOutput.getSwatchDisplayInListing(swatch) || ''"></span></template><template x-if="superAttribute.values.length >4"><span class="leading-none flex flex-row text-neutralgray pl-1 h-2.5"><span class="swatch inline-flex items-center text-xs"><span x-text="'+' + (superAttribute.values.length - 4)"></span></span></span></template></span></template></span></template></div></template> </div></template></div></div></section>
8383<script>
8384    const ProductSlider_6abf0829dc611 = function (sliderBreakpoints) {
8385        return {
8386            uniqueId: 'ProductSlider_6abf0829dc611',
8387            productsCount: 0,
8388            productIds: [],
8389            pageSize: 1,
8390            itemWidth: null,
8391            hoveredProductId: null,
8392            isImageLoaded: false,
8393            timeout: null,
8394            isAtStart: true,
8395            isAtEnd: false,
8396            active: 0,
8397            pageFillers: 0,
8398            itemsPerPagePerScreenSize: {
8399                '': 2.3,
8400                'sm': 2.3,
8401                'md': 3,
8402                'lg': 4,
8403                'xl': 4,
8404                '2xl': 4,
8405            },
8406
8407            setItemsPerSlider() {
8408                if (!sliderBreakpoints) return;
8409
8410                this.itemsPerPagePerScreenSize = sliderBreakpoints;
8411            },
8412
8413            initStaticMode() {
8414                this.productsCount = 0;
8415                this.productIds = 0;
8416
8417                if (this.getSlider()) {
8418                    this.getSlider().scrollLeft = 0;
8419                    this.calcActive();
8420                }
8421            },
8422
8423            initDynamicMode() {
8424                this.productsCount = this.productItems && (this.productItems).length || 0;
8425                this.productIds = this.productItems && this.getProductIds(this.productItems) || [];
8426
8427                if (this.productItems) {
8428                    this.$nextTick(() => {
8429                        window.requestAnimationFrame(() => {
8430                            this.initSlider();
8431                        })
8432                    })
8433                }
8434            },
8435
8436            initGraphQlMode() {
8437                 },
8438
8439            initSlider() {
8440                this.setItemsPerSlider();
8441                this.calcPageSize();
8442                this.executeHooksOnSliderInit();
8443            },
8444
8445            reInitSlider() {
8446                if (this.getSlider()) {
8447                    this.getSlider().scrollLeft = 0;
8448                }
8449                this.calcPageSize();
8450            },
8451
8452            getSlider() {
8453                return this.getSliderContainer();
8454            },
8455
8456            getSliderContainer() {
8457                return this.$root.querySelector('.slider-items-container');
8458            },
8459
8460            scrollBack() {
8461                if (this.getSliderContainer()) {
8462                    this.getSliderContainer().scrollLeft = this.getSliderContainer().scrollLeft - (this.getSliderContainer().clientWidth);
8463                    this.calcActive();
8464                }
8465            },
8466
8467            scrollForward() {
8468                if (this.getSliderContainer()) {
8469                    this.getSliderContainer().scrollLeft = this.getSliderContainer().scrollLeft + (this.getSliderContainer().clientWidth);
8470                    this.calcActive();
8471                }
8472            },
8473
8474            calcPageSize() {
8475                const slider = this.getSlider();
8476
8477                if (slider) {
8478                    this.pageSize = this.itemsPerPagePerScreenSize[themeServiceScreen.getScreen()];
8479
8480                    this.itemWidth = Math.round(slider.clientWidth / this.pageSize);
8481                    this.pageFillers = (
8482                        this.pageSize * Math.ceil(this.productsCount / this.pageSize)
8483                    ) - this.productsCount;
8484                    this.$nextTick(() => this.calcActive());
8485
8486                    window.requestAnimationFrame(() => {
8487                        if (!this.itemWidth && this.productsCount) this.calcPageSize();
8488                        
8489                    });
8490                }
8491            },
8492
8493            calcActive() {
8494                const slider = this.getSlider();
8495
8496                if (slider) {
8497                    const sliderItems = this.productsCount + this.pageFillers;
8498                    const calculatedActiveSlide = slider.scrollLeft / (slider.scrollWidth / sliderItems);
8499
8500                    this.active = Math.round(calculatedActiveSlide);
8501                    this.active = Math.max(0, Math.min(this.active, this.productsCount - this.pageSize));
8502
8503                    this.isAtStart = slider.scrollLeft === 0;
8504                    this.isAtEnd = slider.scrollLeft + slider.clientWidth >= slider.scrollWidth - 1;
8505                }
8506            },
8507
8508            getImageUrl(image) {
8509                const imageUrlSuffix = '&pad=10&h=280&ar=1:1';
8510                const imageUrl = typeof image === 'string' ? image : image && image.url || null;
8511
8512                if (imageUrl) {
8513                    return (imageUrl).replace(/&/g, '&') + imageUrlSuffix;
8514                }
8515
8516                return '';
8517            },
8518
8519            getImageUrlByProduct(product) {
8520                if (this.hoveredProductId == product.id && product.hover_image && !product.hover_image.isEmpty) {
8521                    return this.getImageUrl(product.hover_image);
8522                }
8523                return this.getImageUrl(product.small_image);
8524            },
8525
8526            resolveImageUrl(productId, imageUrl, hoverImageUrl) {
8527                if (hoverImageUrl && this.hoveredProductId == productId) {
8528                    return hoverImageUrl.split('?')[0] + "?ar=0.85:1&fit=crop";
8529                }
8530
8531                return this.getImageUrl(imageUrl).replace('trim-tol=15', 'trim-tol=25');
8532            },
8533
8534            debounce(func, wait) {
8535                let later = function() {
8536                    this.timeout = null;
8537                    func.apply(this, []);
8538                };
8539                clearTimeout(this.timeout);
8540                this.timeout = setTimeout(later, wait);
8541            },
8542
8543              getImageUrl(image) {
8544                const imageUrlSuffix = '&pad=10&h=280&ar=1:1';
8545                const imageUrl = typeof image === 'string' ? image : image && image.url || null;
8546
8547                if (imageUrl) {
8548                    return (imageUrl).replace(/&/g, '&') + imageUrlSuffix;
8549                }
8550
8551                return '';
8552            },
8553
8554            getImageUrlByProduct(product) {
8555                if (this.hoveredProductId == product.id && product.hover_image && !product.hover_image.isEmpty) {
8556                    return this.getImageUrl(product.hover_image);
8557                }
8558                return this.getImageUrl(product.small_image);
8559            },
8560
8561            resolveImageUrl(productId, imageUrl, hoverImageUrl) {
8562                if (hoverImageUrl && this.hoveredProductId == productId) {
8563                    return this.getImageUrl(hoverImageUrl);
8564                }
8565                return this.getImageUrl(imageUrl);
8566            },
8567
8568               badges: {},
8569            getBadges() {
8570                               if(this.productItems.length) {
8571                    this.productItems.forEach((product) => {
8572                        if (!(this.badges[product.id])) {
8573                            this.badges[product.id] = themeServiceBadges.getBadges(product)
8574                        }
8575                    });
8576                }
8577                 },
8578            
8579                              productItems: {},
8580            getProductUrl(product) {
8581                if (product.url_rewrites && product.url_rewrites[0] && product.url_rewrites[0].url) {
8582                    return `${BASE_URL}${product.url_rewrites[0].url}`;
8583                }
8584                return this.getUrl(product.url_key, product.url_suffix);
8585            },
8586            getUrl(key, suffix) {
8587                return `${BASE_URL}${key}${suffix || ''}`;
8588            },
8589            getProductIds(productItems) {
8590                const productIds = [];
8591                if (Array.isArray(productItems)) {
8592                    for (let i = 0; i < productItems.length; i++) {
8593                        productIds.push(productItems[i].id);
8594                    }
8595                }
8596                return productIds;
8597            },
8598            scrollPageUp() {
8599                document.documentElement.scrollTo({
8600                    top: 0,
8601                    behavior: "smooth"
8602                })
8603            },
8604                                           async getProductItemsByGraphQl(variables) {
8605                const graphQlFetch = await themeServiceGraphQl.postData(`query RecentlyViewedProducts ($skus: [String!]!) {
8606            products(filter: {sku: {in: $skus}}, pageSize: 20, sort: {position: ASC}) {
8607                items
8608        {
8609            sku
8610            id
8611            name
8612            small_image {
8613                label
8614                url
8615            }
8616            hover_image {
8617                url
8618                isEmpty
8619            }
8620            url_key
8621            url_suffix
8622            url_rewrites {
8623                url
8624            }
8625            price_range {
8626                minimum_price {
8627                    regular_price {
8628                        value
8629                    }
8630                    final_price {
8631                        value
8632                    }
8633                    discount {
8634                        amount_off
8635                        percent_off
8636                    }
8637                }
8638                maximum_price {
8639                    regular_price {
8640                        value
8641                        currency
8642                    }
8643                    final_price {
8644                        value
8645                        currency
8646                    }
8647                    discount {
8648                        amount_off
8649                        percent_off
8650                    }
8651                }
8652            }
8653            is_new_product
8654            price_information {
8655                has_sale_price
8656                sale_item_regular_price
8657                sale_item_final_price
8658                variants_have_equal_discount
8659            }
8660            stock_status
8661            special_price
8662            manufacturer
8663            attributeValueLabels(fields: ["manufacturer"])
8664            ... on ConfigurableProduct {
8665                initial_child {
8666                    sku
8667                }
8668                productlistitem_swatches {
8669                    values {
8670                        swatch_data {
8671                            value
8672                        }
8673                    }
8674                }
8675            }
8676        }
8677        
8678            }
8679        }`, variables);
8680                const graphQlResponse = await graphQlFetch.json()
8681                if (graphQlResponse) {
8682                    this.productItems = graphQlResponse.data && graphQlResponse.data.products && graphQlResponse.data.products.items || [];
8683                    this.initDynamicMode()
8684                }
8685            },
8686                         executeHooksOnSliderInit() {
8687                 this.getBadges();
8688            },
8689            
8690            eventListeners: {
8691                ['x-on:window-resize-horizontal.window.debounce']() {
8692                    this.reInitSlider();
8693                },
8694                ['x-on:re-init-product-sliders.window']() {
8695                    this.reInitSlider();
8696                },
8697                                       ['@product-slider-recently-viewed.window'](event) {
8698                this.getProductItemsByGraphQl(event.detail && event.detail.variables)
8699            },
8700                                     },
8701        }
8702    }
8703
8704    const dispatchEventReInitProductSliders_ProductSlider_6abf0829dc611 = function() {
8705        window.dispatchEvent(new CustomEvent('re-init-product-sliders'))
8706    }
8707
8708    window.requestIdleCallback
8709        ? window.requestIdleCallback(() => dispatchEventReInitProductSliders_ProductSlider_6abf0829dc611)
8710        : setTimeout(() => dispatchEventReInitProductSliders_ProductSlider_6abf0829dc611, 4000);</script>
8710</div>
8711            <div class="order-last&#x20;last-collateral&#x20;container&#x20;pt-14&#x20;xl&#x3A;pt-12">
8712        <div class="border-element"></div>
8713    </div>
8714</section>
8715
8716</div><div x-data="RecentlyViewedProductsComponent_6abf0829e0bf1()"
8717     x-defer="intersect"
8718></div>
8719<script>
8720    function RecentlyViewedProductsComponent_6abf0829e0bf1() {
8721        return {
8722            readRecentlyViewedFromStorage() {
8723                const data = hyva.getBrowserStorage().getItem('recently_viewed_products');
8724                return data ? JSON.parse(data).filter(product => {
8725                    return product.sku;
8726                }) : [];
8727            },
8728            init() {
8729                const recentlyViewedProductsArray = this.readRecentlyViewedFromStorage();
8730
8731                let itemsToShow = [];
8732                if (recentlyViewedProductsArray.length > 0) {
8733                                        const start = '90318001' === '' ? 0 : 1;
8734                    itemsToShow = recentlyViewedProductsArray.slice(start)
8735                }
8736
8737                if (itemsToShow.length > 0) {
8738                    this.$dispatch('product-slider-recently-viewed', {
8739                        variables: {
8740                            skus: itemsToShow.map(item => item.sku)
8741                        }
8742                    })
8743                }
8744            }
8745        }
8746    }
8747</script>
8747</div></div></main><div class="page-bottom"><div id="particular-audience-container"></div></div><footer class="page-footer bg-white"><div class="footer content">   <div><div class="container"><div class="pre-footer-grid"> <div>  <div class="prefooter-top-listing"><div class="pt-1">
8747<script>
8748            function collapseBox6abf0829f1c03() {
8749                return {
8750                    isCollapsed: true,
8751                    init() {
8752                        this.setCollapseState()
8753                    },
8754                    setCollapseState() {
8755                        this.isCollapsed = true
8756                    },
8757                    eventListeners: {
8758                        ['x-on:window-resize-horizontal.window.debounce']() {
8759                            this.setCollapseState()
8760                        }
8761                    }
8762                }
8763            }</script>
8763<div class="grid grid-cols-1 my-2" x-data="collapseBox6abf0829f1c03()" x-defer="intersect" x-bind="eventListeners" > <div class=""><div class="border-b border-foggray pb-1 pt-2 cursor-pointer" x-on:click="isCollapsed = !isCollapsed"><div class="flex justify-between items-center"><div class="font-semibold">Top Marken</div><div class="arrow"><div class="transition-transform" :class="{'transform rotate-180': isCollapsed}"><span><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="w-4 h-4" width="24" height="24" role="img">
8764  <path d="M6.5.127c.065 0 .13.026.182.079l5.85 5.964a.273.273 0 01-.026.371.27.27 0 01-.338 0L6.5.763.832 6.54a.26.26 0 01-.364-.027.283.283 0 010-.344L6.318.206A.254.254 0 016.5.126z"/>
8765</svg>
8766</span></div></div></div></div></div> <div class="prefooter-content my-3" :class="{'partial-listing' : isCollapsed}"><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/hay/">HAY</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/houe/">HOUE</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/louis-poulsen/">Louis Poulsen</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/ferm-living/">Ferm Living</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/fermob/">Fermob</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/string-furniture/">String Furniture</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/nardi/">Nardi</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/umage/">UMAGE</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/carl-hansen-son/">Carl Hansen & Søn</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/gubi/">Gubi</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/serax/">Serax</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/broste-copenhagen/">Broste Copenhagen</a></div></div></div></div></div>  <div>  <div class="prefooter-top-listing"><div class="pt-1">
8766<script>
8767            function collapseBox6abf0829f1fab() {
8768                return {
8769                    isCollapsed: true,
8770                    init() {
8771                        this.setCollapseState()
8772                    },
8773                    setCollapseState() {
8774                        this.isCollapsed = true
8775                    },
8776                    eventListeners: {
8777                        ['x-on:window-resize-horizontal.window.debounce']() {
8778                            this.setCollapseState()
8779                        }
8780                    }
8781                }
8782            }</script>
8782<div class="grid grid-cols-1 my-2" x-data="collapseBox6abf0829f1fab()" x-defer="intersect" x-bind="eventListeners" > <div class=""><div class="border-b border-foggray pb-1 pt-2 cursor-pointer" x-on:click="isCollapsed = !isCollapsed"><div class="flex justify-between items-center"><div class="font-semibold">Top Kategorien</div><div class="arrow"><div class="transition-transform" :class="{'transform rotate-180': isCollapsed}"><span><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="w-4 h-4" width="24" height="24" role="img">
8783  <path d="M6.5.127c.065 0 .13.026.182.079l5.85 5.964a.273.273 0 01-.026.371.27.27 0 01-.338 0L6.5.763.832 6.54a.26.26 0 01-.364-.027.283.283 0 010-.344L6.318.206A.254.254 0 016.5.126z"/>
8784</svg>
8785</span></div></div></div></div></div> <div class="prefooter-content my-3" :class="{'partial-listing' : isCollapsed}"><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/catalog/category/view/s/esszimmerstuehle/id/10824/">Esszimmerstühle</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/esszimmerstuehle/">Esszimmerstühle</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/gartenstuehle/">Gartenstühle</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/teppiche/">Teppiche</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/stehleuchten/">Stehleuchten</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/tischleuchten/">Tischleuchten</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/beistelltische/">Beistelltische</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/esstische/">Esstische</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/gartentische/">Gartentische</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/regale/">Regale</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/vasen-schalen/">Vasen & Schalen</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/kissen/">Kissen</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/kuechenaccessoires/">Küchenaccessoires</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/garderoben/">Garderoben</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/wanddekoration/">Wanddekoration</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/sessel/">Sessel</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/sideboards-kommoden/">Sideboards & Kommoden</a></div></div></div></div></div>  <div>  <div class="prefooter-top-listing"><div class="pt-1">
8785<script>
8786            function collapseBox6abf0829f2372() {
8787                return {
8788                    isCollapsed: true,
8789                    init() {
8790                        this.setCollapseState()
8791                    },
8792                    setCollapseState() {
8793                        this.isCollapsed = true
8794                    },
8795                    eventListeners: {
8796                        ['x-on:window-resize-horizontal.window.debounce']() {
8797                            this.setCollapseState()
8798                        }
8799                    }
8800                }
8801            }</script>
8801<div class="grid grid-cols-1 my-2" x-data="collapseBox6abf0829f2372()" x-defer="intersect" x-bind="eventListeners" > <div class=""><div class="border-b border-foggray pb-1 pt-2 cursor-pointer" x-on:click="isCollapsed = !isCollapsed"><div class="flex justify-between items-center"><div class="font-semibold">Top Designer</div><div class="arrow"><div class="transition-transform" :class="{'transform rotate-180': isCollapsed}"><span><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="w-4 h-4" width="24" height="24" role="img">
8802  <path d="M6.5.127c.065 0 .13.026.182.079l5.85 5.964a.273.273 0 01-.026.371.27.27 0 01-.338 0L6.5.763.832 6.54a.26.26 0 01-.364-.027.283.283 0 010-.344L6.318.206A.254.254 0 016.5.126z"/>
8803</svg>
8804</span></div></div></div></div></div> <div class="prefooter-content my-3" :class="{'partial-listing' : isCollapsed}"><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/designer-charles-ray-eames/">Charles & Ray Eames</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/designer-alexander-girard/">Alexander Girard</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/designer-mies-van-der-rohe/">Mies van der Rohe</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/designer-hella-jongerius/">Hella Jongerius</a><a class="cursor-pointer pb-1 pt-2 truncate block" href="https://shop.schoener-wohnen.de/designer-egon-eiermann/">Egon Eiermann</a></div></div></div></div></div></div></div></div>  <div class="main-footer w-full overflow-x-hidden bg-sand-darker"><div class="container py-4"><div class="footer-grid"> <div>  <div class="footer-linklist"> <div class=""><div class="pt-1">
8804<script>
8805            function collapseBox6abf082a02896() {
8806                return {
8807                    isCollapsed: null,
8808                    isLargeResolution: null,
8809                    init() {
8810                        this.setIsLargeResolution()
8811                        this.setCollapseStateByResolution()
8812                    },
8813                    setIsLargeResolution() {
8814                        this.isLargeResolution = document.documentElement.clientWidth >= parseInt(getComputedStyle(document.documentElement).getPropertyValue('--screen-size-lg'))
8815                    },
8816                    setCollapseStateByResolution() {
8817                                                this.isCollapsed = this.isLargeResolution === false
8818                         },
8819                    eventListeners: {
8820                        ['x-on:window-resize-horizontal.window.debounce']() {
8821                            this.setIsLargeResolution()
8822                            this.setCollapseStateByResolution()
8823                        }
8824                    }
8825                }
8826            }</script>
8826<div class="grid grid-cols-1 my-2" x-data="collapseBox6abf082a02896()" x-defer="intersect" x-bind="eventListeners"><div class=""><div class="border-b border-foggray pb-1 pt-2 cursor-pointer lg:cursor-auto" x-on:click="if (!isLargeResolution) {isCollapsed = !isCollapsed}" ><div class="flex justify-between items-center"><div class="font-semibold">Hilfe & Kontakt</div><div class="arrow lg:hidden"><div class="transition-transform" :class="{'transform rotate-180': isCollapsed}"><span><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="w-4 h-4" width="24" height="24" role="img">
8827  <path d="M6.5.127c.065 0 .13.026.182.079l5.85 5.964a.273.273 0 01-.026.371.27.27 0 01-.338 0L6.5.763.832 6.54a.26.26 0 01-.364-.027.283.283 0 010-.344L6.318.206A.254.254 0 016.5.126z"/>
8828</svg>
8829</span></div></div></div></div></div><div class="sm&#x3A;flex&#x20;flex-row&#x20;flex-wrap&#x20;items-top&#x20;lg&#x3A;block&#x20;mt-1 my-3" x-show="!isLargeResolution && !isCollapsed || isLargeResolution" ><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><a href="https://shop.schoener-wohnen.de/service/faq/" >FAQ</a>
8830<a href="https://shop.schoener-wohnen.de/service/artikel-retournieren/" target="_blank">Artikel retournieren</a>
8831<a href="https://shop.schoener-wohnen.de/service/sendungsverfolgung/" >Sendungsverfolgung</a>
8832<a href="https://shop.schoener-wohnen.de/service/kontakt/" >Kontakt</a>
8833<a href="https://shop.schoener-wohnen.de/service/versand/" >Versand</a>
8834<a href="https://shop.schoener-wohnen.de/service/bezahlung/" >Bezahlung</a>
8835<a href="https://shop.schoener-wohnen.de/service/garantie/" >Garantie</a>
8836<a href="https://shop.schoener-wohnen.de/service/entsorgung/" >Entsorgung</a>
8837<a href="https://shop.schoener-wohnen.de/service/widerrufsrecht/" >Widerrufsrecht</a>
8838<a href="https://shop.schoener-wohnen.de/service/widerruf-beantragen/" class=underline >Widerruf beantragen</a>
8839</div></div></div></div></div></div>  <div class="footer-linklist"> <div class=""><div class="pt-1">
8839<script>
8840            function collapseBox6abf082a033f3() {
8841                return {
8842                    isCollapsed: null,
8843                    isLargeResolution: null,
8844                    init() {
8845                        this.setIsLargeResolution()
8846                        this.setCollapseStateByResolution()
8847                    },
8848                    setIsLargeResolution() {
8849                        this.isLargeResolution = document.documentElement.clientWidth >= parseInt(getComputedStyle(document.documentElement).getPropertyValue('--screen-size-lg'))
8850                    },
8851                    setCollapseStateByResolution() {
8852                                                this.isCollapsed = this.isLargeResolution === false
8853                         },
8854                    eventListeners: {
8855                        ['x-on:window-resize-horizontal.window.debounce']() {
8856                            this.setIsLargeResolution()
8857                            this.setCollapseStateByResolution()
8858                        }
8859                    }
8860                }
8861            }</script>
8861<div class="grid grid-cols-1 my-2" x-data="collapseBox6abf082a033f3()" x-defer="intersect" x-bind="eventListeners"><div class=""><div class="border-b border-foggray pb-1 pt-2 cursor-pointer lg:cursor-auto" x-on:click="if (!isLargeResolution) {isCollapsed = !isCollapsed}" ><div class="flex justify-between items-center"><div class="font-semibold">Gutscheine</div><div class="arrow lg:hidden"><div class="transition-transform" :class="{'transform rotate-180': isCollapsed}"><span><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="w-4 h-4" width="24" height="24" role="img">
8862  <path d="M6.5.127c.065 0 .13.026.182.079l5.85 5.964a.273.273 0 01-.026.371.27.27 0 01-.338 0L6.5.763.832 6.54a.26.26 0 01-.364-.027.283.283 0 010-.344L6.318.206A.254.254 0 016.5.126z"/>
8863</svg>
8864</span></div></div></div></div></div><div class="sm&#x3A;flex&#x20;flex-row&#x20;flex-wrap&#x20;items-top&#x20;lg&#x3A;block&#x20;mt-1 my-3" x-show="!isLargeResolution && !isCollapsed || isLargeResolution" ><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><!--<a href="https://shop.schoener-wohnen.de/placeholder-for-url-key/">Geschenkgutscheine kaufen</a>-->
8865<a href="https://shop.schoener-wohnen.de/geschenkgutschein-und-rabattcodebedingungen/">Allgemeine Geschenkgutschein- und Rabattbedingungen</a></div></div></div></div></div></div></div>  <div> <div class="footer-linklist"> <div class=""><div class="pt-1">
8865<script>
8866            function collapseBox6abf082a04d60() {
8867                return {
8868                    isCollapsed: null,
8869                    isLargeResolution: null,
8870                    init() {
8871                        this.setIsLargeResolution()
8872                        this.setCollapseStateByResolution()
8873                    },
8874                    setIsLargeResolution() {
8875                        this.isLargeResolution = document.documentElement.clientWidth >= parseInt(getComputedStyle(document.documentElement).getPropertyValue('--screen-size-lg'))
8876                    },
8877                    setCollapseStateByResolution() {
8878                                                this.isCollapsed = this.isLargeResolution === false
8879                         },
8880                    eventListeners: {
8881                        ['x-on:window-resize-horizontal.window.debounce']() {
8882                            this.setIsLargeResolution()
8883                            this.setCollapseStateByResolution()
8884                        }
8885                    }
8886                }
8887            }</script>
8887<div class="grid grid-cols-1 my-2" x-data="collapseBox6abf082a04d60()" x-defer="intersect" x-bind="eventListeners"><div class=""><div class="border-b border-foggray pb-1 pt-2 cursor-pointer lg:cursor-auto" x-on:click="if (!isLargeResolution) {isCollapsed = !isCollapsed}" ><div class="flex justify-between items-center"><div class="font-semibold">Über uns</div><div class="arrow lg:hidden"><div class="transition-transform" :class="{'transform rotate-180': isCollapsed}"><span><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="w-4 h-4" width="24" height="24" role="img">
8888  <path d="M6.5.127c.065 0 .13.026.182.079l5.85 5.964a.273.273 0 01-.026.371.27.27 0 01-.338 0L6.5.763.832 6.54a.26.26 0 01-.364-.027.283.283 0 010-.344L6.318.206A.254.254 0 016.5.126z"/>
8889</svg>
8890</span></div></div></div></div></div><div class="sm&#x3A;flex&#x20;flex-row&#x20;flex-wrap&#x20;items-top&#x20;lg&#x3A;block&#x20;mt-1 my-3" x-show="!isLargeResolution && !isCollapsed || isLargeResolution" ><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><a href="https://shop.schoener-wohnen.de/unternehmen/unser-unternehmen/">Über uns</a>
8891<a href="https://shop.schoener-wohnen.de/unternehmen/gute-gruende/">Gute Gründe für uns</a>
8892</div></div></div></div></div></div>  </div>  <div><div class="footer-linklist"> <div class=""><div class="pt-1">
8892<script>
8893            function collapseBox6abf082a068ea() {
8894                return {
8895                    isCollapsed: null,
8896                    isLargeResolution: null,
8897                    init() {
8898                        this.setIsLargeResolution()
8899                        this.setCollapseStateByResolution()
8900                    },
8901                    setIsLargeResolution() {
8902                        this.isLargeResolution = document.documentElement.clientWidth >= parseInt(getComputedStyle(document.documentElement).getPropertyValue('--screen-size-lg'))
8903                    },
8904                    setCollapseStateByResolution() {
8905                                                this.isCollapsed = this.isLargeResolution === false
8906                         },
8907                    eventListeners: {
8908                        ['x-on:window-resize-horizontal.window.debounce']() {
8909                            this.setIsLargeResolution()
8910                            this.setCollapseStateByResolution()
8911                        }
8912                    }
8913                }
8914            }</script>
8914<div class="grid grid-cols-1 my-2" x-data="collapseBox6abf082a068ea()" x-defer="intersect" x-bind="eventListeners"><div class=""><div class="border-b border-foggray pb-1 pt-2 cursor-pointer lg:cursor-auto" x-on:click="if (!isLargeResolution) {isCollapsed = !isCollapsed}" ><div class="flex justify-between items-center"><div class="font-semibold">Inspiration</div><div class="arrow lg:hidden"><div class="transition-transform" :class="{'transform rotate-180': isCollapsed}"><span><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="w-4 h-4" width="24" height="24" role="img">
8915  <path d="M6.5.127c.065 0 .13.026.182.079l5.85 5.964a.273.273 0 01-.026.371.27.27 0 01-.338 0L6.5.763.832 6.54a.26.26 0 01-.364-.027.283.283 0 010-.344L6.318.206A.254.254 0 016.5.126z"/>
8916</svg>
8917</span></div></div></div></div></div><div class="flex&#x20;flex-row&#x20;gap-x-10&#x20;md&#x3A;w-1&#x2F;2&#x20;lg&#x3A;w-full my-3" x-show="!isLargeResolution && !isCollapsed || isLargeResolution" >  <div><a href="https://www.facebook.com/schoenerwohnen/" target="_blank" rel="noopener noreferrer" aria-label="Facebook"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="w-auto h-8" width="24" height="24" role="img">
8918  <path fill="#333" d="M49.6 5C24.3 5 3.8 25.5 3.8 50.8s20.5 45.8 45.8 45.8 45.8-20.5 45.8-45.8S74.9 5 49.6 5zm10.9 31.6h-6.9c-.8 0-1.7 1.1-1.7 2.5v5h8.6l-1.3 7.1h-7.3v21.3h-8.1V51.2h-7.4v-7.1h7.4v-4.2c0-6 4.2-10.8 9.8-10.8h6.9v7.5z"/>
8919</svg>
8920</a></div>  <div><a href="https://www.instagram.com/schoenerwohnenmagazin/" target="_blank" rel="noopener noreferrer" aria-label="Instagram"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="w-auto h-8" width="24" height="24" role="img">
8921  <path fill="none" d="M4.1 49.7c0 6.4-.1 12.7 0 19.1.2 15.4 11.5 26.8 26.9 26.9 12.5.1 25 .1 37.4 0 15.8-.1 27.2-11.4 27.3-27.3.1-12.2 0-24.5 0-36.7 0-16.3-11.3-27.6-27.6-27.6H31.4c-16 .1-27 11.1-27.2 27.2-.1 6.1-.1 12.2-.1 18.4z"/>
8922  <path fill="currentColor" d="M95.7 31.7c0-16.3-11.3-27.6-27.6-27.6H31.4c-16 .1-27 11.1-27.2 27.2-.1 6.1 0 12.2 0 18.4v19.1C4.3 84.2 15.6 95.6 31 95.7c12.5.1 25 .1 37.4 0 15.8-.1 27.2-11.4 27.3-27.3.1-12.2 0-24.4 0-36.7zm-8.5 18.7v18.7C87 80 79.9 87.3 69.1 87.3c-12.8.1-25.7.1-38.5 0-10.5-.1-18-7.3-18.1-17.8-.1-13-.2-25.9 0-38.9.2-10.6 7.5-17.7 18.1-17.7 12.8-.1 25.7-.1 38.5 0 10.7.1 18 7.4 18 18.2.1 6.4.1 12.9.1 19.3z"/>
8923  <path fill="currentColor" d="M74.5 20c3.1.1 5.4 2.5 5.4 5.5 0 3.1-2.7 5.7-5.8 5.5-3-.2-5.3-2.7-5.2-5.7.1-3.1 2.6-5.4 5.6-5.3zm-24.7 6.4C36.7 26.4 26 37.1 26 50.2c0 13 10.7 23.6 23.9 23.7C63 73.9 73.6 63.3 73.6 50c0-13.2-10.5-23.6-23.8-23.6zm.4 39.1c-8.6.1-15.6-6.8-15.6-15.4 0-8.6 7-15.5 15.6-15.4 8.1.1 15 6.9 15.1 15.2.1 8.3-6.8 15.5-15.1 15.6z"/>
8924</svg>
8925</a></div>   <div><a href="https://www.pinterest.de/schoenerwohnenm/_created/" target="_blank" rel="noopener noreferrer" aria-label="Pinterest"  ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="w-auto h-8" width="24" height="24" role="img">
8926  <path fill="#333" d="M43.6 65.1C41 77 38.3 88.4 28.8 97.3c-.2-4.6-1.1-9.2-.5-13.7 1.1-8 3-15.9 4.7-23.8.4-2.1.9-4.1 1.5-6.2 1-3.7 1.7-7.3.5-11.3-1.4-4.8-.6-9.6 2.2-13.9 2.6-3.9 7-5.5 10.7-4 3.2 1.3 5.1 4.9 4.2 9.5-1 5.2-2.6 10.2-4 15.3-1.4 5.2-.7 8.4 2.6 10.8 3.2 2.3 8.2 2.5 11.9-.4 2.4-1.9 4.7-4.4 6.2-7C72.9 45.3 74 37.3 73 29c-1.1-8.7-7.1-14.5-16.5-16.4-18.7-3.7-35.3 11.2-32.3 29 .4 2.1 1.1 4.5 2.5 6.1 2.7 3.1 1.1 6 .1 8.8-.2.6-2.5 1-3.5.6-4.9-2.3-7.7-6.5-9-11.6-3.3-13.5.6-25 11.1-33.5C38.3 1.5 53.1 0 68.2 6.5c14.6 6.3 20.8 20.8 17.2 38-1.8 8.6-5.5 16.2-12.8 21.7-9.3 7-19.8 6.7-29-1.1z"/>
8927</svg>
8928</a></div>  <div><a href="https://www.schoener-wohnen.de/" target="_blank" rel="noopener noreferrer" aria-label="Sch&#xF6;ner&#x20;Wohnen&#x20;Magazin"><?xml version="1.0" encoding="UTF-8"?>
8929<svg xmlns="http://www.w3.org/2000/svg" id="Logos" version="1.1" viewBox="195 140 1310 490" class="w-full max-w-full h-8" role="img">
8930  <!-- Generator: Adobe Illustrator 29.4.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 152)  -->
8931  <defs>
8932    <style>
8933      .st0 {
8934        fill: #340622;
8935      }
8936    </style>
8937  </defs>
8938  <path class="st0" d="M506.5,425.61l-115.17,199.07h-15.57l-19.35-148.35-85.46,148.35h-17.5l-25.64-199.07h42.41c-.64,6.04.44,13.75,1.28,21.16l14.72,125.41,80.23-138.99c3.47-6.02,5.1-7.58,5.1-7.58h18.12c-.65,5.04-.89,8.14.27,17.97l15.73,130.98,76.93-133.53c4.15-7.2,5.53-11.06,6.39-15.41h17.52ZM398.75,393.25c12,5.67,24.98,8.54,38.58,8.54,19.09,0,36.44-5.75,51.57-17.1,15.07-11.3,29.5-28.83,40.96-52.87l.54-1.13-11.31-4.67-.49,1c-9.98,20.14-20.86,34.36-32.34,42.26-11.45,7.88-24.04,11.87-37.4,11.87-14.61,0-27.1-4.76-37.12-14.15-10-9.36-15.08-25.19-15.08-47.04,0-18.33,2.91-36.36,8.65-53.57,5.72-17.16,14.03-31.37,24.73-42.25,10.58-10.76,23.15-16.22,37.36-16.22,13.05,0,22.9,3.97,29.29,11.79,6.44,7.9,9.71,19.13,9.71,33.39,0,3.88-.28,8.27-.84,13.07l-.17,1.44,35.62-3.02.07-1.02c.95-13.66-1.51-25.79-7.31-36.07-5.81-10.28-14.49-18.29-25.8-23.8-11.26-5.49-24.63-8.27-39.72-8.27-20.94,0-40.07,5.74-56.86,17.06-16.76,11.3-30.04,26.67-39.46,45.7-9.4,18.99-14.17,39.78-14.17,61.78,0,18.5,3.84,34.07,11.42,46.29,7.58,12.22,17.53,21.31,29.58,27ZM585.9,214.87c0,.26-.07.97-.52,2.77l-45.22,161.23c-1.01,3.01-2.94,5.58-5.75,7.64l-20.17,1.17-2.94,10.46h83.13l2.94-10.45-20.26-1.17c-1.18-.9-1.75-2.27-1.75-4.17,0-.26.07-.98.52-2.77l21.95-77.81h82.67l-21.76,77.11c-1,3.01-2.94,5.58-5.75,7.64l-20.18,1.17-2.94,10.46h83.13l2.94-10.45-20.26-1.17c-1.18-.9-1.75-2.27-1.75-4.17,0-.26.07-.97.52-2.77l45.24-161.29c.83-2.99,2.75-5.53,5.71-7.58l19.91-1.17,2.94-10.46h-82.85l-2.94,10.45,20.26,1.17c1.18.9,1.75,2.27,1.75,4.17,0,.26-.07.97-.52,2.77l-19.99,71.62h-82.67l19.79-70.93c1.
893801-3.02,2.94-5.59,5.75-7.64l19.84-1.15,2.95-10.48h-82.8l-2.94,10.45,20.26,1.17c1.18.9,1.75,2.27,1.75,4.17ZM756.44,259.44c9.32-18.92,22.78-34.48,40.01-46.26,17.27-11.79,37.39-17.77,59.82-17.77,15.1,0,29.13,3.21,41.7,9.54,12.6,6.35,22.78,15.86,30.27,28.27,7.48,12.41,11.27,27.41,11.27,44.59,0,20.88-4.77,41.05-14.17,59.96-9.42,18.93-22.93,34.49-40.15,46.25-17.26,11.79-37.38,17.77-59.82,17.77-14.92,0-28.86-3.26-41.43-9.68-12.6-6.44-22.78-15.94-30.26-28.26-7.48-12.3-11.27-27.26-11.27-44.45,0-20.88,4.72-41.05,14.03-59.95ZM814.76,228.83c-11.46,14.04-20.22,31.25-26.05,51.14-5.84,19.93-8.8,38.49-8.8,55.16,0,18.69,4.46,32.49,13.26,41.01,8.81,8.54,19.83,12.87,32.75,12.87,16.03,0,29.9-7.04,41.23-20.92,11.46-14.05,20.23-31.26,26.05-51.14,5.84-19.93,8.8-38.49,8.8-55.16,0-18.68-4.42-32.48-13.13-41.02-8.72-8.54-19.79-12.87-32.89-12.87-16.03,0-29.9,7.04-41.23,20.92ZM841.42,183.94c5.95,0,11.18-2.26,15.55-6.71,4.36-4.45,6.56-9.9,6.56-16.19,0-4.9-1.64-8.93-4.87-11.98-3.22-3.02-7.5-4.55-12.72-4.55-5.95,0-11.18,2.21-15.54,6.57-4.36,4.36-6.57,9.77-6.57,16.07,0,4.72,1.63,8.74,4.85,11.95,3.21,3.21,7.5,4.85,12.75,4.85ZM896.7,183.94c5.95,0,11.18-2.26,15.55-6.71,4.35-4.45,6.56-9.9,6.56-16.19,0-4.9-1.64-8.93-4.87-11.98-3.22-3.02-7.5-4.55-12.73-4.55-5.95,0-11.18,2.21-15.54,6.57-4.36,4.36-6.57,9.77-6.57,16.07,0,4.72,1.63,8.74,4.85,11.95,3.21,3.21,7.5,4.85,12.75,4.85ZM936.88,380.03c-1.79,2.9-3.71,5.07-5.71,6.48l-18.73,1.15-2.95,10.48h62.32l2.94-10.44-20.43-1.18c-1.25-1.49-1.89-3.93-1.89-7.27,0-2.52.46-5.64,1.36-9.23l38.46-136.27,76.48,165.11.32.69h11.21l48.86-171.98c1.09-3.81,2.6-7.3,4.5-10.38,1.8-2.9,3.72-5.08,5.72-6.48l18.72-1.15,2.95-10.48h-62.32l-2.94,10.44,20.43,1.18c1.25,1.47,1.89,3.72,1.89,6.71s-.55,6.15-1.64,9.79l-33.4,118.83-67.21-146.26-.32-.69h-54.77l-2.94,10.44,21.07,1.2c2.39.68,4.12,2.37,5.31,5.25l.64,1.27-43.43,152.14c-1.09,3.99-2.6,7.58-4.5,10.65ZM1317.78,386.51c2.81-2.06,4.74-4.63,5.75-7.64l45.5-161.23c.45-1.81.52-2.51.52-2.77,0-1.9-.57-3.27-1.75-4.17l-20.27-1.17,2.94-10.45h73.37c21.68,0,38.34,3.75,49.54,11.16,11.36,7.51,17.11,18.71,17.11,33.31,0,16.03-6.19,29.38-18.4,39.68-11.77,9.93-27.2,16.54-45.89,19.67l36.34,71.03c2.55,4.92,4.93,8.45,7.07,10.51,2.08,1.99,4.52,3.13,7.47,3.47l13.69.65-2.7,9.58h-84.63l2.95-10.48,19.92-1.15c1.69-.95,2.51-2.77,2.51-5.57,0-1.51-.25-2.87-.75-4.03l-35.33-72.33h-12.41l-21.11,75c-.45,1.78-.52,2.5-.52,2.77,0,1.9.57,3.27,1.75,4.17l20.26,1.17-2.94,10.45h-83.13l2.94-10.46,20.17-1.17ZM1454.13,242.69c0-10.28-2.8-18.12-8.33-23.3-5.56-5.19-13.41-7.83-23.35-7.83h-15.68l-22.93,80.51h16.41c11.73,0,21.8-2.27,29.91-6.74,8.09-4.45,14.17-10.48,18.07-17.92,3.92-7.48,5.9-15.8,5.9-24.74ZM662.72,564.31c-9.42,18.93-22.93,34.49-40.15,46.25-17.26,11.79-37.38,17.77-59.82,17.77-14.92,0-28.86-3.26-41.43-9.68-12.6-6.44-22.78-15.94-30.26-28.26-7.48-12.3-11.27-27.26-11.27-44.45,0-20.88,4.72-41.05,14.03-59.95,9.32-18.92,22.78-34.48,40.01-46.26,17.27-11.79,37.39-17.77,59.82-17.77,15.1,0,29.13,3.21,41.7,9.54,12.6,6.35,22.78,15.86,30.27,28.26,7.48,12.41,11.27,27.41,11.27,44.59,0,20.88-4.77,41.05-14.17,59.96ZM604.54,594.63c11.46-14.05,20.23-31.25,26.05-51.14,5.84-19.93,8.8-38.49,8.8-55.16,0-18.68-4.42-32.48-13.13-41.02-8.72-8.54-19.79-12.86-32.89-12.86-16.03,0-29.9,7.04-41.23,20.92-11.46,14.04-20.22,31.25-26.05,51.14-5.84,19.93-8.8,38.49-8.8,55.16,0,18.69,4.46,32.49,13.26,41.01,8.81,8.54,19.83,12.87,32.75,12.87,16.03,0,29.9-7.04,41.23-20.92ZM1172.05,199.07l-2.94,10.45,20.27,1.17c1.18.9,1.75,2.27,1.75,4.17,0,.26-.07.96-.52,2.77l-45.52,161.29c-.84,3.03-2.71,5.51-5.72,7.58l-19.91,1.17-2.94,10.46h164.53l.19-.66c2.58-8.57,5.16-16.52,7.66-23.64,2.48-7.07,5.06-13.88,7.65-20.2l.37-.92v-.02l-6.47-1.96-31.22,34.91h-80.24l23.77-83.6h33.38c2.22,0,4.1.42,5.6,1.25,1.27.71,1.98,1.55,2.18,2.57l-6.74,29.61h10.54l22.88-79.65h-10.57l-10.05,28.72c-2.59,3.36-6.2,5-11.02,5h-32.71l22.09-77.98h68.22l11.85,30.68,6.88-.79.04-.73c.42-7.01.99-14.14,1.68-21.17.69-7.08,1.55-13.64,2.52-19.46l.17-1.02h-147.64ZM297.67,394.37c10.36-4.94,18.65-11.93,24.64-20.78,6.01-8.87,9.05-19.16,9.05-30.59,0-8.37-1.64-16.2-4.89-23.26-3.22-7.01-7.21-13.2-11.85-18.42-4.6-5.16-10.82-11.47-18.47-18.76-6.88-6.5-12.34-11.96-16.24-16.24-3.84-4.21-7.09-8.94-9.65-14.06-2.53-5.04-3.81-10.63-3.81-16.61,0-8.25,2.53-15.02,7.53-20.1,4.99-5.08,12.17-7.65,21.35-7.65s16.38,2.88,20.99,8.55c4.67,5.76,7.04,13.73,7.04,23.7,0,6.13
8938-1.44,14.99-1.44,14.99l36.13-6.75c.95-17.38-4.35-30.73-15.77-39.66-11.31-8.84-26.35-13.32-44.71-13.32-11.73,0-22.62,2.21-32.37,6.57-9.81,4.38-17.63,10.66-23.25,18.67-5.64,8.03-8.51,17.53-8.51,28.22,0,8.2,1.6,15.79,4.75,22.56,3.13,6.73,7.07,12.79,11.71,17.99,4.57,5.13,10.6,11.16,17.92,17.91,6.89,6.52,12.39,12.12,16.36,16.64,3.94,4.5,7.34,9.57,10.09,15.06,2.71,5.43,4.09,11.49,4.09,18.01,0,9.39-2.78,17.2-8.26,23.22-5.45,5.99-13.43,9.02-23.71,9.02s-18.73-3.35-24.08-9.96c-5.42-6.68-8.16-15.78-8.16-27.07,0-10.41,2.37-20.53,2.37-20.53l-37.44,7s-.46,4.52-.46,7.92c0,16.96,5.91,30.55,17.56,40.39,11.59,9.79,27.44,14.75,47.13,14.75,12.48,0,24.04-2.5,34.37-7.42ZM727.05,441.41c0,.26-.07.97-.52,2.77l-45.22,161.23c-1.01,3.01-2.94,5.58-5.75,7.64l-20.17,1.17-2.94,10.46h83.13l2.94-10.45-20.26-1.17c-1.18-.9-1.75-2.27-1.75-4.17,0-.26.07-.98.52-2.77l21.95-77.81h82.67l-21.76,77.11c-1,3.01-2.94,5.58-5.75,7.64l-20.18,1.17-2.94,10.46h83.13l2.94-10.45-20.26-1.17c-1.18-.9-1.75-2.27-1.75-4.17,0-.26.07-.97.52-2.77l45.24-161.29c.83-2.99,2.75-5.53,5.71-7.58l19.91-1.17,2.94-10.46h-82.85l-2.94,10.45,20.26,1.17c1.18.9,1.75,2.27,1.75,4.17,0,.26-.07.97-.52,2.77l-19.99,71.62h-82.67l19.79-70.93c1.01-3.02,2.94-5.59,5.75-7.64l19.84-1.15,2.95-10.48h-82.8l-2.94,10.45,20.26,1.17c1.18.9,1.75,2.27,1.75,4.17ZM897.09,606.56c-1.79,2.9-3.71,5.07-5.71,6.48l-18.73,1.15-2.95,10.48h62.32l2.94-10.44-20.43-1.18c-1.25-1.49-1.89-3.93-1.89-7.27,0-2.52.46-5.64,1.36-9.23l38.46-136.27,76.48,165.11.32.69h11.21l48.86-171.98c1.09-3.81,2.6-7.3,4.5-10.38,1.8-2.9,3.72-5.08,5.72-6.48l18.72-1.15,2.95-10.48h-62.32l-2.94,10.44,20.43,1.18c1.25,1.47,1.89,3.72,1.89,6.71s-.55,6.15-1.64,9.79l-33.4,118.83-67.21-146.26-.32-.69h-54.77l-2.94,10.44,21.07,1.2c2.39.68,4.12,2.37,5.31,5.25l.64,1.27-43.43,152.14c-1.09,3.99-2.6,7.58-4.5,10.65ZM1279.22,606.56c-1.79,2.9-3.71,5.07-5.71,6.48l-18.73,1.15-2.95,10.48h62.32l2.94-10.44-20.43-1.18c-1.25-1.49-1.89-3.93-1.89-7.27,0-2.52.46-5.64,1.36-9.23l38.46-136.27,76.48,165.11.32.69h11.21l48.86-171.98c1.09-3.81,2.6-7.3,4.5-10.38,1.8-2.9,3.72-5.08,5.72-6.48l18.72-1.15,2.95-10.48h-62.32l-2.94,10.44,20.43,1.18c1.25,1.47,1.89,3.72,1.89,6.71s-.55,6.15-1.64,9.79l-33.4,118.83-67.21-146.26-.32-.69h-54.77l-2.94,10.44,21.07,1.2c2.39.68,4.12,2.37,5.31,5.25l.64,1.27-43.43,152.14c-1.09,3.99-2.6,7.58-4.5,10.65ZM1130.85,425.61l-2.94,10.45,20.27,1.17c1.18.9,1.75,2.27,1.75,4.17,0,.26-.07.96-.52,2.77l-45.52,161.29c-.84,3.03-2.71,5.51-5.72,7.58l-19.91,1.17-2.94,10.46h164.53l.19-.66c2.58-8.57,5.16-16.52,7.66-23.64,2.48-7.07,5.06-13.88,7.65-20.2l.37-.92v-.02l-6.47-1.96-31.22,34.91h-80.24l23.77-83.6h33.38c2.22,0,4.1.42,5.6,1.25,1.27.71,1.98,1.55,2.18,2.57l-6.74,29.61h10.54l22.88-79.65h-10.57l-10.05,28.72c-2.59,3.36-6.2,5-11.02,5h-32.71l22.09-77.98h68.22l11.85,30.68,6.88-.79.04-.73c.42-7.01.99-14.14,1.68-21.17.69-7.08,1.55-13.64,2.52-19.46l.17-1.02h-147.64Z"/>
8939</svg>
8940</a></div>  </div></div></div></div>  <div class=""><div class="pt-1">
8940<script>
8941            function collapseBox6abf082a06bf0() {
8942                return {
8943                    isCollapsed: null,
8944                    isLargeResolution: null,
8945                    init() {
8946                        this.setIsLargeResolution()
8947                        this.setCollapseStateByResolution()
8948                    },
8949                    setIsLargeResolution() {
8950                        this.isLargeResolution = document.documentElement.clientWidth >= parseInt(getComputedStyle(document.documentElement).getPropertyValue('--screen-size-lg'))
8951                    },
8952                    setCollapseStateByResolution() {
8953                                                this.isCollapsed = this.isLargeResolution === false
8954                         },
8955                    eventListeners: {
8956                        ['x-on:window-resize-horizontal.window.debounce']() {
8957                            this.setIsLargeResolution()
8958                            this.setCollapseStateByResolution()
8959                        }
8960                    }
8961                }
8962            }</script>
8962<div class="grid grid-cols-1 my-2" x-data="collapseBox6abf082a06bf0()" x-defer="intersect" x-bind="eventListeners"><div class=""><div class="border-b border-foggray pb-1 pt-2 cursor-pointer lg:cursor-auto" x-on:click="if (!isLargeResolution) {isCollapsed = !isCollapsed}" ><div class="flex justify-between items-center"><div class="font-semibold">Unsere Partner</div><div class="arrow lg:hidden"><div class="transition-transform" :class="{'transform rotate-180': isCollapsed}"><span><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="w-4 h-4" width="24" height="24" role="img">
8963  <path d="M6.5.127c.065 0 .13.026.182.079l5.85 5.964a.273.273 0 01-.026.371.27.27 0 01-.338 0L6.5.763.832 6.54a.26.26 0 01-.364-.027.283.283 0 010-.344L6.318.206A.254.254 0 016.5.126z"/>
8964</svg>
8965</span></div></div></div></div></div><div class="space-y-1 my-3" x-show="!isLargeResolution && !isCollapsed || isLargeResolution" > <div class="flex flex-row gap-x-8 items-center mt-1"> <span class="flex items-center w-full"> <svg xmlns="http://www.w3.org/2000/svg" id="dhl-logo_svg__logo" viewBox="0 0 196 43.25" width="50" height="11" role="img">
8966    <defs>
8967        <style>
8968            .dhl-logo_svg__cls-2{fill:#d40511}
8969        </style>
8970    </defs>
8971    <path fill="#fc0" d="M0 0h196v43.25H0z"/>
8972    <path d="M0 29.9h26.51l-1.45 1.97H0V29.9zM0 26.25h29.2l-1.45 1.96H0v-1.96zM0 33.56h23.82l-1.45 1.96H0v-1.96zM196 31.87h-26.4l1.44-1.97H196v1.97zM196 35.52h-29.09l1.44-1.96H196v1.96zM173.74 26.25H196v1.96l-23.71.01 1.45-1.97zM25.67 35.52l12.58-17.09h15.61c1.72 0 1.7.65.86 1.79s-2.31 3.16-3.19 4.34c-.44.6-1.24 1.69 1.41 1.69h20.91c-1.74 2.38-7.38 9.27-17.51 9.27zM97.71 26.24l-6.82 9.28h-18s6.82-9.27 6.83-9.27zM123.72 26.25l-6.82 9.27h-18s6.82-9.27 6.83-9.27zM129.57 26.25s-1.31 1.79-1.95 2.66c-2.26 3.05-.26 6.61 7.11 6.61h28.89l6.82-9.28z" class="dhl-logo_svg__cls-2"/>
8973    <path d="M34.47 7.8l-6.26 8.51h34.13c1.72 0 1.7.65.85 1.8s-2.28 3.17-3.19 4.35c-.44.6-1.24 1.69 1.41 1.69h14l4.13-5.62c2.57-3.49.23-10.73-9-10.73zM125.27 24.15H81.26L93.3 7.8h17.98l-6.89 9.37h8.02l6.9-9.37h17.99l-12.03 16.35zM162.21 7.8l-12 16.35h-19.09l12-16.35z" class="dhl-logo_svg__cls-2"/>
8974</svg>
8975  <span class="lg:hidden ml-3">Paketversand</span>  </span>    </div></div></div></div></div>  <div class=""><div class="pt-1">
8975<script>
8976            function collapseBox6abf082a07f0c() {
8977                return {
8978                    isCollapsed: null,
8979                    isLargeResolution: null,
8980                    init() {
8981                        this.setIsLargeResolution()
8982                        this.setCollapseStateByResolution()
8983                    },
8984                    setIsLargeResolution() {
8985                        this.isLargeResolution = document.documentElement.clientWidth >= parseInt(getComputedStyle(document.documentElement).getPropertyValue('--screen-size-lg'))
8986                    },
8987                    setCollapseStateByResolution() {
8988                                                this.isCollapsed = this.isLargeResolution === false
8989                         },
8990                    eventListeners: {
8991                        ['x-on:window-resize-horizontal.window.debounce']() {
8992                            this.setIsLargeResolution()
8993                            this.setCollapseStateByResolution()
8994                        }
8995                    }
8996                }
8997            }</script>
8997<div class="grid grid-cols-1 my-2" x-data="collapseBox6abf082a07f0c()" x-defer="intersect" x-bind="eventListeners"><div class=""><div class="border-b border-foggray pb-1 pt-2 cursor-pointer lg:cursor-auto" x-on:click="if (!isLargeResolution) {isCollapsed = !isCollapsed}" ><div class="flex justify-between items-center"><div class="font-semibold">Bezahlarten</div><div class="arrow lg:hidden"><div class="transition-transform" :class="{'transform rotate-180': isCollapsed}"><span><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 13 7" class="w-4 h-4" width="24" height="24" role="img">
8998  <path d="M6.5.127c.065 0 .13.026.182.079l5.85 5.964a.273.273 0 01-.026.371.27.27 0 01-.338 0L6.5.763.832 6.54a.26.26 0 01-.364-.027.283.283 0 010-.344L6.318.206A.254.254 0 016.5.126z"/>
8999</svg>
9000</span></div></div></div></div></div><div class="grid&#x20;grid-cols-2&#x20;grid-flow-row&#x20;gap-y-2 my-3" x-show="!isLargeResolution && !isCollapsed || isLargeResolution" >  <div class="grid grid-flow-col auto-cols-max gap-x-3 items-center"><span>  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" class="w-8 h-auto" width="24" height="24" aria-hidden="true" focusable="false">
9001  <path d="M111.1 160.8c.4-1.1.8-2.1 1.2-3.2.1-.3.2-.6.3-1 .1-.2.2-.3.4-.3h10.3c.4 0 .7 0 1.1-.1.5-.1.8-.5.9-.9.1-.5-.1-.9-.6-1.1l-1.8-.6c-.7-.2-1.4-.5-1.9-1-.7-.7-1-1.5-.8-2.4.4-1.7 1-3.4 2.2-4.7 1-1.1 2.3-1.7 3.8-1.8.8-.1 1.7-.1 2.5-.1h9.5l-1.2.9c-1.1.8-2 1.9-2.8 3-.1.2-.2.2-.4.2h-5.9c-.4 0-.7 0-1 .1-.5.2-.9.6-.9 1.1 0 .5.3.8.9 1 .6.2 1.3.4 1.9.6 1.8.7 2.5 1.8 2.2 3.7-.3 1.9-1.1 3.6-2.7 4.9-1.1.9-2.4 1.4-3.9 1.6-.8.1-1.6.1-2.5.1h-10.8zm76-7.4c1 1.9 1.5 4 2.1 6.1.1.3.2.7.3 1 .1.2 0 .3-.2.3h-5.1c-.2 0-.3-.1-.3-.2-.4-1.7-.8-3.5-1.2-5.2 0-.2-.1-.3-.1-.5-.1.1-.1.2-.2.3-.7 1.8-1.4 3.6-2 5.4-.1.2-.2.3-.4.3h-4.7c-.2 0-.3 0-.2-.3 2-5.6 4.1-11.1 6.1-16.7.1-.2.2-.3.4-.3h5.9c.9 0 1.7.1 2.6.4 2 .6 2.8 2.1 2.4 4.1-.6 2.5-2.2 4.1-4.5 5.2-.5 0-.7.1-.9.1zm-3.2-2.1c2 .1 3.1-1.1 3.4-2.9.1-.6-.2-1-.8-1.1-.6-.1-1.2-.1-1.8-.1-.1 0-.1 0-.2.1-.5 1.3-.9 2.6-1.4 3.9-.1.1 0 .2.1.2.2-.1.5-.1.7-.1zm-23.2 4.9c0-1.7.5-3.3 1.2-4.9 1-2.4 2.5-4.5 4.6-6.1 1.8-1.3 3.9-2 6.1-1.9.8 0 1.6.2 2.4.6 1.4.7 2.1 1.9 2.2 3.4.2 1.7-.2 3.3-.8 4.8-.8 2.2-1.9 4.2-3.5 5.9-2.2 2.3-4.9 3.3-8.1 3-1.5-.2-2.7-.8-3.6-2.1-.3-.8-.5-1.8-.5-2.7zm5-.6v.4c.1.6.4.9.9 1 .9.2 1.7 0 2.3-.6.4-.3.7-.7.9-1.2 1-1.7 1.6-3.5 2.1-5.4.2-.6.3-1.1.2-1.7-.1-.5-.3-.9-.9-.9-.6-.1-1.2-.1-1.8.3-.6.4-1.1.9-1.5 1.4-.8 1.2-1.4 2.6-1.8 4-.1.9-.3 1.8-.4 2.7z" class="visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__st0"/>
9002  <path d="M143.5 143.3c.7 0 1.4.1 2.1.3 1.8.6 2.9 2 3 3.9.1 1.6-.3 3.2-.9 4.7-.8 2-1.7 3.9-3.1 5.5-1.5 1.7-3.2 2.8-5.4 3.2-1.4.2-2.8.3-4.2-.2-1.7-.6-2.7-1.9-2.9-3.7-.2-1.6.2-3.1.7-4.6.9-2.4 2.1-4.5 3.9-6.3 1.7-1.6 3.6-2.6 5.9-2.8h.9zm-1.2 3.9c-.5 0-.9.1-1.3.4-.6.4-1 .9-1.4 1.4-1.1 1.6-1.7 3.3-2.2 5.2-.2.7-.3 1.3-.2 2 .1.5.4.8.9.9.9.2 1.7 0 2.3-.6.4-.3.7-.7.9-1.2.9-1.5 1.5-3.2 2-4.8.2-.7.4-1.4.4-2.1 0-.7-.4-1.1-1.1-1.2h-.3zm24.5-3.6c-.8.5-1.6 1-2.2 1.6-.8.7-1.5 1.4-2.1 2.3-.1.2-.2.2-.4.2h-5c-.8 0-1.1.2-1.4 1-.2.5-.3 1-.5 1.5-.1.3-.1.3.2.3h3.9c.3 0 .3.1.2.3-.4 1-.8 2-1.1 3.1-.1.2-.2.3-.4.3h-4.1c-.2 0-.3.1-.4.3-.7 2.1-1.5 4.1-2.2 6.2-.1.2-.2.3-.4.3h-4.6c-.3 0-.3-.1-.2-.3 1.6-4.2 3.1-8.5 4.6-12.7.5-1.4 1.4-2.6 2.7-3.4.8-.5 1.7-.8 2.7-.8 3.6-.2 7.1-.2 10.7-.2zm25.2 0h17.1c0 .1 0 .2-.1.3-.4 1.2-.9 2.3-1.3 3.5-.1.2-.2.3-.4.3h-5.5c-.2 0-.3 0-.4.3-1.5 4.2-3 8.3-4.5 12.5-.1.3-.2.4-.5.4h-4.1c-.3 0-.3 0-.2-.3 1.5-4.2 3-8.3 4.6-12.5.1-.4.1-.4-.2-.4H194c-.2 0-.3 0-.3-.3.1-1.1-.2-2.2-.9-3.1-.2-.2-.5-.5-.8-.7z" class="visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__st0"/>
9003  <path fill="#3a3c43" d="M150.3 167.8l-1.5 2.4c-.6.9-1.1 1.9-1.7 2.8-.2.3-.4.5-.8.5H145c-.4 0-.5-.1-.4-.6.1-1 .2-1.9.3-2.9.2-1.5.3-3 .5-4.6 0-.5.2-.6.6-.6h.9c.2 0 .4.1.3.4-.2 1.4-.4 2.9-.6 4.3l-.3 2.1c.1-.1.2-.2.2-.3l3.6-6c.2-.4.5-.5.9-.5h.7c.4 0 .4.1.4.4-.1 1.3-.3 2.7-.5 4-.1.8-.2 1.6-.3 2.3.1 0 .2-.2.2-.3 1.2-2 2.4-4.1 3.6-6.1.2-.3.4-.5.8-.4h.7c.3 0 .4.1.2.4-.1.2-.2.3-.3.5-1.5 2.4-3 4.8-4.5 7.1-.3.4-.6.6-1.1.6h-1.2c-.3 0-.4-.2-.3-.4.2-1.5.3-3.1.5-4.6.5 0 .5-.2.4
9003-.5zm37.5-.7l-1.8 5.1c-.1.3-.3.7-.4 1-.1.2-.2.3-.5.4h-.8c-.3 0-.4-.1-.3-.4.8-2.2 1.6-4.5 2.5-6.7.1-.3.2-.5.3-.8.1-.4.4-.6.9-.6h1c.5 0 .7.2.8.7l.3 2.1c.2 1.1.4 2.2.5 3.3.1 0 .1-.1.1-.2.7-1.8 1.3-3.6 2-5.4.1-.2.2-.4.5-.4h.8c.3 0 .4.1.3.4-.8 2.1-1.5 4.1-2.3 6.2-.1.4-.3.8-.5 1.2-.2.5-.5.7-1 .7h-.8c-.4 0-.6-.1-.7-.6-.2-.8-.3-1.6-.4-2.3-.2-1.3-.4-2.5-.5-3.7zm-61.9 1.8c.6.2 1 .5 1.1 1.1 0 .3 0 .7-.1 1-.5 1.4-1.6 2.1-3 2.4-.9.2-1.7.1-2.6.1h-1c-.4 0-.5-.2-.4-.5.3-1 .7-2 1.1-2.9.5-1.5 1.1-2.9 1.6-4.4.2-.6.4-.7 1-.7 1 0 2-.1 3 .1.2 0 .5.1.7.2.5.3.7.8.6 1.4-.3 1.1-1 1.8-2 2.2zm-4 3.3h1.5c.8-.1 1.4-.4 1.7-1.2.3-.7 0-1.1-.8-1.2H123c-.1 0-.2 0-.2.1-.4.8-.6 1.6-.9 2.3zm2-3.7h.4c.8 0 1.4-.6 1.6-1.3.1-.5-.1-.8-.6-.9h-1.1c-.2 0-.2 0-.3.2-.2.5-.3.9-.5 1.4-.2.6-.2.6.5.6zm76.2.2h1.3c.4 0 .5.1.4.5-.4 1.2-.9 2.4-1.3 3.6-.1.2-.2.4-.4.5-1.3.4-2.6.7-4 .4-1.5-.3-2.2-1.4-2-2.9.4-2.5 2.2-5 5.1-5.7 1-.2 2-.2 3 .1.9.3 1 .5.6 1.4v.1c-.2.5-.3.5-.8.2-1.2-.8-2.9-.7-4.2.3-1.1.9-1.7 2-1.8 3.4-.1 1.1.5 1.7 1.6 1.8.4 0 .8 0 1.2-.2.1 0 .2-.1.2-.2.2-.5.4-1.1.6-1.6.1-.2 0-.2-.2-.2h-1.2c-.3 0-.3-.1-.2-.3 0-.1.1-.2.1-.3.2-.6.3-.7.9-.7.4-.2.8-.2 1.1-.2zm-59.3.9c.4.3.6.7.6 1.1.1.8.1 1.5.1 2.3 0 .5-.1.6-.5.6h-1c-.3 0-.4-.1-.4-.4 0-.7 0-1.5-.1-2.2-.1-.7-.7-1.1-1.4-.9-.1 0-.1.2-.2.2-.3.9-.7 1.9-1 2.8-.1.3-.2.4-.5.4h-1c-.3 0-.3-.1-.2-.4.4-1.2.9-2.4 1.3-3.6.5-1.3.9-2.6 1.4-3.9.2-.5.4-.7.9-.7h3.1c1.3.2 1.7 1 1.3 2.2-.4 1-1.1 1.7-2.1 2.1-.1.3-.2.3-.3.4zm-.7-3.3h-.5c-.2 0-.3 0-.3.2-.2.7-.5 1.3-.7 2-.1.2-.1.2.1.2h.8c1 0 1.8-.7 1.8-1.6 0-.4-.1-.6-.5-.8h-.7zm-26.5 7.4c-.3 0-.6 0-.9-.1-1.2-.2-1.7-1-1.5-2.2.1-.6.4-1.2.6-1.9.5-1.4 1-2.7 1.5-4.1.1-.3.2-.4.5-.4h1c.2 0 .3.1.2.4-.6 1.6-1.1 3.1-1.7 4.7l-.3.9c-.1.7.2 1.1.9 1.2 1.1.2 2.2-.4 2.7-1.6.3-.7.5-1.3.7-2 .4-1.1.8-2.1 1.2-3.2.1-.3.3-.4.5-.4h1c.2 0 .3.1.2.4-.6 1.7-1.2 3.5-1.9 5.2-.8 2-2.5 3.1-4.7 3.1zm64.1 0c-.3 0-.6 0-.9-.1-1.1-.2-1.7-1-1.5-2.2.1-.7.4-1.3.6-1.9.5-1.4 1-2.7 1.5-4.1.1-.2.2-.4.5-.4h1.1c.2 0 .3.1.2.4-.6 1.6-1.1 3.1-1.7 4.7-.1.3-.2.6-.3 1-.1.7.3 1.1.9 1.2 1.1.2 2.1-.4 2.6-1.5.3-.6.5-1.3.8-2 .4-1.1.8-2.3 1.2-3.4.1-.2.2-.4.5-.4h1c.2 0 .3.1.2.4-.6 1.7-1.2 3.5-1.9 5.2-.8 2-2.5 3.1-4.8 3.1zm-18.1-5.2h2.4c.3 0 .4 0 .3.4 0 .1 0 .1-.1.2-.2.7-.3.7-1 .7h-1.9c-.2 0-.2 0-.3.2-.2.7-.5 1.3-.7 2-.1.2 0 .2.2.2h2.6c.3 0 .4.1.3.4v.1c-.2.9-.3.9-1.2.9h-3.6c-.5 0-.6-.1-.4-.6.9-2.5 1.8-4.9 2.7-7.3.2-.5.4-.6.9-.6h3.9c.3 0 .4.1.3.4v.2c-.2.8-.3.8-1.1.8h-2.3c-.1 0-.2 0-.3.1-.3.5-.5 1.2-.7 1.9zm-28.1 0h2.4c.4 0 .4.1.3.4 
90030 .1 0 .1-.1.2-.2.7-.3.7-1 .7h-1.9c-.1 0-.2 0-.3.1-.3.8-.5 1.5-.8 2.3h2.8c.4 0 .5.1.4.5v.1c-.2.7-.3.8-1 .8h-3.6c-.5 0-.6-.1-.5-.6.9-2.4 1.8-4.9 2.7-7.3.2-.5.4-.6.9-.6h3.9c.3 0 .4.1.3.4 0 .1-.1.2-.1.3-.2.7-.3.7-1 .7h-2.3c-.1 0-.2 0-.3.1-.3.5-.6 1.2-.8 1.9zm41.8-3.6c.3 0 .8.1 1.3.3.2.1.3.3.2.6-.1.3-.2.5-.3.8-.1.2-.3.3-.5.1-.5-.3-1-.5-1.6-.5-.5.1-.9.3-1.2.8-.2.4-.1.7.2 1 .3.2.6.3.9.5 1.3.7 1.6 1.5.9 2.9-.7 1.4-1.9 2.1-3.3 2.3-.7.1-1.5 0-2.2-.3-.6-.2-.6-.4-.4-1 .1-.2.1-.4.2-.5.2-.3.3-.3.6-.1.7.5 1.4.7 2.2.5.5-.1.9-.4 1.2-.9.2-.4.1-.7-.2-.9-.3-.2-.6-.4-.9-.5-1.3-.7-1.6-1.6-.9-2.9.6-1.4 2-2.2 3.8-2.2zm-6.2.1c.8 0 .9 0 .6.8-.9 2.4-1.8 4.9-2.7 7.3-.1.3-.3.5-.6.5h-1c-.2 0-.3-.1-.2-.3 1-2.6 1.9-5.3 2.9-7.9.1-.2.2-.2.3-.3.3-.1.5-.1.7-.1zm-48.6-.7h-.3c-.2 0-.3-.2-.3-.4.1-.9.7-1.3 1.6-1.1.3.1.4.2.3.5-.2.6-.5 1-1.3 1zm-2.9 0h-.2c-.3 0-.4-.2-.4-.5.1-.9.8-1.3 1.6-1.1.2.1.3.2.3.4-.1.7-.5 1.2-1.3 1.2z"/>
9004  <path d="M295.3 125.6c-3.8-4.3-10.7-6.2-19.4-6.2h-25.5c-1.8 0-3.3 1.3-3.6 3.1l-10.6 67.3c-.2 1.3.8 2.5 2.2 2.5h15.7l4-25.1-.1.8c.3-1.8 1.8-3.1 3.6-3.1h7.5c14.7 0 26.2-6 29.5-23.2l.3-1.5c-.4-.2-.4-.2 0 0 .9-6.3-.1-10.7-3.6-14.6" class="visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__st2"/>
9005  <path d="M264.1 138c.4-.2.9-.3 1.4-.3h20c2.4 0 4.6.2 6.6.5.6.1 1.1.2 1.7.3.8.2 1.6.4 2.3.6 1 .3 1.9.7 2.8 1.2 1-6.4 0-10.7-3.5-14.7-3.8-4.3-10.7-6.2-19.4-6.2h-25.5c-1.8 0-3.3 1.3-3.6 3.1l-10.6 67.3c-.2 1.3.8 2.5 2.2 2.5h15.7l8.2-52c.1-1 .7-1.9 1.7-2.3z" class="visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__st2"/>
9006  <path fill="#2790c3" d="M298.5 141.8C295.2 159 283.7 165 269 165h-7.5c-1.8 0-3.3 1.3-3.6 3.1l-4.9 31.2c-.2 1.2.7 2.2 1.9 2.2h13.3c1.6 0 2.9-1.1 3.2-2.7l.1-.7 2.5-15.8.2-.9c.2-1.6 1.6-2.7 3.2-2.7h2c12.8 0 22.9-5.2 25.8-20.3 1.2-6.3.6-11.6-2.7-15.3-1-1.1-2.2-2-3.6-2.8-.2.5-.3 1-.4 1.5z"/>
9007  <path fill="#1f264f" d="M295.3 138.9c-.5-.2-1.1-.3-1.6-.4-.6-.1-1.1-.2-1.7-.3-2-.3-4.2-.5-6.6-.5h-20c-.5 0-.9.1-1.4.3-.9.5-1.6 1.3-1.8 2.4l-4.2 26.9-.1.8c.3-1.8 1.8-3.1 3.6-3.1h7.5c14.7 0 26.2-6 29.5-23.2l.3-1.5c-.9-.4-1.8-.8-2.8-1.2-.2-.1-.5-.2-.7-.2"/>
9008  <defs>
9009    <path id="visa_svg__a" d="M332.5 151.5h98v18.8h-98z"/>
9010  </defs>
9011  <clipPath id="visa_svg__b">
9012    <use overflow="visible" xlink:href="#visa_svg__a"/>
9013  </clipPath>
9014  <g clip-path="url(#visa_svg__b)">
9015    <path d="M371.2 166.2c-3.6 2.7-8.9 4.1-13.4 4.1-6.3 0-12-2.3-16.4-6.2-.3-.3 0-.7.4-.5 4.7 2.7 10.4 4.3 16.4 4.3 4 0 8.4-.8 12.5-2.6.6-.2 1.1.4.5.9z" class="visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__st6"/>
9016    <path d="M372.7 164.5c-.5-.6-3.1-.3-4.2-.1-.4 0-.4-.3-.1-.5 2.1-1.5 5.5-1 5.9-.5.4.5-.1 3.9-2 5.5-.3.2-.6.1-.5-.2.4-1.2 1.3-3.6.9-4.2z" class="visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__visa_svg__st6"/>
9017    <path fill="#333e47" fill-rule="evenodd" d="M368.5 153.5v-1.4c0-.2.2-.4.4-.4h6.3c.2 0 .4.1.4.4v1.2c0 .2-.2.5-.5.9l-3.3 4.7c1.2 0 2.5.2 3.6.8.2.1.3.3.3.6v1.5c0 .2-.2.4-.5.3-2-1-4.5-1.1-6.7 0-.2.1-.5-.1-.5-.3v-1.4c0-.2 0-.6.2-1l3.8-5.5h-3.3s-.2-.1-.2-.4zm-23.1 8.9h-1.9c-.2 0-.3-.1-.3-.3v-9.9c0-.2.2-.4.4-.4h1.8c.2 0 .3.2.4.3v1.3c.5-1.3 1.4-1.8 2.5-1.8 1.2 0 2 .6 2.5 1.8.5-1.3 1.5-1.8 2.7-1.8.8 0 1.7.3 2.2 1.1.6.8.5 2 .5 3.1v6.2c0 .2-.2.4-.4.4h-1.9c-.2 0-.3-.2-.3-.4v-5.2c0-.4 0-1.5-.1-1.9-.1-.7-.6-.9-1.1-.9-.5 0-1 .3-1.2.8-.2.5-.2 1.3-.2 1.9v5.2c0 .2-.2.4-.4.4h-1.9c-.2 0-.3-.2-.3-.4v-5.2c0-1.1.2-2.7-1.2-2.7s-1.3 1.6-1.3 2.7v5.2c-.1.3-.3.5-.5.5zm35.7-8.8c-1.4 0-1.5 1.9-1.5 3.1 0 1.2 0 3.8 1.5 3.8s1.6-2.1 1.6-3.4c0-.8 0-1.8-.3-2.6-.3-.6-.7-.9-1.3-.9zm0-2c2.9 0 4.4 2.5 4.4 5.6 0 3-1.7 5.4-4.4 5.4-2.8 0-4.3-2.5-4.3-5.5-.1-3.1 1.5-5.5 4.3-5.5zm8.1 10.8h-1.9c-.2 0-.3-.2-.3-.4v-9.9c0-.2.2-.3.4-.3h1.8c.2 0 .3.1.3.3v1.5c.5-1.4 1.3-2 2.6-2 .9 0 1.7.3 2.3 1.2.5.8.5 2.1.5 3.1v6.2c0 .2-.2.3-.4.3h-1.9c-.2 0-.3-.1-.3-.3v-5.4c0-1.1.1-2.7-1.2-2.7-.5 0-.9.3-1.1.8-.3.6-.3 1.2-.3 1.9v5.3c-.1.2-.3.4-.5.4zm-23.8 0c-.1.1-.3.1-.5 0-.6-.5-.8-.8-1.1-1.3-1.1 1.1-1.8 1.4-3.2 1.4-1.6 0-2.9-1-2.9-3 0-1.6.8-2.6 2.1-3.2 1-.5 2.5-.5 3.6-.7v-.3c0-.5 0-1-.2-1.4-.2-.4-.7-.5-1.1-.5-.7 0-1.4.4-1.6 1.2 0 .2-.2.3-.3.4l-1.9-.2c-.2 
90170-.3-.2-.3-.4.4-2.2 2.4-2.9 4.2-3h.1c.9 0 2.1.3 2.8 1 .9.9.8 2 .8 3.3v3c0 .9.4 1.3.7 1.8.1.2.2.4 0 .5-.1.4-.8 1-1.2 1.4zm-1.9-4.7c0 .8 0 1.4-.4 2-.3.5-.8.9-1.3.9-.7 0-1.2-.6-1.2-1.4 0-1.6 1.5-1.9 2.9-1.9v.4zm-23.4 4.7c-.1.1-.3.1-.5 0-.6-.5-.8-.8-1.1-1.3-1.1 1.1-1.8 1.4-3.2 1.4-1.6 0-2.9-1-2.9-3 0-1.6.8-2.6 2.1-3.2 1-.5 2.5-.5 3.6-.7v-.3c0-.5 0-1-.2-1.4-.2-.4-.7-.5-1.1-.5-.7 0-1.4.4-1.6 1.2 0 .2-.2.3-.3.4l-1.9-.2c-.2 0-.3-.2-.3-.4.4-2.2 2.4-2.9 4.2-3h.1c.9 0 2.1.3 2.8 1 .9.9.8 2 .8 3.3v3c0 .9.4 1.3.7 1.8.1.2.2.4 0 .5-.1.4-.8 1-1.2 1.4zm-1.9-4.7c0 .8 0 1.4-.4 2-.3.5-.8.9-1.3.9-.7 0-1.2-.6-1.2-1.4 0-1.6 1.5-1.9 2.9-1.9v.4zm83 8.2v-.7c0-.2.1-.3.3-.3.4.1 1 .1 1.4 0 .5-.1.9-.5 1.1-1 .3-.7.5-1.3.7-1.7l-4-9.9c-.1-.2-.1-.5.2-.5h1.4c.3 0 .4.2.4.3l2.9 8.1 2.8-8.1c.1-.2.2-.3.4-.3h1.3c.3 0 .3.3.2.5l-4 10.3c-.5 1.4-1.2 3.5-2.7 3.9-.8.2-1.8.1-2.3-.1 0-.1-.1-.3-.1-.5zm-1.9-4.1c0 .2-.2.3-.3.3h-1c-.2 0-.4-.2-.4-.3l-.1-.7c-.5.4-1 .7-1.6 1-1.2.5-2.5.5-3.6-.2-.8-.5-1.3-1.5-1.3-2.5 0-.8.2-1.6.8-2.1.7-.8 1.8-1.2 3-1.2.8 0 1.8.1 2.6.3V155c0-1.4-.6-2-2.1-2-1.2 0-2.1.2-3.3.6-.2 0-.3-.1-.3-.3v-.8c0-.2.2-.4.3-.4.9-.4 2.1-.6 3.5-.7 1.7 0 3.8.4 3.8 3.1v7.3zm-1.9-2v-2c-.7-.2-1.8-.3-2.2-.3-.7 0-1.4.2-1.8.6-.3.3-.4.7-.4 1.2s.2 1.1.6 1.4c.5.3 1.3.3 2 .1.8-.3 1.5-.7 1.8-1zm-12.7-6.7c2.2 0 2.8 1.7 2.8 3.7 0 1.3-.2 2.5-.9 3.2-.5.5-1.1.6-2 .6-.8 0-1.8-.4-2.5-1v-5.7c.8-.4 1.8-.8 2.6-.8zm-2.9 13.2h-1.3c-.2 0-.3-.2-.3-.3v-13.8c0-.2.2-.3.3-.3h1c.2 0 .4.2.4.3l.1.7c.9-.8 2.2-1.4 3.3-1.4 3.3 0 4.3 2.7 4.3 5.5 0 3-1.6 5.4-4.4 5.4-1.2 0-2.3-.4-3.1-1.2v4.8c0 .1-.1.3-.3.3z" clip-rule="evenodd"/>
9018  </g>
9019  <path fill="#ff5f00" d="M37.4 136.6h25.1v45H37.4z"/>
9020  <path fill="#eb001b" d="M39 159.2c0-9.1 4.3-17.3 10.9-22.5-4.9-3.8-11-6.1-17.7-6.1-15.8 0-28.6 12.8-28.6 28.6s12.8 28.6 28.6 28.6c6.7 0 12.8-2.3 17.7-6.1-6.6-5.2-10.9-13.4-10.9-22.5z"/>
9021  <path fill="#f79e1b" d="M96.3 159.2c0 15.8-12.8 28.6-28.6 28.6-6.7 0-12.8-2.3-17.7-6.1 6.7-5.3 10.9-13.4 10.9-22.5s-4.3-17.3-10.9-22.5c4.9-3.8 11-6.1 17.7-6.1 15.8-.1 28.6 12.8 28.6 28.6z"/>
9022  <path fill="#005098" fill-rule="evenodd" d="M35.6 63.9l4.9-28.2h7.7l-4.9 28.2h-7.7zm35.6-27.5c-1.5-.5-3.9-1.2-6.9-1.2-7.6 0-12.9 3.8-13 9.3 0 4 3.8 6.3 6.7 7.7 3 1.4 4 2.3 4 3.5 0 1.9-2.4 2.8-4.6 2.8-3.1 0-4.7-.4-7.2-1.5l-1-.5-1 6.3c1.8.8 5.1 1.5 8.6 1.5 8.1 0 13.3-3.8 13.4-9.6 0-3.2-2-5.6-6.5-7.7-2.7-1.3-4.3-2.1-4.3-3.5 0-1.2 1.4-2.4 4.4-2.4 2.5 0 4.4.5 5.8 1.1l.7.3.9-6.1zm19.7-.6H85c-1.8 0-3.2.5-4 2.3L69.5 63.9h8s1.3-3.5 1.6-4.2h9.8c.2 1 .9 4.2.9 4.2h7.1l-6-28.1zm-9.5 18.1c.6-1.6 3.1-7.9 3.1-7.9-.1.1.6-1.6 1-2.7l.5 2.4s1.5 6.7 1.8 8.1h-6.4v.1zM29.2 35.8L21.7 55l-.8-3.9c-1.4-4.5-5.8-9.4-10.7-11.8l6.9 24.6h8.1l12.1-28.1h-8.1z" clip-rule="evenodd"/>
9023  <path fill="#f7a600" fill-rule="evenodd" d="M14.7 35.7H2.3l-.1.6c9.6 2.3 16 8 18.7 14.7l-2.7-12.9c-.5-1.8-1.8-2.3-3.5-2.4z" clip-rule="evenodd"/>
9024</svg>
9025</span> <span>Visa</span></div> <div class="grid grid-flow-col auto-cols-max gap-x-3 items-center"><span>  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" class="w-8 h-auto" width="24" height="24" aria-hidden="true" focusable="false">
9026  <path d="M111.1 50.4c.4-1.1.8-2.1 1.2-3.2.1-.3.2-.6.3-1 .1-.2.2-.3.4-.3h10.3c.4 0 .7 0 1.1-.1.5-.1.8-.5.9-.9.1-.5-.1-.9-.6-1.1l-1.8-.6c-.7-.2-1.4-.5-1.9-1-.7-.7-1-1.5-.8-2.4.4-1.7 1-3.4 2.2-4.7 1-1.1 2.3-1.7 3.8-1.8.8-.1 1.7-.1 2.5-.1h9.5l-1.2.9c-1.1.8-2 1.9-2.8 3-.1.2-.2.2-.4.2h-5.9c-.4 0-.7 0-1 .1-.5.2-.9.6-.9 1.1 0 .5.3.8.9 1 .6.2 1.3.4 1.9.6 1.8.7 2.5 1.8 2.2 3.7-.3 1.9-1.1 3.6-2.7 4.9-1.1.9-2.4 1.4-3.9 1.6-.8.1-1.6.1-2.5.1h-10.8zm76-7.3c1 1.9 1.5 4 2.1 6.1.1.3.2.7.3 1 .1.2 0 .3-.2.3h-5.1c-.2 0-.3-.1-.3-.2-.4-1.7-.8-3.5-1.2-5.2 0-.2-.1-.3-.1-.5-.1.1-.1.2-.2.3-.7 1.8-1.4 3.6-2 5.4-.1.2-.2.3-.4.3h-4.7c-.2 0-.3 0-.2-.3 2-5.6 4.1-11.1 6.1-16.7.1-.2.2-.3.4-.3h5.9c.9 0 1.7.1 2.6.4 2 .6 2.8 2.1 2.4 4.1-.6 2.5-2.2 4.1-4.5 5.2-.5-.1-.7 0-.9.1zm-3.2-2.2c2 .1 3.1-1.1 3.4-2.9.1-.6-.2-1-.8-1.1-.6-.1-1.2-.1-1.8-.1-.1 0-.1 0-.2.1-.5 1.3-.9 2.6-1.4 3.9-.1.1 0 .2.1.2.2-.1.5-.1.7-.1zm-23.2 4.9c0-1.7.5-3.3 1.2-4.9 1-2.4 2.5-4.5 4.6-6.1 1.8-1.3 3.9-2 6.1-1.9.8 0 1.6.2 2.4.6 1.4.7 2.1 1.9 2.2 3.4.2 1.7-.2 3.3-.8 4.8-.8 2.2-1.9 4.2-3.5 5.9-2.2 2.3-4.9 3.3-8.1 3-1.5-.2-2.7-.8-3.6-2.1-.3-.8-.5-1.7-.5-2.7zm5-.6v.4c.1.6.4.9.9 1 .9.2 1.7 0 2.3-.6.4-.3.7-.7.9-1.2 1-1.7 1.6-3.5 2.1-5.4.2-.6.3-1.1.2
9026-1.7-.1-.5-.3-.9-.9-.9-.6-.1-1.2-.1-1.8.3-.6.4-1.1.9-1.5 1.4-.8 1.2-1.4 2.6-1.8 4-.1 1-.3 1.8-.4 2.7z" class="mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__st0"/>
9027  <path d="M143.5 32.9c.7 0 1.4.1 2.1.3 1.8.6 2.9 2 3 3.9.1 1.6-.3 3.2-.9 4.7-.8 2-1.7 3.9-3.1 5.5-1.5 1.7-3.2 2.8-5.4 3.2-1.4.2-2.8.3-4.2-.2-1.7-.6-2.7-1.9-2.9-3.7-.2-1.6.2-3.1.7-4.6.9-2.4 2.1-4.5 3.9-6.3 1.7-1.6 3.6-2.6 5.9-2.8.4.1.7.1.9 0zm-1.2 4c-.5 0-.9.1-1.3.4-.6.4-1 .9-1.4 1.4-1.1 1.6-1.7 3.3-2.2 5.2-.2.7-.3 1.3-.2 2 .1.5.4.8.9.9.9.2 1.7 0 2.3-.6.4-.3.7-.7.9-1.2.9-1.5 1.5-3.2 2-4.8.2-.7.4-1.4.4-2.1 0-.7-.4-1.1-1.1-1.2h-.3zm24.5-3.7c-.8.5-1.6 1-2.2 1.6-.8.7-1.5 1.4-2.1 2.3-.1.2-.2.2-.4.2h-5c-.8 0-1.1.2-1.4 1-.2.5-.3 1-.5 1.5-.1.3-.1.3.2.3h3.9c.3 0 .3.1.2.3-.4 1-.8 2-1.1 3.1-.1.2-.2.3-.4.3h-4.1c-.2 0-.3.1-.4.3-.7 2.1-1.5 4.1-2.2 6.2-.1.2-.2.3-.4.3h-4.6c-.3 0-.3-.1-.2-.3 1.6-4.2 3.1-8.5 4.6-12.7.5-1.4 1.4-2.6 2.7-3.4.8-.5 1.7-.8 2.7-.8 3.6-.2 7.1-.2 10.7-.2zm25.2 0h17.1c0 .1 0 .2-.1.3-.4 1.2-.9 2.3-1.3 3.5-.1.2-.2.3-.4.3h-5.5c-.2 0-.3 0-.4.3-1.5 4.2-3 8.3-4.5 12.5-.1.3-.2.4-.5.4h-4.1c-.3 0-.3 0-.2-.3 1.5-4.2 3-8.3 4.6-12.5.1-.4.1-.4-.2-.4H194c-.2 0-.3 0-.3-.3.1-1.1-.2-2.2-.9-3.1-.2-.2-.5-.4-.8-.7z" class="mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__st0"/>
9028  <path fill="#3a3c43" d="M150.3 57.5l-1.5 2.4c-.6.9-1.1 1.9-1.7 2.8-.2.3-.4.5-.8.5H145c-.4 0-.5-.1-.4-.6.1-1 .2-1.9.3-2.9.2-1.5.3-3 .5-4.6 0-.5.2-.6.6-.6h.9c.2 0 .4.1.3.4-.2 1.4-.4 2.9-.6 4.3l-.3 2.1c.1-.1.2-.2.2-.3l3.6-6c.2-.4.5-.5.9-.5h.7c.4 0 .4.1.4.4-.1 1.3-.3 2.7-.5 4-.1.8-.2 1.6-.3 2.3.1 0 .2-.2.2-.3 1.2-2 2.4-4.1 3.6-6.1.2-.3.4-.5.8-.4h.7c.3 0 .4.1.2.4-.1.2-.2.3-.3.5-1.5 2.4-3 4.8-4.5 7.1-.3.4-.6.6-1.1.6h-1.2c-.3 0-.4-.2-.3-.4.2-1.5.3-3.1.5-4.6.5 0 .5-.2.4-.5zm37.5-.8l-1.8 5.1c-.1.3-.3.7-.4 1-.1.2-.2.3-.5.4h-.8c-.3 0-.4-.1-.3-.4.8-2.2 1.6-4.5 2.5-6.7.1-.3.2-.5.3-.8.1-.4.4-.6.9-.6h1c.5 0 .7.2.8.7l.3 2.1c.2 1.1.4 2.2.5 3.3.1 0 .1-.1.1-.2.7-1.8 1.3-3.6 2-5.4.1-.2.2-.4.5-.4h.8c.3 0 .4.1.3.4-.8 2.1-1.5 4.1-2.3 6.2-.1.4-.3.8-.5 1.2-.2.5-.5.7-1 .7h-.8c-.4 0-.6-.1-.7-.6-.2-.8-.3-1.6-.4-2.3-.2-1.3-.4-2.5-.5-3.7zm-61.9 1.9c.6.2 1 .5 1.1 1.1 0 .3 0 .7-.1 1-.5 1.4-1.6 2.1-3 2.4-.9.2-1.7.1-2.6.1h-1c-.4 0-.5-.2-.4-.5.3-1 .7-2 1.1-2.9.5-1.5 1.1-2.9 1.6-4.4.2-.6.4-.7 1-.7 1 0 2-.1 3 .1.2 0 .5.1.7.2.5.3.7.8.6 1.4-.3 1-1 1.7-2 2.2zm-4 3.3h1.5c.8-.1 1.4-.4 1.7-1.2.3-.7 0-1.1-.8-1.2H123c-.1 0-.2 0-.2.1-.4.7-.6 1.5-.9 2.3zm2-3.7h.4c.8 0 1.4-.6 1.6-1.3.1-.5-.1-.8-.6-.9h-1.1c-.2 0-.2 0-.3.2-.2.5-.3.9-.5 1.4-.2.6-.2.6.5.6zm76.2.1h1.3c.4 0 .5.1.4.5-.4 1.2-.9 2.4-1.3 3.6-.1.2-.2.4-.4.5-1.3.4-2.6.7-4 .4-1.5-.3-2.2-1.4-2-2.9.4-2.5 2.2-5 5.1-5.7 1-.2 2-.2 3 .1.9.3 1 .5.6 1.4v.1c-.2.5-.3.5-.8.2-1.2-.8-2.9-.7-4.2.3-1.1.9-1.7 2-1.8 3.4-.1 1.1.5 1.7 1.6 1.8.4 0 .8 0 1.2-.2.1 0 .2-.1.2-.2.2-.5.4-1.1.6-1.6.1-.2 0-.2-.2-.2h-1.2c-.3 0-.3-.1-.2-.3 0-.1.1-.2.1-.3.2-.6.3-.7.9-.7.4-.2.8-.2 1.1-.2zm-59.3.9c.4.3.6.7.6 1.1.1.8.1 1.5.1 2.3 0 .5-.1.6-.5.6h-1c-.3 0-.4-.1-.4-.4 0-.7 0-1.5-.1-2.2-.1-.7-.7-1.1-1.4-.9-.1 0-.1.2-.2.2-.3.9-.7 1.9-1 2.8-.1.3-.2.4-.5.4h-1c-.3 0-.3-.1-.2-.4.4-1.2.9-2.4 1.3-3.6.5-1.3.9-2.6 1.4-3.9.2-.5.4-.7.9-.7h3.1c1.3.2 1.7 1 1.3 2.2-.4 1-1.1 1.7-2.1 2.1-.1.3-.2.4-.3.4zm-.7-3.2h-.5c-.2 0-.3 0-.3.2-.2.7-.5 1.3-.7 2-.1.2-.1.2.1.2h.8c1 0 1.8-.7 1.8-1.6 0-.4-.1-.6-.5-.8h-.7zm-26.5 7.4c-.3 0-.6 0-.9-.1-1.2-.2-1.7-1-1.5-2.2.1-.6.4-1.2.6-1.9.5-1.4 1-2.7 1.5-4.1.1-.3.2-.4.5-.4h1c.2 0 .3.1.2.4-.6 1.6-1.1 3.1-1.7 4.7l-.3.9c-.1.7.2 1.1.9 1.2 1.1.2 2.2-.4 2.7-1.6.3-.7.5-1.3.7-2 .4-1.1.8-2.1 1.2-3.2.1-.3.3-.4.5-.4h1c.2 0 .3.1.2.4-.6 1.7-1.2 3.5-1.9 5.2-.8 1.9-2.5 3.1-4.7 3.1zm64.1 0c-.3 0-.6 0-.9-.1-1.1-.2-1.7-1-1.5-2.2.1-.7.4-1.3.6-1.9.5-1.4 1-2.7 1.5-4.1.1-.2.2-.4.5-.4h1.1c.2 0 .3.1.2.4-.6 1.6-1.1 3.1-1.7 4.7-.1.3-.2.6-.3 1-.1.7.3 1.1.9 1.2 1.1.2 2.1-.4 2.6-1.5.3-.6.5-1.3.8-2 .4-1.1.8-2.3 1.2-3.4.1-.2.2-.4.5-.4h1c.2 0 .3.1.2.4-.6 1.7-1.2 3.5-1.9 5.2-.8 1.9-2.5 3.1-4.8 3.1zm-18.1-5.3h2.4c.3 0 .4 0 .3.4 0 .1 0 .1-.1.2-.2.7-.3.7-1 .7h-1.9c-.2 0-.2 0-.3.2-.2.7-.5 1.3-.7 2-.1.2 0 .2.2.2h2.6c.3 0 .4.1.3.4v.1c-.2.9-.3.9-1.2.9h-3.6c-.5 0-.6-.1-.4-.6.9-2.5 1.8-4.9 2.7-7.3.2-.5.4-.6.9-.6h3.9c.3 0 .4.1.3.4v.2c-.2.8-.3.8-1.1.8h-2.3c-.1 0-.2 
90280-.3.1-.3.6-.5 1.2-.7 1.9zm-28.1 0h2.4c.4 0 .4.1.3.4 0 .1 0 .1-.1.2-.2.7-.3.7-1 .7h-1.9c-.1 0-.2 0-.3.1-.3.8-.5 1.5-.8 2.3h2.8c.4 0 .5.1.4.5v.1c-.2.7-.3.8-1 .8h-3.6c-.5 0-.6-.1-.5-.6.9-2.4 1.8-4.9 2.7-7.3.2-.5.4-.6.9-.6h3.9c.3 0 .4.1.3.4 0 .1-.1.2-.1.3-.2.7-.3.7-1 .7h-2.3c-.1 0-.2 0-.3.1-.3.6-.6 1.2-.8 1.9zm41.8-3.6c.3 0 .8.1 1.3.3.2.1.3.3.2.6-.1.3-.2.5-.3.8-.1.2-.3.3-.5.1-.5-.3-1-.5-1.6-.5-.5.1-.9.3-1.2.8-.2.4-.1.7.2 1 .3.2.6.3.9.5 1.3.7 1.6 1.5.9 2.9-.7 1.4-1.9 2.1-3.3 2.3-.7.1-1.5 0-2.2-.3-.6-.2-.6-.4-.4-1 .1-.2.1-.4.2-.5.2-.3.3-.3.6-.1.7.5 1.4.7 2.2.5.5-.1.9-.4 1.2-.9.2-.4.1-.7-.2-.9-.3-.2-.6-.4-.9-.5-1.3-.7-1.6-1.6-.9-2.9.6-1.4 2-2.2 3.8-2.2zm-6.2.1c.8 0 .9 0 .6.8-.9 2.4-1.8 4.9-2.7 7.3-.1.3-.3.5-.6.5h-1c-.2 0-.3-.1-.2-.3 1-2.6 1.9-5.3 2.9-7.9.1-.2.2-.2.3-.3.3-.1.5-.1.7-.1zm-48.6-.7h-.3c-.2 0-.3-.2-.3-.4.1-.9.7-1.3 1.6-1.1.3.1.4.2.3.5-.2.7-.5 1-1.3 1zm-2.9 0h-.2c-.3 0-.4-.2-.4-.5.1-.9.8-1.3 1.6-1.1.2.1.3.2.3.4-.1.8-.5 1.2-1.3 1.2z"/>
9029  <path d="M295.3 15.3c-3.8-4.3-10.7-6.2-19.4-6.2h-25.5c-1.8 0-3.3 1.3-3.6 3.1l-10.6 67.3c-.2 1.3.8 2.5 2.2 2.5h15.7l4-25.1-.1.8c.3-1.8 1.8-3.1 3.6-3.1h7.5c14.7 0 26.2-6 29.5-23.2l.3-1.5c-.4-.2-.4-.2 0 0 .9-6.4-.1-10.7-3.6-14.6" class="mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__st2"/>
9030  <path d="M264.1 27.6c.4-.2.9-.3 1.4-.3h20c2.4 0 4.6.2 6.6.5.6.1 1.1.2 1.7.3.8.2 1.6.4 2.3.6 1 .3 1.9.7 2.8 1.2 1-6.4 0-10.7-3.5-14.7C291.6 10.9 284.7 9 276 9h-25.5c-1.8 0-3.3 1.3-3.6 3.1l-10.6 67.3c-.2 1.3.8 2.5 2.2 2.5h15.7l8.2-52c.1-1 .7-1.8 1.7-2.3z" class="mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__st2"/>
9031  <path fill="#2790c3" d="M298.5 31.4c-3.4 17.3-14.9 23.2-29.5 23.2h-7.5c-1.8 0-3.3 1.3-3.6 3.1L253 88.9c-.2 1.2.7 2.2 1.9 2.2h13.3c1.6 0 2.9-1.1 3.2-2.7l.1-.7 2.5-15.8.2-.9c.2-1.6 1.6-2.7 3.2-2.7h2c12.8 0 22.9-5.2 25.8-20.3 1.2-6.3.6-11.6-2.7-15.3-1-1.1-2.2-2-3.6-2.8-.2.5-.3 1-.4 1.5z"/>
9032  <path fill="#1f264f" d="M295.3 28.5c-.5-.2-1.1-.3-1.6-.4-.6-.1-1.1-.2-1.7-.3-2-.3-4.2-.5-6.6-.5h-20c-.5 0-.9.1-1.4.3-.9.5-1.6 1.3-1.8 2.4L258 56.9l-.1.8c.3-1.8 1.8-3.1 3.6-3.1h7.5c14.7 0 26.2-6 29.5-23.2l.3-1.5c-.9-.4-1.8-.8-2.8-1.2-.2 0-.5-.1-.7-.2"/>
9033  <defs>
9034    <path id="mastercard_svg__a" d="M332.5 41.1h98v18.8h-98z"/>
9035  </defs>
9036  <clipPath id="mastercard_svg__b">
9037    <use overflow="visible" xlink:href="#mastercard_svg__a"/>
9038  </clipPath>
9039  <g clip-path="url(#mastercard_svg__b)">
9040    <path d="M371.2 55.8c-3.6 2.7-8.9 4.1-13.4 4.1-6.3 0-12-2.3-16.4-6.2-.3-.3 0-.7.4-.5 4.7 2.7 10.4 4.3 16.4 4.3 4 0 8.4-.8 12.5-2.6.6-.2 1.1.5.5.9z" class="mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__st6"/>
9041    <path d="M372.7 54.1c-.5-.6-3.1-.3-4.2-.1-.4 0-.4-.3-.1-.5 2.1-1.5 5.5-1 5.9-.5.4.5-.1 3.9-2 5.5-.3.2-.6.1-.5-.2.4-1.2 1.3-3.6.9-4.2z" class="mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__mastercard_svg__st6"/>
9042    <path fill="#333e47" fill-rule="evenodd" d="M368.5 43.2v-1.4c0-.2.2-.4.4-.4h6.3c.2 0 .4.1.4.4V43c0 .2-.2.5-.5.9l-3.3 4.7c1.2 0 2.5.2 3.6.8.2.1.3.3.3.6v1.5c0 .2-.2.4-.5.3-2-1-4.5-1.1-6.7 0-.2.1-.5-.1-.5-.3V50c0-.2 0-.6.2-1l3.8-5.5h-3.3s-.2-.1-.2-.3zM345.4 52h-1.9c-.2 0-.3-.1-.3-.3v-9.9c0-.2.2-.4.4-.4h1.8c.2 0 .3.2.4.3V43c.5-1.3 1.4-1.8 2.5-1.8 1.2 0 2 .6 2.5 1.8.5-1.3 1.5-1.8 2.7-1.8.8 0 1.7.3 2.2 1.1.6.8.5 2 .5 3.1v6.2c0 .2-.2.4-.4.4h-1.9c-.2 0-.3-.2-.3-.4v-5.2c0-.4 0-1.5-.1-1.9-.1-.7-.6-.9-1.1-.9-.5 0-1 .3-1.2.8-.2.5-.2 1.3-.2 1.9v5.2c0 .2-.2.4-.4.4h-1.9c-.2 0-.3-.2-.3-.4v-5.2c0-1.1.2-2.7-1.2-2.7s-1.3 1.6-1.3 2.7v5.2c-.1.4-.3.5-.5.5zm35.7-8.8c-1.4 0-1.5 1.9-1.5 3.1s0 3.8 1.5 3.8 1.6-2.1 1.6-3.4c0-.8 0-1.8-.3-2.6-.3-.6-.7-.9-1.3-.9zm0-2c2.9 0 4.4 2.5 4.4 5.6 0 3-1.7 5.4-4.4 5.4-2.8 0-4.3-2.5-4.3-5.5-.1-3.1 1.5-5.5 4.3-5.5zm8.1 10.8h-1.9c-.2 0-.3-.2-.3-.4v-9.9c0-.2.2-.3.4-.3h1.8c.2 0 .3.1.3.3v1.5c.5-1.4 1.3-2 2.6-2 .9 0 1.7.3 2.3 1.2.5.8.5 2.1.5 3.1v6.2c0 .2-.2.3-.4.3h-1.9c-.2 0-.3-.1-.3-.3v-5.4c0-1.1.1-2.7-1.2-2.7-.5 0-.9.3-1.1.8-.3.6-.3 1.2-.3 1.9v5.3c-.1.3-.3.4-.5.4zm-23.8 0c-.1.1-.3.1-.5 0-.6-.5-.8-.8-1.1-1.3-1.1 1.1-1.8 1.4-3.2 1.4-1.6 0-2.9-1-2.9-3 0-1.6.8-2.6 2.1-3.2 1-.5 2.5-.5 3.6-.7v-.3c0-.5 0-1-.2-1.4-.2-.4-.7-.5-1.1-.5-.7 0-1.4.4-1.6 1.2 0 .2-.2.3-.3.4l-1.9-.2c-.2 
90420-.3-.2-.3-.4.4-2.2 2.4-2.9 4.2-3h.1c.9 0 2.1.3 2.8 1 .9.9.8 2 .8 3.3v3c0 .9.4 1.3.7 1.8.1.2.2.4 0 .5-.1.4-.8 1.1-1.2 1.4zm-1.9-4.7c0 .8 0 1.4-.4 2-.3.5-.8.9-1.3.9-.7 0-1.2-.6-1.2-1.4 0-1.6 1.5-1.9 2.9-1.9v.4zM340.1 52c-.1.1-.3.1-.5 0-.6-.5-.8-.8-1.1-1.3-1.1 1.1-1.8 1.4-3.2 1.4-1.6 0-2.9-1-2.9-3 0-1.6.8-2.6 2.1-3.2 1-.5 2.5-.5 3.6-.7v-.3c0-.5 0-1-.2-1.4-.2-.4-.7-.5-1.1-.5-.7 0-1.4.4-1.6 1.2 0 .2-.2.3-.3.4l-1.9-.2c-.2 0-.3-.2-.3-.4.4-2.2 2.4-2.9 4.2-3h.1c.9 0 2.1.3 2.8 1 .9.9.8 2 .8 3.3v3c0 .9.4 1.3.7 1.8.1.2.2.4 0 .5-.1.4-.8 1.1-1.2 1.4zm-1.9-4.7c0 .8 0 1.4-.4 2-.3.5-.8.9-1.3.9-.7 0-1.2-.6-1.2-1.4 0-1.6 1.5-1.9 2.9-1.9v.4zm83 8.3v-.7c0-.2.1-.3.3-.3.4.1 1 .1 1.4 0 .5-.1.9-.5 1.1-1 .3-.7.5-1.3.7-1.7l-4-9.9c-.1-.2-.1-.5.2-.5h1.4c.3 0 .4.2.4.3l2.9 8.1 2.8-8.1c.1-.2.2-.3.4-.3h1.3c.3 0 .3.3.2.5l-4 10.3c-.5 1.4-1.2 3.5-2.7 3.9-.8.2-1.8.1-2.3-.1 0-.2-.1-.4-.1-.5zm-1.9-4.2c0 .2-.2.3-.3.3h-1c-.2 0-.4-.2-.4-.3l-.1-.7c-.5.4-1 .7-1.6 1-1.2.5-2.5.5-3.6-.2-.9-.5-1.3-1.5-1.3-2.5 0-.8.2-1.6.8-2.1.7-.8 1.8-1.2 3-1.2.8 0 1.8.1 2.6.3v-1.4c0-1.4-.6-2-2.1-2-1.2 0-2.1.2-3.3.6-.2 0-.3-.1-.3-.3v-.8c0-.2.2-.4.3-.4.9-.4 2.1-.6 3.5-.7 1.7 0 3.8.4 3.8 3.1v7.3zm-1.9-2v-2c-.7-.2-1.8-.3-2.2-.3-.7 0-1.4.2-1.8.6-.3.3-.4.7-.4 1.2s.2 1.1.6 1.4c.5.3 1.3.3 2 .1.8-.3 1.5-.6 1.8-1zm-12.7-6.6c2.2 0 2.8 1.7 2.8 3.7 0 1.3-.2 2.5-.9 3.2-.5.5-1.1.6-2 .6-.8 0-1.8-.4-2.5-1v-5.7c.8-.5 1.8-.8 2.6-.8zm-2.9 13.1h-1.3c-.2 0-.3-.2-.3-.3V41.8c0-.2.2-.3.3-.3h1c.2 0 .4.2.4.3l.1.7c.9-.8 2.2-1.4 3.3-1.4 3.3 0 4.3 2.7 4.3 5.5 0 3-1.6 5.4-4.4 5.4-1.2 0-2.3-.4-3.1-1.2v4.8c0 .2-.1.3-.3.3z" clip-rule="evenodd"/>
9043  </g>
9044  <path fill="#ff5f00" d="M37.4 26.3h25.1v45H37.4z"/>
9045  <path fill="#eb001b" d="M39 48.8c0-9.1 4.3-17.3 10.9-22.5-4.9-3.8-11-6.1-17.7-6.1C16.4 20.1 3.6 33 3.6 48.8s12.8 28.6 28.6 28.6c6.7 0 12.8-2.3 17.7-6.1C43.3 66.1 39 57.9 39 48.8z"/>
9046  <path fill="#f79e1b" d="M96.3 48.8c0 15.8-12.8 28.6-28.6 28.6-6.7 0-12.8-2.3-17.7-6.1 6.7-5.3 10.9-13.4 10.9-22.5S56.6 31.5 50 26.3c4.9-3.8 11-6.1 17.7-6.1 15.8-.1 28.6 12.8 28.6 28.6z"/>
9047</svg>
9048</span> <span>MasterCard</span></div> <div class="grid grid-flow-col auto-cols-max gap-x-3 items-center"><span>  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 750 750" version="1.1" id="svg3297" class="w-6 h-auto ml-1" aria-hidden="true" focusable="false"><path style="opacity:1;fill:#016fd0;stroke-width:2.83018851" id="path3281" d="M0 0h750v122.01c-36.651.056-73.33-.086-109.981.084-8.208 23.038-16.189 46.132-24.708 69.057-9.085-22.727-16.698-46.019-24.877-69.085-47.519-.113-95.038-.057-142.528-.028-.029 30.764.283 61.528-.17 92.292-14.236-30.538-27.481-61.528-41.236-92.264-38.406-.142-76.783 0-115.189-.057-39.905 90.142-79.754 180.368-119.575 270.566 32.122.029 64.273-.056 96.396.029-.198 80.037.085 160.075-.141 240.113 99.622.198 199.245.17 298.84.028 15.395-17.377 31.131-34.443 46.782-51.566 15.51 17.264 30.99 34.585 46.755 51.651 29.887-.028 59.745.028 89.632-.028V750H0Z"/>
9048<path style="opacity:1;fill:#016fd0;stroke-width:2.83018851" id="path3283" d="M311.915 152.264c24.68-.255 49.359.028 74.038-.198 31.273 69.396 61.047 139.5 92.717 208.698.48-69.51.113-139.047.17-208.585 29.943-.028 59.886-.085 89.83.057 15.48 43.217 30.736 86.519 46.5 129.65 16.528-42.905 31.415-86.462 47.122-129.679 29.236-.084 58.472-.028 87.708-.056v210.424h-55.925c-.283-48.594.453-97.188-.367-145.754-18.651 48.283-35.83 97.132-53.746 145.698-16.811.085-33.594.17-50.405-.142-17.944-48.537-35.604-97.188-53.604-145.698-1.189 48.595-.142 97.274-.51 145.896-40.471-.226-80.943.482-121.386-.368-5.66-14.037-11.548-27.99-17.548-41.858-32.207.113-64.415.028-96.622.028-5.802 13.981-11.689 27.934-17.321 42-21.113.397-42.198.142-63.311.198 30.82-70.132 62.037-140.094 92.66-210.31m7.868 120.792c18.906.084 37.84.028 56.774.028-9.029-22.727-18.708-45.198-27.991-67.811-10.67 22.103-19.075 45.226-28.783 67.783z"/><path style="opacity:1;fill:#016fd0;stroke-width:2.83018851" id="path3285" d="M299.745 392.689c58.472-.368 116.972.566 175.415-.482 1.444 1.387 2.83 2.802 4.246 4.246-.765 14.915-.51 29.858-.481 44.802-40.5.028-81.029-.114-121.557.085 0 10.924 0 21.849.141 32.745 39.482-.17 78.991-.227 118.472.028-.085 15.793-.085 31.585-.056 47.377-39.538.029-79.076 0-118.585 0 .028 10.868.028 21.708 0 32.576 40.528-.028 81.056-.028 121.585 0 0 16.104-.029 32.236 0 48.34 33.084-34.699 65.716-69.85 98.773-104.576-31.726-33.623-63-67.726-95.377-100.698-.595-1.189-1.755-3.538-2.35-4.698 24.793.51 49.614.028 74.435.283 20.179 22.472 40.415 44.887 60.849 67.104 20.179-22.585 40.84-44.774 61.273-67.16 24.481-.057 48.963.056 73.472-.057v.962c-32.972 34.528-66.057 68.943-98.83 103.67 32.972 35.01 66.311 69.679 98.83 105.085v.707c-24.708.142-49.415 0-74.123.113-20.858-22.556-41.405-45.367-61.924-68.207-20.802 22.698-41.406 45.51-62.208 68.18-83.858-.086-167.717 0-251.575-.03-.962-70.103-.142-140.263-.425-210.395z"/><path style="opacity:1;fill:#016fd0;stroke-width:2.83018851" id="path3287" d="M692.887 497.377c18.679-20.66 38.802-39.99 57.113-60.962V558.34c-18.708-20.633-37.868-40.84-57.113-60.963z"/><g id="#ffffffff" transform="matrix(2.83019 0 0 2.83019 0 0)"><path d="M102.93 43.11c13.57.02 27.13-.03 40.7.02 4.86 10.86 9.54 21.81 14.57 32.6.16-10.87.05-21.74.06-32.61 16.78-.01 33.57-.03 50.36.01 2.89 8.15 5.58 16.38 8.79 24.41 3.01-8.1 5.83-16.26 8.73-24.4 12.95-.06 25.91-.01 38.86-.03v10.65c-10.33.01-20.66-.01-30.99.02-5.55 15.27-10.81 30.66-16.65 45.82-5.57-15.24-10.96-30.54-16.43-45.81-10.58-.05-21.16-.03-31.74-.02-.02 24.57.11 49.14-.06 73.7-11.19-24.45-21.71-49.22-32.76-73.74-8.72.08-17.44-.02-26.16.07-10.82 24.81-21.85 49.53-32.74 74.31 7.46-.02 14.91.07 22.37-.07 1.99-4.97 4.07-9.9 6.12-14.84 11.38 0 22.76.03 34.14-.01 2.12 4.9 4.2 9.83 6.2 14.79 14.29.3 28.59.05 42.89.13.13-17.18-.24-34.38.18-51.55 6.36 17.14 12.6 34.33 18.94 51.48 5.94.11 11.87.08 17.81.05 6.33-17.16 12.4-34.42 18.99-51.48.29 17.16.03 34.33.13 51.5H265v10.61c-8.66.04-17.31 0-25.96.02-7.22 7.91-14.52 15.75-21.65 23.73-7.22-7.85-14.37-15.77-21.5-23.71-8.77-.09-17.54.08-26.3-.1.21.41.62 1.24.83 1.66 11.44 11.65 22.49 23.7 33.7 35.58-11.68 12.27-23.21 24.69-34.9 36.95-.01-5.69 0-11.39 0-17.08-14.32-.01-28.64-.01-42.96 0 .01-3.84.01-7.67 0-11.51 13.96 0 27.93.01 41.9 0-.01-5.58-.01-11.16.02-16.74-13.95-.09-27.91-.07-41.86-.01-.05-3.85-.05-7.71-.05-11.57 14.32-.07 28.64-.02 42.95-.03-.01-5.28-.1-10.56.17-15.83-.5-.51-.99-1.01-1.5-1.5-20.65.37-41.32.04-61.98.17.1 24.78-.19 49.57.15 74.34 29.63.01 59.26-.02 88.89.01 7.35-8.01 14.63-16.07 21.98-24.09 7.25 8.07 14.51 16.13 21.88 24.1 8.73-.04 17.46.01 26.19-.04v10.52c-10.56.02-21.11 0-31.67.01-5.57-6.03-11.04-12.15-16.52-18.25-5.53 6.05-11.09 12.08-16.53 18.22-35.19.05-70.39.06-105.59-.01.08-28.28-.02-56.56.05-84.84-11.35-.03-22.71 0-34.06-.01 14.07-31.87 28.15-63.75 42.25-95.6z" id="path3290" style="opacity:1;fill:#ffffff"/><path d="M112.99 96.48c3.43-7.97 6.4-16.14 10.17-23.95 3.28 7.99 6.7 15.93 9.89 23.96-6.69 0-13.38.02-20.06-.01z" id="path3292" style="opacity:1;fill:#ffffff"/>
9048<path d="M230.08 175.69c11.58-12.27 23.27-24.43 34.92-36.63v15.14c-6.47 7.41-13.58 14.24-20.18 21.54 6.8 7.11 13.57 14.25 20.18 21.54v15.54c-11.49-12.51-23.27-24.76-34.92-37.13z" id="path3294" style="opacity:1;fill:#ffffff"/></g></svg>
9049</span> <span>American Express</span></div> <div class="grid grid-flow-col auto-cols-max gap-x-3 items-center"><span>  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="w-8 h-auto" width="24" height="24" aria-hidden="true" focusable="false">
9050  <circle cx="49.7" cy="49.5" r="40.3" fill="none" stroke="#333" stroke-miterlimit="10" stroke-width="3"/>
9051  <path fill="#333" d="M61.6 68c-1.9 1.3-5.1 2.6-9.2 2.6-5 0-9.5-1.9-12.6-5.5-2.4-2.6-3.9-6.2-4.5-10.7h-3.8v-3H35v-.9c0-1 .1-1.9.1-2.8h-3.7v-3.1h4.1c.7-4.3 2.6-7.9 5.1-10.5 3.2-3.3 7.2-5.1 12.3-5.1 3.7 0 6.5 1.1 8.2 2l-1.2 4c-1.5-.9-4.2-1.7-6.9-1.7-3.3 0-6.1 1.2-8.2 3.4-1.9 1.8-3.1 4.6-3.7 7.9h17.3v3.1H40.5c-.1.8-.1 1.7-.1 2.6v1.1h18v3H40.8c.5 3.6 1.7 6.3 3.4 8.1 2.3 2.4 5.4 3.6 8.7 3.6s6.1-1.2 7.6-2l1.1 3.9z"/>
9052</svg>
9053</span> <span>Vorkasse</span></div> <div class="grid grid-flow-col auto-cols-max gap-x-3 items-center"><span>  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="w-8 h-auto" width="24" height="24" aria-hidden="true" focusable="false">
9054  <path d="M75.1 15.3C71.3 11 64.4 9.1 55.7 9.1H30.2c-1.8 0-3.3 1.3-3.6 3.1L16 79.4c-.2 1.3.8 2.5 2.2 2.5h15.7l4-25.1-.1.8c.3-1.8 1.8-3.1 3.6-3.1h7.5c14.7 0 26.2-6 29.5-23.2l.3-1.5c-.4-.2-.4-.2 0 0 .9-6.3-.1-10.6-3.6-14.5"/>
9055  <path d="M43.9 27.6c.4-.2.9-.3 1.4-.3h20c2.4 0 4.6.2 6.6.5.6.1 1.1.2 1.7.3.8.2 1.6.4 2.3.6 1 .3 1.9.7 2.8 1.2 1-6.4 0-10.7-3.5-14.7C71.4 10.9 64.5 9 55.8 9H30.2c-1.8 0-3.3 1.3-3.6 3.1L16 79.4c-.2 1.3.8 2.5 2.2 2.5h15.7l8.2-52c.2-1 .8-1.8 1.8-2.3z"/>
9056  <path fill="#2790c3" d="M78.3 31.4C75 48.7 63.5 54.6 48.8 54.6h-7.5c-1.8 0-3.3 1.3-3.6 3.1l-4.9 31.2c-.2 1.2.7 2.2 1.9 2.2H48c1.6 0 2.9-1.1 3.2-2.7l.1-.7 2.5-15.8.2-.9c.2-1.6 1.6-2.7 3.2-2.7h2C72 68.3 82.1 63.1 85 48c1.2-6.3.6-11.6-2.7-15.3-1-1.1-2.2-2-3.6-2.8-.2.5-.3 1-.4 1.5z"/>
9057  <path fill="#1f264f" d="M75.1 28.5c-.5-.2-1.1-.3-1.6-.4-.6-.1-1.1-.2-1.7-.3-2-.3-4.2-.5-6.6-.5h-20c-.5 0-.9.1-1.4.3-.9.5-1.6 1.3-1.8 2.4l-4.2 26.9-.1.8c.3-1.8 1.8-3.1 3.6-3.1h7.5c14.7 0 26.2-6 29.5-23.2l.3-1.5c-.9-.4-1.8-.8-2.8-1.2-.2 0-.5-.1-.7-.2"/>
9058</svg>
9059</span> <span>PayPal</span></div> <div class="grid grid-flow-col auto-cols-max gap-x-3 items-center"><span>  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 600 240" style="enable-background:new 0 0 600 240;" xml:space="preserve" class="w-8 h-auto" width="24" height="24" aria-hidden="true" focusable="false">
9060<style type="text/css">
9061	.riverty-icon-green{fill:#527A42;}
9062	.riverty-icon{fill:#E7E4E2;}
9063</style>
9064<g id="PageItem233" transform="scale(1)">
9065	<path class="riverty-icon-green" d="M0,0v240h600V0H0z"/>
9066</g>
9067<g id="PageItem236" transform="scale(1)">
9068	<path class="riverty-icon" d="M530,92.5l-14,18.7L502,92.5h-15.8l23.1,30.3v24.7H522v-24.7l23.1-30.3H530z"/>
9069</g>
9070<g id="PageItem238" transform="scale(1)">
9071	<path class="riverty-icon" d="M416.4,92.5v10.8h20.4v44.2h12.6v-44.2h20.4V92.5H416.4z"/>
9072</g>
9073<g id="PageItem239" transform="scale(1)">
9074	<path class="riverty-icon" d="M353.4,116.4h18.8c5.6,0,8.2-2.1,8.2-6.6c0-4.5-2.6-6.6-8.2-6.6h-18.8V116.4z M381,147.5l-13.7-20.2h-13.9   v20.2h-12.6v-55h32.7c12.8,0,19.6,6.1,19.6,17.4c0,8.7-4,14.3-11.8,16.4l14.5,21.2H381z"/>
9075</g>
9076<g id="PageItem240" transform="scale(1)">
9077	<path class="riverty-icon" d="M256.3,92.5v55H306v-10.8h-37.1v-11.4h31.8v-10.8h-31.8v-11.1H306V92.5H256.3z"/>
9078</g>
9079<g id="PageItem241" transform="scale(1)">
9080	<path class="riverty-icon" d="M216.8,92.5l-16.2,40.7l-16.3-40.7h-13.7l23.2,55h12.9l23.2-55H216.8z"/>
9081</g>
9082<g id="PageItem242" transform="scale(1)">
9083	<path class="riverty-icon" d="M131.3,147.5h12.6v-55h-12.6V147.5z"/>
9084</g>
9085<g id="PageItem243" transform="scale(1)">
9086	<path class="riverty-icon" d="M54.9,147.5h12.6v-42.4H54.9V147.5z"/>
9087</g>
9088<g id="PageItem244" transform="scale(1)">
9089	<path class="riverty-icon" d="M67.5,105.1h42.4V92.5H67.5V105.1z"/>
9090</g>
9091</svg>
9092</span> <span>Riverty</span></div></div></div></div></div></div></div></div></div></div><div class="bg-wine-darker&#x20;text-white"><div class="absolutefooter-container"> <div class="text-sm"><div class="flex flex-wrap mb-3"> <a class="py-2 pr-4 mr-2" href="https://shop.schoener-wohnen.de/service/impressum/"><span>Impressum</span></a>   <a class="py-2 pr-4 mr-2" href="https://shop.schoener-wohnen.de/service/agb/"><span>AGB</span></a>   <a class="py-2 pr-4 mr-2" href="https://shop.schoener-wohnen.de/service/datenschutz/"><span>Datenschutz</span></a>   <a class="py-2 pr-4 mr-2" href="#" onclick="event.preventDefault(); if (typeof UC_UI !== 'undefined') {UC_UI.showSecondLayer();}" ><span>Cookie Einstellungen</span></a> </div></div> </div></div></div></footer> 
9092<script>
9093    'use strict';
9094
9095    (function () {
9096        const modals = [];
9097        const excludedFromFocusTrapping = new Set();
9098
9099        function trapFocusInNextModalWithOverlay() {
9100            for (let idx = modals.length -1; idx >= 0; idx--) {
9101                const nextOnStack = modals[idx];
9102                const nextDialogElement = nextOnStack.instance.$refs[nextOnStack.name];
9103                if (! isOverlayDisabled(nextDialogElement)) {
9104                    hyva.trapFocus(nextDialogElement);
9105                    break;
9106                }
9107            }
9108        }
9109
9110        function focusables(dialogElement) {
9111            const selector = 'button, [href], input, textarea, select, details, [tabindex]:not([tabindex="-1"])';
9112            return Array.from(dialogElement.querySelectorAll(selector))
9113                .filter(el => !el.hasAttribute('disabled'));
9114        }
9115
9116        function firstVisible(elements) {
9117            const a = Array.from(elements);
9118            for (let i = 0; i < a.length; i++) {
9119                if (a[i].offsetWidth || a[i].offsetHeight || a[i].getClientRects().length) return a[i];
9120            }
9121            return null;
9122        }
9123
9124        function isInViewport(element) {
9125            const rect = element && element.getBoundingClientRect();
9126            return rect &&
9127                rect.top >= 0 &&
9128                rect.left >= 0 &&
9129                rect.right <= window.innerWidth &&
9130                rect.bottom <= window.innerHeight;
9131        }
9132
9133        function setFocusAfterTransition(dialogElement, duration) {
9134             const nested = Array.from(dialogElement.querySelectorAll('[role="dialog"]'));
9135            const candidates = Array.from(dialogElement.querySelectorAll('[x-focus-first]'));
9136            next: for (let candidate of candidates) {
9137                for (let child of nested) {
9138                    if (child.contains(candidate)) continue next;
9139                }
9140                setTimeout(() => candidate.focus(), 50);
9141                break;
9142            }
9143            window.setTimeout(() => {
9144                const focusElement = firstVisible(dialogElement.querySelectorAll('[x-focus-first]')) ||
9145                    focusables(dialogElement)[0] ||
9146                    null;
9147                focusElement && isInViewport(focusElement) && focusElement.focus();
9148            }, Math.max(1, duration));
9149        }
9150
9151        function determineTrigger($refs, dialog, trigger) {
9152             if (typeof trigger === 'undefined' && typeof dialog === 'object' && dialog.target instanceof HTMLElement) {
9153                return dialog.target;
9154            }
9155             if (typeof dialog === 'string' && typeof trigger === 'object' && trigger.target instanceof HTMLElement) {
9156                return trigger.target;
9157            }
9158             if (typeof trigger === 'string') {
9159                try {
9160                    return $refs[trigger] || document.querySelector(trigger)
9161                } catch (e) {}
9162            }
9163             if (trigger instanceof Element) {
9164                return trigger;
9165            }
9166
9167             return null;
9168        }
9169
9170        function isOverlayDisabled(dialog) {
9171            return dialog && dialog.hasAttribute('x-no-overlay')
9172        }
9173
9174        function areRemainingModalsWithoutOverlay(modals)
9175        {
9176            const overflowDisabled = modals.map(modal => modal.instance.$refs[modal.name]).filter(isOverlayDisabled);
9177
9178            return overflowDisabled.length === modals.length;
9179        }
9180
9181        window.hyva.modal = function(options = {}) {
9182             if (this.$el && this.$el.dataset && this.$el.dataset.options) {
9183                try {
9184                    options = Object.assign(options, JSON.parse(this.$el.dataset.options || '{}'));
9185                } catch (e) {
9186                    throw new Error('Cannot read the dialog options from the data-options attribute: not valid JSON');
9187                }
9188            }
9189
9190            const config = Object.assign({
9191                dialog: 'dialog',  duration: 300,  transitionEnter: 'transition ease-out duration-300',
9192                transitionEnterStart: 'opacity-0',
9193                transitionEnterEnd: 'opacity-100',
9194                transitionLeave: 'transition ease-in duration-300',
9195                transitionLeaveStart: 'opacity-100',
9196                transitionLeaveEnd: 'opacity-0',
9197            }, options);
9198            let lastHide = 0;
9199
9200            return {
9201                opened: {},
9202                show(dialog, trigger) {
9203                    const focusTargetAfterHide = determineTrigger(this.$refs, dialog, trigger);
9204                    const name = typeof dialog === 'string' ? dialog : config.dialog;
9205                    const dialogElement = this.$refs[name];
9206                    if (! dialogElement) {
9207                         return;
9208                    }
9209                    const useOverlay = ! dialogElement.hasAttribute('x-no-overlay');
9210
9211                    dialogElement.scrollTop = 0;
9212
9213                     if (this.opened[name]) {
9214                        return;
9215                    }
9216
9217                    if (focusTargetAfterHide) {
9218                        focusTargetAfterHide.setAttribute('aria-expanded', 'true');
9219                    }
9220
9221                    this.opened[name] = true;
9222                    useOverlay && this.$nextTick(() => hyva.trapFocus(dialogElement));
9223                    setFocusAfterTransition(dialogElement, config.duration);
9224
9225                    const frame = {name, instance: this, focusTarget: focu
9225sTargetAfterHide, time: Date.now()};
9226
9227                    modals.push(frame);
9228                    if (useOverlay) {
9229                        document.body.classList.add('overflow-hidden');
9230                    }
9231                    return new Promise(resolve => frame.resolve = resolve);
9232                },
9233                cancel() {
9234                    this.hide(false);
9235                },
9236                ok() {
9237                    this.hide(true);
9238                },
9239                hide(value) {
9240                     if (Date.now() - lastHide < config.duration) {
9241                        return;
9242                    }
9243                    lastHide = Date.now();
9244
9245                    const modal = modals.pop() || {};
9246                    if (! modal.instance) {
9247                        return;
9248                    }
9249
9250                    const name = modal.name;
9251                    this.opened[name] = false;
9252                    hyva.releaseFocus(modal.instance.$refs[modal.name])
9253                    trapFocusInNextModalWithOverlay();
9254
9255                    const nextFocusAfterHide = modal.focusTarget;
9256                    nextFocusAfterHide && setTimeout(() => {
9257                        nextFocusAfterHide.setAttribute('aria-expanded', 'false');
9258                        nextFocusAfterHide.focus()
9259                    }, config.duration);
9260
9261                    if (modals.length === 0 || areRemainingModalsWithoutOverlay(modals)) {
9262                        document.body.classList.remove('overflow-hidden');
9263                    }
9264
9265                    modal.resolve(value);
9266                },
9267                overlay(dialog) {
9268                    dialog = this.$el.dataset.dialogRefName || dialog;
9269                    const name = typeof dialog === 'string' ? dialog : config.dialog;
9270                    return {
9271                        ['x-show']() {
9272                            return this.opened[name]
9273                        },
9274                        ['x-transition:enter']: config.transitionEnter,
9275                        ['x-transition:enter-start']: config.transitionEnterStart,
9276                        ['x-transition:enter-end']: config.transitionEnterEnd,
9277                        ['x-transition:leave']: config.transitionLeave,
9278                        ['x-transition:leave-start']: config.transitionLeaveStart,
9279                        ['x-transition:leave-end']: config.transitionLeaveEnd,
9280                        ['@hyva-modal-show.window'](event) {
9281                            event.detail && event.detail.dialog === name && this.show(name, event.detail.focusAfterHide)
9282                        }
9283                    };
9284                },
9285                showDialogOnInit() {
9286                    const parent = this.$el.closest('[data-dialog-ref-name]');
9287                    if (parent && parent.dataset.dialogRefName) {
9288                        this.$dispatch('hyva-modal-show', {dialog: parent.dataset.dialogRefName})
9289                    }
9290                }
9291            };
9292        }
9293
9294        window.hyva.modal.peek = () => modals.length > 0 && modals[modals.length -1]
9295
9296        window.hyva.modal.pop = function () {
9297            if (modals.length > 0) {
9298                const modal = modals[modals.length -1];
9299                modal.instance.hide();
9300            }
9301        }
9302
9303        window.hyva.modal.excludeSelectorsFromFocusTrap = function (selectors) {
9304            typeof selectors === 'string' || selectors instanceof String
9305                ? excludedFromFocusTrapping.add(selectors)
9306                : selectors.map(selector => excludedFromFocusTrapping.add(selector));
9307        }
9308
9309        window.hyva.modal.eventListeners = {
9310            keydown: event => {
9311                if (event.key === 'Escape') {
9312                    window.hyva.modal.pop();
9313                }
9314            },
9315             click: event => {
9316                if (modals.length > 0) {
9317                    const modal = modals[modals.length -1];
9318                    const dialog = modal.instance.$refs[modal.name];
9319                    if (modal.time + 50 < Date.now() && 
9320                        ! isOverlayDisabled(dialog) && 
9321                        ! dialog.contains(event.target)) { 
9322                        modal.instance.hide();
9323                    }
9324                }
9325            }
9326        };
9327
9328        document.addEventListener('keydown', window.hyva.modal.eventListeners.keydown);
9329
9330        document.addEventListener('click', window.hyva.modal.eventListeners.click);
9331    })();
9332    window.addEventListener('alpine:init', () => {
9333        Alpine.data('hyvaModal', window.hyva.modal);
9334    }, {once: true});</script>
9334 
9334<script>
9335    function calculateJavascriptVariables() {
9336           document.querySelector(':root').style.setProperty('--header-height', (document.querySelector('#header-sticky-wrapper')?.clientHeight || 0) + 'px');
9337                document.querySelector(':root').style.setProperty('--header-search-height', (document.querySelector('#search-content')?.clientHeight || 0) + 'px');
9338             
9339        window.dispatchEvent(new CustomEvent('javascript-variables-recalculated'))
9340    }
9341
9342    window.addEventListener('recalculate-javascript-variables', calculateJavascriptVariables)
9343    window.addEventListener('window-resize-horizontal', calculateJavascriptVariables)
9344    window.addEventListener('alpine:initialized', calculateJavascriptVariables)
9345
9346    calculateJavascriptVariables();
9347
9348    window.requestIdleCallback
9349        ? window.requestIdleCallback(() => calculateJavascriptVariables())
9350        : setTimeout(() => calculateJavascriptVariables(), 4000);</script>
9350 
9350<script>
9351    HeaderStick = function() {
9352    return {
9353        targetSelector: null,
9354        intersectionDetectionSelector: null,
9355        intersectionElementSelector: null,
9356        targetElement: null,
9357        intersectionElement: null,
9358        intersectionTriggerElement: null,
9359        initialized: null,
9360        init() {
9361            this.targetElement = document.querySelector(this.$el.getAttribute('data-target-selector'));
9362            this.intersectionElement = document.querySelector(this.$el.getAttribute('data-intersection-element-selector'));
9363            this.intersectionTriggerElement = document.querySelector(this.$el.getAttribute('data-intersection-detection-selector'));
9364
9365            this.$nextTick(() => this.actionSetInitialHeaderHeightVariable())
9366        },
9367        hasRequiredElements() {
9368            return this.targetElement instanceof Element && this.intersectionElement instanceof Element && this.intersectionTriggerElement instanceof Element
9369        },
9370        classHeaderWrapper() {
9371            const classes = []
9372
9373            if (this.initialized) {
9374                classes.push(this.$el.getAttribute('data-class-initialized'))
9375            }
9376
9377            return classes.join(' ')
9378        },
9379        actionSetInitialHeaderHeightVariable() {
9380            if (! this.hasRequiredElements()) {
9381                return
9382            }
9383
9384            const isTargetSticky = this.targetElement.classList.contains('sticks')
9385
9386            if (isTargetSticky) {
9387                this.removePositionFixedClasses(this.targetElement);
9388            }
9389
9390            const headerHeightInitial = this.targetElement.clientHeight
9391            document.querySelector(':root').style.setProperty('--header-height-initial',  headerHeightInitial + 'px');
9392
9393            const offsetTop = this.getAbsoluteOffsetTop(this.intersectionTriggerElement) + this.intersectionTriggerElement.clientHeight
9394            this.intersectionElement.style.top = offsetTop + 'px'
9395
9396            if (!this.initialized) {
9397                const observer = new IntersectionObserver(this.toggleStick.bind(this));
9398                observer.observe(this.intersectionElement);
9399
9400                this.initialized = true
9401            }
9402
9403            if (isTargetSticky) {
9404                this.addPositionFixedClasses(this.targetElement);
9405                window.requestAnimationFrame(() => this.triggerVariablesRecalculation())
9406            }
9407        },
9408        toggleStick(entries) {
9409            entries.forEach((entry) => {
9410                if (entry.target.id === this.intersectionElement.id) {
9411                    if (!entry.isIntersecting && entry.boundingClientRect.y < 0) {
9412                        this.addPositionFixedClasses(this.targetElement);
9413                    } else {
9414                        if (entry.isIntersecting) {
9415                            this.removePositionFixedClasses(this.targetElement);
9416                        }
9417                    }
9418                    window.requestAnimationFrame(() => this.triggerVariablesRecalculation())
9419                }
9420            });
9421        },
9422        addPositionFixedClasses(target) {
9423            if (target instanceof Element && !target.classList.contains('sticks')) {
9424                target.classList.add('sticks')
9425                document.body.classList.add('header-sticks')
9426            }
9427        },
9428        removePositionFixedClasses(target) {
9429            if (target instanceof Element && target.classList.contains('sticks')) {
9430                target.classList.remove('sticks')
9431                document.body.classList.remove('header-sticks')
9432            }
9433        },
9434        triggerVariablesRecalculation() {
9435            window.dispatchEvent(new CustomEvent('recalculate-javascript-variables'))
9436        },
9437        getAbsoluteOffsetTop(element) {
9438            const isTargetSticky = this.targetElement.classList.contains('sticks')
9439            let offset = 0;
9440            let currentElement = isTargetSticky ? element : element.offsetParent;
9441
9442            while (currentElement !== null) {
9443                offset += currentElement.offsetTop;
9444                offset -= currentElement.scrollTop;
9445                currentElement = currentElement.offsetParent;
9446            }
9447
9448            return offset;
9449        }
9450    }
9451}
9452
9453window.addEventListener(
9454    'alpine:init',
9455    () => Alpine.data('HeaderStick', HeaderStick),
9456    {once: true}
9457)
9458WindowResizeDirectionDetection = function () {
9459    function getDocumentWidth() {
9460        return window.innerWidth
9461    }
9462
9463    function getDocumentHeight() {
9464        return window.innerHeight
9465    }
9466
9467    return {
9468        previousWindowWidth: 0,
9469        previousWindowHeight: 0,
9470        init() {
9471            this.previousWindowWidth = getDocumentWidth()
9472            this.previousWindowHeight = getDocumentHeight()
9473        },
9474        actionHandleWindowResize() {
9475            const currentWidth = getDocumentWidth()
9476            const currentHeight = getDocumentHeight()
9477
9478            if (currentWidth !== this.previousWindowWidth) {
9479                this.$dispatch('window-resize-horizontal')
9480            }
9481
9482            if (currentHeight !== this.previousWindowHeight) {
9483                this.$dispatch('window-resize-vertical')
9484            }
9485
9486            this.previousWindowWidth = currentWidth
9487            this.previousWindowHeight = currentHeight
9488        }
9489    }
9490};
9491
9492window.addEventListener(
9493    'alpine:init',
9494    () => Alpine.data('WindowResizeDirectionDetection', WindowResizeDirectionDetection),
9495    {once: true}
9496)
9497const AlpineLightbox=function(){return{lightbox:{isVisible:!1},showLightbox(){this.lightbox.isVisible=!0},hideLightbox(){this.lightbox.isVisible=!1}}};function ClampElementContent(){return{isExpanded:!1,isRequiresToggleButton:!1,isProcessing:!1,init(){this.getIsRequiredToggleButton()},getIsRequiredToggleButton(){if(!this.isProcessing){this.isProcessing=!0;const i=this.isExpanded;this.isExpanded=!0,window.requestAnimationFrame(()=>{const t=this.$refs.content.scrollHeight;this.isExpanded=!1,window.requestAnimationFrame(()=>{var e=this.$refs.content.clientHeight;this.isRequiresToggleButton=e<t,this.isExpanded=i,this.isProcessing=!1})})}},eventListeners:{"x-on:window-resize-horizontal.window.debounce"(){this.getIsRequiredToggleButton()},"x-on:calculate-text-clamping.window.debounce"(){this.getIsRequiredToggleButton()}}}}const dispatchEventCalculateTextClamping=function(){window.dispatchEvent(new CustomEvent("calculate-text-clamping"))},TextBoxCollapseByProximity=(window.requestIdleCallback?window.requestIdleCallback(()=>
9497dispatchEventCalculateTextClamping):setTimeout(()=>dispatchEventCalculateTextClamping,4e3),function(t){return{seoText:null,shrinkHeight(){this.seoText.classList.add("seo-text-partial")},expandHeight(){this.seoText.classList.remove("seo-text-partial")},scrollToStart(){var e,t=function(e){let t=0;for(;t+=e.offsetTop,e=e.offsetParent;);return t}(this.seoText);e=.5*window.innerHeight,window.scrollTo({top:t-e})},initProximityObserver(){if(this.seoText=document.getElementById(t),this.seoText){const e=new IntersectionObserver((e,t)=>{e.forEach(e=>{e.isIntersecting&&(window.dispatchEvent(new CustomEvent("seo-text-shrink-height",{detail:{scrollToStart:!1}})),t.disconnect())})});e.observe(this.seoText)}},eventListeners:{"x-on:seo-text-shrink-height.window"(e){this.shrinkHeight(),e.detail.scrollToStart&&this.scrollToStart()},"x-on:seo-text-expand-height.window"(){this.expandHeight()}}}});class DeliveryTime{constructor(e,t){this.deliveryTimeLabels=e,this.allowedDeliveryTimeForOutputInListings=t,this.deliveryTimes=[],this.deliveryTimeTextColorInstantlyAvailable="formsuccess",this.deliveryTimeBgColorInstantlyAvailable="happygreen",this.deliveryTimeTextColorNotInstantlyAvailable="anthracite",this.deliveryTimeBgColorNotInstantlyAvailable="waitingyellow"}getDeliveryTimeLabelForProductList(e){return e===this.allowedDeliveryTimeForOutputInListings&&this.deliveryTimeLabels[e.toString()]||""}getCSSTextClass(e){return!0===e?"text-"+this.deliveryTimeTextColorInstantlyAvailable:"text-"+this.deliveryTimeTextColorNotInstantlyAvailable}getCSSBgClass(e){return!0===e?"bg-"+this.deliveryTimeBgColorInstantlyAvailable:"bg-"+this.deliveryTimeBgColorNotInstantlyAvailable}setGraphQlQueryDeliveryTimes(e){return!!Array.isArray(e)&&`query DeliveryTimes {deliveryTimes(ids:[${e.join()}]){id label qty_label instantly_available min_date max_date}}`}getDeliveryTimeByProductId(t){return this.deliveryTimes&&this.deliveryTimes.filter(e=>parseInt(e.id)===parseInt(t))||null}async fetchProductsDeliveryTimes(e,t,i=!1){let s=e;this.deliveryTimes.length&&!i&&this.deliveryTimes.forEach(i=>{s.forEach((e,t)=>{i.id===e&&delete s[t]})});e=this.setGraphQlQueryDeliveryTimes(s);if(e){const r=await themeServiceGraphQl.getData(e);i=await r.json(),e=i&&i.data&&i.data.deliveryTimes;e&&this.setDeliveryTimes(e,t)}}setDeliveryTimes(e,t){this.deliveryTimes.length?this.deliveryTimes=this.deliveryTimes.concat(e):this.deliveryTimes=e,this.dispatchDeliveryTimesLoadedEvent(t)}setCartGraphQlQueryDeliveryTimes(){return"query DeliveryTimesWithQty ($cartId:String!) {quoteDeliveryTimes(cartId: $cartId){item_id id label qty_label instantly_available min_date max_date}}"}async fetchCartItemsDeliveryTimes(e,t){var i=this.setCartGraphQlQueryDeliveryTimes();if(i){const s=await themeServiceGraphQl.postData(i,{cartId:e});i=await s.json(),e=i&&i.data&&i.data.quoteDeliveryTimes;e&&this.setDeliveryTimes(e,t)}}dispatchDeliveryTimesLoadedEvent(e){window.dispatchEvent(new CustomEvent("delivery-times-loaded",{detail:{origin:e}}))}}const themeServiceGraphQl={getData:async function(e=""){return fetch(BASE_URL+"graphql?query="+encodeURIComponent(e),{method:"GET",headers:{"Content-Type":"application/json",Store:CURRENT_STORE_CODE}}).catch(e=>{console.error(e)})},postData:async function(e="",t={}){return fetch(BASE_URL+"graphql",{method:"POST",headers:{"Content-Type":"application/json",Store:CURRENT_STORE_CODE},credentials:"include",body:JSON.stringify({query:e,variables:t})}).catch(e=>{console.error(e)})}};class ImageDescriptionLabel{constructor(e){this.labelOutputPattern=e}getImageDescriptionLabel(e){var t=e.originalName||e.name,e=e.attributeValueLabels&&JSON.parse(e.attributeValueLabels).manufacturer_label||e.manufacturer||"";return this.labelOutputPattern.replace("%1$s",e).replace("%2$s",t)}}const handleLazyComponents=function(){const t=["x-data","x-init","x-bind"],e=Array.from(document.querySelectorAll("[x-lazy-data]")),i=new IntersectionObserver(e=>{e.forEach(e=>{var s;e.isIntersecting&&(e=e.target,s=e,Alpine.mutateDom(()=>{t.forEach(e=>{var t=e.replace("x-","x-lazy-"),i=s.getAttribute(t);i&&(s.setAttribute(e,i),s.removeAttribute(t))})}),Alpine.initTree(s),i.unobserve(e))})});
9497e.forEach(e=>{i.observe(e)})};"loading"!==document.readyState?handleLazyComponents():window.addEventListener("DOMContentLoaded",handleLazyComponents);class Screen{constructor(e){this.screens=e,this.breakpoints=this.getBreakpoints(e)}getBreakpoints(t){const i={};return Object.keys(t).forEach(e=>{i[parseInt(t[e])]=e}),i}getScreen(t=document.documentElement.clientWidth){var e=tailwindScreens[Object.keys(tailwindScreens)[0]];if(t<parseInt(e))return"";let i=[];return Object.keys(this.breakpoints).reverse().every(e=>(i.push(this.breakpoints[e]),t<e)),i.pop()}getIsEqualOrLargerThan(e,t=document.documentElement.clientWidth){let i=[];return Object.keys(this.breakpoints).every(e=>e<=t&&(i.push(this.breakpoints[e]),!0)),i.includes(e)}setBrowserTouchFeaturesClass(){"function"==typeof window.Touch&&Boolean(navigator.maxTouchPoints)?document.body.classList.add("touch-device"):document.body.classList.add("pointer-device")}getIsOrientationLandscape(){return window.innerWidth>window.innerHeight}getIsOrientationPortrait(){return!this.getIsOrientationLandscape()}}const tailwindScreens={sm:"480px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},themeServiceScreen=new Screen(tailwindScreens),sortingTools=(themeServiceScreen.setBrowserTouchFeaturesClass(),function(){function s(e){if(!(e=(e=e.toLowerCase()).match(r)))return 0;var t=e[3],i=String(e[4]||"").length;return({s:-1,m:0,l:1}[e[5]]||0)*(t||i+1||1)}const r=/^(((\d+)x)|(x+))?([sml])/i;return{sorters:{clothing_sizes:{test:function(e,i){return e.reduce((e,t)=>e&&r.test(t[i]||t||""),!0)},compare:function(e,t,i){return s(e[i]||e||"")-s(t[i]||t||"")}}},sortObjectsByField(s,e,r="en",t=[]){const n=[].concat(e);if(t)for(let i of t)if(i.test(e,s))return n.sort((e,t)=>
9497i.compare(e,t,s)),n;return n.sort((e,t)=>{const i=e[s].replace(" ","");e=t[s].replace(" ","");return i.localeCompare(e,r,{numeric:!0,sensitivity:"base"})}),n}}}());class SwatchOutput{constructor(e){this.swatchUrl=e,this.sizeParameters={full:"&auto=format&w=208&h=160",thumb:"&auto=format&w=28&h=28&crop=entropy",listing:"&auto=format&w=11&h=11&crop=entropy"},this.desiredContrast=3}getSwatchDisplayInListing(e){const t=e.swatch_data&&e.swatch_data.value||!1;return t?"#"===t.charAt(0)?"background-color: "+t:"background-image: url("+this.swatchUrl+t+"?"+this.sizeParameters.listing+")":"display: none"}getSwatchImageUrl(e){const t=e.swatch_data&&e.swatch_data.value||!1;return t&&"#"!==t.charAt(0)?this.swatchUrl+t+"?"+this.sizeParameters.listing:""}hasLowContrast(e,t){e=this.hexToRgb(e);return!!e&&this.getContrast(e,this.hexToRgb(t))<this.desiredContrast}getLuminance(e,t,i){e=[e,t,i].map(function(e){return(e/=255)<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4)});return.2126*e[0]+.7152*e[1]+.0722*e[2]}getContrast(e,t){e=this.getLuminance(e.r,e.g,e.b),t=this.getLuminance(t.r,t.g,t.b);return(Math.max(e,t)+.05)/(Math.min(e,t)+.05)}hexToRgb(e){e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);return e?{r:parseInt(e[1],16),g:parseInt(e[2],16),b:parseInt(e[3],16)}:null}}BodyLock = function () {
9498    return {
9499        isEnabled: false,
9500        currentScrollTop: null,
9501        enableBodyLock() {
9502            this.currentScrollTop = document.documentElement.scrollTop;
9503            document.body.style.position = 'fixed';
9504            document.body.style.height = '100%';
9505            document.body.style.width = '100%';
9506            document.body.style.top = `-${this.currentScrollTop}px`;
9507            this.isEnabled = true;
9508        },
9509        disableBodyLock() {
9510            document.body.style.removeProperty('position');
9511            document.documentElement.scrollTo(
9512                0,
9513                this.currentScrollTop
9514            );
9515            document.body.style.removeProperty('height');
9516            document.body.style.removeProperty('width');
9517            document.body.style.removeProperty('top');
9518            this.isEnabled = false;
9519        },
9520        eventListeners: {
9521            ['@enable-body-lock.window']() {
9522                this.enableBodyLock();
9523            },
9524            ['@disable-body-lock.window']() {
9525                this.disableBodyLock();
9526            },
9527        },
9528    };
9529};
9530ScrollElementIntoView = function (targetElement, offsetTop = 0) {
9531    const positionInitial = getYPositionOnPage(targetElement);
9532    const positionTarget = positionInitial - offsetTop;
9533
9534    window.requestAnimationFrame(() => {
9535        window.scrollTo({
9536            top: positionTarget,
9537            behavior: "smooth",
9538        })
9539    })
9540
9541    function getYPositionOnPage(element) {
9542        let position = 0;
9543        do {
9544            position += element.offsetTop;
9545            element = element.offsetParent;
9546        } while (element);
9547        return position;
9548    }
9549};
9550</script>
9550 <span x-data="WindowResizeDirectionDetection" x-on:resize.window.debounce="actionHandleWindowResize"></span>   
9550<script>
9551    (() => {
9552        function src_default(Alpine) {
9553            Alpine.directive("intersect", Alpine.skipDuringClone((el, { value, expression, modifiers }, { evaluateLater, cleanup }) => {
9554                let evaluate = evaluateLater(expression);
9555                let options = {
9556                    rootMargin: getRootMargin(modifiers),
9557                    threshold: getThreshold(modifiers)
9558                };
9559                let observer = new IntersectionObserver((entries) => {
9560                    entries.forEach((entry) => {
9561                        if (entry.isIntersecting === (value === "leave"))
9562                            return;
9563                        evaluate();
9564                        modifiers.includes("once") && observer.disconnect();
9565                    });
9566                }, options);
9567                observer.observe(el);
9568                cleanup(() => {
9569                    observer.disconnect();
9570                });
9571            }));
9572        }
9573        function getThreshold(modifiers) {
9574            if (modifiers.includes("full"))
9575                return 0.99;
9576            if (modifiers.includes("half"))
9577                return 0.5;
9578            if (!modifiers.includes("threshold"))
9579                return 0;
9580            let threshold = modifiers[modifiers.indexOf("threshold") + 1];
9581            if (threshold === "100")
9582                return 1;
9583            if (threshold === "0")
9584                return 0;
9585            return Number(`.${threshold}`);
9586        }
9587        function getLengthValue(rawValue) {
9588            let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/);
9589            return match ? match[1] + (match[2] || "px") : void 0;
9590        }
9591        function getRootMargin(modifiers) {
9592            const key = "margin";
9593            const fallback = "0px 0px 0px 0px";
9594            const index = modifiers.indexOf(key);
9595            if (index === -1)
9596                return fallback;
9597            let values = [];
9598            for (let i = 1; i < 5; i++) {
9599                values.push(getLengthValue(modifiers[index + i] || ""));
9600            }
9601            values = values.filter((v) => v !== void 0);
9602            return values.length ? values.join(" ").trim() : fallback;
9603        }
9604
9605        document.addEventListener("alpine:init", () => {
9606            window.Alpine.plugin(src_default);
9607        });
9608    })();</script>
9608   
9608<script>
9609    for (const [selector, deferUntil] of Object.entries({".product-slider section[x-data]":"intersect",".product-info [x-data]":"intersect","#filters-content [x-data]":"intersect","#review_form":"intersect","section[x-data^=initRecentlyViewedProductsComponent]":"intersect","div[x-data^=initBundleOptions]":"intersect","#product_addtocart_form [x-data]":"intersect","#notice-cookie-block":"idle"})) {
9610        document.querySelectorAll(selector).forEach(el => el.setAttribute('x-defer', `${deferUntil}`));
9611    }</script>
9611   
9611<script>
9612    (function () {
9613        "use strict";
9614
9615        const hasAlpine = new Promise(resolve => {
9616            window.addEventListener('alpine:initialized', resolve, {once: true, passive: true});
9617        });
9618
9619        const hasInteract = new Promise(resolve => {
9620            (events => {
9621                const onInteract = () => {
9622                    resolve();
9623                    events.forEach(type => window.removeEventListener(type, onInteract));
9624                }
9625                events.forEach(type => window.addEventListener(type, onInteract, {once: true, passive: true}))
9626            })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown'])
9627        });
9628
9629        const onIntersect = (el) => {
9630            return new Promise(resolve => {
9631                const observer = new IntersectionObserver(entries => {
9632                    for (const entry of entries) {
9633                        if (entry.isIntersecting) {
9634                            observer.disconnect()
9635                            resolve();
9636                        }
9637                    }
9638                }, {});
9639                observer.observe(el);
9640            });
9641        }
9642
9643        function runComponent(el) {
9644            hasAlpine.then(() => {
9645                el.removeAttribute('x-ignore');
9646                queueMicrotask(() => Alpine.initTree(el));
9647            });
9648        }
9649
9650        function initDeferredComponents() {
9651            document.querySelectorAll('[x-data][x-defer]').forEach(el => {
9652                el.setAttribute('x-ignore', '');
9653                const deferUntil = (el.getAttribute('x-defer') || '').trim();
9654                switch (deferUntil) {
9655                    case 'interact':
9656                        hasInteract.then(() => runComponent(el));
9657                        break;
9658                    case 'intersect':
9659                        onIntersect(el).then(() => runComponent(el))
9660                        break;
9661                    case 'idle':
9662                        window.requestIdleCallback
9663                            ? window.requestIdleCallback(() => runComponent(el), {timeout: 4000})
9664                            : setTimeout(() => runComponent(el), 4000);
9665                        break;
9666                    case 'eager':
9667                        runComponent(el);
9668                        break;
9669                    default:
9670                        if (deferUntil.startsWith('event:') && deferUntil.length > 6) {
9671                            window.addEventListener(deferUntil.substring(6), () => runComponent(el), {once: true, passive: true});
9672                        }
9673                }
9674            });
9675        }
9676
9677        window.addEventListener('alpine:init', initDeferredComponents, {once: true, passive: true});
9678    })()</script>
vendor: 1,454 bytes, lines 9678-9679
9678<script>
9679(()=>{function g(n){n.directive("collapse",e),e.inline=(t,{modifiers:i})=>{i.includes("min")&&(t._x_doShow=()=>{},t._x_doHide=()=>{})};function e(t,{modifiers:i}){let r=l(i,"duration",250)/1e3,u=l(i,"min",0),h=!i.includes("min");t._x_isShown||(t.style.height=`${u}px`),!t._x_isShown&&h&&(t.hidden=!0),t._x_isShown||(t.style.overflow="hidden");let c=(d,s)=>{let o=n.setStyles(d,s);return s.height?()=>{}:o},f={transitionProperty:"height",transitionDuration:`${r}s`,transitionTimingFunction:"cubic-bezier(0.4, 0.0, 0.2, 1)"};t._x_transition={in(d=()=>{},s=()=>{}){h&&(t.hidden=!1),h&&(t.style.display=null);let o=t.getBoundingClientRect().height;t.style.height="auto";let a=t.getBoundingClientRect().height;o===a&&(o=u),n.transition(t,n.setStyles,{during:f,start:{height:o+"px"},end:{height:a+"px"}},()=>t._x_isShown=!0,()=>{t.getBoundingClientRect().height==a&&(t.style.overflow=null)})},out(d=()=>{},s=()=>{}){let o=t.getBoundingClientRect().height;n.transition(t,c,{during:f,start:{height:o+"px"},end:{height:u+"px"}},()=>t.style.overflow="hidden",()=>{t._x_isShown=!1,t.style.height==`${u}px`&&h&&(t.style.display="none",t.hidden=!0)})}}}}function l(n,e,t){if(n.indexOf(e)===-1)return t;let i=n[n.indexOf(e)+1];if(!i)return t;if(e==="duration"){let r=i.match(/([0-9]+)ms/);if(r)return r[1]}if(e==="min"){let r=i.match(/([0-9]+)px/);if(r)return r[1]}return i}document.addEventListener("alpine:init",()=>{window.Alpine.plugin(g)});})();</script>
9679 
9679<script type="module"
9680        src="https://shop.schoener-wohnen.de/static/version1790784317/frontend/DesignBestseller/schoener_wohnen/de_DE/Hyva_Theme/js/alpine3.min.js"
9681        defer
9682        crossorigin
9683></script>
9683 
9683<script>
9684    'use strict';
9685    function dispatchMessages(messages, hideAfter) {
9686        const messagesEvent = new CustomEvent("messages-loaded", {
9687            detail: {
9688                messages: messages,
9689                hideAfter: hideAfter
9690            }
9691        });
9692        window.dispatchEvent(messagesEvent);
9693    }
9694
9695 if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
9696        console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
9697    }
9698
9699    (function( hyva, undefined ) {
9700
9701        hyva.initFormKey = () => {
9702            const inputSelector = 'input[name="form_key"]',
9703                formKey = hyva.getFormKey();
9704
9705            Array.from(document.querySelectorAll(inputSelector)).map(function (input) {
9706                input.value = formKey
9707            });
9708        }
9709
9710        hyva.initMessages = () => {
9711            try {
9712                const messages = hyva.getCookie('mage-messages');
9713                window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : [];
9714
9715                dispatchMessages(window.mageMessages);
9716
9717                 const skipSetDomain = true;
9718                hyva.setCookie('mage-messages','', -1, skipSetDomain);
9719
9720            } catch (error) {
9721                console.warn('Error parsing Cookie Messages:', error);
9722            }
9723        }
9724
9725        window.addEventListener('DOMContentLoaded', hyva.initFormKey);
9726        hyva.alpineInitialized(hyva.initMessages)
9727
9728    }( window.hyva = window.hyva || {} ));</script>
9728 
9728<script>
9729    'use strict';
9730    {
9731        const private_content_key = 'mage-cache-storage';
9732        const private_content_expire_key = 'mage-cache-timeout';
9733        const private_content_version_key = 'private_content_version';
9734        const section_data_ids_key = 'section_data_ids';
9735        const mage_cache_session_id_key = 'mage-cache-sessid';
9736        const last_visited_store_key = 'last_visited_store';
9737
9738        const ttl = 259200;
9739
9740 if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
9741            console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
9742        }
9743
9744        function loadSectionData () {
9745            const browserStorage = hyva.getBrowserStorage();
9746            if (!browserStorage) {
9747                typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
9748                    [{
9749                        type: "warning",
9750                        text: "Please enable LocalStorage in your browser."
9751                    }]
9752                );
9753                return;
9754            }
9755            try {
9756                let isInvalid = false;
9757
9758 if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) {
9759                    isInvalid = true;
9760                }
9761                hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false);
9762
9763 if (!hyva.getCookie(mage_cache_session_id_key)) {
9764                    isInvalid = true;
9765                    browserStorage.removeItem(private_content_key);
9766                    const skipSetDomain = true;
9767                    const days = false;
9768                    hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain)
9769                }
9770
9771                const cookieVersion = hyva.getCookie(private_content_version_key);
9772                const storageVersion = browserStorage.getItem(private_content_version_key);
9773
9774                if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) {
9775                    isInvalid = true;
9776                }
9777
9778                const privateContentExpires = browserStorage.getItem(private_content_expire_key);
9779                if (privateContentExpires && new Date(privateContentExpires) < new Date()) {
9780                    browserStorage.removeItem(private_content_key);
9781                }
9782
9783                if (isInvalid && cookieVersion) {
9784                    fetchPrivateContent([]);
9785                } else if (cookieVersion && storageVersion && cookieVersion === storageVersion) {
9786                    const privateContent = JSON.parse(browserStorage.getItem(private_content_key));
9787                    if (
9788                        privateContent &&
9789                        privateContentExpires &&
9790                        privateContent.cart &&
9791                        privateContent.customer
9792                    ) {
9793                        dispatchPrivateContent(privateContent);
9794                    } else {
9795                        fetchPrivateContent([]);
9796                    }
9797                } else {
9798                    if (document.getElementById('default-section-data')) {
9799                        const privateContent = JSON.parse(document.getElementById('default-section-data').innerText.trim());
9800                        dispatchPrivateContent(privateContent);
9801                    } else {
9802                        dispatchPrivateContent({});
9803                    }
9804                }
9805
9806            } catch (error) {
9807                console.warn('Error retrieving Private Content:', error);
9808            }
9809        }
9810
9811        hyva.alpineInitialized(loadSectionData)
9812        window.addEventListener('reload-customer-section-data', loadSectionData);
9813
9814 window.processSectionDataBeforeDispatch = window.processSectionDataBeforeDispatch || (data => data);
9815
9816        function dispatchPrivateContent(data) {
9817
9818            const privateContentEvent = new CustomEvent("private-content-loaded", {
9819                detail: {
9820                    data: window.processSectionDataBeforeDispatch(data)
9821                }
9822            });
9823            window.dispatchEvent(privateContentEvent);
9824        }
9825
9826 function fetchPrivateContent(sections) {
9827            fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, {
9828                method: 'GET',
9829                headers: {
9830                    'Content-Type': 'application/json',
9831                    'X-Requested-With': 'XMLHttpRequest'
9832                }
9833            })
9834                .then(response => response.ok && response.json())
9835                .then(
9836                    data => {
9837                        if (data) {
9838                            try {
9839                                const browserStorage = hyva.getBrowserStorage();
9840
9841                                
9842                                const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}') || {};
9843
9844 if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) {
9845                                    delete oldSectionData['checkout-data'];
9846                                }
9847                                const newSectionData = Object.assign(oldSectionData, data);
9848
9849                                dispatchPrivateContent(newSectionData);
9850
9851                                
9852                                if (newSectionData.messages && newSectionData.messages.messages ) {
9853                                    newSectionData.messages.messages = [];
9854                                }
9855
9856                                browserStorage.setItem(private_content_key, JSON.stringify(newSectionData));
9857
9858                                const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString();
9859                                browserStorage.setItem(private_content_expire_key, expiresAt);
9860
9861                                const newCookieVersion = hyva.getCookie(private_content_version_key);
9862                                browserStorage.setItem(private_content_version_key, newCookieVersion);
9863
9864                                
9865                                
9866                                hyva.setCookie(
9867                                    section_data_ids_key,
9868                                    JSON.stringify(
9869                                        Object.keys(data).reduce((sectionDataIds, sectionKey) => {
9870                                            sectionDataIds[sectionKey] = data[sectionKey]['data_id'];
9871                                            return sectionDataIds;
9872                                        }, {})
9873                                    ),
9874                                    false,
9875                                    true
9876                                );
9877                            } catch (error) {
9878                                console.warn("Couldn't store privateContent", error);
9879                            }
9880                        }
9881                    }
9882                );
9883        }
9884    }</script>
9884 
9884<script>
9885    (() => {
9886        document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc()));
9887    })()</script>
9887 
9887<script>
9888    (events => {
9889        const dispatchUserInteractionEvent = () => {
9890            events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent))
9891            window.dispatchEvent(new Event('init-external-scripts'))
9892        };
9893        events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true}))
9894    })(['touchstart', 'mousemove', 'wheel', 'scroll', 'keydown'])</script>
9894 
9894<script>
9895    const themeServiceImageDescriptionLabel = new ImageDescriptionLabel('%1$s - %2$s');</script>
9895 
9895<script>
9896    const themeServiceDeliveryTime = new DeliveryTime({"0d":"sofort lieferbar","6-10d":"6 - 10 Werktage","1-2w":"1 - 2 Wochen","1-3w":"1 - 3 Wochen","2-4w":"2 - 4 Wochen","3-4w":"3 - 4 Wochen","4-6w":"4 - 6 Wochen","6-8w":"6 - 8 Wochen","8-10w":"8 - 10 Wochen","8-12w":"8 - 12 Wochen","10-12w":"10 - 12 Wochen","12-14w":"12 - 14 Wochen","ns":"lieferbar kommende Saison","na":"Currently not available","":"Currently not available"}, '0d');</script>
9896 
9896<script>
9897    const themeServiceSwatchOutput = new SwatchOutput('https://dbs-base.imgix.net/media/attribute/swatch');</script>
9897 
9897<script>
9898    class ProductBadges {
9899
9900        constructor() {
9901            this.badgeData = {"sale":{"styles":"background-color: #e87f6d;color: #340622;","type":"sale"},"new":{"styles":"background-color: #340622;color: #faf5f4;","type":"new","badge_text":"Neuheit"},"28":{"badge_text":"Geschenk","styles":"background-color: #340622;color: #faf5f4;","type":1,"can_use_from_parent":false},"62":{"badge_text":"Limitierte St\u00fcckzahl","styles":"background-color: #340622;color: #faf5f4;","type":1,"can_use_from_parent":false},"11":{"badge_text":"Vorteilspreis","styles":"background-color: #E9F6FB;color: #62787F;","type":6,"can_use_from_parent":false},"38":{"badge_text":"Redaktionsfavorit","styles":"background-color: #ab968b;color: #340622;","type":6,"can_use_from_parent":false},"159":{"badge_text":"Klassiker","styles":"background-color: #faf5f4;color: #340622;","type":5,"can_use_from_parent":true},"4":{"badge_text":"Nachhaltig","styles":"background-color: #62664e;color: #faf5f4;","type":4,"can_use_from_parent":false},"priority":[{"priority":"1","id":"1","title":"Promotion","text":"Aktion","attribute_code":"product_banner_type_promotion"},{"priority":"2","id":"2","title":"Point of Sale","text":"Galeries LaFayette","attribute_code":"product_banner_type_pos"},{"priority":"3","id":"3","title":"Selected","text":"Selected","attribute_code":"product_banner_type_selected"},{"priority":"4","id":"6","title":"Editorial","text":"Redaktionsfavorit","attribute_code":"product_banner_type_editorial"},{"priority":"5","id":"5","title":"Marketing","text":"Klassiker","attribute_code":"product_banner_type_marketing"},{"priority":"6","id":"4","title":"Sustainability","text":"Nachhaltig","attribute_code":"product_banner_type_sustainability"},{"priority":"7","id":"7","title":"Exclusive","text":"Exklusiv","attribute_code":"product_banner_type_exclusive"}]};
9902            this.treshold = 2;
9903        }
9904
9905        getBadges(productItem) {
9906            if (productItem) {
9907                const productBadges = []
9908
9909                const saleBadge = this.getSaleBadge(productItem)
9910                if (saleBadge) productBadges.push(saleBadge)
9911
9912                const newBadge = this.getNewBadge(productItem)
9913                if (newBadge) productBadges.push(newBadge)
9914
9915                if (productBadges.length === this.treshold) {
9916                    return productBadges
9917                }
9918
9919                return this.getProductBannerBadges(productItem, productBadges)
9920            }
9921
9922            return null
9923        }
9924
9925        getNewBadge(productItem) {
9926            return productItem.is_new_product && this.getNewOutput() || null
9927        }
9928
9929        getNewOutput() {
9930            return this.badgeData['new']
9931        }
9932
9933        getSaleBadge(productItem) {
9934            return productItem.price_information && productItem.price_information.has_sale_price && this.getSaleOutput(productItem) || null
9935        }
9936
9937        getSaleOutput(productItem) {
9938            const discount = productItem.price_information.discount
9939
9940            if (discount) {
9941                const saleBadgeData = {}
9942                Object.assign(saleBadgeData, this.badgeData['sale'])
9943                saleBadgeData['badge_text'] = discount
9944                return saleBadgeData
9945            }
9946
9947            return null
9948        }
9949
9950        getProductBannerBadges(productItem, productBadges) {
9951            const priority = this.badgeData.priority
9952
9953            for (const item in priority) {
9954                if (productBadges.length === this.treshold) {
9955                    return productBadges
9956                }
9957
9958                const parentProduct = productItem.parentProduct;
9959                const badgeAttribute = priority[item].attribute_code;
9960
9961                if (productItem[badgeAttribute] && this.badgeData[productItem[badgeAttribute]]) {
9962                    productBadges.push(this.badgeData[productItem[badgeAttribute]]);
9963                } else if (parentProduct &&
9964                    parentProduct[badgeAttribute] &&
9965                    this.badgeData[parentProduct[badgeAttribute]] &&
9966                    this.badgeData[parentProduct[badgeAttribute]].can_use_from_parent
9967                ) {
9968                    productBadges.push(this.badgeData[parentProduct[badgeAttribute]]);
9969                }
9970            }
9971
9972            return productBadges;
9973        }
9974    }
9975
9976    const themeServiceBadges = new ProductBadges();</script>
9976<script src="https://shop.schoener-wohnen.de/media/js-cache/dbsh.scw.systems/x.min.js?v=1790784317" defer="defer"></script>
vendor: 2 bytes, line 9976
9976
9977<script>window.addPAC = function (c, e) { document.cookie = 'PAC=' + c + ';' + e + ';' }</script>
vendor: 2 bytes, line 9977
9977
9978<script data-usercentrics="Particular Audience" src="https://cdn.particularaudience.com/js/sswde/t.js" defer></script>
9978<script>
9979    'use strict';
9980
9981    const grecaptchaV2LoadCallbacks = [];
9982
9983    function executeRecaptchaLoadCallbacks () {
9984        while (window.grecaptcha && grecaptchaV2LoadCallbacks.length > 0) {
9985            const callback = grecaptchaV2LoadCallbacks.pop();
9986            typeof callback === 'string' ? window[callback]() : callback();
9987        }
9988    }
9989
9990    (function() {
9991        const loadRecaptchaScript = (event) => {
9992
9993            if (window.grecaptcha || !event.target.form) {
9994                return;
9995            }
9996
9997            const url = 'https://www.google.com/recaptcha/api.js?onload=executeRecaptchaLoadCallbacks';
9998            const siteKey = '';
9999            const script = document.createElement('script');
10000            script.type = 'text/javascript';
10001            script.src = siteKey ? `${url}&render=${siteKey}` : `${url}&render=explicit`;
10002            script.async = true;
10003            document.head.appendChild(script);
10004
10005            script.addEventListener('load', () => {
10006                Array.from(document.querySelectorAll('button[data-recaptcha-btn]:disabled')).forEach(btn => btn.removeAttribute('disabled'));
10007            });
10008        }
10009
10010        window.forceLoadRecaptchaScript = (form) => {
10011            loadRecaptchaScript({target: {form: form || 'dummy'}});
10012            executeRecaptchaLoadCallbacks();
10013        };
10014
10015        document.body.addEventListener('input', loadRecaptchaScript, { once: true });
10016        document.body.addEventListener('focus', loadRecaptchaScript, { once: true });
10017
10018    }());
10019
10020</script>
10020
10021    <div x-data="ScrollToTop"
10022         x-on:resize.window.debounce="init"
10023         x-on:scroll.window.debounce="examineScrollPosition"
10024         x-on:scroll-to-top:show.window="show"
10025         x-on:scroll-to-top:hide.window="hide"
10026    >
10027        <button type="button" x-on:click="scrollUp"
10028                class="fixed&#x20;z-30&#x20;right-1&#x20;bg-foggray&#x20;w-8&#x20;h-8&#x20;rounded&#x20;transition&#x20;transform&#x20;translate-y&#x20;duration-400&#x20;p-2&#x20;opacity-100&#x20;-translate-y-1&#x2F;2&#x20;bottom-1&#x2F;4"
10029                :class="classButton"
10030                aria-label="Nach&#x20;oben&#x20;scrollen"
10031                data-class-visible=""
10032                data-class-invisible="hidden"
10033        >
10034            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 99" class="h-4 w-auto text-anthracite" width="24" height="24" aria-hidden="true">
10035  <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" d="M93.9 45.9S50.6 3 50 3C49.5 3 6.1 45.9 6.1 45.9M50 3v94"/>
10036</svg>
10037        </button>
10038    </div>
10039    
10039<script>
10040        function ScrollToTop() {
10041            const viewportHeightsThreshold = 4;
10042            const scrollYThreshold = 100;
10043            const observerTargetElementIdentifier = '.page-footer';
10044            return {
10045                isExcessivePageHeight: null,
10046                isVisible: false,
10047                init() {
10048                    this.isExcessivePageHeight = (document.body.offsetHeight / window.innerHeight) > viewportHeightsThreshold;
10049                    if (!this.isExcessivePageHeight) this.initObserver();
10050                    this.$nextTick(() => this.examineScrollPosition())
10051                },
10052                initObserver() {
10053                    const observer = new IntersectionObserver((entries) => {
10054                        entries.forEach(entry => {
10055                            if (entry.isIntersecting) {
10056                                this.show();
10057                            } else {
10058                                this.hide();
10059                            }
10060                        });
10061                    });
10062                    const targetElement = document.querySelector(observerTargetElementIdentifier);
10063                    observer.observe(targetElement);
10064                },
10065                scrollUp() {
10066                    document.documentElement.scrollTo({
10067                        top: 0,
10068                        behavior: "smooth"
10069                    })
10070                },
10071                show() {
10072                    this.isVisible = true;
10073                },
10074                hide() {
10075                    this.isVisible = false;
10076                },
10077                examineScrollPosition() {
10078                    if (this.isExcessivePageHeight) {
10079                        if (window.scrollY > scrollYThreshold) {
10080                            this.show();
10081                        } else {
10082                            this.hide();
10083                        }
10084                    }
10085                },
10086                classButton() {
10087                    const classes = []
10088                    if (this.isVisible) {
10089                        const invisibleClassString = this.$el.getAttribute('data-class-invisible')
10090                        if (invisibleClassString) {
10091                            const invisibleClassArray = this.$el.getAttribute('data-class-invisible').split(' ')
10092                            invisibleClassArray.forEach((cssClass) => {
10093                                this.$el.classList.remove(cssClass)
10094                            })
10095                        }
10096                        classes.push(this.$el.getAttribute('data-class-visible'))
10097                    } else {
10098                        classes.push(this.$el.getAttribute('data-class-invisible'))
10099                    }
10100                    return classes.join(' ')
10101                }
10102            }
10103        }
10104        window.addEventListener('alpine:init', () => Alpine.data('ScrollToTop', ScrollToTop), {once: true})
10105    </script>
10105
10106    
10106<script>
10107    function CustomerAccountLinks() {
10108        return {
10109            isOpen: false,
10110            actionOpen() {
10111                this.isOpen = true
10112            },
10113            actionClose() {
10114                this.isOpen = false
10115            },
10116            classButtonCustomerAccountLinks() {
10117                const classes = []
10118
10119                if (this.isOpen) {
10120                    classes.push(this.$el.getAttribute('data-class-open'))
10121                }
10122
10123                return classes.join(' ')
10124            },
10125            isAriaExpanded() {
10126                return this.isOpen
10127            },
10128            isShowPopover() {
10129                return this.isOpen
10130            },
10131            dispatchOpenCustomerAccount() {
10132                this.$dispatch('customer-account-open')
10133            }
10134        }
10135    }
10136
10137    window.addEventListener('alpine:init', () => Alpine.data('CustomerAccountLinks', CustomerAccountLinks), {once: true})
10138</script>
10138
10139<div x-data="BodyLock()"
10140     x-bind="eventListeners"
10141     x-on:show-navigation.window="enableBodyLock()"
10142     x-on:close-navigation.window="disableBodyLock()"
10143></div>
10144 <div class="add-to-cart" x-data="AddToCart()" x-bind="eventListeners"></div>
10144<script>
10145    function AddToCart() {
10146        const defaultQty = 1;
10147
10148        return {
10149            cartId: '',
10150            qty: defaultQty,
10151            isBusy: false,
10152            sku: null,
10153            currentVariantSku: null,
10154            selectedOptions: null,
10155            addToCartQuery: `mutation addProductToCart($cartId: String!, $cartItems: [CartItemInput!]!) {
10156  addProductsToCart(cartId: $cartId, cartItems: $cartItems) {
10157    cart {
10158      items {
10159        prices {
10160          price_incl_tax {
10161            value
10162          }
10163        }
10164        ... on ConfigurableCartItem {
10165          child_sku
10166          childProduct {
10167            id
10168            name
10169            sku
10170            availability
10171            item_delivery_days
10172          }
10173          configurable_options {
10174            configurable_product_option_uid
10175            configurable_product_option_value_uid
10176            option_label
10177            value_label
10178            value_id
10179          }
10180        }
10181        product {
10182          id
10183          name
10184          sku
10185          attributeValueLabels(fields: ["manufacturer"])
10186          small_image {
10187            url
10188          }
10189          availability
10190          item_delivery_days
10191        }
10192        quantity
10193      }
10194    }
10195    user_errors {
10196      message
10197      code
10198    }
10199  }
10200}
10201`,
10202             setCartIdByCustomerData(customerData) {
10203                if (customerData && customerData.cart && customerData.cart.cartId) {
10204                    this.cartId = customerData.cart.cartId
10205                    this.isBusy = false
10206                }
10207            },
10208            getSelectedValuesAsBase64() {
10209                 const selectedOptions = []
10210                if (this.selectedOptions) {
10211                    for (const attributeId in this.selectedOptions) {
10212                        if (this.selectedOptions.hasOwnProperty(attributeId) && Number(attributeId)) {
10213                            selectedOptions.push('"' + btoa('configurable/' + attributeId + '/' + this.selectedOptions[attributeId]) + '"')
10214                        }
10215                    }
10216                }
10217                return selectedOptions
10218            },
10219            getCurrentItemDataStructure() {
10220                return [{
10221                    sku: this.sku,
10222                    quantity: parseFloat(this.qty),
10223                    selected_options: this.getSelectedValuesAsBase64()
10224                }]
10225            },
10226            addToCart() {
10227                if (!this.isBusy) {
10228
10229                    this.isBusy = true
10230
10231                    const queryString = window.location.search;
10232                    const urlParams = new URLSearchParams(queryString);
10233                    const pv2Parameter = urlParams.has('pv2') ? '?pv2='+urlParams.get('pv2') : '';
10234
10235                    fetch('https://shop.schoener-wohnen.de/graphql'+pv2Parameter, {
10236                            method: 'POST',
10237                            headers: {
10238                                'Content-Type': 'application/json',
10239                                'X-Requested-With': 'XMLHttpRequest',
10240                                'Store': 'sws_de_de',
10241                                credentials: 'include'
10242                            },
10243                            body: JSON.stringify({
10244                                query: this.addToCartQuery,
10245                                variables: {
10246                                    "cartId": this.cartId,
10247                                    "cartItems": this.getCurrentItemDataStructure()
10248                                }
10249                            })
10250                        }
10251                    ).then((response) => {
10252                            return response.json()
10253                        }
10254                    ).then((data) => {
10255                        if (data && data.data && data.data.addProductsToCart && data.data.addProductsToCart?.user_errors && data.data.addProductsToCart?.user_errors.length || data.errors) {
10256                            this.initErrorMessages(data.data?.addProductsToCart?.user_errors || data.errors)
10257                            this.isBusy = false
10258                            window.dispatchEvent(new CustomEvent("is-add-to-cart-error", {detail: {sku: this.sku}}))
10259                            return false
10260                        }
10261
10262                        const cartItems = data && data.data && data.data.addProductsToCart && data.data.addProductsToCart.cart && data.data.addProductsToCart.cart.items || []
10263
10264                         let cartItem = cartItems.find(item => item.product && item.product.sku && parseInt(item.product.sku) === parseInt(this.currentVariantSku)) || {}
10265                        if (!cartItem.product) {
10266                            cartItem = cartItems.find(item => item.child_sku && parseInt(item.child_sku) === parseInt(this.currentVariantSku)) || {}
10267                        }
10268                        if (cartItem.product) {
10269                            this.initAddToCartConfirmationPopup(cartItem)
10270                        }
10271
10272                        this.isBusy = false
10273
10274                        window.dispatchEvent(
10275                            new CustomEvent(
10276                                "is-add-to-cart-success",
10277                                {
10278                                    detail:
10279                                        {
10280                                            sku: this.sku,
10281                                            currentVariantSku: this.currentVariantSku,
10282                                            cartItems: cartItems
10283                                        }
10284                                }
10285                            )
10286                        );
10287                    }).catch(error => {
10288                        console.error(error)
10289                        typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
10290                            [{
10291                                type: "error",
10292                                text: "Es\u0020ist\u0020ein\u0020Fehler\u0020aufgetreten.\u0020Bitte\u0020versuchen\u0020Sie\u0020es\u0020erneut."
10293                            }], 10000
10294                        )
10295                    }).finally(() => {
10296                        this.reloadCustomerData()
10297                    })
10298                }
10299            },
10300            initAddToCartConfirmationPopup(cartItem) {
10301                window.dispatchEvent(new CustomEvent("add-to-cart-confirmation-popup-call", {
10302                    detail: {
10303                        cartItem: cartItem,
10304                        smallImage: this.smallImage
10305                    }
10306                }))
10307
10308            },
10309            clearErrorMessages() {
10310                window.dispatchEvent(new CustomEvent('clear-messages'))
10311            },
10312            initErrorMessages(errors) {
10313                let messages = []
10314                for (const error in Object.keys(errors)) {
10315                    messages.push({type: 'error', text: errors[error].message})
10316                }
10317                typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(messages)
10318            },
10319            reloadCustomerData() {
10320                const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data")
10321                window.dispatchEvent(reloadCustomerDataEvent)
10322            },
10323            eventListeners: {
10324                ['x-on:private-content-loaded.window'](event) {
10325                    this.setCartIdByCustomerData(event.detail.data)
10326                },
10327                ['x-on:addtocart.window'](event) {
10328                    this.sku = event.detail.sku;
10329                    this.currentVariantSku = event.detail.currentVariantSku || event.detail.sku;
10330                    this.selectedOptions = event.detail.selectedOptions || [];
10331                    this.smallImage = event.detail.smallImage || null;
10332                    this.qty = event.detail.qty || defaultQty;
10333
10334                    if (this.sku) {
10335                        this.addToCart()
10336                    }
10337                },
10338            }
10339        }
10340    }</script>
10340 <div class="fixed z-50 top-0 right-0 w-96 py-4 px-8 bg-stonegray-lighter" x-cloak x-show="show" x-data="AddToCartConfirmationPopup()" x-bind="eventListeners" x-on:click.outside="closePopup()" x-on:mouseenter="clearAutoCloseTimeout()" x-on:mouseleave="initAutoCloseTimeout()"><div class="flex flex-row items-start justify-between pb-6"><div class="flex flex-row items-start"><span class="text-happygreen mr-2"><svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24.299999 17.29994" stroke="currentColor" class="h-4 w-auto" role="img">
10341    <path d="M22.8 1.5L8.5 15.8 1.5 9" stroke-width="3" stroke-miterlimit="10" stroke-linejoin="round" stroke-linecap="round" fill="none"/>
10342</svg>
10343</span> <span class="font-medium">Produkt dem Warenkorb hinzugefügt</span></div><div class="w-6 text-black cursor-pointer" x-on:click="closePopup()"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 103" class="h-5 w-auto" width="24" height="24" role="img">
10344  <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M6.4 3.6l90 90m-90 0l90-90"/>
10345</svg>
10346</div></div><template x-if="cartItem"><div class="grid grid-cols-8"><div></div><div class="col-span-6 flex flex-row"><div class="w-24"><img :src="getThumbnail()" :alt="cartItem.product.name"/></div><div class="pl-4 w-full text-xs"><span class="block" x-text="JSON.parse(cartItem.product.attributeValueLabels).manufacturer_label"></span> <span class="block" x-text="cartItem.product.name"></span> <template x-if="cartItem.configurable_options"><div><template x-for="option in cartItem.configurable_options"><p class="text-xxs first:mt-1 last:mb-1"><span x-text="option.option_label"></span>: <span x-text="option.value_label"></span></p></template></div></template><span class="block text-xs" x-text="getPrice()"></span></div></div><div></div></div></template><div class="pt-4"><a class="button button-flat button-fill w-full" href="https://shop.schoener-wohnen.de/checkout/cart/">Warenkorb ansehen</a></div></div>
10346<script>
10347    function AddToCartConfirmationPopup() {
10348        return {
10349            cartItem: null,
10350            show: false,
10351            autoCloseTimeoutId: null,
10352            smallImage: null,
10353            closePopup() {
10354                this.show = false
10355            },
10356            getPrice() {
10357                const price = this.cartItem.prices && this.cartItem.prices.price_incl_tax && this.cartItem.prices.price_incl_tax.value || null
10358                return hyva.formatPrice(price) || ''
10359            },
10360            getThumbnail() {
10361                const image = this.smallImage || this.cartItem.product.small_image.url
10362                return image + '?auto=format,compress&q=75&trim=color&trim-color=ffffff&trim-tol=15&fit=fill&bg=ffffff&pad=7&w=68&h=68'
10363            },
10364            clearAutoCloseTimeout() {
10365                if (this.autoCloseTimeoutId) {
10366                    clearTimeout(this.autoCloseTimeoutId)
10367                }
10368            },
10369            initAutoCloseTimeout() {
10370                this.clearAutoCloseTimeout()
10371
10372                this.autoCloseTimeoutId = setTimeout(() => this.closePopup(), 5000)
10373            },
10374            eventListeners: {
10375                ['x-on:add-to-cart-confirmation-popup-call.window'](event) {
10376                    this.cartItem = event.detail.cartItem;
10377                    this.smallImage = event.detail.smallImage
10378                    this.show = true;
10379                    this.initAutoCloseTimeout()
10380                },
10381            }
10382        }
10383    }</script>
10383  
10383<script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"Product","name":"About a Chair AAC 22","image":"https:\/\/dbs-base.imgix.net\/media\/catalog\/product\/a\/a\/aa207-d126-aa51_aac_22_pale_peach_2.0_shell_wb_lacquered_oak_base_new.jpg?auto=format","description":"Das unverg\u00e4ngliche Design und der ph\u00e4nomenale Komfort machen den von Top Label HAY angebotenen About a Chair AAC 22 zu einem optimalen Stuhl. Hee Welling hat mit diesem formsch\u00f6nen Modell einen eindrucksvollen Hingucker erschaffen, der sich problemlos in jeden Essbereich einfindet. Mit dieser Kreation erh\u00e4lt die About a Chair Serie ein weiteres beeindruckendes Mitglied. Produziert wird dieses besondere Design M\u00f6bel in D\u00e4nemark. W\u00e4hlen Sie anhand Ihrer r\u00e4umlichen Begebenheiten die f\u00fcr Sie optimale Gr\u00f6\u00dfe des Objekts aus. Durch den Mix aus Eiche und Esche und Kunststoff wird das Erscheinungsbild des Esszimmerstuhls besonders au\u00dfergew\u00f6hnlich. Dieses Design kann in zahlreichen Farbvarianten bestellt werden. Es stehen unterschiedliche Gestellvarianten zur Verf\u00fcgung.","sku":"903180222","brand":{"@type":"Brand","name":"HAY"},"gtin13":"4065754132311","productID":"17572","color":"pale peach 2.0","category":"Marken","offers":{"@type":"Offer","url":"https:\/\/shop.schoener-wohnen.de\/hay-about-a-chair-aac-22.html","priceCurrency":"EUR","price":339,"priceValidUntil":"2031-10-02","itemCondition":"https:\/\/schema.org\/NewCondition","availability":"https:\/\/schema.org\/InStock","availabilityStarts":"2026-10-02"},"aggregateRating":{"@type":"AggregateRating","worstRating":1,"bestRating":5,"ratingCount":2,"reviewCount":2,"ratingValue":5},"review":[{"@type":"Review","author":{"@type":"Person","name":"Michel "},"datePublished":"2021-10-01 10:30:06","description":"Sitzh\u00f6he ist wie gemacht f\u00fcr mich. Qualit\u00e4t und Optik sind einfach nur 1A! Stuhl kommt au\u00dferdem auch schon montiert, super easy alles.","reviewRating":{"@type":"Rating","worstRating":1,"bestRating":5,"ratingValue":5}},{"@type":"Review","author":{"@type":"Person","name":"Jutta Mark"},"datePublished":"2021-10-06 04:09:42","description":"Ein wahrer Blickfang. Die verschiedenen Farben lassen sich stilsicher kombinieren und sind unfassbar gem\u00fctlich\r\n","reviewRating":{"@type":"Rating","worstRating":1,"bestRating":5,"ratingValue":5}}]}</script>
10383  
10383<script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":{"@type":"WebPage","@id":"https:\/\/shop.schoener-wohnen.de\/"}},{"@type":"ListItem","position":2,"name":"Marken","item":{"@type":"WebPage","@id":"https:\/\/shop.schoener-wohnen.de\/\/marken\/"}},{"@type":"ListItem","position":3,"name":"HAY","item":{"@type":"WebPage","@id":"https:\/\/shop.schoener-wohnen.de\/\/hay\/"}},{"@type":"ListItem","position":4,"name":"Kollektionen","item":{"@type":"WebPage","@id":"https:\/\/shop.schoener-wohnen.de\/\/hay-kollektionen\/"}},{"@type":"ListItem","position":5,"name":"About a Chair","item":{"@type":"WebPage","@id":"https:\/\/shop.schoener-wohnen.de\/\/hay-about-a-chair\/"}},{"@type":"ListItem","position":6,"name":"About a Chair AAC 22","item":{"@type":"WebPage","@id":"https:\/\/shop.schoener-wohnen.de\/hay-about-a-chair-aac-22.html"}}]}</script>
vendor: 1 bytes, line 10383
10383
10384<script>
10385    'use strict';
10386    (function () {
10387
10388        const useGraphQL = false;
10389
10390                                        function getCurrentProductDataForRecentlyViewedList() {
10391                        // Match GraphQL response structure
10392            return {
10393                id: 17572,
10394                name: 'About\u0020a\u0020Chair\u0020AAC\u002022',
10395                small_image: {
10396                    label: 'HAY\u0020\u002D\u0020About\u0020a\u0020Chair\u0020AAC\u002022\u0020\u002D\u00204',
10397                    url: 'https\u003A\u002F\u002Fdbs\u002Dproduct.imgix.net\u002Fa\u002Fa\u002Faa207\u002Dd141\u002Daa51_aac_22_dusty_mint_2.0_shell_wb_lacquered_oak_base_new.jpg\u003Fauto\u003Dcompress\u0026amp\u003Bq\u003D75\u0026amp\u003Btrim\u003Dcolor\u0026amp\u003Btrim\u002Dcolor\u003Dffffff\u0026amp\u003Btrim\u002Dtol\u003D15\u0026amp\u003Bfit\u003Dfill\u0026amp\u003Bbg\u003Dffffff'
10398                },
10399                url_key: 'hay\u002Dabout\u002Da\u002Dchair\u002Daac\u002D22',
10400                url_suffix: '.html',
10401                visibility: 4,
10402                status: 1,
10403                price_range: {
10404                    minimum_price: {
10405                        regular_price: {
10406                            value: 339,
10407                            currency: 'EUR'
10408                        },
10409                        final_price: {
10410                            value: 287,
10411                            currency: 'EUR'
10412                        },
10413                        base_price: {
10414                            value: 241.17646958824,
10415                            currency: 'EUR'
10416                        }
10417                    }
10418                }
10419            }
10420                    }
10421
10422        function writeRecentlyViewedToStorage(data) {
10423            hyva.getBrowserStorage().setItem('recently_viewed_products', JSON.stringify(data));
10424        }
10425
10426        function readRecentlyViewedFromStorage () {
10427            const data = hyva.getBrowserStorage().getItem('recently_viewed_products');
10428            return data ? JSON.parse(data).filter(product => {
10429                                return useGraphQL || product.id;
10430            }) : [];
10431        }
10432
10433        function removeExpiredProductsInLocalStorage() {
10434            const updatedLocalStorageData = [];
10435            readRecentlyViewedFromStorage().forEach(productData => {
10436                if (productData.expiry > Date.now()) {
10437                    updatedLocalStorageData.push(productData);
10438                }
10439            });
10440            writeRecentlyViewedToStorage(updatedLocalStorageData);
10441        }
10442
10443        function addCurrentProductToRecentlyViewed() {
10444            const currentProduct = createRecordForCurrentProduct();
10445
10446            if (currentProduct.sku !== '') {
10447                const recentlyViewedSkusArray = readRecentlyViewedFromStorage()
10448                    .filter(product => product.sku !== currentProduct.sku);
10449                recentlyViewedSkusArray.unshift(currentProduct);
10450                writeRecentlyViewedToStorage(recentlyViewedSkusArray);
10451            }
10452        }
10453
10454        function createRecordForCurrentProduct() {
10455            const currentProduct = {
10456                sku: '90318001',
10457                expiry: Date.now() + 1000 * 1000
10458            };
10459            return useGraphQL
10460                ? currentProduct
10461                : Object.assign(currentProduct, getCurrentProductDataForRecentlyViewedList());
10462        }
10463
10464        removeExpiredProductsInLocalStorage();
10465        addCurrentProductToRecentlyViewed()
10466    })()
10467</script>
10467<div x-data="EnergyLabelLightBox()"
10468     x-bind="eventListeners"
10469     x-show="lightbox.isVisible"
10470     class="energy-label-lightbox"
10471     x-cloak>
10472     <div><div class="lightbox fixed z-60 bg-stonegray-lighter top-1/2 left-1/2 transform -translate-y-1/2 -translate-x-1/2"><div class="text-right"><span x-on:click.stop="hideLightbox(); $dispatch('disable-backdrop'); $dispatch('disable-bodylock'); $dispatch('resume-global-banner-rotation')" class="inline-grid justify-end p-2 m-2 focus:outline-none cursor-pointer"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 103" class="h-4 w-auto text-black" width="24" height="24" role="img">
10473  <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="3" d="M6.4 3.6l90 90m-90 0l90-90"/>
10474</svg>
10475</span></div><div class="mx-auto px-8 "> <div class="lightbox-main text-3.5 leading-normal mb-8 overflow-y-auto transition-max-height text-center"><template x-if="variantEnergyLabelBadge">
10476    <div class="flex justify-center">
10477        <img :src="variantEnergyLabelBadge.full_label_image_url"
10478             loading="lazy"
10479             alt="About&#x20;a&#x20;Chair&#x20;AAC&#x20;22" />
10480    </div>
10481</template></div> <div class="mb-12 lg:mb-16"></div></div></div></div></div>
10482
10483<script>
10484    function EnergyLabelLightBox() {
10485        return {
10486            ...AlpineLightbox(),
10487            variantEnergyLabelBadge: null,
10488            eventListeners: {
10489                ['x-on:show-lightbox-energylabel.window'](event) {
10490                    this.variantEnergyLabelBadge = event.detail;
10491                    this.showLightbox();
10492                },
10493                ['x-on:hide-lightbox.window'](event) {
10494                    this.hideLightbox();
10495                    window.dispatchEvent(new CustomEvent('disable-bodylock'));
10496                }
10497            }
10498        }
10499    }
10500</script>
10500    
10500<script>
10501        window.ContactLinkClickHandler = function (event) {
10502            event.preventDefault()
10503
10504            function isChatAllowed() {
10505                const storage = hyva.getBrowserStorage() || {};
10506                try {
10507                    const consent = JSON.parse(storage['cookiefirst-consent'] || '{}');
10508                    return consent && consent['functional'] === true;
10509                } catch {
10510                    return false;
10511                }
10512            }
10513
10514            if (window.amazd && typeof window.amazd.open === 'function' && isChatAllowed()) {
10515                window.amazd.open();
10516            } else {
10517                window.location.assign('/service/kontakt/');
10518            }
10519        }
10520    </script>
vendor: 1 bytes, line 10520
10520
10521<script>
10522    function ProductReviews(pageSize) {
10523        return {
10524            items: [],
10525            isLoading: null,
10526            totalPages: null,
10527            currentPage: 1,
10528            init() {
10529                if (!pageSize || this.isLoading) {
10530                    return
10531                }
10532
10533                this.initLoadReviews(pageSize);
10534            },
10535            initLoadReviews() {
10536                this.loadProductReviewsData()
10537            },
10538            loadProductReviewsData() {
10539                if (this.isLoading) {
10540                    return
10541                }
10542
10543                this.isLoading = true;
10544                this.items = [];
10545
10546                const graphQlVariables = {
10547                    currentPage: this.currentPage,
10548                    pageSize: pageSize,
10549                    sku: '90318001'
10550                }
10551
10552                fetch(`${BASE_URL}graphql`, {
10553                    method: 'POST',
10554                    headers: {
10555                        'Content-Type': 'application/json',
10556                        'Store': 'sws_de_de'
10557                    },
10558                    credentials: 'include',
10559                    body: JSON.stringify({
10560                        query: `
10561        query ProductReviewList(
10562            $sku:String,
10563            $pageSize:Int,
10564            $currentPage:Int
10565            ) {
10566            products(
10567                filter:{
10568                    sku:{eq:$sku}}
10569            ){
10570                items {
10571                    name
10572                    ... on ConfigurableProduct {
10573                        initial_child {
10574                            sku
10575                        }
10576                    }
10577                    hover_image {
10578                        url
10579                        isEmpty
10580                    }
10581                    reviews (
10582                        pageSize: $pageSize,
10583                        currentPage: $currentPage
10584                    ) {
10585                        items {
10586                            trusted_shops_review_id
10587                            created_at
10588                            ratings_breakdown {
10589                                name
10590                                value
10591                            }
10592                            nickname
10593                            text
10594                        }
10595                        page_info {
10596                            page_size
10597                            current_page
10598                            total_pages
10599                        }
10600                    }
10601                }
10602            }
10603        }`,
10604                        variables: graphQlVariables
10605                    })
10606                })
10607                .then(response => response.json())
10608                .then(data => {
10609                    if (data.data && data.data.products && data.data.products.items && data.data.products.items[0]){
10610                        this.items.push(...data.data.products.items[0].reviews.items);
10611                        this.totalPages = data.data.products.items[0].reviews['page_info']['total_pages'];
10612                    }
10613                })
10614                .finally(() => {
10615                    this.isLoading = false
10616                })
10617            },
10618            getFormattedDate(timestamp) {
10619                
10620                let date = timestamp.split(" ")[0];
10621                
10622                const year = date.slice(0, 4);
10623                const month = date.slice(5, 7);
10624                const day = date.slice(8, 10);
10625                date = `${day}.${month}.${year}`;
10626                
10627                return date;
10628            },
10629            getNextPage() {
10630                if (this.currentPage < this.totalPages) {
10631                    this.currentPage += 1;
10632                    this.loadProductReviewsData();
10633                }
10634            },
10635            getPreviousPage() {
10636                if (this.currentPage > 0) {
10637                    this.currentPage -= 1;
10638                    this.loadProductReviewsData();
10639                }
10640            },
10641            isFirstPage() {
10642                return this.currentPage === 1;
10643            },
10644            isLastPage() {
10645                return this.currentPage === this.totalPages;
10646            },
10647            isNextPageAvailable() {
10648                return !this.isLastPage() && (
10649                    this.totalPages >= (this.currentPage + 1)
10650                );
10651            },
10652            hasNoReviews() {
10653                return this.items && this.items.length === 0 && !this.isLoading
10654            },
10655        }
10656    }
10657</script>
10657<script>
10658    function ConfigurableChildMilesAmount(config) {
10659        const {childrenMiles, defaultMiles} = config;
10660
10661        return {
10662            milesValue: defaultMiles,
10663
10664            updateMilesValue(childId) {
10665                if (!childId) {
10666                    this.milesValue = defaultMiles;
10667                    return;
10668                }
10669
10670                this.milesValue = childrenMiles[childId] || '';
10671            },
10672
10673            eventListeners: {
10674                ['x-on:update-variant-id.window'](event) {
10675                    this.updateMilesValue(event.detail);
10676                }
10677            }
10678        }
10679    }</script>
10679 
10679<script type="text/json" id="default-section-data">
10680    {"messages":[],"customer":[],"compare-products":[],"last-ordered-items":[],"cart":[],"directory-data":{"AT":{"name":"\u00d6sterreich","regions":{"102":{"code":"BL","name":"Burgenland"},"99":{"code":"KN","name":"K\u00c3\u00a4rnten"},"96":{"code":"NO","name":"Nieder\u00c3\u00b6sterreich"},"97":{"code":"OO","name":"Ober\u00c3\u00b6sterreich"},"98":{"code":"SB","name":"Salzburg"},"100":{"code":"ST","name":"Steiermark"},"101":{"code":"TI","name":"Tirol"},"103":{"code":"VB","name":"Vorarlberg"},"95":{"code":"WI","name":"Wien"}}},"BE":{"name":"Belgien","regions":{"577":{"code":"VAN","name":"Antwerpen"},"578":{"code":"WBR","name":"Brabant wallon"},"579":{"code":"BRU","name":"Brussels-Capital Region"},"580":{"code":"WHT","name":"Hainaut"},"582":{"code":"WLG","name":"Li\u00c3\u00a8ge"},"581":{"code":"VLI","name":"Limburg"},"583":{"code":"WLX","name":"Luxembourg"},"584":{"code":"WNA","name":"Namur"},"585":{"code":"VOV","name":"Oost-Vlaanderen"},"586":{"code":"VBR","name":"Vlaams-Brabant"},"587":{"code":"VWV","name":"West-Vlaanderen"}}},"CZ":{"name":"Tschechien","regions":{"1110":{"code":"CZ-31","name":"Jiho\u010desk\u00fd kraj"},"1118":{"code":"CZ-64","name":"Jihomoravsk\u00fd kraj"},"1112":{"code":"CZ-41","name":"Karlovarsk\u00fd kraj"},"1117":{"code":"CZ-63","name":"Kraj Vyso\u010dina"},"1115":{"code":"CZ-52","name":"Kr\u00e1lov\u00e9hradeck\u00fd kraj"},"1114":{"code":"CZ-51","name":"Libereck\u00fd kraj"},"1121":{"code":"CZ-80","name":"Moravskoslezsk\u00fd kraj"},"1119":{"code":"CZ-71","name":"Olomouck\u00fd kraj"},"1116":{"code":"CZ-53","name":"Pardubick\u00fd kraj"},"1111":{"code":"CZ-32","name":"Plze\u0148sk\u00fd kraj"},"1108":{"code":"CZ-10","name":"Praha, Hlavn\u00ed m\u011bsto"},"1109":{"code":"CZ-20","name":"St\u0159edo\u010desk\u00fd kraj"},"1113":{"code":"CZ-42","name":"\u00dasteck\u00fd kraj"},"1120":{"code":"CZ-72","name":"Zl\u00ednsk\u00fd kraj"}}},"DE":{"name":"Deutschland","regions":{"80":{"code":"BAW","name":"Baden-W\u00c3\u00bcrttemberg"},"81":{"code":"BAY","name":"Bayern"},"82":{"code":"BER","name":"Berlin"},"83":{"code":"BRG","name":"Brandenburg"},"84":{"code":"BRE","name":"Bremen"},"85":{"code":"HAM","name":"Hamburg"},"86":{"code":"HES","name":"Hessen"},"87":{"code":"MEC","name":"Mecklenburg-Vorpommern"},"79":{"code":"NDS","name":"Niedersachsen"},"88":{"code":"NRW","name":"Nordrhein-Westfalen"},"89":{"code":"RHE","name":"Rheinland-Pfalz"},"90":{"code":"SAR","name":"Saarland"},"91":{"code":"SAS","name":"Sachsen"},"92":{"code":"SAC","name":"Sachsen-Anhalt"},"93":{"code":"SCN","name":"Schleswig-Holstein"},"94":{"code":"THE","name":"Th\u00c3\u00bcringen"}}},"DK":{"name":"D\u00e4nemark","regions":{"920":{"code":"DK-84","name":"Hovedstaden"},"921":{"code":"DK-82","name":"Midtjylland"},"922":{"code":"DK-81","name":"Nordjylland"},"923":{"code":"DK-85","name":"Sj\u00e6lland"},"924":{"code":"DK-83","name":"Syddanmark"}}},"ES":{"name":"Spanien","regions":{"130":{"code":"A Coru\u00d1\u0081a","name":"A Coru\u00c3\u00b1a"},"131":{"code":"Alava","name":"Alava"},"132":{"code":"Albacete","name":"Albacete"},"133":{"code":"Alicante","name":"Alicante"},"134":{"code":"Almeria","name":"Almeria"},"135":{"code":"Asturias","name":"Asturias"},"136":{"code":"Avila","name":"Avila"},"137":{"code":"Badajoz","name":"Badajoz"},"138":{"code":"Baleares","name":"Baleares"},"139":{"code":"Barcelona","name":"Barcelona"},"140":{"code":"Burgos","name":"Burgos"},"141":{"code":"Caceres","name":"Caceres"},"142":{"code":"Cadiz","name":"Cadiz"},"143":{"code":"Cantabria","name":"Cantabria"},"144":{"code":"Castellon","name":"Castellon"},"145":{"code":"Ceuta","name":"Ceuta"},"146":{"code":"Ciudad Real","name":"Ciudad Real"},"147":{"code":"Cordoba","name":"Cordoba"},"148":{"code":"Cuenca","name":"Cuenca"},"149":{"code":"Girona","name":"Girona"},"150":{"code":"Granada","name":"Granada"},"151":{"code":"Guadalajara","name":"Guadalajara"},"152":{"code":"Guipuzcoa","name":"Guipuzcoa"},"153":{"code":"Huelva","name":"Huelva"},"154":{"code":"Huesca","name":"Huesca"},"155":{"code":"Jaen","name":"Jaen"},"156":{"code":"La Rioja","name":"La Rioja"},"157":{"code":"Las Palmas","name":"Las Palmas"},"158":{"code":"Leon","name":"Leon"},"159":{"code":"Lleida","name":"Lleida"},"160":{"code":"Lugo","name":"Lugo"},"161":{"code":"Madrid","name":"Madrid"},"162":{"code":"Malaga","name":"Malaga"},"163":{"code":"Melilla","name":"Melilla"},"164":{"code":"Murcia","name":"Murcia"},"165":{"code":"Navarra","name":"Navarra"},"166":{"code":"Ourense","name":"Ourense"},"167":{"code":"Palencia","name":"Palencia"},"168":{"code":"Pontevedra","name":"Pontevedra"},"169":{"code":"Salamanca","name":"Salamanca"},"170":{"code":"Santa Cruz de Tenerife","name":"Santa Cruz de Tenerife"},"171":{"code":"Segovia","name":"Segovia"},"172":{"code":"Sevilla","name":"Sevilla"},"173":{"code":"Soria","name":"Soria"},"174":{"code":"Tarragona","name":"Tarragona"},"175":{"code":"Teruel","name":"Teruel"},"176":{"code":"Toledo","name":"Toledo"},"177":{"code":"Valencia","name":"Valencia"},"178":{"code":"Valladolid","name":"Valladolid"}
10680,"179":{"code":"Vizcaya","name":"Vizcaya"},"180":{"code":"Zamora","name":"Zamora"},"181":{"code":"Zaragoza","name":"Zaragoza"}}},"FI":{"name":"Finnland","regions":{"339":{"code":"Ahvenanmaa","name":"Ahvenanmaa"},"333":{"code":"Etel\u00c3\u00a4-Karjala","name":"Etel\u00c3\u00a4-Karjala"},"326":{"code":"Etel\u00c3\u00a4-Pohjanmaa","name":"Etel\u00c3\u00a4-Pohjanmaa"},"325":{"code":"Etel\u00c3\u00a4-Savo","name":"Etel\u00c3\u00a4-Savo"},"337":{"code":"It\u00c3\u00a4-Uusimaa","name":"It\u00c3\u00a4-Uusimaa"},"322":{"code":"Kainuu","name":"Kainuu"},"335":{"code":"Kanta-H\u00c3\u00a4me","name":"Kanta-H\u00c3\u00a4me"},"330":{"code":"Keski-Pohjanmaa","name":"Keski-Pohjanmaa"},"331":{"code":"Keski-Suomi","name":"Keski-Suomi"},"338":{"code":"Kymenlaakso","name":"Kymenlaakso"},"320":{"code":"Lappi","name":"Lappi"},"334":{"code":"P\u00c3\u00a4ij\u00c3\u00a4t-H\u00c3\u00a4me","name":"P\u00c3\u00a4ij\u00c3\u00a4t-H\u00c3\u00a4me"},"328":{"code":"Pirkanmaa","name":"Pirkanmaa"},"327":{"code":"Pohjanmaa","name":"Pohjanmaa"},"323":{"code":"Pohjois-Karjala","name":"Pohjois-Karjala"},"321":{"code":"Pohjois-Pohjanmaa","name":"Pohjois-Pohjanmaa"},"324":{"code":"Pohjois-Savo","name":"Pohjois-Savo"},"329":{"code":"Satakunta","name":"Satakunta"},"336":{"code":"Uusimaa","name":"Uusimaa"},"332":{"code":"Varsinais-Suomi","name":"Varsinais-Suomi"}}},"FR":{"name":"Frankreich","regions":{"182":{"code":"1","name":"Ain"},"183":{"code":"2","name":"Aisne"},"184":{"code":"3","name":"Allier"},"185":{"code":"4","name":"Alpes-de-Haute-Provence"},"187":{"code":"6","name":"Alpes-Maritimes"},"188":{"code":"7","name":"Ard\u00c3\u00a8che"},"189":{"code":"8","name":"Ardennes"},"190":{"code":"9","name":"Ari\u00c3\u00a8ge"},"191":{"code":"10","name":"Aube"},"192":{"code":"11","name":"Aude"},"193":{"code":"12","name":"Aveyron"},"249":{"code":"67","name":"Bas-Rhin"},"194":{"code":"13","name":"Bouches-du-Rh\u00c3\u00b4ne"},"195":{"code":"14","name":"Calvados"},"196":{"code":"15","name":"Cantal"},"203":{"code":"21","name":"C\u00c3\u00b4te-d'Or"},"204":{"code":"22","name":"C\u00c3\u00b4tes-d'Armor"},"197":{"code":"16","name":"Charente"},"198":{"code":"17","name":"Charente-Maritime"},"199":{"code":"18","name":"Cher"},"200":{"code":"19","name":"Corr\u00c3\u00a8ze"},"201":{"code":"2A","name":"Corse-du-Sud"},"205":{"code":"23","name":"Creuse"},"261":{"code":"79","name":"Deux-S\u00c3\u00a8vres"},"206":{"code":"24","name":"Dordogne"},"207":{"code":"25","name":"Doubs"},"208":{"code":"26","name":"Dr\u00c3\u00b4me"},"273":{"code":"91","name":"Essonne"},"209":{"code":"27","name":"Eure"},"210":{"code":"28","name":"Eure-et-Loir"},"211":{"code":"29","name":"Finist\u00c3\u00a8re"},"212":{"code":"30","name":"Gard"},"214":{"code":"32","name":"Gers"},"215":{"code":"33","name":"Gironde"},"250":{"code":"68","name":"Haut-Rhin"},"202":{"code":"2B","name":"Haute-Corse"},"213":{"code":"31","name":"Haute-Garonne"},"225":{"code":"43","name":"Haute-Loire"},"234":{"code":"52","name":"Haute-Marne"},"252":{"code":"70","name":"Haute-Sa\u00c3\u00b4ne"},"256":{"code":"74","name":"Haute-Savoie"},"269":{"code":"87","name":"Haute-Vienne"},"186":{"code":"5","name":"Hautes-Alpes"},"247":{"code":"65","name":"Hautes-Pyr\u00c3\u00a9n\u00c3\u00a9es"},"274":{"code":"92","name":"Hauts-de-Seine"},"216":{"code":"34","name":"H\u00c3\u00a9rault"},"217":{"code":"35","name":"Ille-et-Vilaine"},"218":{"code":"36","name":"Indre"},"219":{"code":"37","name":"Indre-et-Loire"},"220":{"code":"38","name":"Is\u00c3\u00a8re"},"221":{"code":"39","name":"Jura"},"222":{"code":"40","name":"Landes"},"223":{"code":"41","name":"Loir-et-Cher"},"224":{"code":"42","name":"Loire"},"226":{"code":"44","name":"Loire-Atlantique"},"227":{"code":"45","name":"Loiret"},"228":{"code":"46","name":"Lot"},"229":{"code":"47","name":"Lot-et-Garonne"},"230":{"code":"48","name":"Loz\u00c3\u00a8re"},"231":{"code":"49","name":"Maine-et-Loire"},"232":{"code":"50","name":"Manche"},"233":{"code":"51","name":"Marne"},"235":{"code":"53","name":"Mayenne"},"236":{"code":"54","name":"Meurthe-et-Moselle"},"237":{"code":"55","name":"Meuse"},"238":{"code":"56","name":"Morbihan"},"239":{"code":"57","name":"Moselle"},"240":{"code":"58","name":"Ni\u00c3\u00a8vre"},"241":{"code":"59","name":"Nord"},"242":{"code":"60","name":"Oise"},"243":{"code":"61","name":"Orne"},"257":{"code":"75","name":"Paris"},"244":{"code":"62","name":"Pas-de-Calais"},"245":{"code":"63","name":"Puy-de-D\u00c3\u00b4me"},"246":{"code":"64","name":"Pyr\u00c3\u00a9n\u00c3\u00a9es-Atlantiques"},"248":{"code":"66","name":"Pyr\u00c3\u00a9n\u00c3\u00a9es-Orientales"},"251":{"code":"69","name":"Rh\u00c3\u00b4ne"},"253":{"code":"71","name":"Sa\u00c3\u00b4ne-et-Loire"},"254":{"code":"72","name":"Sarthe"},"255":{"code":"73","name":"Savoie"},"259":{"code":"77","name":"Seine-et-Marne"},"258":{"code":"76","name":"Seine-Maritime"},"275":{"code":"93","name":"Seine-Saint-Denis"},"262":{"code":"80","name":"Somme"},"263":{"code":"81","name":"Tarn"},"264":{"code":"82","name":"Tarn-et-Garonne"},"272":{"code":"90","name":"Territoire-de-Belfort"},"277":{"code":"95","name":"Val-d'Oise"}
10680,"276":{"code":"94","name":"Val-de-Marne"},"265":{"code":"83","name":"Var"},"266":{"code":"84","name":"Vaucluse"},"267":{"code":"85","name":"Vend\u00c3\u00a9e"},"268":{"code":"86","name":"Vienne"},"270":{"code":"88","name":"Vosges"},"271":{"code":"89","name":"Yonne"},"260":{"code":"78","name":"Yvelines"}}},"HR":{"name":"Kroatien","regions":{"526":{"code":"HR-15","name":"\u00c5\u00a0ibensko-kninska \u00c5\u00beupanija"},"518":{"code":"HR-07","name":"Bjelovarsko-bilogorska \u00c5\u00beupanija"},"523":{"code":"HR-12","name":"Brodsko-posavska \u00c5\u00beupanija"},"530":{"code":"HR-19","name":"Dubrova\u00c4\u008dko-neretvanska \u00c5\u00beupanija"},"532":{"code":"HR-21","name":"Grad Zagreb"},"529":{"code":"HR-18","name":"Istarska \u00c5\u00beupanija"},"515":{"code":"HR-04","name":"Karlova\u00c4\u008dka \u00c5\u00beupanija"},"517":{"code":"HR-06","name":"Koprivni\u00c4\u008dko-kri\u00c5\u00beeva\u00c4\u008dka \u00c5\u00beupanija"},"513":{"code":"HR-02","name":"Krapinsko-zagorska \u00c5\u00beupanija"},"520":{"code":"HR-09","name":"Li\u00c4\u008dko-senjska \u00c5\u00beupanija"},"531":{"code":"HR-20","name":"Me\u00c4\u2018imurska \u00c5\u00beupanija"},"525":{"code":"HR-14","name":"Osje\u00c4\u008dko-baranjska \u00c5\u00beupanija"},"522":{"code":"HR-11","name":"Po\u00c5\u00bee\u00c5\u00a1ko-slavonska \u00c5\u00beupanija"},"519":{"code":"HR-08","name":"Primorsko-goranska \u00c5\u00beupanija"},"514":{"code":"HR-03","name":"Sisa\u00c4\u008dko-moslava\u00c4\u008dka \u00c5\u00beupanija"},"528":{"code":"HR-17","name":"Splitsko-dalmatinska \u00c5\u00beupanija"},"516":{"code":"HR-05","name":"Vara\u00c5\u00bedinska \u00c5\u00beupanija"},"521":{"code":"HR-10","name":"Viroviti\u00c4\u008dko-podravska \u00c5\u00beupanija"},"527":{"code":"HR-16","name":"Vukovarsko-srijemska \u00c5\u00beupanija"},"524":{"code":"HR-13","name":"Zadarska \u00c5\u00beupanija"},"512":{"code":"HR-01","name":"Zagreba\u00c4\u008dka \u00c5\u00beupanija"}}},"IT":{"name":"Italien","regions":{"682":{"code":"AG","name":"Agrigento"},"683":{"code":"AL","name":"Alessandria"},"684":{"code":"AN","name":"Ancona"},"685":{"code":"AO","name":"Aosta"},"687":{"code":"AR","name":"Arezzo"},"688":{"code":"AP","name":"Ascoli-Piceno"},"689":{"code":"AT","name":"Asti"},"690":{"code":"AV","name":"Avellino"},"691":{"code":"BA","name":"Bari"},"692":{"code":"BT","name":"Barletta-Andria-Trani"},"693":{"code":"BL","name":"Belluno"},"694":{"code":"BN","name":"Benevento"},"695":{"code":"BG","name":"Bergamo"},"696":{"code":"BI","name":"Biella"},"697":{"code":"BO","name":"Bologna"},"698":{"code":"BZ","name":"Bolzano"},"699":{"code":"BS","name":"Brescia"},"700":{"code":"BR","name":"Brindisi"},"701":{"code":"CA","name":"Cagliari"},"702":{"code":"CL","name":"Caltanissetta"},"703":{"code":"CB","name":"Campobasso"},"704":{"code":"CI","name":"Carbonia Iglesias"},"705":{"code":"CE","name":"Caserta"},"706":{"code":"CT","name":"Catania"},"707":{"code":"CZ","name":"Catanzaro"},"708":{"code":"CH","name":"Chieti"},"709":{"code":"CO","name":"Como"},"710":{"code":"CS","name":"Cosenza"},"711":{"code":"CR","name":"Cremona"},"712":{"code":"KR","name":"Crotone"},"713":{"code":"CN","name":"Cuneo"},"714":{"code":"EN","name":"Enna"},"715":{"code":"FM","name":"Fermo"},"716":{"code":"FE","name":"Ferrara"},"717":{"code":"FI","name":"Firenze"},"718":{"code":"FG","name":"Foggia"},"719":{"code":"FC","name":"Forli-Cesena"},"720":{"code":"FR","name":"Frosinone"},"721":{"code":"GE","name":"Genova"},"722":{"code":"GO","name":"Gorizia"},"723":{"code":"GR","name":"Grosseto"},"724":{"code":"IM","name":"Imperia"},"725":{"code":"IS","name":"Isernia"},"686":{"code":"AQ","name":"L'Aquila"},"726":{"code":"SP","name":"La-Spezia"},"727":{"code":"LT","name":"Latina"},"728":{"code":"LE","name":"Lecce"},"729":{"code":"LC","name":"Lecco"},"730":{"code":"LI","name":"Livorno"},"731":{"code":"LO","name":"Lodi"},"732":{"code":"LU","name":"Lucca"},"733":{"code":"MC","name":"Macerata"},"734":{"code":"MN","name":"Mantova"},"735":{"code":"MS","name":"Massa-Carrara"},"736":{"code":"MT","name":"Matera"},"737":{"code":"VS","name":"Medio Campidano"},"738":{"code":"ME","name":"Messina"},"739":{"code":"MI","name":"Milano"},"740":{"code":"MO","name":"Modena"},"741":{"code":"MB","name":"Monza-Brianza"},"742":{"code":"NA","name":"Napoli"},"743":{"code":"NO","name":"Novara"},"744":{"code":"NU","name":"Nuoro"},"745":{"code":"OG","name":"Ogliastra"},"746":{"code":"OT","name":"Olbia Tempio"},"747":{"code":"OR","name":"Oristano"},"748":{"code":"PD","name":"Padova"},"749":{"code":"PA","name":"Palermo"},"750":{"code":"PR","name":"Parma"},"751":{"code":"PV","name":"Pavia"},"752":{"code":"PG","name":"Perugia"},"753":{"code":"PU","name":"Pesaro-Urbino"},"754":{"code":"PE","name":"Pescara"},"755":{"code":"PC","name":"Piacenza"},"756":{"code":"PI","name":"Pisa"},"757":{"code":"PT","name":"Pistoia"},"758":{"code":"PN","name":"Pordenone"},"759":{"code":"PZ","name":"Potenza"},"760":{"code":"PO","name":"Prato"},"761":{"code":"RG","name":"Ragusa"},"762":{"code":"RA","name":"Ravenna"},"763":{"code":"RC","name":"Reggio-Calabria"},"764":{"code":"RE","name":"Reggio-Emilia"},"765":{"code":"RI","name":"Rieti"},"766":{"code":"RN","name":"Rimini"},"767":{"code":"RM","name":"Roma"},"768":{"code":"RO","name":"Rovigo"},"769":{"code":"SA","name":"Salerno"},"770":{"code":"SS","name":"Sassari"},"771":{"code":"SV","name":"Savona"},"772":{"code":"SI","name":"Siena"},"773":{"code":"SR","name":"Siracusa"},"774":{"code":"SO","name":"Sondrio"},"775":{"code":"TA","name":"Taranto"},"776":{"code":"TE","name":"Teramo"},"777":{"code":"TR","name":"Terni"},"778":{"code":"TO","name":"Torino"},"779":{"code":"TP","name":"Trapani"},"780":{"code":"TN","name":"Trento"},"781":{"code":"TV","name":"Treviso"},"782":{"code":"TS","name":"Trieste"},"783":{"code":"UD","name":"Udine"},"784":{"code":"VA","name":"Varese"},"785":{"code":"VE","name":"Venezia"},"786":{"code":"VB","name":"Verbania"},"787":{"code":"VC","name":"Vercelli"},"788":{"code":"VR","name":"Verona"}
10680,"789":{"code":"VV","name":"Vibo-Valentia"},"790":{"code":"VI","name":"Vicenza"},"791":{"code":"VT","name":"Viterbo"}}},"LU":{"name":"Luxemburg"},"NL":{"name":"Niederlande"},"PL":{"name":"Polen","regions":{"828":{"code":"PL-10","name":"\u00c5\u201a\u00c3\u00b3dzkie"},"835":{"code":"PL-24","name":"\u00c5\u203al\u00c4\u2026skie"},"836":{"code":"PL-26","name":"\u00c5\u203awi\u00c4\u2122tokrzyskie"},"824":{"code":"PL-02","name":"dolno\u00c5\u203al\u00c4\u2026skie"},"825":{"code":"PL-04","name":"kujawsko-pomorskie"},"826":{"code":"PL-06","name":"lubelskie"},"827":{"code":"PL-08","name":"lubuskie"},"829":{"code":"PL-12","name":"ma\u00c5\u201aopolskie"},"830":{"code":"PL-14","name":"mazowieckie"},"831":{"code":"PL-16","name":"opolskie"},"832":{"code":"PL-18","name":"podkarpackie"},"833":{"code":"PL-20","name":"podlaskie"},"834":{"code":"PL-22","name":"pomorskie"},"837":{"code":"PL-28","name":"warmi\u00c5\u201esko-mazurskie"},"838":{"code":"PL-30","name":"wielkopolskie"},"839":{"code":"PL-32","name":"zachodniopomorskie"}}},"PT":{"name":"Portugal","regions":{"1025":{"code":"PT-01","name":"Aveiro"},"1026":{"code":"PT-02","name":"Beja"},"1027":{"code":"PT-03","name":"Braga"},"1028":{"code":"PT-04","name":"Bragan\u00e7a"},"1029":{"code":"PT-05","name":"Castelo Branco"},"1030":{"code":"PT-06","name":"Coimbra"},"1031":{"code":"PT-07","name":"\u00c9vora"},"1032":{"code":"PT-08","name":"Faro"},"1033":{"code":"PT-09","name":"Guarda"},"1034":{"code":"PT-10","name":"Leiria"},"1035":{"code":"PT-11","name":"Lisboa"},"1036":{"code":"PT-12","name":"Portalegre"},"1037":{"code":"PT-13","name":"Porto"},"1044":{"code":"PT-30","name":"Regi\u00e3o Aut\u00f3noma da Madeira"},"1043":{"code":"PT-20","name":"Regi\u00e3o Aut\u00f3noma dos A\u00e7ores"},"1038":{"code":"PT-14","name":"Santar\u00e9m"},"1039":{"code":"PT-15","name":"Set\u00fabal"},"1040":{"code":"PT-16","name":"Viana do Castelo"},"1041":{"code":"PT-17","name":"Vila Real"},"1042":{"code":"PT-18","name":"Viseu"}}},"SE":{"name":"Schweden","regions":{"1055":{"code":"SE-K","name":"Blekinge l\u00e4n"},"1056":{"code":"SE-W","name":"Dalarnas l\u00e4n"},"1058":{"code":"SE-X","name":"G\u00e4vleborgs l\u00e4n"},"1057":{"code":"SE-I","name":"Gotlands l\u00e4n"},"1059":{"code":"SE-N","name":"Hallands l\u00e4n"},"1060":{"code":"SE-Z","name":"J\u00e4mtlands l\u00e4n"},"1061":{"code":"SE-F","name":"J\u00f6nk\u00f6pings l\u00e4n"},"1062":{"code":"SE-H","name":"Kalmar l\u00e4n"},"1063":{"code":"SE-G","name":"Kronobergs l\u00e4n"},"1064":{"code":"SE-BD","name":"Norrbottens l\u00e4n"},"1074":{"code":"SE-T","name":"\u00d6rebro l\u00e4n"},"1075":{"code":"SE-E","name":"\u00d6sterg\u00f6tlands l\u00e4n"},"1065":{"code":"SE-M","name":"Sk\u00e5ne l\u00e4n"},"1067":{"code":"SE-D","name":"S\u00f6dermanlands l\u00e4n"},"1066":{"code":"SE-AB","name":"Stockholms l\u00e4n"},"1068":{"code":"SE-C","name":"Uppsala l\u00e4n"},"1069":{"code":"SE-S","name":"V\u00e4rmlands l\u00e4n"},"1070":{"code":"SE-AC","name":"V\u00e4sterbottens l\u00e4n"},"1071":{"code":"SE-Y","name":"V\u00e4sternorrlands l\u00e4n"},"1072":{"code":"SE-U","name":"V\u00e4stmanlands l\u00e4n"},"1073":{"code":"SE-O","name":"V\u00e4stra G\u00f6talands l\u00e4n"}}},"data_id":1790904362},"instant-purchase":[],"loggedAsCustomer":[],"captcha":[],"persistent":[],"review":[],"payments":[],"wishlist":{"items":[]},"ammessages":[],"recently_viewed_product":[],"recently_compared_product":[],"product_data_storage":[],"paypal-billing-agreement":[],"paypal-buyer-country":[]}</script>
10680<script>
10681    function initConfigurableOptions(productId, optionConfig) {
10682        function findPathParam(key) {
10683            // get all path pairs after BASE_URL/front_name/action_path/action
10684            const baseUrl = (BASE_URL.substr(0, 2) === '//' ? 'http:' : '') + BASE_URL;
10685            const baseUrlParts = (new URL(baseUrl)).pathname.replace(/\/$/, '').split('/');
10686            const pathParts = window.location.pathname.split('/').slice(baseUrlParts.length + 3);
10687            for (let i = 0; i < pathParts.length; i += 2) {
10688                if (pathParts[i] === key && pathParts.length > i) {
10689                    return pathParts[i + 1];
10690                }
10691            }
10692        }
10693
10694        return {
10695            optionConfig,
10696            productId,
10697            itemId: (new URLSearchParams(window.location.search)).get('id') || findPathParam('id'),
10698            allowedAttributeOptions: [],
10699            selectedValues: {},
10700            attributesSorted: null,
10701            failingAttributeId: null,
10702            initialVariantId: 217595,
10703            productIndex: null,
10704            initSelectedValues() {
10705                                const variantIdFromUrl = new URLSearchParams(location.search).get('vid')
10706                if (variantIdFromUrl && this.optionConfig.index[variantIdFromUrl]) {
10707                    this.setProductIndex(variantIdFromUrl)
10708                } else {
10709                    if (this.initialVariantId && this.optionConfig.index[this.initialVariantId]) {
10710                        this.setProductIndex(this.initialVariantId)
10711                    } else {
10712                        this.setProductIndex(Object.keys(this.optionConfig.index)[0])
10713                    }
10714                }
10715                this.setSelectedValuesByProductIndex()
10716
10717                this.setVariantIds()
10718                this.setDeliveryTimes()
10719                this.initBadgeData()
10720                this.initImmediatelyAvailableVariantsProductSliderData()
10721            },
10722            getAttributeIdsSorted() {
10723                return this.optionConfig.attribute_sequence
10724            },
10725            setProductIndex(index) {
10726                this.productIndex = index
10727
10728                this.$nextTick(() => this.runUpdates())
10729            },
10730            setCurrentSelection() {
10731                let currentAttributesSelectionPath = this.optionConfig.attribute_selections
10732                const attributeIdsSorted = this.getAttributeIdsSorted()
10733
10734                for (const index in attributeIdsSorted) {
10735                    const attributeId = attributeIdsSorted[index]
10736
10737                    if (this.selectedValues[attributeId] && currentAttributesSelectionPath && currentAttributesSelectionPath[attributeId]) {
10738                        this.allowedAttributeOptions[attributeId] = currentAttributesSelectionPath[attributeId] ? Object.keys(currentAttributesSelectionPath[attributeId]) : []
10739                                                if (this.allowedAttributeOptions[attributeId].some(item => item === this.selectedValues[attributeId])) {
10740                            currentAttributesSelectionPath = currentAttributesSelectionPath[attributeId][this.selectedValues[attributeId]]
10741                        }
10742                                                else {
10743                                                        let newValue = null
10744                            for (const item of this.optionConfig.attributes[attributeId].options) {
10745                                if (Object.keys(currentAttributesSelectionPath[attributeId]).some(allowedOptionId => allowedOptionId === item.id)) {
10746                                    newValue = item.id
10747                                    break
10748                                }
10749                            }
10750                            this.selectedValues[attributeId] = newValue
10751                            currentAttributesSelectionPath = currentAttributesSelectionPath[attributeId][this.selectedValues[attributeId]]
10752                        }
10753                    } else {
10754                        currentAttributesSelectionPath = currentAttributesSelectionPath[attributeId][Object.keys(currentAttributesSelectionPath[attributeId])[0]]
10755                        this.allowedAttributeOptions[attributeId] = currentAttributesSelectionPath[attributeId] ? Object.keys(currentAttributesSelectionPath[attributeId]) : []
10756                    }
10757                }
10758
10759                this.setProductIndex(currentAttributesSelectionPath || this.productIndex || this.initialVariantId)
10760            },
10761            getAllowedAttributeOptions(attributeId) {
10762                return this.optionConfig.attributes[attributeId]['options'] || []
10763            },
10764            setSelectedValuesByProductIndex() {
10765                if (this.productIndex && this.optionConfig.index[this.productIndex]) {
10766                    for (const key in this.optionConfig.index[this.productIndex]) {
10767                        this.selectedValues[key] = this.optionConfig.index[this.productIndex][key];
10768                    }
10769                    this.setCurrentSelection()
10770                }
10771            },
10772            changeOption(optionId, value) {
10773                if (this.selectedValues[optionId] !== value) {
10774                    this.selectedValues[optionId] = value;
10775                    this.setCurrentSelection();
10776                }
10777            },
10778            runUpdates() {
10779                this.updateVariantId()
10780                this.updatePrices()
10781                this.updateGallery()
10782                this.updateEnergyLabelBadge()
10783                this.updatePrepaymentPrice()
10784                this.updateFreeShipping()
10785                this.updateVariantSku()
10786                this.updateCurrentSelection()
10787                this.updateGalleryNote()
10788                this.updateDescription()
10789                this.updateBulletpoints()
10790                this.updateName()
10791                this.updateManufacturer()
10792                this.updateMaterialDescription()
10793                this.updateSizeDescription()
10794                this.updateDeliveryScope()
10795                this.updateEanManufacturer()
10796                this.updateLightAttributes()
10797                this.updateUsp()
10798                this.updateModel()
10799                this.updateAttachments()
10800            },
10801            initBadgeData() {
10802                const $this = this
10803                let productItems = []
10804
10805                Object.keys(this.optionConfig.index).forEach(variantId => {
10806                    const productItem = {
10807                        id: variantId,
10808                        price_information: $this.optionConfig.additional[variantId].price_information,
10809                        is_new_product: $this.optionConfig.additional[variantId].is_new_product,
10810                                                    product_banner_type_promotion: $this.optionConfig.additional[variantId]['product_banner_type_promotion'],
10811                                                    product_banner_type_pos: $this.optionConfig.additional[variantId]['product_banner_type_pos'],
10812                                                    product_banner_type_selected: $this.optionConfig.additional[variantId]['product_banner_type_selected'],
10813                                                    product_banner_type_editorial: $this.optionConfig.additional[variantId]['product_banner_type_editorial'],
10814                                                    product_banner_type_marketing: $this.optionConfig.additional[variantId]['product_banner_type_marketing'],
10815                                                    product_banner_type_sustainability: $this.optionConfig.additional[variantId]['product_banner_type_sustainability'],
10816                                                    product_banner_type_exclusive: $this.optionConfig.additional[variantId]['product_banner_type_exclusive'],
10817                                            }
10818                    productItems.push(productItem);
10819                })
10820
10821                window.dispatchEvent(
10822                    new CustomEvent(
10823                        "init-badge-data",
10824                        {detail: productItems}
10825                    )
10826                )
10827            },
10828            setVariantIds() {
10829                window.dispatchEvent(
10830                    new CustomEvent(
10831                        "set-variant-ids",
10832                        {detail: Object.keys(this.optionConfig.index)}
10833                    )
10834                );
10835            },
10836            setDeliveryTimes() {
10837                window.dispatchEvent(
10838                    new CustomEvent(
10839                        "set-delivery-times",
10840                        {detail: Object.values(this.optionConfig.deliveryTimes)}
10841                    )
10842                );
10843            },
10844            isOptionAvailable(attributeId, optionId) {
10845                return Object.values(this.allowedAttributeOptions[attributeId]).some(allowedOptionId => allowedOptionId === optionId)
10846            },
10847            onGetCartData(data) {
10848                this.preselectCartItems(data);
10849            },
10850            preselectCartItems(data) {
10851                // pre-select options based on cart data for current (quote) itemId
10852                const cart = data && data.cart;
10853                if (cart && cart.items) {
10854                    const cartItem = cart.items.find((item) => {
10855                        return (
10856                            item.item_id === this.itemId
10857                            && item.product_id === this.productId
10858                        )
10859                    });
10860                    if (cartItem && cartItem.options && cartItem.options.length) {
10861                        cartItem.options.map(option => {
10862                            this.changeOption(option.option_id, option.option_value);
10863                        })
10864                        this.runUpdates()
10865                    }
10866                }
10867            },
10868            getSelectedLabel(attributeId) {
10869                return this.optionConfig.optionLabels[this.selectedValues[attributeId]] || ''
10870            },
10871                        updateAttachments() {
10872                window.dispatchEvent(
10873                    new CustomEvent(
10874                        "update-attachments",
10875                        {
10876                            detail: this.getVariantData('attachments')
10877                        }
10878                    )
10879                );
10880            },
10881            updateEnergyLabelBadge() {
10882                window.dispatchEvent(
10883                    new CustomEvent(
10884                        "update-energylabelbadge",
10885                        {detail: this.getVariantData('energy_label_badge')}
10886                    )
10887                );
10888            },
10889            updatePrepaymentPrice() {
10890                window.dispatchEvent(
10891                    new CustomEvent(
10892                        "update-prepayment-price",
10893                        {
10894                            detail: this.getVariantData('prepayment_price')
10895                        }
10896                    )
10897                );
10898            },
10899            updateFreeShipping() {
10900                window.dispatchEvent(
10901                    new CustomEvent(
10902                        "update-freeshipping",
10903                        {
10904                            detail: this.getVariantData('free_shipping')
10905                        }
10906                    )
10907                );
10908            },
10909            updateCurrentSelection() {
10910                window.dispatchEvent(
10911                    new CustomEvent(
10912                        "update-currentSelection-" + this.productId,
10913                        {
10914                            detail: this.selectedValues
10915                        }
10916                    )
10917                );
10918            },
10919            updateDescription() {
10920                window.dispatchEvent(
10921                    new CustomEvent(
10922                        "update-description",
10923                        {
10924                            detail: this.getVariantData('description')
10925                        }
10926                    )
10927                );
10928            },
10929            updateBulletpoints() {
10930                window.dispatchEvent(
10931                    new CustomEvent(
10932                        "update-bullet-points",
10933                        {
10934                            detail: this.getVariantData('bulletpoints')
10935                        }
10936                    )
10937                );
10938            },
10939            updateName() {
10940                window.dispatchEvent(
10941                    new CustomEvent(
10942                        "update-name",
10943                        {
10944                            detail: this.getVariantData('name')
10945                        }
10946                    )
10947                );
10948            },
10949            updateManufacturer() {
10950                window.dispatchEvent(
10951                    new CustomEvent(
10952                        "update-manufacturer",
10953                        {
10954                            detail: this.getVariantData('manufacturer')
10955                        }
10956                    )
10957                );
10958            },
10959            updateMaterialDescription() {
10960                window.dispatchEvent(
10961                    new CustomEvent(
10962                        "update-material-description",
10963                        {
10964                            detail: this.getVariantData('material_description')
10965                        }
10966                    )
10967                );
10968            },
10969            updateSizeDescription() {
10970                window.dispatchEvent(
10971                    new CustomEvent(
10972                        "update-size-description",
10973                        {
10974                            detail: this.getVariantData('size_description')
10975                        }
10976                    )
10977                );
10978            },
10979            updateDeliveryScope() {
10980                window.dispatchEvent(
10981                    new CustomEvent(
10982                        "update-delivery-scope",
10983                        {
10984                            detail: this.getVariantData('delivery_scope')
10985                        }
10986                    )
10987                );
10988            },
10989            updateEanManufacturer() {
10990                window.dispatchEvent(
10991                    new CustomEvent(
10992                        "update-ean-manufacturer",
10993                        {
10994                            detail: this.getVariantData('ean_manufacturer')
10995
10996                        }
10997                    )
10998                );
10999            },
11000            updateLightAttributes() {
11001                window.dispatchEvent(
11002                    new CustomEvent(
11003                        "update-light-attributes",
11004                        {
11005                            detail: this.getVariantData('light_attributes')
11006                        }
11007                    )
11008                );
11009            },
11010            updateModel() {
11011                window.dispatchEvent(
11012                    new CustomEvent(
11013                        "update-model",
11014                        {
11015                            detail: this.getVariantData('model')
11016                        }
11017                    )
11018                );
11019            },
11020            updateGalleryNote() {
11021                window.dispatchEvent(
11022                    new CustomEvent(
11023                        "update-gallerynote",
11024                        {
11025                            detail: this.getVariantData('image_note')
11026                        }
11027                    )
11028                );
11029            },
11030            updateVariantId() {
11031                window.dispatchEvent(
11032                    new CustomEvent(
11033                        "update-variant-id",
11034                        {detail: this.productIndex}
11035                    )
11036                );
11037            },
11038            updateVariantSku() {
11039                window.dispatchEvent(
11040                    new CustomEvent(
11041                        "update-variant-sku",
11042                        {detail: this.optionConfig.additional[this.productIndex].sku || null}
11043                    )
11044                );
11045            },
11046            updateUsp() {
11047                window.dispatchEvent(
11048                    new CustomEvent(
11049                        "update-variant-usp",
11050                        {detail: this.optionConfig.additional[this.productIndex].shipping_usp || null}
11051                    )
11052                );
11053            },
11054            getVariantData(attributeCode) {
11055                return this.productIndex && this.optionConfig.additional && this.optionConfig.additional[this.productIndex] && this.optionConfig.additional[this.productIndex][attributeCode] || null;
11056            },
11057            updatePrices() {
11058                const value = this.productIndex ? this.optionConfig.optionPrices[this.productIndex] : [];
11059                window.dispatchEvent(
11060                    new CustomEvent(
11061                        "update-prices-" + this.productId,
11062                        {
11063                            detail: value
11064                        }
11065                    )
11066                );
11067            },
11068            updateGallery() {
11069                const value = this.productIndex ?
11070                    this.optionConfig.images[this.productIndex] :
11071                    Object.values(this.optionConfig.images)[0]
11072
11073                value && window.dispatchEvent(
11074                    new CustomEvent(
11075                        "update-gallery",
11076                        {detail: value}
11077                    )
11078                );
11079            },
11080                        initImmediatelyAvailableVariantsProductSliderData() {
11081                const $this = this
11082                const immediatelyAvailableProductIds = Object.values($this.optionConfig.deliveryTimes).filter(item => item.instantly_available === true)
11083
11084                const productItems = [];
11085                immediatelyAvailableProductIds.forEach(item => {
11086
11087                    const id = parseInt(item.id)
11088                    const productItem = {
11089                        sku: $this.optionConfig.additional[id].sku,
11090                        id: id,
11091                        originalName: 'About\u0020a\u0020Chair\u0020AAC\u002022',
11092                        name: 'About\u0020a\u0020Chair\u0020AAC\u002022',
11093                        small_image: {
11094                            label: 'About\u0020a\u0020Chair\u0020AAC\u002022',
11095                            url: `${$this.optionConfig.images[id][0]['img']}auto\u003Dcompress\u0026q\u003D75\u0026trim\u003Dcolor\u0026trim\u002Dcolor\u003Dffffff\u0026trim\u002Dtol\u003D15\u0026fit\u003Dfill\u0026fill\u003Dsolid\u0026fill\u002Dcolor\u003Dffffff\u0026ar\u003D1\u003A1`
11096                        },
11097                        url_key: '',
11098                        url_suffix: '',
11099                        price_range: {
11100                            minimum_price: {
11101                                regular_price: {
11102                                    value: $this.optionConfig.optionPrices[id].oldPrice.amount,
11103                                },
11104                                final_price: {
11105                                    value: $this.optionConfig.optionPrices[id].finalPrice.amount,
11106                                }
11107                            }
11108                        },
11109                        special_price: $this.optionConfig.optionPrices[id].finalPrice.amount < $this.optionConfig.optionPrices[id].oldPrice.amount ? $this.optionConfig.optionPrices[id].finalPrice.amount : null,
11110                        attributeValueLabels: '{}',
11111                        manufacturer: 'HAY',
11112                        options: {}
11113                    }
11114
11115                    this.getAttributeIdsSorted().forEach((attributeId, index) => {
11116                        const attributeOptions = $this.optionConfig.attributes[attributeId].options;
11117                        const variantAttributeComposition = $this.optionConfig.index[id];
11118                        const attributeOption = attributeOptions.find(option => option.id === variantAttributeComposition[attributeId]);
11119                        const attributeValueLabel = attributeOption.label;
11120
11121                        productItem.options[index] = {
11122                            label: this.optionConfig.attributes[attributeId].label,
11123                            value: attributeValueLabel || ''
11124                        }
11125                    })
11126
11127                    productItems.push(productItem);
11128                })
11129
11130                $this.$nextTick(() => {
11131                    window.dispatchEvent(new CustomEvent("product-slider-immediately-available-variants", {detail: productItems}));
11132                })
11133            },
11134                        eventListeners: {
11135                ['x-on:private-content-loaded.window'](event) {
11136                    this.onGetCartData(event.detail.data)
11137                },
11138                ['x-on:change-option.window'](event) {
11139                    const productId = event.detail;
11140                    const productIdExists = this.optionConfig.index[productId] || null
11141
11142                    if (productIdExists) {
11143                        this.productIndex = productId
11144                        this.setSelectedValuesByProductIndex()
11145                    }
11146                }
11147            }
11148        }
11149    }
11150
11151</script>
11151</div></body>
11152</html>

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