PageSourceSearch

https://www.papstar-shop.de/

html papstar-shop.de collected 2026-10-04 10:57:57 UTC 3,088,478 bytes, 41,955 lines download raw bytes

1<!doctype html>
2<html lang="de">
3<head >
4    <meta charset="utf-8"/>
5<meta name="title" content="Online-Shop für Einwegartikel"/>
6<meta name="description" content="PAPSTAR &#10045; Ihr Online-Shop für Bio-Einweggeschirr &#10003; Tisch- &amp; Party-Deko &#10003; To-Go-Verpackungen &#10003; Hygieneartikel &#10003;"/>
7<meta name="keywords" content="Einwegartikel, Bio-Einweggeschirr, To-Go-Verpackungen, Hygieneartikel"/>
8<meta name="robots" content="INDEX,FOLLOW"/>
9<meta name="viewport" content="width=device-width, initial-scale=1"/>
10<title>Online-Shop für Einwegartikel</title>
11<link rel="preload" as="style" href="/static/version1790743899/frontend/Papstar/base/de_DE/css/styles.css" />
12<link rel="preload" as="style" href="/static/version1790743899/frontend/Papstar/base/de_DE/Papstar_StoryblokUtils/css/splide/splide.min.css" />
13<link rel="preload" as="style" href="/static/version1790743899/frontend/Papstar/base/de_DE/Payone_Core/css/payone.css" />
14<link rel="preload" as="script" href="/static/version1790743899/frontend/Papstar/base/de_DE/Papstar_StoryblokUtils/js/splide/splide.min.js" />
15<link rel="preload" as="script" href="/static/version1790743899/frontend/Papstar/base/de_DE/Magento_QuickCheckout/js/disabled.js" />
16<link rel="preload" as="style" href="/static/version1790743899/frontend/Papstar/base/de_DE/css/styles.css" />
17<link  rel="stylesheet" type="text/css"  media="all" href="https://www.papstar-shop.de/static/version1790743899/frontend/Papstar/base/de_DE/css/styles.css" />
18<link  rel="stylesheet" type="text/css"  media="all" href="https://www.papstar-shop.de/static/version1790743899/frontend/Papstar/base/de_DE/Papstar_StoryblokUtils/css/splide/splide.min.css" />
19<link  rel="stylesheet" type="text/css"  media="all" href="https://www.papstar-shop.de/static/version1790743899/frontend/Papstar/base/de_DE/Payone_Core/css/payone.css" />
20<script  type="text/javascript"  defer="" src="https://www.papstar-shop.de/static/version1790743899/frontend/Papstar/base/de_DE/Papstar_StoryblokUtils/js/splide/splide.min.js"></script>
vendor: 1 bytes, line 20
20
21<script  type="text/javascript"  defer="defer" src="https://www.papstar-shop.de/static/version1790743899/frontend/Papstar/base/de_DE/Hyva_MagentoDataServices/js/storefront-event-collector.js"></script>
vendor: 1 bytes, line 21
21
22<script  type="text/javascript"  defer="defer" src="https://www.papstar-shop.de/static/version1790743899/frontend/Papstar/base/de_DE/Hyva_MagentoDataServices/js/storefront-events-sdk.js"></script>
vendor: 1 bytes, line 22
22
23<script  type="text/javascript"  defer="defer" src="https://www.papstar-shop.de/static/version1790743899/frontend/Papstar/base/de_DE/Hyva_MagentoLiveSearch/js/sdk.js"></script>
vendor: 1 bytes, line 23
23
24<script  type="text/javascript"  defer="defer" src="https://www.papstar-shop.de/static/version1790743899/frontend/Papstar/base/de_DE/Hyva_MagentoProductRecommendations/js/recs-sdk.js"></script>
vendor: 1 bytes, line 24
24
25<script  type="text/javascript"  src="https://www.papstar-shop.de/static/version1790743899/frontend/Papstar/base/de_DE/Magento_QuickCheckout/js/disabled.js"></script>
25
26<link  rel="apple-touch-icon" sizes="180x180" href="https://www.papstar-shop.de/static/version1790743899/frontend/Papstar/base/de_DE/Magento_Theme/apple-touch-icon.png" />
27<link  rel="icon" type="image/png" sizes="32x32" href="https://www.papstar-shop.de/static/version1790743899/frontend/Papstar/base/de_DE/Magento_Theme/favicon-32x32.png" />
28<link  rel="icon" type="image/png" sizes="16x16" href="https://www.papstar-shop.de/static/version1790743899/frontend/Papstar/base/de_DE/Magento_Theme/favicon-16x16.png" />
29<link  rel="icon" type="image/x-icon" href="https://www.papstar-shop.de/media/favicon/default/blume.png" />
30<link  rel="shortcut icon" type="image/x-icon" href="https://www.papstar-shop.de/media/favicon/default/blume.png" />
31<script>
32  (function (sCDN, sCDNProject, sCDNWorkspace, sCDNVers) {
33    if (
34      window.localStorage !== null &&
35      typeof window.localStorage === "object" &&
36      typeof window.localStorage.getItem === "function" &&
37      window.sessionStorage !== null &&
38      typeof window.sessionStorage === "object" &&
39      typeof window.sessionStorage.getItem === "function"
40    ) {
41      sCDNVers =
42        window.sessionStorage.getItem("jts_preview_version") ||
43        window.localStorage.getItem("jts_preview_version") ||
44        sCDNVers;
45    }
46    window.jentis = window.jentis || {};
47    window.jentis.config = window.jentis.config || {};
48    window.jentis.config.frontend = window.jentis.config.frontend || {};
49    window.jentis.config.frontend.cdnhost =
50      sCDN + "/get/" + sCDNWorkspace + "/web/" + sCDNVers + "/";
51    window.jentis.config.frontend.vers = sCDNVers;
52    window.jentis.config.frontend.env = sCDNWorkspace;
53    window.jentis.config.frontend.project = sCDNProject;
54    window._jts = window._jts || [];
55    var f = document.getElementsByTagName("script")[0];
56    var j = document.createElement("script");
57    j.async = true;
58    j.src = window.jentis.config.frontend.cdnhost + "aq8q6u.js";
59    f.parentNode.insertBefore(j, f);
60  })("https://anb4rc.papstar-shop.de","papstar_tracking_de","live", "_");
61
62  _jts.push({ track: "pageview" });
63  _jts.push({ track: "submit" });
64</script>
64
65<meta name="facebook-domain-verification" content="5xerolo9ayphlwsvfghjvpbpjamk8c" />
66<script id="usercentrics-cmp" src="https://web.cmp.usercentrics.eu/ui/loader.js" data-settings-id="XF4PBEyK4" async></script>
66
67
68<!-- Start VWO Async SmartCode -->
69<link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com" />
70<script type='text/plain' data-usercentrics= 'Visual Website Optimizer (VWO)' id='vwoCode'>
71window._vwo_code || (function() {
72var account_id=728852,
73version=2.1,
74settings_tolerance=2000,
75hide_element='body',
76hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important',
77/* DO NOT EDIT BELOW THIS LINE */
78f=false,w=window,d=document,v=d.querySelector('#vwoCode'),cK='_vwo_'+account_id+'_settings',cc={};try{var c=JSON.parse(localStorage.getItem('_vwo_'+account_id+'_config'));cc=c&&typeof c==='object'?c:{}}catch(e){}var stT=cc.stT==='session'?w.sessionStorage:w.localStorage;code={use_existing_jquery:function(){return typeof use_existing_jquery!=='undefined'?use_existing_jquery:undefined},library_tolerance:function(){return typeof library_tolerance!=='undefined'?library_tolerance:undefined},settings_tolerance:function(){return cc.sT||settings_tolerance},hide_element_style:function(){return'{'+(cc.hES||hide_element_style)+'}'},hide_element:function(){if(performance.getEntriesByName('first-contentful-paint')[0]){return''}return typeof cc.hE==='string'?cc.hE:hide_element},getVersion:function(){return version},finish:function(e){if(!f){f=true;var t=d.getElementById('_vis_opt_path_hides');if(t)t.parentNode.removeChild(t);if(e)(new Image).src='https://dev.visualwebsiteoptimizer.com/ee.gif?a='+account_id+e}},finished:function(){return f},addScript:function(e){var t=d.createElement('script');t.type='text/javascript';if(e.src){t.src=e.src}else{t.text=e.text}d.getElementsByTagName('head')[0].appendChild(t)},load:function(e,t){var i=this.getSettings(),n=d.createElement('script'),r=this;t=t||{};if(i){n.textContent=i;d.getElementsByTagName('head')[0].appendChild(n);if(!w.VWO||VWO.caE){stT.removeItem(cK);r.load(e)}}else{var o=new XMLHttpRequest;o.open('GET',e,true);o.withCredentials=!t.dSC;o.responseType=t.responseType||'text';o.onload=function(){if(t.onloadCb){return t.onloadCb(o,e)}if(o.status===200){_vwo_code.addScript({text:o.responseText})}else{_vwo_code.finish('&e=loading_failure:'+e)}};o.onerror=function(){if(t.onerrorCb){return t.onerrorCb(e)}_vwo_code.finish('&e=loading_failure:'+e)};o.send()}},getSettings:function(){try{var e=stT.getItem(cK);if(!e){return}e=JSON.parse(e);if(Date.now()>e.e){stT.removeItem(cK);return}return e.s}catch(e){return}},init:function(){if(d.URL.indexOf('__vwo_disable__')>-1)return;var e=this.settings_tolerance();w._vwo_settings_timer=setTimeout(function(){_vwo_code.finish();stT.removeItem(cK)},e);var t;if(this.hide_element()!=='body'){t=d.createElement('style');var i=this.hide_element(),n=i?i+this.hide_element_style():'',r=d.getElementsByTagName('head')[0];t.setAttribute('id','_vis_opt_path_hides');v&&t.setAttribute('nonce',v.nonce);t.setAttribute('type','text/css');if(t.styleSheet)t.styleSheet.cssText=n;else t.appendChild(d.createTextNode(n));r.appendChild(t)}else{t=d.getElementsByTagName('head')[0];var n=d.createElement('div');n.style.cssText='z-index: 2147483647 !important;position: fixed !important;left: 0 !important;top: 0 !important;width: 100% !important;height: 100% !important;background: white !important;';n.setAttribute('id','_vis_opt_path_hides');n.classList.add('_vis_hide_layer');t.parentNode.insertBefore(n,t.nextSibling)}var o='https://dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&vn='+version;if(w.location.search.indexOf('_vwo_xhr')!==-1){this.addScript({src:o})}else{this.load(o+'&x=true')}}};w._vwo_code=code;code.init();})();
79</script>
79
80<!-- End VWO Async SmartCode -->
81
82<!-- eyeAble start -->
83<script async src="https://cdn.eye-able.com/configs/www.papstar-shop.de.js"></script>
vendor: 2 bytes, line 83
83
84<script async src="https://cdn.eye-able.com/public/js/eyeAble.js"></script>
84
85<!-- eyeAble end -->
86
87<script type="text/plain" data-usercentrics="AWIN" defer="defer" src="https://www.dwin1.com/122758.js"></script>
87
88<!--zoAOy2kMTihsKkWmxHmaZR2qBgH1d8vJ-->            
89<script  nonce="bWRtajB5N3lhbmloZXpycWpjOTlsam0wdDc5MXNmdjM=">
90    window.getWpGA4Cookie = function(name) {
91        match = document.cookie.match(new RegExp(name + '=([^;]+)'));
92        if (match) return decodeURIComponent(match[1].replace(/\+/g, ' ')) ;
93    };
94
95    window.ga4AllowServices = false;
96
97    var isCookieRestrictionModeEnabled = 0,
98        currentWebsiteId = 2,
99        cookieRestrictionName = 'user_allowed_save_cookie';
100
101    if (isCookieRestrictionModeEnabled) {
102        allowedCookies = window.getWpGA4Cookie(cookieRestrictionName);
103
104        if (allowedCookies !== undefined) {
105            allowedWebsites = JSON.parse(allowedCookies);
106
107            if (allowedWebsites[currentWebsiteId] === 1) {
108                window.ga4AllowServices = true;
109            }
110        }
111    } else {
112        window.ga4AllowServices = true;
113    }
114</script>
114
115
116        <!-- Google Tag Manager --> 
116<script   type="text/plain" data-usercentrics="Google Tag Manager"> if (window.ga4AllowServices) {
vendor: 329 bytes, line 116
116(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push( {'gtm.start': new Date().getTime(),event:'gtm.js'} );var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','
116GTM-PDHC85R
vendor: 3 bytes, line 116
116');
116}  <!-- End Google Tag Manager -->        </script>
116
117    
118        
118<script  nonce="bWRtajB5N3lhbmloZXpycWpjOTlsam0wdDc5MXNmdjM=">
119        if (window.ga4AllowServices) {
120            window.dataLayer = window.dataLayer || [];
121                        var dl4Objects = [{"pageName":"Online-Shop f\u00fcr Einwegartikel","pageType":"home"}];
122            for (var i in dl4Objects) {
123                window.dataLayer.push({ecommerce: null});
124                window.dataLayer.push(dl4Objects[i]);
125            }
126                        var wpGA4Cookies = ['wp_ga4_user_id','wp_ga4_customerGroup'];
127            wpGA4Cookies.map(function (cookieName) {
128                var cookieValue = window.getWpGA4Cookie(cookieName);
129                if (cookieValue) {
130                    var dl4Object = {};
131                    dl4Object[cookieName.replace('wp_ga4_', '')] = cookieValue;
132                    window.dataLayer.push(dl4Object);
133                }
134            });
135        }
136    </script>
vendor: 1 bytes, line 136
136
137<script type="text/plain" data-usercentrics="Webgains">
138    (function(w,e,b,g,a,i,n,s){w['ITCLKOBJ']=a;w[a]=w[a]||function(){(w[a].q=w[a].q||[]).push(arguments)},w[a].l=1*new Date();i=e.createElement(b),n=e.getElementsByTagName(b)[0];i.async=1;i.src=g;n.parentNode.insertBefore(i,n)})(window,document,'script','https://analytics.webgains.io/clk.min.js','ITCLKQ');
139    ITCLKQ('set', 'internal.api', true);
140    ITCLKQ('set', 'internal.cookie', true);
141    ITCLKQ('click');
142</script>
142
143
144        
144<script type="text&#x2F;javascript">var script = document.createElement('script');
145script.src = 'https://integrations.etrusted.com/applications/widget.js/v2';
146script.async = true;
147script.defer = true;
148document.head.appendChild(script);</script>
148<script>
149    var BASE_URL = 'https://www.papstar-shop.de/';
150    var THEME_PATH = 'https://www.papstar-shop.de/static/version1790743899/frontend/Papstar/base/de_DE';
151    var COOKIE_CONFIG = {
152        "expires": null,
153        "path": "\u002F",
154        "domain": ".papstar\u002Dshop.de",
155        "secure": true,
156        "lifetime": "129600",
157        "cookie_restriction_enabled": false    };
158    var CURRENT_STORE_CODE = 'papstar_shop_de_de';
159    var CURRENT_WEBSITE_ID = '2';
160
161    window.hyva = window.hyva || {}
162
163    window.cookie_consent_groups = window.cookie_consent_groups || {}
164    window.cookie_consent_groups['necessary'] = true;
165
166    window.cookie_consent_config = window.cookie_consent_config || {};
167    window.cookie_consent_config['necessary'] = [].concat(
168        window.cookie_consent_config['necessary'] || [],
169        [
170            'user_allowed_save_cookie',
171            'form_key',
172            'mage-messages',
173            'private_content_version',
174            'mage-cache-sessid',
175            'last_visited_store',
176            'section_data_ids'
177        ]
178    );
179    //# sourceURL=hyva-variables.js
180</script>
vendor: 1 bytes, line 180
180
181<script>
182    (function( hyva, undefined ) {
183
184        function lifetimeToExpires(options, defaults) {
185
186            const lifetime = options.lifetime || defaults.lifetime;
187
188            if (lifetime) {
189                const date = new Date;
190                date.setTime(date.getTime() + lifetime * 1000);
191                return date;
192            }
193
194            return null;
195        }
196
197        function generateRandomString() {
198
199            const allowedCharacters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ',
200                length = 16;
201
202            let formKey = '',
203                charactersLength = allowedCharacters.length;
204
205            for (let i = 0; i < length; i++) {
206                formKey += allowedCharacters[Math.round(Math.random() * (charactersLength - 1))]
207            }
208
209            return formKey;
210        }
211
212        const sessionCookieMarker = {noLifetime: true}
213
214        const cookieTempStorage = {};
215
216        const internalCookie = {
217            get(name) {
218                const v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
219                return v ? v[2] : null;
220            },
221            set(name, value, days, skipSetDomain) {
222                let expires,
223                    path,
224                    domain,
225                    secure,
226                    samesite;
227
228                const defaultCookieConfig = {
229                    expires: null,
230                    path: '/',
231                    domain: null,
232                    secure: false,
233                    lifetime: null,
234                    samesite: 'lax'
235                };
236
237                const cookieConfig = window.COOKIE_CONFIG || {};
238
239                expires = days && days !== sessionCookieMarker
240                    ? lifetimeToExpires({lifetime: 24 * 60 * 60 * days, expires: null}, defaultCookieConfig)
241                    : lifetimeToExpires(window.COOKIE_CONFIG, defaultCookieConfig) || defaultCookieConfig.expires;
242
243                path = cookieConfig.path || defaultCookieConfig.path;
244                domain = !skipSetDomain && (cookieConfig.domain || defaultCookieConfig.domain);
245                secure = cookieConfig.secure || defaultCookieConfig.secure;
246                samesite = cookieConfig.samesite || defaultCookieConfig.samesite;
247
248                document.cookie = name + "=" + encodeURIComponent(value) +
249                    (expires && days !== sessionCookieMarker ? '; expires=' + expires.toGMTString() : '') +
250                    (path ? '; path=' + path : '') +
251                    (domain ? '; domain=' + domain : '') +
252                    (secure ? '; secure' : '') +
253                    (samesite ? '; samesite=' + samesite : 'lax');
254            },
255            isWebsiteAllowedToSaveCookie() {
256                const allowedCookies = this.get('user_allowed_save_cookie');
257                if (allowedCookies) {
258                    const allowedWebsites = JSON.parse(unescape(allowedCookies));
259
260                    return allowedWebsites[CURRENT_WEBSITE_ID] === 1;
261                }
262                return false;
263            },
264            getGroupByCookieName(name) {
265                const cookieConsentConfig = window.cookie_consent_config || {};
266                let group = null;
267                for (let prop in cookieConsentConfig) {
268                    if (!cookieConsentConfig.hasOwnProperty(prop)) continue;
269                    if (cookieConsentConfig[prop].includes(name)) {
270                        group = prop;
271                        break;
272                    }
273                }
274                return group;
275            },
276            isCookieAllowed(name) {
277                const cookieGroup = this.getGroupByCookieName(name);
278                return cookieGroup
279                    ? window.cookie_consent_groups[cookieGroup]
280                    : this.isWebsiteAllowedToSaveCookie();
281            },
282            saveTempStorageCookies() {
283                for (const [name, data] of Object.entries(cookieTempStorage)) {
284                    if (this.isCookieAllowed(name)) {
285                        this.set(name, data['value'], data['days'], data['skipSetDomain']);
286                        delete cookieTempStorage[name];
287                    }
288                }
289            }
290        };
291
292        hyva.getCookie = (name) => {
293            const cookieConfig = window.COOKIE_CONFIG || {};
294
295            if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
296                return cookieTempStorage[name] ? cookieTempStorage[name]['value'] : null;
297            }
298
299            return internalCookie.get(name);
300        }
301
302        hyva.setCookie = (name, value, days, skipSetDomain) => {
303            const cookieConfig = window.COOKIE_CONFIG || {};
304
305            if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
306                cookieTempStorage[name] = {value, days, skipSetDomain};
307                return;
308            }
309            return internalCookie.set(name, value, days, skipSetDomain);
310        }
311
312
313        hyva.setSessionCookie = (name, value, skipSetDomain) => {
314            return hyva.setCookie(name, value, sessionCookieMarker, skipSetDomain)
315        }
316
317        hyva.getBrowserStorage = () => {
318            const browserStorage = window.localStorage || window.sessionStorage;
319            if (!browserStorage) {
320                console.warn('Browser Storage is unavailable');
321                return false;
322            }
323            try {
324                browserStorage.setItem('storage_test', '1');
325                browserStorage.removeItem('storage_test');
326            } catch (error) {
327                console.warn('Browser Storage is not accessible', error);
328                return false;
329            }
330            return browserStorage;
331        }
332
333        hyva.postForm = (postParams) => {
334            const form = document.createElement("form");
335
336            let data = postParams.data;
337
338            if (! postParams.skipUenc && ! data.uenc) {
339                data.uenc = btoa(window.location.href);
340            }
341            form.method = "POST";
342            form.action = postParams.action;
343
344            Object.keys(postParams.data).map(key => {
345                const field = document.createElement("input");
346                field.type = 'hidden'
347                field.value = postParams.data[key];
348                field.name = key;
349                form.appendChild(field);
350            });
351
352            const form_key = document.createElement("input");
353            form_key.type = 'hidden';
354            form_key.value = hyva.getFormKey();
355            form_key.name="form_key";
356            form.appendChild(form_key);
357
358            document.body.appendChild(form);
359
360            form.submit();
361        }
362
363        hyva.getFormKey = function () {
364            let formKey = hyva.getCookie('form_key');
365
366            if (!formKey) {
367                formKey = generateRandomString();
368                hyva.setCookie('form_key', formKey);
369            }
370
371            return formKey;
372        }
373
374        hyva.formatPrice = (value, showSign, options = {}) => {
375            const groupSeparator = options.groupSeparator;
376            const decimalSeparator = options.decimalSeparator
377            delete options.groupSeparator;
378            delete options.decimalSeparator;
379            const formatter = new Intl.NumberFormat(
380                'de\u002DDE',
381                Object.assign({
382                    style: 'currency',
383                    currency: 'EUR',
384                    signDisplay: showSign ? 'always' : 'auto'
385                }, options)
386            );
387            return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ?
388                formatter.formatToParts(value).map(({type, value}) => {
389                    switch (type) {
390                        case 'currency':
391                            return '\u20AC' || value;
392                        case 'minusSign':
393                            return '- ';
394                        case 'plusSign':
395                            return '+ ';
396                        case 'group':
397                            return groupSeparator !== undefined ? groupSeparator : value;
398                        case 'decimal':
399                            return decimalSeparator !== undefined ? decimalSeparator : value;
400                        default :
401                            return value;
402                    }
403                }).reduce((string, part) => string + part) :
404                formatter.format(value);
405        }
406
407        const formatStr = function (str, nStart) {
408            const args = Array.from(arguments).slice(2);
409
410            return str.replace(/(%+)([0-9]+)/g, (m, p, n) => {
411                const idx = parseInt(n) - nStart;
412
413                if (args[idx] === null || args[idx] === void 0) {
414                    return m;
415                }
416                return p.length % 2
417                    ? p.slice(0, -1).replace('%%', '%') + args[idx]
418                    : p.replace('%%', '%') + n;
419            })
420        }
421
422        hyva.str = function (string) {
423            const args = Array.from(arguments);
424            args.splice(1, 0, 1);
425
426            return formatStr.apply(undefined, args);
427        }
428
429        hyva.strf = function () {
430            const args = Array.from(arguments);
431            args.splice(1, 0, 0);
432
433            return formatStr.apply(undefined, args);
434        }
435
436        /**
437         * Take a html string as `content` parameter and
438         * extract an element from the DOM to replace in
439         * the current page under the same selector,
440         * defined by `targetSelector`
441         */
442        hyva.replaceDomElement = (targetSelector, content) => {
443            // Parse the content and extract the DOM node using the `targetSelector`
444            const parser = new DOMParser();
445            const doc = parser.parseFromString(content, 'text/html');
446            const contentNode = doc.querySelector(targetSelector);
447
448            // Bail if content or target can't be found
449            if (!contentNode || !document.querySelector(targetSelector)) {
450                return;
451            }
452
453                        hyva.activateScripts(contentNode);
454            
455            // Replace the old DOM node with the new content
456            document.querySelector(targetSelector).replaceWith(contentNode);
457
458            // Reload customerSectionData and display cookie-messages if present
459            window.dispatchEvent(new CustomEvent("reload-customer-section-data"));
460            hyva.initMessages();
461        }
462
463        hyva.removeScripts = (contentNode) => {
464            const scripts = contentNode.getElementsByTagName('script');
465            for (let i = 0; i < scripts.length; i++) {
466                scripts[i].parentNode.removeChild(scripts[i]);
467            }
468            const templates = contentNode.getElementsByTagName('template');
469            for (let i = 0; i < templates.length; i++) {
470                const container = document.createElement('div');
471                container.innerHTML = templates[i].innerHTML;
472                hyva.removeScripts(container);
473                templates[i].innerHTML = container.innerHTML;
474            }
475        }
476
477        hyva.activateScripts = (contentNode) => {
478            // Create new array from HTMLCollection to avoid mutation of collection while manipulating the DOM.
479            const scripts = Array.from(contentNode.getElementsByTagName('script'));
480
481            // Iterate over all script tags to duplicate+inject each into the head
482            for (const original of scripts) {
483                const script = document.createElement('script');
484                original.type && (script.type = original.type);
485                script.innerHTML = original.innerHTML;
486
487                // Remove the original (non-executing) script from the contentNode
488                original.parentNode.removeChild(original)
489
490                // Add script to head
491                document.head.appendChild(script);
492            }
493
494            return contentNode;
495        }
496
497        const replace = {['+']: '-', ['/']: '_', ['=']: ','};
498        hyva.getUenc = () => btoa(window.location.href).replace(/[+/=]/g, match => replace[match]);
499
500        let currentTrap;
501
502        const focusableElements = (rootElement) => {
503            const selector = 'button, [href], input, select, textarea, details, [tabindex]:not([tabindex="-1"]';
504            return Array.from(rootElement.querySelectorAll(selector))
505                .filter(el => {
506                    return el.style.display !== 'none'
507                        && !el.disabled
508                        && el.tabIndex !== -1
509                        && (el.offsetWidth || el.offsetHeight || el.getClientRects().length)
510                })
511        }
512
513        const focusTrap = (e) => {
514            const isTabPressed = e.key === 'Tab' || e.keyCode === 9;
515            if (!isTabPressed) return;
516
517            const focusable = focusableElements(currentTrap)
518            const firstFocusableElement = focusable[0]
519            const lastFocusableElement = focusable[focusable.length - 1]
520
521            e.shiftKey
522                ? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), e.preventDefault())
523                : document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), e.preventDefault())
524        };
525
526        hyva.releaseFocus = (rootElement) => {
527            if (currentTrap && (!rootElement || rootElement === currentTrap)) {
528                currentTrap.removeEventListener('keydown', focusTrap)
529                currentTrap = null
530            }
531        }
532        hyva.trapFocus = (rootElement) => {
533            if (!rootElement) return;
534            hyva.releaseFocus()
535            currentTrap = rootElement
536            rootElement.addEventListener('keydown', focusTrap)
537            const firstElement = focusableElements(rootElement)[0]
538            firstElement && firstElement.focus()
539        }
540
541        hyva.safeParseNumber = (rawValue) => {
542            const number = rawValue ? parseFloat(rawValue) : null;
543
544            return Array.isArray(number) || isNaN(number) ? rawValue : number;
545        }
546
547        const toCamelCase = s => s.split('_').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join('');
548        hyva.createBooleanObject = (name, value = false, additionalMethods = {}) => {
549
550            const camelCase = toCamelCase(name);
551            const key = '__hyva_bool_' + name
552
553            return new Proxy(Object.assign(
554                additionalMethods,
555                {
556                    [key]: !!value,
557                    [name]() {return !!this[key]},
558                    ['!' + name]() {return !this[key]}, // @deprecated This does not work with non-CSP Alpine
559                    ['not' + camelCase]() {return !this[key]},
560                    ['toggle' + camelCase]() {this[key] = !this[key]},
561                    [`set${camelCase}True`]() {this[key] = true},
562                    [`set${camelCase}False`]() {this[key] = false},
563                }
564            ), {
565                set(target, prop, value) {
566                    return prop === name
567                        ? (target[key] = !!value)
568                        : Reflect.set(...arguments);
569                }
570            })
571        }
572
573                hyva.alpineInitialized = (fn) => window.addEventListener('alpine:initialized', fn, {once: true})
574        window.addEventListener('alpine:init', () => Alpine.data('{}', () => ({})), {once: true});
575                window.addEventListener('user-allowed-save-cookie', () => internalCookie.saveTempStorageCookies())
576
577    }( window.hyva = window.hyva || {} ));
578    //# sourceURL=hyva.js
579</script>
vendor: 1 bytes, line 579
579
580<script type="speculationrules">
581{
582    "tag": "Hyva Theme",
583    "prefetch": [{
584        "source": "document",
585        "where": {
586            "and": [
587                { "href_matches": "/*" },
588                { "not": {
589                    "href_matches": ["/customer/*","/search/*","/sales/*","/wishlist/*","/checkout/*","/paypal/*","/newsletter/*","/stores/store/redirect/*"]                }},
590                { "not": {
591                    "selector_matches": [".no-preload", ".do-not-prerender", "[download]", "[rel~=nofollow]", "[target]"]
592                }}
593            ]
594        },
595        "eagerness": "moderate"
596    }]
597}
598</script>
598
599<link rel="preconnect" href="https://integrations.etrusted.com">
600<link rel="dns-prefetch" href="https://integrations.etrusted.com">
601
602<link rel="dns-prefetch" href="https://widgets.trustedshops.com">
603
604<link rel="preconnect" href="https://a.storyblok.com">
605<link rel="dns-prefetch" href="https://a.storyblok.com">
606
607<link rel="dns-prefetch" href="https://www.googletagmanager.com">
608<link rel="canonical" href="https://www.papstar-shop.de"/>
609<script>
610    function deepMerge(target, ...sources) {
611        if (!sources.length) {
612            return target;
613        }
614
615        const source = sources.shift();
616
617        if (typeof target !== 'object' || typeof source !== 'object') {
618            return target;
619        }
620
621        for (let key in source) {
622            if (source.hasOwnProperty(key)) {
623                if (source[key] instanceof Array) {
624                    target[key] = target[key] || [];
625                    target[key] = target[key].concat(source[key]);
626                } else if (typeof source[key] === 'object') {
627                    target[key] = deepMerge(target[key] || {}, source[key]);
628                } else {
629                    target[key] = source[key];
630                }
631            }
632        }
633
634        return deepMerge(target, ...sources);
635    }
636
637    function amastyRewardsProduct() {
638        return {
639            captionStartText: 'Sie\u0020erhalten',
640            captionAfterText: '',
641            captionRegistrationText: 'for\u0020registration\u0021',
642            captionEndText: '',
643            productId: this.$el.dataset.productId,
644            formSelector: 'product_addtocart_form',
645            form: null,
646            refreshUrl: this.$el.dataset.refreshUrl,
647            loader: false,
648            isFetching: false,
649            abortFetchController: false,
650            highlight: {
651                registration_link: '',
652                caption_color: '',
653                caption_text: '0',
654                visible: false
655            },
656
657            init() {
658                this.formObserver();
659                document.addEventListener(`update-qty-${this.productId}`, () => {
660                    this.updateData();
661                });
662                window.addEventListener('update-bundle-option-selection', () => {
663                    this.updateData();
664                });
665                this.$nextTick(() => this.updateData());
666            },
667
668            hideBlock() {
669                this.highlight.visible = false;
670                this.loader = true;
671            },
672
673            dispatchStatus(type, message) {
674                window.dispatchMessages([{
675                    type: type,
676                    text: message
677                }], 5000);
678            },
679
680            formObserver() {
681                const product = document.querySelector(`input[name='product'][value='${this.productId}']`);
682
683                if (product) {
684                    const productForm = product.form;
685                    if (productForm) {
686                        productForm.addEventListener('change', () => {
687                            this.updateData();
688                        });
689                    }
690                }
691            },
692
693            updateData() {
694                if (this.isFetching) {
695                    return false;
696                }
697                if (!this.refreshUrl) {
698                    this.loader = false;
699                    return false;
700                }
701                this.hideBlock();
702
703                if (this.abortFetchController) {
704                    this.abortFetchController.abort();
705                }
706
707                this.abortFetchController = new AbortController();
708
709                const product = document.querySelector(`input[name='product'][value='${this.productId}']`);
710                let formParams = '';
711
712                if (!product) {
713                    formParams = 'form_key=' + hyva.getFormKey() + '&product=' + this.productId;
714                } else {
715                    const form = product.form;
716                    const formData = new FormData(form);
717                    formParams = new URLSearchParams(formData).toString();
718                }
719                const formJson = JSON.stringify({
720                    page: 0,
721                    productId: this.productId,
722                    attributes: formParams
723                });
724
725                const requestOptions = {
726                    method: 'POST',
727                    body: formJson,
728                    headers: {
729                        'Content-Type': 'application/json',
730                        'x-requested-with': 'XMLHttpRequest',
731                    },
732                    signal: this.abortFetchController.signal
733                };
734                this.isFetching = true;
735                fetch(this.refreshUrl, requestOptions).then(response => {
736                    if (!response.ok) {
737                        return Promise.reject(`${response.status} ${response.statusText}`);
738                    }
739                    return response.json();
740                }).then((data) => {
741                    this.highlight.visible = data.visible;
742                    this.highlight.caption_text = data.caption_text;
743                    this.highlight.caption_color = data.caption_color;
744
745                    if (data?.registration_link) {
746                        this.highlight.registration_link = data.registration_link;
747                    }
748
749                    if (data?.need_to_change_message && data?.need_to_change_message === 1) {
750                        this.captionAfterText = 'for\u0020making\u0020a\u0020purchase\u0021\u0020Available\u0020for';
751                        this.captionRegistrationText = 'registered';
752                        this.captionEndText = 'customers\u0020only.';
753                    }
754                }).catch(error => {
755                    if (error.name !== 'AbortError' && typeof error === 'string' && error.match(/'401'/g) !== null) {
756                        this.dispatchStatus('error', error);
757                    }
758                }).finally(() => {
759                    this.loader = false;
760                    this.isFetching = false;
761                });
762            },
763
764            highlightCaptionText() {
765                return this.highlight.caption_text !== '0' && !this.loader;
766            },
767
768            highlightStyle() {
769                return `color: ${this.highlight.caption_color}`;
770            },
771
772            isHighlightRegistrationLink() {
773                return this.highlight.registration_link && this.highlight.registration_link !== '';
774            },
775
776            isNotRegistrationLink() {
777                return !this.highlight.registration_link;
778            },
779
780            highlightVisible() {
781                return this.highlight.visible && !this.loader;
782            }
783        }
784    }
785
786    window.addEventListener(
787        'alpine:init',
788        () => Alpine.data('amastyRewardsProduct', amastyRewardsProduct),
789        { once: true }
790    );
791</script>
791
792
793<script>
794    window.addEventListener('load', function () {
795        window.magentoStorefrontEvents = magentoStorefrontEvents;
796        magentoStorefrontEvents.context.setStorefrontInstance(
797            {"storeUrl":"https:\/\/www.papstar-shop.de\/","websiteId":2,"websiteCode":"papstar_de","storeId":3,"storeCode":"papstar_shop_de","storeViewId":3,"storeViewCode":"papstar_shop_de_de","websiteName":"Papstar DE","storeName":"papstar-shop.de","storeViewName":"Papstar DE Deutsch","baseCurrencyCode":"EUR","storeViewCurrencyCode":"EUR","catalogExtensionVersion":"103.4.31","environmentId":"bbb13a8c-eb29-45a7-9876-f0c22c0968fc","environment":"Production","storefrontTemplate":"Hyva"}        );
798        magentoStorefrontEvents.context.setMagentoExtension({
799            magentoExtensionVersion: "8.0.1",
800        });
801        magentoStorefrontEvents.context.setDataServicesExtension({
802            version: "8.0.1",
803        });
804        magentoStorefrontEvents.context.setPage({
805            pageType: "Default"
806        });
807        magentoStorefrontEvents.context.setContext("pageExtended", {
808            action: "page-view"
809        });
810
811        let shopperId = "guest";
812        magentoStorefrontEvents.context.setShopper({ shopperId: shopperId });
813
814        
815        magentoStorefrontEvents.publish.pageView();
816    });
817
818    function getCustomerIdFromDataServices() {
819        let customerId = hyva.getCookie("dataservices_customer_id");
820        return customerId ? decodeURI(customerId).replace(/[^\w\s]/gi, "") : null;
821    }
822
823    function getCustomerGroupFromDataServices() {
824        try {
825            const decodedString = decodeURIComponent(hyva.getCookie("dataservices_customer_group"));
826            return decodedString ? JSON.parse(decodedString) : null;
827        } catch (error) {
828            console.error("Failed to parse customer group data:", error);
829            return null;
830        }
831    }
832</script>
832
833</head>
834<body id="html-body" class="cms-home cms-index-index page-layout-1column">
835<!-- Google Tag Manager (noscript) -->
836<noscript><iframe src=https://www.googletagmanager.com/ns.html?id=GTM-PDHC85R
837height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
838<!-- End Google Tag Manager (noscript) -->
838<script>
839    function checkResolution() {
840        return {
841            isMobile: window.matchMedia("(max-width: 1023px)").matches,
842
843            checkIsMobileResolution() {
844                console.log("222");
845                this.isMobile = window.matchMedia("(max-width: 1023px)").matches;
846            },
847
848
849            // Init function will automaticly be fired
850            init() {
851                window.addEventListener("resize", this.updateIsMobile.bind(this));
852            },
853
854            // Update isMobile data on resize
855            updateIsMobile() {
856                this.isMobile = (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) || window.innerWidth < 1024;
857                //this.isMobile = window.innerWidth < 1024;
858            }
859        };
860    }
861
862    window.addEventListener("alpine:init", () => {
863        Alpine.data("checkResolution", checkResolution);
864    }, { once: true });
865</script>
865
866
867<!-- Variablenuebergabe -->
868<script>
869    window.ntmData = window.ntmData || [];
870    window.ntmData.push({
871        gdpr: "-1", /* 0 if GDPR does not apply, 1 if GDPR applies */
872        gdprConsent: "", /* IAB TCF 2.0 consent string */
873        pageType: "generic",
874        pageName: "Home Page DE"
875    });
876</script>
876
877
878<!-- Allgemeiner Tag -->
879<noscript>
880    <iframe src="//tm.container.webgains.link/tm/a/container/noscript/be5a91d4c6.html" height="0" width="0"
881            style="display:none;visibility:hidden"></iframe>
882</noscript>
883<script type="text/plain" data-usercentrics="Webgains">
884        (function (n, e, o, r, y) {
885            n[r] = n[r] || [];
886            n[r].push({'event': 'ntmInit', 't': new Date().getTime()});
887            var f = e.getElementsByTagName(o)[0], s = e.createElement(o), d = r != 'ntmData' ? '&ntmData=' + r : '';
888            s.async = true;
889            s.src = 'http' + (document.location.protocol == 'https:' ? 's' : '') + '://tm.container.webgains.link/tm/a/container/init/' + y + '.js?' + d + '&rnd=' + Math.floor(Math.random() * 100000000);
890            f.parentNode.insertBefore(s, f);
891        })(window, document, 'script', 'ntmData', 'be5a91d4c6');
892</script>
vendor: 1 bytes, line 892
892
893<script>
894    'use strict';
895
896    (() => {
897        window.addEventListener(
898            'ga-initialized',
899            () => {
900                window.addEventListener('cart-item-added', (event) => {
901                    let products = [];
902
903                    event.detail.forEach((item) => {
904                        products.push({
905                            id: item['product_sku'],
906                            name: item['product_name'],
907                            price: item['product_price_value'],
908                            quantity: item['qty'],
909                        });
910                    });
911
912                    dataLayer.push({
913                        event: 'addToCart',
914                        ecommerce: {
915                            currencyCode: 'EUR',
916                            add: {
917                                products: products,
918                            },
919                        },
920                    });
921                });
922            },
923            { once: true }
924        );
925    })();
926</script>
vendor: 1 bytes, line 926
926
927<script>
928    'use strict';
929
930    (() => {
931        window.addEventListener(
932            'ga-initialized',
933            () => {
934                window.addEventListener('cart-item-removed', (event) => {
935                    let products = [];
936
937                    event.detail.forEach((item) => {
938                        products.push({
939                            id: item['product_sku'],
940                            name: item['product_name'],
941                            price: item['product_price_value'],
942                            quantity: item['qty'],
943                        });
944                    });
945
946                    dataLayer.push({
947                        event: 'removeFromCart',
948                        ecommerce: {
949                            currencyCode: 'EUR',
950                            remove: {
951                                products: products,
952                            },
953                        },
954                    });
955                });
956            },
957            { once: true }
958        );
959    })();
960</script>
vendor: 1 bytes, line 960
960
961<script>
962    'use strict';
963
964    (() => {
965        window.addEventListener(
966            'ga-initialized',
967            () => {
968                const banners = document.querySelectorAll('\u005Bdata\u002Dbanner\u002Did\u005D');
969                let promotions = [];
970
971                banners.forEach((banner) => {
972                    banner.addEventListener('click', () => {
973                        window.dataLayer.push({
974                            event: 'promotionClick',
975                            ecommerce: {
976                                promoClick: {
977                                    promotions: [{
978                                        id: banner.dataset.bannerId,
979                                        name: banner.dataset.bannerName,
980                                        creative: '',
981                                        position: 'cms_index_index',
982                                    }],
983                                },
984                            },
985                        });
986                    });
987
988                    promotions.push({
989                        id: banner.dataset.bannerId,
990                        name: banner.dataset.bannerName,
991                        creative: '',
992                        position: 'cms_index_index',
993                    });
994                });
995
996                if (promotions.length) {
997                    window.dataLayer.push({
998                        event: 'promotionView',
999                        ecommerce: {
1000                            promoView: {
1001                                promotions: promotions,
1002                            },
1003                        },
1004                    });
1005                }
1006            },
1007            { once: true }
1008        );
1009    })();
1010</script>
1010
1011<div class="page-wrapper"><div class="skip-to-main-content">
1012    <a class="action skip underline contentarea"
1013       tabindex="0"
1014       href="#contentarea">
1015        <span>
1016            Direkt zum Inhalt        </span>
1017    </a>
1018</div>
1019
1020<div class="storyblok-page">
1021            
1022<div id="meta-header" class="meta-header px-4 z-50" x-data="initMetaHeader()">
1023    <div class="meta-header-container xl:container">
1024                    <div class="meta-header-dropdown"
1025                 :aria-hidden="isCheckout()">
1026                
1027<div class="meta-header-item">
1028                                        <div x-data="initDropdown()"
1029                 x-on:keydown.escape.prevent.stop="close($refs.dropdown)"
1030                 x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
1031                 x-id="['dropdown-button-dropdown']"
1032                 class="panel-link">
1033                <div x-ref="dropdown"
1034                     x-on:click="toggle()"
1035                     x-on:keydown.enter="toggle()"
1036                     :aria-expanded="open"
1037                     :aria-controls="$id('dropdown-button-dropdown')"
1038                     role="button"
1039                     tabindex="0"
1040                     class="meta-header-dropdown-button">
1041                        <span :class="{ 'font-bold' : open, 'font-normal' : !open }"
1042                              title="Ihre Branche"
1043                        >
1044                            Ihre Branche                        </span>
1045                    <span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" width="22" height="22" :class="{ 'transform rotate-180' : open }" aria-hidden="true"><defs><style>.cls-1{fill:none;}</style></defs>
1046    <title>Arrow down</title>
1047    <g><path d="M16,21a1,1,0,0,1-.71-.29l-8-8a1,1,0,1,1,1.42-1.42L16,18.59l7.29-7.3a1,1,0,0,1,1.42,1.42l-8,8A1,1,0,0,1,16,21Z"/></g><g><rect fill="none" height="32" width="32"/></g></svg>
1048</span>
1049                </div>
1050                <!-- Panel -->
1051                <div x-ref="panel"
1052                     x-show="open"
1053                     x-transition.origin.top.left
1054                     x-on:click.outside="close($refs.button)"
1055                     :id="$id('dropdown-button-dropdown')"
1056                     x-cloak
1057                     class="meta-header-dropdown-panel">
1058                                                                                                <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;themenwelt-gastronomie"
1059                               target=""
1060                               class="meta-header-dropdown-link">
1061                                Gastronomie                            </a>
1062                                                                                                                        <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;themenwelt-hotellerie"
1063                               target=""
1064                               class="meta-header-dropdown-link">
1065                                Hotellerie                            </a>
1066                                                                                                                        <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;party-ideen"
1067                               target=""
1068                               class="meta-header-dropdown-link">
1069                                Veranstaltungsservice                            </a>
1070                                                                                                                        <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;tattoo-zubehoer"
1071                               target=""
1072                               class="meta-header-dropdown-link">
1073                                Tattoo Studios                            </a>
1074                                                                                </div>
1075            </div>
1076            
1076<script>
1077                "use strict";
1078
1079                function initDropdown() {
1080                    return {
1081                        open: false,
1082
1083                        toggle() {
1084                            if (this.open) {
1085                                return this.close();
1086                            }
1087
1088                            this.$refs.dropdown.focus();
1089                            this.open = true;
1090                        },
1091                        close(focusAfter) {
1092                            if (!this.open) return;
1093
1094                            this.open = false;
1095                            focusAfter && focusAfter.focus();
1096                        }
1097                    };
1098                }
1099            </script>
1099
1100                                                <div x-data="initDropdown()"
1101                 x-on:keydown.escape.prevent.stop="close($refs.dropdown)"
1102                 x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
1103                 x-id="['dropdown-button-dropdown']"
1104                 class="panel-link">
1105                <div x-ref="dropdown"
1106                     x-on:click="toggle()"
1107                     x-on:keydown.enter="toggle()"
1108                     :aria-expanded="open"
1109                     :aria-controls="$id('dropdown-button-dropdown')"
1110                     role="button"
1111                     tabindex="0"
1112                     class="meta-header-dropdown-button">
1113                        <span :class="{ 'font-bold' : open, 'font-normal' : !open }"
1114                              title="Tipps &amp; Trends"
1115                        >
1116                            Tipps &amp; Trends                        </span>
1117                    <span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" width="22" height="22" :class="{ 'transform rotate-180' : open }" aria-hidden="true"><defs><style>.cls-1{fill:none;}</style></defs>
1118    <title>Arrow down</title>
1119    <g><path d="M16,21a1,1,0,0,1-.71-.29l-8-8a1,1,0,1,1,1.42-1.42L16,18.59l7.29-7.3a1,1,0,0,1,1.42,1.42l-8,8A1,1,0,0,1,16,21Z"/></g><g><rect fill="none" height="32" width="32"/></g></svg>
1120</span>
1121                </div>
1122                <!-- Panel -->
1123                <div x-ref="panel"
1124                     x-show="open"
1125                     x-transition.origin.top.left
1126                     x-on:click.outside="close($refs.button)"
1127                     :id="$id('dropdown-button-dropdown')"
1128                     x-cloak
1129                     class="meta-header-dropdown-panel">
1130                                                                                                <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;tipps-und-trends"
1131                               target=""
1132                               class="meta-header-dropdown-link">
1133                                Übersicht Tipps                            </a>
1134                                                                                                                        <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;bayrische-tischdeko"
1135                               target=""
1136                               class="meta-header-dropdown-link">
1137                                Bayrische Tischdeko                            </a>
1138                                                                                                                        <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;servietten-falten"
1139                               target=""
1140                               class="meta-header-dropdown-link">
1141                                Servietten falten                            </a>
1142                                                                                                                        <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;hochzeitsdeko-ideen"
1143                               target=""
1144                               class="meta-header-dropdown-link">
1145                                Hochzeitsdeko Ideen                            </a>
1146                                                                                                                        <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;street-food"
1147                               target=""
1148                               class="meta-header-dropdown-link">
1149                                Street Food                            </a>
1150                                                                                </div>
1151            </div>
1152            
1152<script>
1153                "use strict";
1154
1155                function initDropdown() {
1156                    return {
1157                        open: false,
1158
1159                        toggle() {
1160                            if (this.open) {
1161                                return this.close();
1162                            }
1163
1164                            this.$refs.dropdown.focus();
1165                            this.open = true;
1166                        },
1167                        close(focusAfter) {
1168                            if (!this.open) return;
1169
1170                            this.open = false;
1171                            focusAfter && focusAfter.focus();
1172                        }
1173                    };
1174                }
1175            </script>
1175
1176                                                <div x-data="initDropdown()"
1177                 x-on:keydown.escape.prevent.stop="close($refs.dropdown)"
1178                 x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
1179                 x-id="['dropdown-button-dropdown']"
1180                 class="panel-link">
1181                <div x-ref="dropdown"
1182                     x-on:click="toggle()"
1183                     x-on:keydown.enter="toggle()"
1184                     :aria-expanded="open"
1185                     :aria-controls="$id('dropdown-button-dropdown')"
1186                     role="button"
1187                     tabindex="0"
1188                     class="meta-header-dropdown-button">
1189                        <span :class="{ 'font-bold' : open, 'font-normal' : !open }"
1190                              title="Lösungen &amp; Services"
1191                        >
1192                            Lösungen &amp; Services                        </span>
1193                    <span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" width="22" height="22" :class="{ 'transform rotate-180' : open }" aria-hidden="true"><defs><style>.cls-1{fill:none;}</style></defs>
1194    <title>Arrow down</title>
1195    <g><path d="M16,21a1,1,0,0,1-.71-.29l-8-8a1,1,0,1,1,1.42-1.42L16,18.59l7.29-7.3a1,1,0,0,1,1.42,1.42l-8,8A1,1,0,0,1,16,21Z"/></g><g><rect fill="none" height="32" width="32"/></g></svg>
1196</span>
1197                </div>
1198                <!-- Panel -->
1199                <div x-ref="panel"
1200                     x-show="open"
1201                     x-transition.origin.top.left
1202                     x-on:click.outside="close($refs.button)"
1203                     :id="$id('dropdown-button-dropdown')"
1204                     x-cloak
1205                     class="meta-header-dropdown-panel">
1206                                                                                                <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;papstar-solutions"
1207                               target=""
1208                               class="meta-header-dropdown-link">
1209                                PAPSTAR Solutions                            </a>
1210                                                                                                                        <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;siegelmaschine"
1211                               target=""
1212                               class="meta-header-dropdown-link">
1213                                Siegelmaschine                            </a>
1214                                                                                </div>
1215            </div>
1216            
1216<script>
1217                "use strict";
1218
1219                function initDropdown() {
1220                    return {
1221                        open: false,
1222
1223                        toggle() {
1224                            if (this.open) {
1225                                return this.close();
1226                            }
1227
1228                            this.$refs.dropdown.focus();
1229                            this.open = true;
1230                        },
1231                        close(focusAfter) {
1232                            if (!this.open) return;
1233
1234                            this.open = false;
1235                            focusAfter && focusAfter.focus();
1236                        }
1237                    };
1238                }
1239            </script>
1239
1240            </div>
1241            </div>
1242        
1243        <div class="meta-header-benefits">
1244                    <div class="meta-header-benefits-item">
1245                                    <span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="mr-1" width="24" height="24" aria-hidden="true">
1246        <title>Transporter</title>
1247    <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" d="M9 42H6V16h33v21M36 42H25M52 42h6v-6.3c0-5.3-4-9.7-9.3-9.7H43v10" class="stroke-2c3e50"/><path d="M46 36v-7h2.7c3.6 0 6.3 3 6.3 7h-9z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" class="stroke-2c3e50"/><circle cx="17" cy="44" fill="none" r="5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="17" cy="44" fill="none" r="1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="44" cy="44" fill="none" r="5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="44" cy="44" fill="none" r="1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" d="M6 36h33" class="stroke-2c3e50"/></svg>
1248</span>
1249                        <span>ab 89€ netto versandkostenfrei</span>
1250            </div>
1251        <div class="meta-header-benefits-item">
1252                                    <span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="mr-1" width="24" height="24" aria-hidden="true">
1253        <title>Check</title>
1254    <circle cx="32" cy="32" fill="none" r="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" d="m22.9 31.1 7.4 7.4 13.1-13.1" class="stroke-2c3e50"/></svg>
1255</span>
1256                        <span>Lieferung 1-3 Werktage</span>
1257            </div>
1258        <div class="meta-header-benefits-item">
1259                <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;informationen&#x2F;allgemeine-geschaftsbedingungen"
1260           target=""
1261           class="hover:underline flex items-center hover:text-white">
1262                                    <span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="mr-1" width="24" height="24" aria-hidden="true">
1263        <title>Check</title>
1264    <circle cx="32" cy="32" fill="none" r="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" d="m22.9 31.1 7.4 7.4 13.1-13.1" class="stroke-2c3e50"/></svg>
1265</span>
1266                        <span>Kauf auf Rechnung (Geschäftskunden)</span>
1267                </a>
1268            </div>
1269        </div>
1270    </div>
1271</div>
1272
1273<script>
1274    function initMetaHeader() {
1275        return {
1276            isCheckout() {
1277                return document.body.classList.contains("hyva_checkout-index-index");
1278            }
1279        };
1280    }
1281</script>
1281
1282    </div>
1283<script>
1284    function initHeader() {
1285        return {
1286            searchOpen: false,
1287            cart: {},
1288            sticky: false,
1289            lastPos: window.scrollY,
1290
1291            getData(data) {
1292                if (data.cart) {
1293                    this.cart = data.cart;
1294                }
1295            },
1296            isCartEmpty() {
1297                return !this.cart.summary_count
1298            },
1299            scroll() {
1300                this.sticky = window.scrollY > this.$refs.navbar.offsetHeight && this.lastPos > window.scrollY;
1301                this.lastPos = window.scrollY;
1302            }
1303        };
1304    }
1305
1306    function initCompareHeader() {
1307        return {
1308            compareProducts: null,
1309            itemCount: 0,
1310
1311            receiveCompareData(data) {
1312                if (data["compare-products"]) {
1313                    this.compareProducts = data["compare-products"];
1314                    this.itemCount = this.compareProducts.count;
1315                }
1316            }
1317        };
1318    }
1319</script>
1319
1320
1321<header id="header"
1322        class="transition w-full z-50 max-lg:top-0"
1323        x-data="initHeader()"
1324        @keydown.window.escape="searchOpen = false;"
1325        @scroll.window="scroll()"
1326        x-ref="navbar"
1327        :class="{
1328                   'lg:sticky lg:top-0': sticky,
1329                   'lg:relative': !sticky
1330                   }"
1331        @private-content-loaded.window="getData(event.detail.data)">
1332    <!--PreHeader-->
1333        
1334    <div x-ref="header" class="new-header">
1335        <div class="lg:container flex lg:flex-wrap max-lg:py-4 py-2 items-center max-lg:relative max-lg:px-4">
1336            <!--Logo-->
1337            <div class="order-1">
1338    <a class=""
1339        width="80"       href="https://www.papstar-shop.de/"
1340       title="PAPSTAR&#x20;GmbH&#x20;Logo"
1341       aria-label="Go&#x20;to&#x20;Home&#x20;page"
1342    >
1343        <img src="https://www.papstar-shop.de/static/version1790743899/frontend/Papstar/base/de_DE/images/logo.svg"
1344             title="PAPSTAR&#x20;GmbH&#x20;Logo"
1345             alt="PAPSTAR&#x20;GmbH&#x20;Logo Shop Logo"
1346             loading="eager"
1347            width="80"            height="90"        />
1348    </a>
1349</div>
1350
1351            <div class="order-4 lg:order-2 lg:flex-auto flex justify-end" id="search-content">
1352                <div x-data="initLiveSearch"
1353     x-init="initPopover"
1354     @close-search.window="getProducts(false); closePopover();"
1355     @open-search.window="openPopover()"
1356     @resize.window.debounce="checkIsMobileResolution()"
1357     @visibilitychange.window.debounce="checkIsMobileResolution()"
1358     class="w-full z-30"
1359>
1360    <div class="container lg:py-2 text-black lg:pr-5">
1361        <form class="form minisearch mobile-search-position"
1362              id="search_mini_form"
1363              action="https://www.papstar-shop.de/catalogsearch/result/"
1364              method="get"
1365        >
1366            <div class="flex lg:justify-end lg:pt-0 max-lg:px-4 max-lg:pb-5">
1367                <div class="control w-full flex relative">
1368                    <label class="hidden" for="search" data-role="minisearch-label">
1369                        Suchen&#x20;Sie&#x20;nach&#x20;Produkten,&#x20;Artikel-Nr.&#x20;oder&#x20;Eigenschaften&#x20;...                    </label>
1370                    <input id="search"
1371                           class="input-text h-12 w-full mobile-search rounded max-lg:pr-16 focus:border-gray-100"
1372                           type="text"
1373                           x-model="queryPhrase"
1374                           name="q"
1375                           value=""
1376                           placeholder="Suchen&#x20;Sie&#x20;nach&#x20;Produkten,&#x20;Artikel-Nr.&#x20;oder&#x20;Eigenschaften&#x20;..."
1377                           title="Suchen&#x20;Sie&#x20;nach&#x20;Produkten,&#x20;Artikel-Nr.&#x20;oder&#x20;Eigenschaften&#x20;..."
1378                           alt="Suchen&#x20;Sie&#x20;nach&#x20;Produkten,&#x20;Artikel-Nr.&#x20;oder&#x20;Eigenschaften&#x20;..."
1379                           maxlength="128"
1380                           role="combobox"
1381                           aria-haspopup="false"
1382                           aria-autocomplete="both"
1383                           autocomplete="off"
1384                           aria-expanded="false"
1385                           @input="handleInput"
1386                           @keyup.escape="$dispatch('close-search'); clearSearch()"
1387                           @click.away="$dispatch('close-search');"
1388                           @click="blurredBackground(searchOpen)"
1389                           :class="{ 'search-shadow' : searchOpen}"
1390                    />
1391                    <button type="reset"
1392                            title="Abbrechen"
1393                            class="search-close-btn"
1394                            x-show="searchOpen"
1395                            @click="$dispatch('close-search'); clearSearch()">
1396                        <?xml version="1.0" encoding="utf-8"?>
1397<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" fill="currentColor" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve" class="text-black h-2 w-2">
1398        <title>Close</title>
1399    <g><path d="M500,623.8L159.9,963.9c-34.6,34.6-90.1,34.7-124.3,0.5c-34.4-34.4-34-89.8,0.5-124.3L376.2,500L36.1,159.9C1.5,125.3,1.4,69.8,35.6,35.6c34.4-34.4,89.8-34,124.3,0.5L500,376.2L840.1,36.1c34.6-34.6,90.1-34.7,124.3-0.5c34.4,34.4,34,89.8-0.5,124.3L623.8,500l340.1,340.1c34.6,34.6,34.7,90.1,0.5,124.3c-34.4,34.4-89.8,34-124.3-0.5L500,623.8z"/></g>
1400</svg>
1401                    </button>
1402                    <button x-bind:type="buttonType"
1403                            title="Suchen"
1404                            @click="redirect()"
1405                            class="action search search-btn lg:h-12 lg:w-12 -ml-12 hover:bg-gray-100 rounded-r">
1406                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="text-secondary mx-auto" width="28" height="28">
1407        <title>Search</title>
1408    <circle cx="27" cy="27.4" fill="none" r="19.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/>
1409    <path d="M46 41.1 56.9 52c.8.8.8 2 0 2.8l-2.1 2.1c-.8.8-2 .8-2.8 0L41 46M17.6 36.8c-5.2-5.2-5.2-13.6 0-18.7" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50">
1410    </path>
1411</svg>
1412                    </button>
1413                </div>
1414                <div
1415                    class="absolute flex-col z-50 lg:shadow-xl bg-white xl:container left-0 right-0 ml-auto mr-auto top-16 lg:top-20"
1416                    :class="{ 'block': queryPhrase !== '' && searchOpen, 'hidden': queryPhrase === '' && !searchOpen, 'max-md:h-screen': queryPhrase !== ''}"
1417                    x-show="searchOpen"
1418                    x-transition:leave.duration.200ms
1419                    @keyup.escape="$dispatch('close-search'); clearSearch()">
1420                    <div class="flex max-md:flex-col z-50 lg:max-h-screen-80 lg:overflow-y-auto">
1421                        <template x-if="showSuggestions">
1422                            <div class="px-3 py-2 basis-1/3">
1423                                <h4 x-show="liveSearchSuggestions.length >= 1" class="pt-4">
1424                                    Suchvorschläge                                </h4>
1425                                <div class="grid grid-cols-1">
1426                                    <template x-for="suggestion in liveSearchSuggestions">
1427                                        <button @click="searchSuggestion"
1428                                                type="button"
1429                                                class="pap-autocomplete-page-result text-left py-2">
1430                                            <span x-text="suggestion"></span>
1431                                        </button>
1432                                    </template>
1433                                </div>
1434                                <h4 x-show="liveSearchCategories.length >= 1" class="pt-4">
1435                                    Kategorien                                </h4>
1436                                <div class="grid grid-cols-1">
1437                                    <template x-for="categories in liveSearchCategories">
1438                                        <a class="pap-autocomplete-page-result py-2"
1439                                           :href="'/catalogsearch/result/index/?cat=' + categories.id + '&q=' + categories.search"
1440                                        >
1441                                                <span class="pap-autocomplete-result-meta-name"
1442                                                      x-text="categories.title"></span>
1443                                            <span x-text="'(' + categories.count + ')'"></span>
1444                                        </a>
1445                                    </template>
1446                                </div>
1447                                <h4 x-show="cmsPages.length >= 1" class="pt-4">
1448                                    Seiten                                </h4>
1449                                <div class="grid grid-cols-1 custom-flex-1">
1450                                    <template x-for="page in cmsPages">
1451                                        <a class="pap-autocomplete-page-result py-2"
1452                                           :href="'/' + page.url"
1453                                        >
1454                                            <span class="pap-autocomplete-result-meta-name" x-text="page.name"></span>
1455                                        </a>
1456                                    </template>
1457                                </div>
1458                            </div>
1459                        </template>
1460                        <template x-if="showResults">
1461                            <div class="px-3 py-2 custom-flex-2">
1462                                <h4 x-show="liveSearchProducts.length >= 1" class="pt-4">
1463                                    Produkte                                </h4>
1464                                <ul class="flex max-md:flex-col md:flex-wrap">
1465                                    <template x-for="product in liveSearchProducts">
1466                                        <li class="custom-basis-50">
1467                                            <a class="flex py-3 cursor-pointer" tabindex="0"
1468                                               @click="handleProductClick">
1469                                                <div class="w-12 h-12">
1470                                                    <img :src="product.image" :alt="product.name" class="min-w-12" />
1471                                                </div>
1472                                                <div class="flex-col ml-4">
1473                                                    <div x-text="product.name" class="font-bold"></div>
1474                                                    Artikel Nr.                                                    <span x-text="product.sku"></span>
1475                                                    <template x-if="product.price">
1476                                                        <div class="flex">
1477                                                            <div x-text="showProductPrice"></div>
1478                                                        </div>
1479                                                    </template>
1480                                                </div>
1481                                            </a>
1482                                        </li>
1483                                    </template>
1484                                </ul>
1485                            </div>
1486                        </template>
1487                    </div>
1488                    <template x-if="showResults">
1489                        <button
1490                            class="hover:bg-primary hover:text-white bg-gray-100 text-black font-bold w-full p-3 text-sm lg:mt-0 justify-center flex max-lg:sticky max-lg:bottom-0"
1491                            type="submit">
1492                            Alle ansehen                            <sp
1492an><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
1493    <title>Arrow Right</title>
1494  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
1495</svg>
1496</span>
1497                        </button>
1498                    </template>
1499                </div>
1500            </div>
1501        </form>
1502    </div>
1503</div>
1504
1505<script>
1506    "use strict";
1507    window.addEventListener(
1508        "alpine:init",
1509        () => Alpine.data("initLiveSearch", () => ({
1510            queryPhrase: hyva.getCookie("queryPhrase") ?? "",
1511            liveSearchProducts: [],
1512            liveSearchSuggestions: [],
1513            liveSearchCategories: [],
1514            cmsPages: [],
1515            minQueryLength: 1,
1516            pageSize: 16,
1517            searchOpen: false,
1518            buttonType: "submit",
1519            search: null,
1520            searchId: "bbb13a8c-eb29-45a7-9876-f0c22c0968fc_" +
1521                "papstar_de_" +
1522                "papstar_shop_de_" +
1523                "papstar_shop_de_de",
1524            categoriesArray: {"2":"Fingerfood Shop","3":"Alle Produkte","4":"Geschirr aus Holz und Bambus","5":"Geschirr aus Kunststoff","6":"Geschirr aus Palmblatt","7":"Geschirr aus Zuckerrohr","8":"Bestecke, Picker & Spie\u00dfe, Halme","9":"Servietten & Tischdecken","10":"To-Go Verpackungen","11":"Transportboxen & Tragetaschen","12":"Schalen & Teller","13":"Schiffchen","14":"Spitzt\u00fcten","15":"Schalen & Becher","16":"Pr\u00e4senter","17":"Teller","18":"Schalen","19":"Teller","20":"Schalen","21":"Teller","22":"Bestecke & Pipetten","23":"Picker & Spie\u00dfe einfach","24":"Picker & Spie\u00dfe verziert","25":"Schaschlik- & Grillspie\u00dfe","26":"Royal Collection - 25 x 25 cm","27":"Servietten 1\/4 Falz","28":"Servietten 1\/8 Falz","29":"Servietten mit Dekor","30":"Burgerboxen & Trays","31":"T\u00fcten & Einschlagpapiere","32":"Suppenbecher & Snackboxen","33":"Neuheiten","34":"Angebote","37":"Pure","38":"Bestseller","39":"PAPSTAR Shop DE","42":"Alle Produkte","43":"Becher","44":"Servietten","46":"Tischdecken","48":"Einwegverpackungen","49":"Hygiene & Medizin","50":"Party & Deko","99":"Servietten \"ROYAL Collection\"","100":"Servietten einfarbig","101":"Bestecktaschen ","106":"Transportboxen & Servierplatten","107":"Tragetaschen","160":"Papierhandt\u00fccher","161":"Einmalhandschuhe","162":"Selbsthaftende Pflaster","163":"Schutz- & Hygienekleidung","164":"Erfrischungst\u00fccher","165":"M\u00fcllbeutel & M\u00fclls\u00e4cke","166":"Putzt\u00fccher","167":"Vinylhandschuhe","168":"Latexhandschuhe","169":"Nitrilhandschuhe","170":"PE-Handschuhe","171":"M\u00fcllbeutel","172":"M\u00fclls\u00e4cke","173":"Bio-M\u00fcllbeutel & Komposts\u00e4cke","174":"Lebensmittelverpackungen","175":"Aluschalen","176":"Lebensmittelfolien & Lebensmittelpapiere","177":"T\u00fcten & Beutel ","178":"Suppenbecher To Go","179":"Snackboxen To Go","180":"Men\u00fcboxen & Burger Verpackungen","182":"Feinkostbecher & Verpackungsbecher","183":"Salatschalen To Go","185":"Thermoboxen","186":"Transportboxen f\u00fcr Lebensmittel & Tragetabletts","187":"Pr\u00e4senter","188":"Trinkhalme aus Papier & PLA","189":"Hygiene & Entsorgung","190":"Einweghandschuhe","191":"M\u00fcllbeutel & M\u00fclls\u00e4cke","192":"Handtuchpapier, K\u00fcchenrollen, Putzrollen","193":"Toilettenpapier","194":"Hygienebekleidung","195":"Geschirr aus Pappe","196":"Pflaster","197":"Tischdecken aus Papier & Folie","198":"Stoff\u00e4hnliche Tischdecken","199":"Teller","200":"Schalen","201":"Royal Collection - 33 x 33 cm","202":"Royal Collection - 40 x 40 cm","203":"Bestecktaschen","204":"Salatschalen & Lunchboxen","205":"Folien & Beutel","206":"Becher & Gl\u00e4ser","207":"Becher f\u00fcr Kaltgetr\u00e4nke","208":"Becher f\u00fcr Hei\u00dfgetr\u00e4nke","209":"Sektgl\u00e4ser & Schnapsgl\u00e4ser","210":"Spitzbecher & Mehrwegbecher","211":"R\u00fchrst\u00e4bchen & Zubeh\u00f6r","223":"Teller & Schalen","224":"Einwegteller","225":"Einwegschalen","226":"Salatschalen to go","227":"Dressingbecher & Portionsbecher","228":"Suppenschalen to go","229":"Einweg Dessertschalen","231":"Pappteller ","232":"Teller aus Zuckerrohr","233":"Teller aus Palmblatt","236":"Plastikschalen","237":"Pappschalen","238":"Schalen aus Zuckerrohr","239":"Schalen aus Palmblatt","241":"Schalen aus Holz","242":"Aluschalen","243":"Schalen aus Bambus","246":"Kaltgetr\u00e4nkebecher","247":"Mehrwegbecher","248":"Strohhalme & Shake-Halme","249":"Barzubeh\u00f6r & Cocktail-Zubeh\u00f6r","250":"Kaffeebecher","251":"Kaffeetassen","252":"Thermobecher & Gl\u00fchweinbecher To Go","253":"Automatenbecher","254":"Pappbecher","258":"Plastikbecher - glasklar","260":"Spitzbecher","261":"Schnapsbecher","263":"Strohhalme aus Papier","265":"R\u00fchrst\u00e4bchen","266":"Cocktail Deko","267":"Papierunter
1524setzer & Tropfdeckchen","268":"Becherspender","270":"Besteck","272":"Holzbestecke","274":"Eisl\u00f6ffel & Pommesgabeln","275":"R\u00fchrst\u00e4bchen","276":"Einwegbesteck: Sets & einzeln verpackt","277":"Bestecktaschen & Serviettentaschen","278":"Holzspie\u00dfe & Schaschlikspie\u00dfe","279":"Zahnstocher","281":"Becher aus PLA","282":"Fingerfood-Teller & -Schalen","283":"Schalen & Teller aus Kunststoff","284":"Schalen & Teller aus Holz","285":"Schalen & Teller aus Zuckerrohr","286":"Schalen & Teller aus Bambus & Palmblatt","287":"Picker & Spie\u00dfe","288":"Fingerfood-Besteck & Pipetten","290":"Pommesschalen & Snackschalen","291":"Servierplatten","293":"Tortenspitzen & Spitzenpapiere","297":"Tortenunterlagen","298":"Alufolien","299":"Backpapier","300":"Einschlagpapiere & Zuschnitte","302":"Papiert\u00fcten & Papierbeutel","303":"Plastikt\u00fcten & Plastikbeutel","304":"Gefrierbeutel ","305":"Vakuumbeutel & Siegelrandbeutel","306":"Tragetaschen","307":"Tiefk\u00fchltaschen","308":"Servietten uni 40 x 40 cm","309":"Servietten Dekor 40 x 40 cm","310":"Servietten uni 25 x 25 cm","312":"Servietten uni 48 x 48 cm","313":"Servietten 1-lagig","314":"Servietten 2-lagig","315":"Servietten 3-lagig","316":"Motivservietten","317":"Motivservietten 33 x 33 cm","318":"Motivservietten 25 x 25 cm","319":"Motivservietten 40 x 40 cm","321":"Weihnachtsservietten","323":"Einwegtischdecken & Tischdeckenrollen","324":"Einwegmitteldecken","325":"Einwegtischl\u00e4ufer","326":"Einwegtischsets","327":"Tischdecken aus Tissue","328":"Tischdecken aus PV-Tissue-Mix","329":"Tischdecken aus Vlies","330":"Beschichtete Tischdecken aus Vlies","331":"Tischdecken aus Airlaid","332":"Tischdecken aus Papier","333":"Tischdecken aus Folie","334":"Tischdecken mit Muster","335":"Mitteldecken aus Tissue","337":"Mitteldecken aus Vlies","338":"Beschichtete Mitteldecken aus Vlies","340":"Tischl\u00e4ufer aus Tissue","341":"Tischl\u00e4ufer aus PV-Tissue-Mix","342":"Tischl\u00e4ufer aus Vlies","343":"Beschichtete Tischl\u00e4ufer aus Vlies","344":"Tischl\u00e4ufer aus Airlaid","348":"Tischsets aus Vlies","349":"Beschichtete Tischsets aus Vlies","351":"Tischsets aus Papier","352":"Kerzen","353":"Stabkerzen & Leuchterkerzen","354":"Tafelkerzen & Kronkerzen","355":"Stumpenkerzen","356":"Teelichter","357":"Stearin-Kerzen","358":"Kerzen Sonderformen","359":"Kerzen nach Themen & Anl\u00e4ssen","360":"Duftkerzen","361":"Kerzenst\u00e4nder & Kerzenhalter","362":"Kugelkerzen","367":"Geburtstagskerzen","368":"Grablichter & \u00d6llichter","370":"Duftteelichter","371":"Duftstumpenkerzen","372":"Duftkerzen im Glas","378":"Baumwollhandschuhe","380":"Schnittschutzhandschuhe","381":"Partydeko & Festbedarf","382":"Partyset-Serien","386":"Luftballons","387":"Girlanden & Wimpelketten","388":"Wabenb\u00e4lle & Deko-F\u00e4cher","389":"Konfetti & Luftschlangen","391":"Krepppapiere","392":"Einfarbige Luftballons","393":"Bunte Luftballon-Sets","394":"Luftballons mit Motiv","395":"Luftballons in Sonderformen","396":"Luftballonpumpen","401":"Prinzessin Party-Set","403":"Clown Party-Set","404":"Happy Birthday Party-Set","406":"Bayrisch Blau Party-Set","409":"Fu\u00dfball Party-Set","411":"Poppy Party-Set","414":"Einhorn Party-Set","416":"Geburtstagskerzen & Zahlenkerzen","417":"Partyzubeh\u00f6r & Accessoires","420":"Streudeko","422":"Geschenkpapiere & Geschenkfolien","425":"Weihnachtsdeko & Zubeh\u00f6r","426":"Faschingsdeko & Karnevalsdeko","427":"Silvester Deko & Zubeh\u00f6r","428":"Tischdeko Herbst","429":"Osterdeko & Fr\u00fchlingsdeko ","430":"Bayrische Deko & Zubeh\u00f6r","431":"Weihnachtsmarkt Verkauf","433":"Hochzeitstischdeko","435":"Fu\u00dfball Deko & Zubeh\u00f6r","436":"L\u00e4nder-Deko, Flaggen & Zubeh\u00f6r","437":"Deutschland Deko & Fanartikel","438":"Frankreich Deko & Fanartikel","439":"Italien Deko & Fanartikel","440":"USA Deko & Fanartikel","441":"Spanien Deko & Fanartikel","442":"Schweden Deko & Fanartikel","443":"\u00d6sterreich Deko & Fanartikel","467":"Weihnachtstischdecken & Weihnachtstischl\u00e4ufer","468":"Einwegteller & Einwegbecher f\u00fcr Weihnachten","469":"Weihnachtskerzen","471":"Weihnachtst\u
152400fcten & Kekst\u00fcten","477":"Weihnachtsserie \"Just Stars\"","478":"Weihnachtsserie \"Golden Star\"","481":"Teller aus Bambus","484":"Kampagnen","492":"Hygienebeutel","493":"Niederlande Deko & Fanartikel","499":"Superhelden Party-Set","504":"Pastilles Party-Set","508":"Marke","509":"Fripa","510":"Inspiration","512":"Neu","513":"Sale","514":"Hygienepapiere","515":"Toilettenpapier","516":"\u00c4rztekrepp","518":"Barbecue","519":"BBQ Tischdeko","520":"BBQ Fingerfood","524":"Teller aus Holz","529":"Tortenkartons & Kuchenkartons","530":"Backf\u00f6rmchen & Einwegbackformen","532":"Frischhaltefolien","534":"Butterbrotpapiere","535":"Spritzbeutel","536":"Spitzt\u00fcten & Pommest\u00fcten","537":"Servietten zur Hochzeit","542":"Mundschutz","543":"\u00dcberziehschuhe","544":"Einwegsch\u00fcrzen & Schutzkittel","545":"Einweghauben & Kochm\u00fctzen","546":"Putzschw\u00e4mme & Topfreiniger","547":"Putzschw\u00e4mme","548":"Topfreiniger & Stahlschw\u00e4mme","549":"Microfasert\u00fccher","550":"Allzweckt\u00fccher","551":"Luftballons f\u00fcr Hochzeiten","552":"Luftballons f\u00fcr Geburtstage","553":"Zahlenballons","554":"Hei\u00dfgetr\u00e4nkebecher","555":"Einweggl\u00e4ser","556":"Sektgl\u00e4ser","557":"Weingl\u00e4ser","558":"Cocktailbecher & Longdrinkbecher","559":"Bechertr\u00e4ger","563":"Einwegbecher","564":"Plastikbecher","565":"UBIT Gastro4all","566":"UBIT ProfiCare","567":"Alle Produkte","568":"Alle Produkte","569":"Alle Produkte","570":"Einwegbecher","571":"Kaltgetr\u00e4nkebecher & Einweggl\u00e4ser","572":"Plastikbecher","573":"Pappbecher","574":"Einweg-Sektgl\u00e4ser & Einweg-Weingl\u00e4ser","575":"Cocktailbecher & Longdrinkbecher","576":"Schnapsbecher","577":"Hei\u00dfgetr\u00e4nkebecher","578":"Einweg-Kaffeebecher & Einweg-Kaffeetassen","579":"Thermobecher Einweg & Gl\u00fchweinbecher Einweg","580":"Automatenbecher \/ Vending Becher","581":"Dom-Deckel","582":"Strohhalme","583":"Bio-Einweggeschirr","584":"Bio-Teller & Bio-Schalen","585":"Bio-Pappteller & Bio-Pappschalen","586":"Zuckerrohr Teller & Zuckerrohr Schalen","588":"Bio-Becher","589":"Bio-Besteck","590":"Nachhaltige Verpackungen f\u00fcr Lebensmittel","591":"Einwegteller & Einwegschalen","592":"Einwegteller","593":"Plastikteller","594":"Pappteller ","595":"Einwegschalen","596":"Plastikschalen","597":"Pappschalen","598":"Einwegbesteck","599":"Plastikbesteck","600":"Holzbesteck","601":"Bio-PP-Besteck (Bioplastik)","602":"Einwegverpackungen","603":"Lebensmittelverpackungen & To Go Verpackungen","604":"Feinkostbecher & Verpackungsbecher","605":"Nachhaltige Verpackungen f\u00fcr Lebensmittel","606":"Alu-Schalen","607":"Pizzakartons","608":"Suppenbecher To Go","609":"Salatschalen To Go","610":"Snackboxen To Go","611":"Eisbecher To Go","613":"T\u00fcten, Beutel & Taschen","614":"Papiert\u00fcten & Papiertragetaschen","615":"Snackt\u00fcten & Faltenbeutel","616":"Alufolien & Frischhaltefolien","617":"Hygieneartikel & Reinigungsbedarf","618":"M\u00fcllbeutel & M\u00fclls\u00e4cke","620":"Hygienepapier","621":"Papierhandt\u00fccher & Handtuchrollen","622":"Putztuchrollen & Universalrollen","624":"Toilettenpapier","625":"K\u00fcchenrollen & Taschent\u00fccher","626":"Reinigungsmittel","627":"Hygienespender","628":"Handtuchspender","629":"Toilettenpapierspender","630":"Seifenspender f\u00fcr die Wand","631":"Desinfektionsspender & Eurospender","632":"Papiertischdecken","633":"Servietten","634":"Angebote & Sonderposten","635":"Eigendruck","641":"Einweggeschirr","642":"Einweggeschirr aus Palmblatt","643":"Einweggeschirr aus Plastik","644":"Einweggeschirr aus Pappe","645":"Einweggeschirr aus Holz","646":"Einweggeschirr aus Bambus","647":"Einweggeschirr aus Zuckerrohr","648":"Einweggeschirr aus PLA","649":"Weihnachtskerzen","652":"Kampagnen","656":"Bambusbestecke","657":"Papierbestecke","659":"Teller aus Agrarresten","661":"Einweggeschirr aus Agrarresten","662":"Geschirr aus Agrarresten","663":"Kaminkerzen","664":"Toilettenpapier","665":"K\u00fcchenrollen","666":"Putztuchrollen ","667":"Reinigungsmittel & Pflegemittel","668":"Desinfektionsmittel & Desinfektionsreiniger","669":"Sanit\u00e4rreiniger","670":"K\u00fcchenreiniger","671":"Geschirrreiniger","672":"Oberfl\u00e4chenreiniger","673":"Thekenreiniger","674":"Lufterfrischer","676":"Hygienepapiere","680":"Siegelschalen & Siegelfolien","683":"Siegelschalen & Siegelfolien","684":"\u00c4rztekrepp","685":"Themen","687":"Dr. Becher","688":"Desinfektionsmittel & Desinfektionsreiniger","689":"Sanit\u00e4rreiniger","690":"K\u00fcchenreiniger","691":"Geschirrreiniger","692":"Oberfl\u00e4chenreiniger","693":"Thekenreiniger","694":"Lufterfrischer","695":"Handtuchpapier","696":"Handtuchrollen","697":"Putztuchrollen","698":"K\u00fcchenrollen","699":"Taschent\u00fccher & Kosmetikt\u00fccher","700":"Siegelschalen & Siegelfolien","705":"GALA Kerzen","706":"Stumpe
1524nkerzen","708":"Duftteelichter","709":"Duftkerzen","710":"Stabkerzen","711":"Schwimmkerzen","714":"Duft\u00f6l","715":"Duftwachs","716":"Duftstumpenkerzen","717":"Duftkerzen im Glas","718":"Spendersysteme","719":"Medi-Inn","720":"Handschuhe","721":"Schutz-& Hygienekleidung","722":"Spendersysteme","723":"Nachhaltiges Barzubeh\u00f6r","727":"Weihnachtsservietten","728":"PAPSTAR pure","729":"Spie\u00dfe & Zahnstocher","730":"Teller","731":"Besteck & R\u00fchrst\u00e4bchen","732":"Becher & Tassen","733":"Verpackungen","734":"Schalen","735":"Trinkhalme","736":"Tischdecken & Servietten","737":"Backformen","741":"Professionell gedeckter Tisch","746":"Eisbecher To Go","747":"Bio-Plastikbecher (PLA)","748":"Barzubeh\u00f6r & Cocktailzubeh\u00f6r","749":"R\u00fchrst\u00e4bchen","750":"Weizenkleie Teller","752":"Bio-Plastikbecher (PLA)","753":"Bio-Pappbecher","754":"Holzbesteck","755":"Bio-PP-Besteck (Bioplastik)","756":"Weizenkleie Teller","757":"Zuckerrohr Teller","760":"Zuckerrohr Schalen","762":"Men\u00fcboxen","763":"Einschlagpapiere","764":"Siegelrandbeutel","765":"Hemdchentragetaschen","766":"Einweghandschuhe","767":"Desinfektionsmittel & Desinfektionsreiniger","768":"K\u00fcchenreiniger","769":"Geschirrreiniger","770":"Sanit\u00e4rreiniger","771":"Thekenreiniger","772":"Oberfl\u00e4chenreiniger","773":"Lufterfrischer","774":"Handseifen","775":"Marken","776":"Tedeco-Gizeh","777":"Dr. Becher","778":"Huhtamaki","779":"\u00c4rztekrepp","780":"HACCP-Etiketten","783":"Strohhalme aus Bambus & Stroh","784":"Hygienekleidung & Arbeitsschutz","785":"Mundschutz & Pflaster","786":"Einweghauben & Einwegkittel","787":"Mehrwegbecher","788":"SITO","789":"Topfreiniger","790":"Putzschw\u00e4mme","791":"Putzt\u00fccher","792":"Becherdeckel","793":"Zuckerrohr Becher","795":"B\u00e4ckereibedarf","796":"Einwegtischdecken","797":"Bestecktaschen","798":"Papiertischsets","799":"Eisspatel","800":"Pommesgabeln","801":"Servierplatten","802":"Spitzbecher","803":"Zahnstocher & Holzspie\u00dfe","804":"Papierbesteck","805":"Papierbesteck","806":"R\u00fchrst\u00e4bchen","807":"Bambusbesteck","808":"Bambusbesteck","809":"Zuckerrohr Becher","810":"Zuckerrohr Becher","811":"Bio-Strohhalme","813":"Zahnstocher & Holzspie\u00dfe","814":"Papierstrohhalme","816":"Strohhalme aus Stroh","817":"Papierstrohhalme","818":"Strohhalme aus Stroh","820":"STARPAK","822":"Flachbeutel","823":"Gefrierbeutel","824":"Thermoboxen","825":"Topfreiniger & Putzschw\u00e4mme","826":"Putzschw\u00e4mme","827":"Topfreiniger","828":"Spitzt\u00fcten","829":"Plastikt\u00fcten & Plastikbeutel","830":"Tiefk\u00fchltaschen","831":"Snackschalen","832":"Catering-Kartons","833":"Burger Boxen","835":"Kuchenkartons & Tortenkartons","836":"Putzt\u00fccher","837":"Verbandsk\u00e4sten & erste Hilfe","838":"Premium Line","839":"Party Line","840":"Green Line","841":"K\u00fcchenreiniger","842":"Desinfektionsmittel & Desinfektionsreiniger","843":"Thekenreiniger","844":"Sanit\u00e4rreiniger","845":"Lufterfrischer","846":"Oberfl\u00e4chenreiniger","847":"Automatenbecher","848":"Hei\u00dfgetr\u00e4nkebecher","849":"Kaltgetr\u00e4nkebecher","850":"Dom-Deckel","851":"Feinkostbecher & Salatschalen","852":"Topfreiniger & Putzschw\u00e4mme","853":"Putzt\u00fccher","854":"Hei\u00dfgetr\u00e4nkebecher","855":"Kaltgetr\u00e4nkebecher","857":"Einwegteller","858":"Einwegschalen","859":"Einwegbesteck","860":"Einwegtischdecken","861":"Lebensmittelverpackungen","862":"Servietten","863":"T\u00fcten, Beutel & Taschen","864":"M\u00fclls\u00e4cke & M\u00fcllbeutel","865":"Hitzeschutzhandschuhe","866":"Zuckerrohr Becher","867":"Hygienepapiere","868":"Waschlotionen & Handwaschseifen","869":"Waschlotionen & Handwaschseifen","870":"Handwaschseifen","872":"Piraten Party-Set","873":"Feten Party-Set","878":"Aluschalen","880":"HACCP-Etiketten","881":"HACCP-Etiketten","883":"Cederroth","884":"Nouveau Shop AT","885":"Servietten","886":"Motivservietten","887":"Blumen","888":"Essen & Trinken","889":"Fische & Wild","890":"Fr\u00fchling","891":"Geburtstag","892":"Herbst","893":"Hochzeit","894":"Kaffee & Geb\u00e4ck","895":"Katzen & Hunde","896":"Kinder","897":"Kindergeburtstag","898":"Kommunion & Konfirmation","899":"Liebe & Herz","900":"Natur & Pflanzen","901":"Ostern","902":"Party","903":"Silvester","904":"Sommer","905":"Taufe","906":"Tiere","907":"Vintage","908":"Weihnachten","909":"Wein & Obst","910":"Winter","911":"Pr\u00e4geservietten \"Fiorentina\"","912":"Cocktailservietten","913":"Servietten f\u00fcr Serviettentechnik","914":"Verkaufsst\u00e4nder","915":"Neuheiten","916":"Angebote","924":"ROYAL Collection","925":"Servietten","926":"Tischdecken","927":"Mitteldecken","928":"Tischl\u00e4ufer","929":"Tischsets","930":"Hygienespender","931":"Mehrwegbesteck","934":"H\u00e4ndedesinfektion","935":"Fl\u00e4chendesinfektion","939":"Weihnachtsserie \"Rising Star\"","940":"Weihnachtsserie \"Stardust\"","941":"Weihnachtsserie \"Winterly\"","942":"Weihnachtsserie \"Christmas Shine\"","943":"Teelichter","944":"Fripa","945":"Hygienepapiere","946":"Toilettenpapier","947":"\u00c4rztekrepp","948":"Handtuchpapier","949":"Handtuchrollen","950":"Putztuchrollen","951":"K\u00fcchenrollen","952":"Taschent\u00fccher","953":"Spendersysteme","955":"Medi-Inn","956":"Einmalhandschuhe","957":"Schutz- & Hygienekleidung","958":"Hygienepapiere","959":"Spendersysteme","960":"Putzschw\u00e4mme","961":"Nouveau","962":"Motivservietten","963":"Pr\u00e4geservietten \"Fiorentina\"","964":"Cocktailservietten","965":"Servietten f\u00fcr Serviettentechnik","966":"Teelichthalter","970":"Servietten Falten","972":"Servietten 1\/4 Falz","973":"Servietten 1\/8 Falz","974":"Gastro Zubeh\u00f6r","976":"Pommest\u00fctenhalter & Spitzt\u00fctenhalter","977":"Thermoboxen ","978":"Brennpasten","980":"Baguetteboxen & Sandwichverpackungen ","981":"Lebensmittelkartons","982":"Einschlagpapiere Lebensmittel & Verpackungst\u00fcten","983":"Salatbecher & Feinkostbecher","984":"Pommesschalen & Pommest\u00fcten","985":"Snackverpackungen","986":"Burgerboxen & Burgerverpackungen","987":"Men\u00fcboxen & Lunchboxen","988":"Suppen & So\u00dfenbecher","999":"Hotelkosmetik","1000":"Mehrweg","1001":"Mehrwegverpackungen","1002":"Mehrwegbesteck","1003":"Mehrwegbecher","1004":"Mehrweggeschirr To Go","1006":"Reinigung","1007":"Ballerina Party-Set","1008":"Monster Party-Set","1013":"Servietten \"DAILY Collection\"","1014":"Servietten 24 x 24 cm","1015":"Servietten 32 x 32 cm","1016":"Servietten in Papierverpackung","1023":"\"DAILY Collection\"","1025":"Geschirrt\u00fccher","1026":"DAILY Collection Bestecktaschen","1027":"ROYAL Collection Bestecktaschen","1028":"Weihnachtsserie \"Plain Christmas Trees\"","1031":"Schalen aus Holzschliff","1032":"Teller aus Holzschliff","1034":"Kuchenverpackungen","1035":"Sizoflor Tischb\u
152400e4nder","1036":"Teller & Schalen aus Porzellan","1037":"Porzellan Geschirr","1038":"Dschungel Party-Set","1040":"Bunte Einmalhandschuhe","1041":"Tattoo Bedarf","1042":"Tattoo Handschuhe","1043":"Tattoo Zubeh\u00f6r","1044":"Tattoo Hygiene","1045":"\u00c4rztekrepp & Hygienepapier f\u00fcr Tattoostudios ","1046":"Tattoo Schutzkleidung","1047":"HACCP Etiketten & Lebensmitteletiketten","1048":"Bodenwischer Zubeh\u00f6r","1051":"Wiederverwendbare Strohhalme","1052":"Mehrweg Strohhalme","1053":"Capy Party-Set","1054":"Asia Produkte","1055":"Vileda UltraSpeed","1056":"Vileda CombiSpeed","1057":"fotboll","1058":"LED-Kerzen"},
1525            isMobile: window.innerWidth < 1024,
1526            showInput: window.innerWidth >= 1024,
1527
1528            checkIsMobileResolution: function() {
1529                this.isMobile = window.innerWidth < 1024;
1530            },
1531
1532            initPopover() {
1533                this.search = this.buildSearch();
1534                this.initTogglePopover();
1535                this.checkIsMobileResolution();
1536
1537                //set responsive mobile input field placeholder text
1538                if (document.getElementById("search") && this.isMobile) {
1539                    document.getElementById("search").placeholder = "Suchen\u0020Sie\u0020nach\u0020Produkten,\u0020Artikel\u002DNr.\u0020...";
1540                }
1541            },
1542
1543            clearSearch() {
1544                this.closePopover();
1545                this.queryPhrase = "";
1546                hyva.setCookie("queryPhrase", this.queryPhrase);
1547                const myNewURL = this.clearUrl();
1548                window.history.pushState({}, document.title, "/" + myNewURL);
1549            },
1550
1551            clearUrl() {
1552                const currURL = window.location.href;
1553                const afterDomain = currURL.substring(currURL.lastIndexOf("/") + 1);
1554                return afterDomain.split("?")[0];
1555            },
1556
1557            buildSearch() {
1558                if (window.location.href.indexOf("?q=") !== -1) {
1559                    this.queryPhrase = decodeURIComponent(hyva.getCookie("queryPhrase"));
1560                } else {
1561                    this.queryPhrase = "";
1562                    hyva.setCookie("queryPhrase", this.queryPhrase);
1563                }
1564
1565                window.magentoStorefrontEvents.context.setSearchExtension({
1566                    version: "4.7.2"
1567                });
1568                return new MagentoLiveSearch({
1569                    environmentId: "bbb13a8c-eb29-45a7-9876-f0c22c0968fc",
1570                    websiteCode: "papstar_de",
1571                    storeCode: "papstar_shop_de",
1572                    storeViewCode: "papstar_shop_de_de",
1573                    apiKey: "search_gql"
1574                });
1575            },
1576
1577            // this will open the popover, whenever the search-input has focus
1578            initTogglePopover() {
1579                const popover = document.getElementById("search");
1580
1581                popover.addEventListener("focus", () => {
1582                    if (this.isQueryLengthValid()) {
1583                        this.openPopover();
1584                    } else {
1585                        this.closePopover();
1586                    }
1587                });
1588            },
1589
1590            closePopover() {
1591                this.searchOpen = false;
1592
1593                if (this.isMobile) {
1594                    document.getElementById("maincontent").classList.remove("noscroll");
1595                    document.getElementById("footer").classList.remove("noscroll");
1596                }
1597            },
1598
1599            openPopover() {
1600                this.searchOpen = true;
1601
1602                if (this.isMobile) {
1603                    document.getElementById("maincontent").classList.add("noscroll");
1604                    document.getElementById("footer").classList.add("noscroll");
1605                }
1606            },
1607
1608            handleInput() {
1609                if (!this.isQueryLengthValid()) {
1610                    if (this.searchOpen) {
1611                        this.closePopover();
1612                    }
1613                    return;
1614                }
1615
1616                this.getProducts(true);
1617                this.$nextTick(() => {
1618                    this.openPopover();
1619                });
1620            },
1621
1622            showProductPrice() {
1623                return this.product.price ? hyva.formatPrice(this.product.price) : "";
1624            },
1625
1626            handleProductClick() {
1627                window.magentoStorefrontEvents.context.setSearchResults(
1628                    window.magentoStorefrontEvents.context.getSearchResults()
1629                );
1630
1631                window.magentoStorefrontEvents.publish.searchProductClick("search-bar", `${this.product.sku}`);
1632
1633                // Timeout to prevent submission before event has fired.
1634                setTimeout(() => window.location.href = this.product.url, 500);
1635            },
1636
1637            // this will submit the form with the clicked suggestion as the search-phrase
1638            searchSuggestion() {
1639                document.getElementById("search").value = this.suggestion;
1640                document.getElementById("search_mini_form").submit();
1641            },
1642
1643            // will blurr background if searchresults are shown in dropdown
1644            blurredBackground(show) {
1645                /*if (show) {
1646                    document.getElementById("maincontent").classList.add("blurr");
1647                    document.getElementById("footer").classList.add("blurr");
1648                    document.getElementById("meta-header").classList.add("relative");
1649                } else {
1650                    document.getElementById("maincontent").classList.remove("blurr");
1651                    document.getElementById("footer").classList.remove("blurr");
1652                    document.getElementById("meta-header").classList.remove("relative");
1653
1654                    this.closePopover();
1655                }*/
1656            },
1657
1658            async getCmsPages() {
1659                let value = this.queryPhrase.toLowerCase().trim();
1660                fetch(`${BASE_URL}/rest/V1/papstar/storyblok-search`, {
1661                    method: "POST",
1662                    headers: {
1663                        "Content-Type": "application/json"
1664                    },
1665                    body: JSON.stringify({
1666                        value
1667                    })
1668                }).then(res => {
1669                    if (!res.ok) {
1670                        return Promise.reject(res);
1671                    }
1672                    return res.json();
1673                }).then(res => {
1674                    this.cmsPages = res[0];
1675
1676                    const storyBlokLength = this.cmsPages.length;
1677                    const howMuchToSplice = storyBlokLength - 5;
1678
1679                    if (howMuchToSplice > 0) {
1680                        this.cmsPages.splice(-howMuchToSplice);
1681                    }
1682                })
1683                    .catch((error) => console.error(error));
1684            },
1685
1686            redirect() {
1687                window.location.href = this.actionUrl;
1688            },
1689
1690            showResults() {
1691                return this.liveSearchProducts.length >= 1 && this.isQueryLengthValid();
1692            },
1693
1694            showSuggestions() {
1695                return this.liveSearchSuggestions.length >= 1 && this.isQueryLengthValid();
1696            },
1697
1698            isQueryLengthValid() {
1699                return this.queryPhrase.length >= this.minQueryLength;
1700            },
1701
1702            getSearchClasses() {
1703                return this.searchOpen ? "block" : "hidden";
1704            },
1705
1706            // get products from fetch-request and update liveSearchProducts and liveSearchSuggestions
1707            async getProducts(search) {
1708                if (search) {
1709                    hyva.setCookie("queryPhrase", this.queryPhrase);
1710                    this.searchOpen = true;
1711                    const result = await this.getLiveSearchProducts();
1712
1713                    this.liveSearchProducts = result.data.productSearch.items.map(item => ({
1714                        name: item.product.name,
1715                        price: item.product.price_range.minimum_price.regular_price.value,
1716                        currency: item.product.price_range.minimum_price.regular_price.currency,
1717                        image: item.product.image ? item.product.image.url : 'https://www.papstar-shop.de/media/catalog/product/placeholder/default/Placeholder_30x30_1.jpeg',
1718                        url: item.product.canonical_url,
1719                        id: item.product.id,
1720                        sku: item.product.sku
1721                    }));
1722
1723                    this.liveSearchSuggestions = result.data.productSearch.suggestions;
1724                    //search-results-view
1725
1726                    if (result.data.productSearch.total_count === 1) {
1727                        this.actionUrl = result.data.productSearch.items[0].product.canonical_url;
1728                        this.buttonType = "button";
1729                    }
1730
1731                    await this.getCmsPages();
1732                    const facets = result.data.productSearch.facets || [];
1733
1734                    let categories = [];
1735
1736                    facets.forEach(function(facet) {
1737                        if (facet.attribute === "categories") {
1738                            facet.buckets.forEach(function(bucket, key) {
1739
1740                                if (bucket.count) {
1741                                    categories[key] = {
1742                                        title: this.categoriesArray[bucket.id],
1743                                        name: bucket.title,
1744                                        count: bucket.count,
1745                                        id: bucket.id,
1746                                        search: this.queryPhrase
1747                                    };
1748                                }
1749                            }, this);
1750                        }
1751                    }, this);
1752
1753                    this.liveSearchCategories = categories.splice(0, 5);
1754
1755                    this.blurredBackground(true);
1756                } else {
1757                    //this.searchOpen = false;
1758                    this.liveSearchSuggestions = [];
1759                    this.liveSearchCategories = [];
1760                    this.cmsPages = [];
1761                    this.blurredBackground(false);
1762
1763                    if (this.isMobile) {
1764                        this.showInput = false;
1765                    }
1766                }
1767            },
1768
1769            // retrieve products from magento live search service
1770            async getLiveSearchProducts() {
1771                this.searchRequestId = Math.random().toString(16).slice(2);
1772
1773                if (!this.search) {
1774                    return [];
1775                }
1776
1777                const searchCtx = {
1778                    units: [{
1779                        searchUnitId: "search-bar",
1780                        queryTypes: ["products"],
1781                        phrase: this.queryPhrase,
1782                        currentPage: 1,
1783                        pageSize: this.pageSize,
1784                        filter: [
1785                            { attribute: "visibility", in: ["Search", "Catalog, Search"] },
1786                            { attribute: "inStock", eq: "true" }
1787                        ],
1788                        sort: [{ attribute: "relevance", direction: "DESC" }],
1789                        searchRequestId: this.searchRequestId
1790                    }]
1791                };
1792
1793                window.magentoStorefrontEvents.context.setSearchInput(searchCtx);
1794                window.magentoStorefrontEvents.publish.searchRequestSent("search-bar");
1795
1796                const before = Date.now();
1797
1798                const result = await this.search.productSearch({
1799                    phrase: this.queryPhrase,
1800                    page_size: this.pageSize,
1801                    sort: [{ attribute: "relevance", direction: "DESC" }],
1802                    filter: [
1803                        { attribute: "visibility", in: ["Search", "Catalog, Search"] },
1804                        { attribute: "inStock", eq: "true" }
1805                    ],
1806                    current_page: 1,
1807                    data: {
1808                        products: true,
1809                        facets: true,
1810                        suggestions: true
1811                    },
1812                    context: {
1813                        customerGroup: "b6589fc6ab0dc82cf12099d1c2d40ab994e8410c"
1814                    }
1815                });
1816
1817                const after = Date.now();
1818
1819                const productItems = result.data.productSearch.items || [];
1820                const suggestions = result.data.productSearch.suggestions || [];
1821                const facets = result.data.productSearch.facets || [];
1822
1823                const formattedProductItems = productItems.map((item, key) => ({
1824                    name: item.product.name,
1825                    sku: item.product.sku,
1826                    url: item.product.canonical_url,
1827                    imageUrl: item.product.image ? item.product.image.url : 'https://www.papstar-shop.de/media/catalog/product/placeholder/default/Placeholder_30x30_1.jpeg',
1828                    price: item.product.price_range.minimum_price.final_price.value,
1829                    rank: key
1830                }));
1831
1832                const formattedSuggestions = suggestions.map((item, key) => ({
1833                    suggestion: item,
1834                    rank: key
1835                }));
1836
1837                const formattedFacets = facets.map((facet) => ({
1838                    attribute: facet.attribute,
1839                    title: facet.title,
1840                    type: facet.type || "PINNED",
1841                    buckets: facet.buckets.map((bucket) => bucket)
1842                }));
1843
1844                const searchCtxUpdated = {
1845                    units: [{
1846                        searchUnitId: "search-bar",
1847                        searchRequestId: this.searchRequestId,
1848                        executionTime: after - before,
1849                        products: formattedProductItems,
1850                        categories: [],
1851                        suggestions: formattedSuggestions,
1852                        page: result.data.productSearch.page_info.current_page,
1853                        perPage: result.data.productSearch.page_info.page_size,
1854                        facets: formattedFacets
1855                    }]
1856                };
1857
1858                window.magentoStorefrontEvents.context.setSearchResults(searchCtxUpdated);
1859                window.magentoStorefrontEvents.publish.searchResponseReceived("search-bar");
1860
1861                return result;
1862            }
1863        })),
1864        { once: true }
1865    );
1866</script>
1866
1867            </div>
1868
1869            <div class="flex items-center lg:items-end order-3 lg:flex-wrap max-md:justify-between md:justify-end max-md:pl-8 max-lg:w-full">
1870                <!--Compare Icon-->
1871                
1872                <a title="Barrierefreie Ansicht"
1873                   href="#" role="button"
1874                   aria-label="Barrierefreie&#x20;Ansicht"
1875                   alt="Barrierefreie&#x20;Ansicht"
1876                   class="header-menu-item md:min-w-18"
1877                   id="eyeAble_customToolOpenerID"
1878                   data-auto-event-observed="true" tabindex="0">
1879                    <?xml version="1.0" encoding="UTF-8"?>
1880<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26.87 31.5" stroke="currentColor" class="text-white hover:text-white ml-auto h-8 w-8">
1881<defs>
1882<style>.cls-1{stroke-miterlimit:10;}.cls-1,.cls-2{fill:none}.cls-2{stroke-linecap:round;stroke-linejoin:round;}</style>
1883</defs>
1884<circle class="cls-1" cx="13.44" cy="4.4" r="3.9"/>
1885<path class="cls-2" d="M24.6,9.85l-9.14.9c-1.35.13-2.7.13-4.05,0l-9.14-.9c-.97,0-1.77.8-1.77,1.77s.8,1.77,1.77,1.77h7.78v4.49h0l-4.23,10.99c-.3.77.09,1.63.86,1.93l.26.1c.77.3,1.63-.09,1.93-.86l4.56-11.83,4.56,11.83c.3.77,1.16,1.15,1.93.86l.26-.1c.77-.3,1.15-1.16.86-1.93l-4.23-10.99h0v-4.49h7.78c.97,0,1.77-.8,1.77-1.77s-.8-1.77-1.77-1.77Z"/>
1886</svg>
1887                    <span class="sr-only">Barrierefreie Ansicht</span>
1888                </a>
1889
1890                
1891                <!--Customer Icon & Dropdown-->
1892                
1893<div class="lg:relative inline-block md:min-w-18">
1894    <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;customer&#x2F;account&#x2F;"
1895       id="customer-menu"
1896       class="block"
1897       title="Mein&#x20;Konto"
1898       aria-label="Mein&#x20;Konto">
1899        <?xml version="1.0" encoding="UTF-8"?>
1900<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24.81 22.87" stroke="currentColor" class="ml-auto text-white hover:text-white h-8 w-8" width="32" height="32" aria-hidden="true">
1901    <defs>
1902        <style>.cls-1{fill:none;stroke-linecap:round;stroke-linejoin:round;}</style>
1903    </defs>
1904    <path class="cls-1" d="M18.89,15.08c-3.18-.16-3.87-1.55-3.87-1.55l-.04-1.75s1.42-2.24,1.48-4.93c.07-2.67-.62-5.26-4.03-5.33h0s-.02,0-.03,0c-.01,0-.02,0-.03,0h0c-3.41.07-4.09,2.66-4.03,5.34.07,2.69,1.48,4.93,1.48,4.93l-.04,1.75s-.69,1.38-3.87,1.55c-4.64.61-3.88,6.27-3.88,6.27h20.73s.77-5.66-3.88-6.27Z"/>
1905</svg>
1906        <span class="sr-only">Mein&#x20;Konto</span>
1907    </a>
1908</div>
1909
1910                    <a id="requisition-link"
1911       aria-label="Merkzettel"
1912       class="relative no-underline md:min-w-18"
1913       href="https://www.papstar-shop.de/customer/account/index/"
1914       title="Merkzettel">
1915        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85" xml:space="preserve" fill="currentColor" class="text-white hover:text-white ml-auto h-8 w-8">
1916    <path d="M23.895 23.457a8.424 8.424 0 0 0-2.896 1.895c-3.408 3.41-3.308 9.06.226 12.594" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/><path d="M68.801 42.971c6.287-6.289 6.389-16.478.224-22.645-6.165-6.164-16.354-6.063-22.644.225l-3.896 3.871-3.87-3.871c-6.287-6.288-16.477-6.389-22.641-.225-6.164 6.167-6.064 16.355.225 22.645l26.295 26.262 26.307-26.262z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/></svg>
1917        <span class="sr-only">Merkzettel</span>
1918    </a>
1919
1920                <!--Cart Icon-->
1921                <a id="menu-cart-icon" role="button"
1922                                          @click.prevent.stop="$dispatch('toggle-cart', {link: true});"
1923                                      class="relative no-underline flex-initial md:min-w-18 z-30"
1924                   href="https://www.papstar-shop.de/checkout/cart/index/"
1925                   title="Mein&#x20;Warenkorb"
1926                   :aria-label="`
1927                    Toggle&#x20;minicart,
1928                    ${isCartEmpty()
1929                        ? 'Cart&#x20;is&#x20;empty'
1930                        : cart.summary_count > 1
1931                            ? hyva.str('&#x25;1&#x20;items', cart.summary_count)
1932                            : hyva.str('&#x25;1&#x20;item', cart.summary_count)
1933                    }`"
1934                >
1935                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="text-white hover:text-white ml-auto h-8 w-8" width="34" height="34" aria-hidden="true">
1936    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
1937
1938                    <span x-text="cart.summary_count"
1939                          class="absolute top-1 right-0 hidden h-5 px-2 py-1 -mt-5 -mr-4 text-xs font-semibold
1940                            leading-none text-center text-white uppercase transform -translate-x-1
1941                            translate-y-1/2 rounded-full bg-contact"  x-cloak
1942                          :class="{
1943                            'hidden': !cart.summary_count,
1944                            'block': cart.summary_count }"
1945                    ></span>
1946                    <span class="sr-only">Mein Warenkorb</span>
1947                </a>
1948
1949                <!--Main Navigation Mobile-->
1950                <div x-data="initMenuMobile_6ac216b0a1dae()"
1951     class="z-30 navigation lg:hidden md:min-w-18"
1952     :aria-hidden="!isMobile"
1953>
1954    <!-- mobile -->
1955    <div @toggle-mobile-menu.window="open = !open"
1956         x-on:keydown.escape.prevent.stop="close($refs.button)"
1957         x-ref="mobileNavigation"
1958         x-cloak
1959         aria-label="Site&#x20;navigation">
1960        <div class="mobile-nav-toggle menu-icon">
1961            <div class="flex z-50">
1962                <button @click="$dispatch('toggle-mobile-menu'), init()"
1963                        x-ref="button"
1964                        class="mobile-nav-toggle-buttons"
1965                        :class="{ 'bg-white' : !open, 'bg-gray-100 top-4 right-4 fixed' : open }"
1966                        type="button"
1967                        aria-haspopup="menu"
1968                        :aria-expanded="open">
1969                    <span aria-label="Menü geschlossen">
1970                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="enable-background:new 0 0 24 24;" version="1.1" viewBox="0 0 24 24" fill="currentColor" xml:space="preserve" class="hidden text-secondary" width="22" height="22" :class="{ 'hidden' : !open, 'block': open }" aria-hidden="true">
1971        <title>Close</title>
1972    <g><g><path d="M21,21.5c-0.13,0-0.26-0.05-0.35-0.15l-18-18c-0.2-0.2-0.2-0.51,0-0.71s0.51-0.2,0.71,0l18,18c0.2,0.2,0.2,0.51,0,0.71    C21.26,21.45,21.13,21.5,21,21.5z"/></g>
1973        <g><path d="M3,21.5c-0.13,0-0.26-0.05-0.35-0.15c-0.2-0.2-0.2-0.51,0-0.71l18-18c0.2-0.2,0.51-0.2,0.71,0s0.2,0.51,0,0.71l-18,18    C3.26,21.45,3.13,21.5,3,21.5z"/></g></g>
1974    <g/></svg>
1975                    </span>
1976                    <span aria-label="Menu opend">
1977                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="enable-background:new 0 0 1024 1024;" version="1.1" viewBox="0 0 1024 1024" fill="currentColor" xml:space="preserve" class="text-secondary" width="22" height="22" :class="{ 'hidden' : open, 'block': !open }" aria-hidden="true">
1978        <title>Menu</title>
1979    <g><g><g><path d="M956.7,492c-8,0-15.9,0-23.9,0c-21.5,0-43.1,0-64.6,0c-32,0-63.9,0-95.9,0c-38.9,0-77.7,0-116.6,0     c-42.6,0-85.1,0-127.7,0c-43.1,0-86.2,0-129.4,0c-40.1,0-80.1,0-120.2,0c-34,0-68,0-101.9,0c-24.3,0-48.7,0-73,0     c-11.5,0-23.1-0.2-34.6,0c-0.5,0-1,0-1.5,0c-10.5,0-20.5,9.2-20,20c0.5,10.8,8.8,20,20,20c8,0,15.9,0,23.9,0     c21.5,0,43.1,0,64.6,0c32,0,63.9,0,95.9,0c38.9,0,77.7,0,116.6,0c42.6,0,85.1,0,127.7,0c43.1,0,86.2,0,129.4,0     c40.1,0,80.1,0,120.2,0c34,0,68,0,101.9,0c24.3,0,48.7,0,73,0c11.5,0,23.1,0.2,34.6,0c0.5,0,1,0,1.5,0c10.5,0,20.5-9.2,20-20     C976.2,501.2,967.9,492,956.7,492L956.7,492z"/></g></g>
1980        <g><g><path d="M956.7,208c-8,0-15.9,0-23.9,0c-21.5,0-43.1,0-64.6,0c-32,0-63.9,0-95.9,0c-38.9,0-77.7,0-116.6,0     c-42.6,0-85.1,0-127.7,0c-43.1,0-86.2,0-129.4,0c-40.1,0-80.1,0-120.2,0c-34,0-68,0-101.9,0c-24.3,0-48.7,0-73,0     c-11.5,0-23.1-0.2-34.6,0c-0.5,0-1,0-1.5,0c-10.5,0-20.5,9.2-20,20c0.5,10.8,8.8,20,20,20c8,0,15.9,0,23.9,0     c21.5,0,43.1,0,64.6,0c32,0,63.9,0,95.9,0c38.9,0,77.7,0,116.6,0c42.6,0,85.1,0,127.7,0c43.1,0,86.2,0,129.4,0     c40.1,0,80.1,0,120.2,0c34,0,68,0,101.9,0c24.3,0,48.7,0,73,0c11.5,0,23.1,0.2,34.6,0c0.5,0,1,0,1.5,0c10.5,0,20.5-9.2,20-20     C976.2,217.2,967.9,208,956.7,208L956.7,208z"/></g></g>
1981        <g><g><path d="M956.7,776c-8,0-15.9,0-23.9,0c-21.5,0-43.1,0-64.6,0c-32,0-63.9,0-95.9,0c-38.9,0-77.7,0-116.6,0     c-42.6,0-85.1,0-127.7,0c-43.1,0-86.2,0-129.4,0c-40.1,0-80.1,0-120.2,0c-34,0-68,0-101.9,0c-24.3,0-48.7,0-73,0     c-11.5,0-23.1-0.2-34.6,0c-0.5,0-1,0-1.5,0c-10.5,0-20.5,9.2-20,20c0.5,10.8,8.8,20,20,20c8,0,15.9,0,23.9,0     c21.5,0,43.1,0,64.6,0c32,0,63.9,0,95.9,0c38.9,0,77.7,0,116.6,0c42.6,0,85.1,0,127.7,0c43.1,0,86.2,0,129.4,0     c40.1,0,80.1,0,120.2,0c34,0,68,0,101.9,0c24.3,0,48.7,0,73,0c11.5,0,23.1,0.2,34.6,0c0.5,0,1,0,1.5,0c10.5,0,20.5-9.2,20-20     C976.2,785.2,967.9,776,956.7,776L956.7,776z"/></g></g></g></svg>
1982                    </span>
1983                </button>
1984            </div>
1985        </div>
1986
1987        <nav class="mobile-navigation transition-display w-full -right-full"
1988             :class="{ '-right-full' : !open, 'right-0' : open }"
1989             :aria-hidden="!isMobile"
1990             role="navigation">
1991                <div class="mobile-logo py-6 pl-4">
1992                    <div class="order-1">
1993    <a class=""
1994        width="75"       href="https://www.papstar-shop.de/"
1995       title="PAPSTAR&#x20;GmbH&#x20;Logo"
1996       aria-label="Go&#x20;to&#x20;Home&#x20;page"
1997    >
1998        <img src="https://www.papstar-shop.de/static/version1790743899/frontend/Papstar/base/de_DE/images/logo_grey.svg"
1999             title="PAPSTAR&#x20;GmbH&#x20;Logo"
2000             alt="PAPSTAR&#x20;GmbH&#x20;Logo Shop Logo"
2001             loading="eager"
2002            width="75"            height="90"        />
2003    </a>
2004</div>
2005                </div>
2006            <template x-if="open">
2007                <div class="mobile-nav">
2008                    <div class="mobile-nav-container">
2009                        <div class="mobile-meta-nav">
2010                            
2011<div class="storyblok-page">
2012            
2013<div id="meta-header" class="meta-header px-4 z-50" x-data="initMetaHeader()">
2014    <div class="meta-header-container xl:container">
2015                    <div class="meta-header-dropdown"
2016                 :aria-hidden="isCheckout()">
2017                
2018<div class="meta-header-item">
2019                                        <div x-data="initDropdown()"
2020                 x-on:keydown.escape.prevent.stop="close($refs.dropdown)"
2021                 x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
2022                 x-id="['dropdown-button-dropdown']"
2023                 class="panel-link">
2024                <div x-ref="dropdown"
2025                     x-on:click="toggle()"
2026                     x-on:keydown.enter="toggle()"
2027                     :aria-expanded="open"
2028                     :aria-controls="$id('dropdown-button-dropdown')"
2029                     role="button"
2030                     tabindex="0"
2031                     class="meta-header-dropdown-button">
2032                        <span :class="{ 'font-bold' : open, 'font-normal' : !open }"
2033                              title="Ihre Branche"
2034                        >
2035                            Ihre Branche                        </span>
2036                    <span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" width="22" height="22" :class="{ 'transform rotate-180' : open }" aria-hidden="true"><defs><style>.cls-1{fill:none;}</style></defs>
2037    <title>Arrow down</title>
2038    <g><path d="M16,21a1,1,0,0,1-.71-.29l-8-8a1,1,0,1,1,1.42-1.42L16,18.59l7.29-7.3a1,1,0,0,1,1.42,1.42l-8,8A1,1,0,0,1,16,21Z"/></g><g><rect fill="none" height="32" width="32"/></g></svg>
2039</span>
2040                </div>
2041                <!-- Panel -->
2042                <div x-ref="panel"
2043                     x-show="open"
2044                     x-transition.origin.top.left
2045                     x-on:click.outside="close($refs.button)"
2046                     :id="$id('dropdown-button-dropdown')"
2047                     x-cloak
2048                     class="meta-header-dropdown-panel">
2049                                                                                                <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;themenwelt-gastronomie"
2050                               target=""
2051                               class="meta-header-dropdown-link">
2052                                Gastronomie                            </a>
2053                                                                                                                        <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;themenwelt-hotellerie"
2054                               target=""
2055                               class="meta-header-dropdown-link">
2056                                Hotellerie                            </a>
2057                                                                                                                        <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;party-ideen"
2058                               target=""
2059                               class="meta-header-dropdown-link">
2060                                Veranstaltungsservice                            </a>
2061                                                                                                                        <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;tattoo-zubehoer"
2062                               target=""
2063                               class="meta-header-dropdown-link">
2064                                Tattoo Studios                            </a>
2065                                                                                </div>
2066            </div>
2067            
2067<script>
2068                "use strict";
2069
2070                function initDropdown() {
2071                    return {
2072                        open: false,
2073
2074                        toggle() {
2075                            if (this.open) {
2076                                return this.close();
2077                            }
2078
2079                            this.$refs.dropdown.focus();
2080                            this.open = true;
2081                        },
2082                        close(focusAfter) {
2083                            if (!this.open) return;
2084
2085                            this.open = false;
2086                            focusAfter && focusAfter.focus();
2087                        }
2088                    };
2089                }
2090            </script>
2090
2091                                                <div x-data="initDropdown()"
2092                 x-on:keydown.escape.prevent.stop="close($refs.dropdown)"
2093                 x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
2094                 x-id="['dropdown-button-dropdown']"
2095                 class="panel-link">
2096                <div x-ref="dropdown"
2097                     x-on:click="toggle()"
2098                     x-on:keydown.enter="toggle()"
2099                     :aria-expanded="open"
2100                     :aria-controls="$id('dropdown-button-dropdown')"
2101                     role="button"
2102                     tabindex="0"
2103                     class="meta-header-dropdown-button">
2104                        <span :class="{ 'font-bold' : open, 'font-normal' : !open }"
2105                              title="Tipps &amp; Trends"
2106                        >
2107                            Tipps &amp; Trends                        </span>
2108                    <span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" width="22" height="22" :class="{ 'transform rotate-180' : open }" aria-hidden="true"><defs><style>.cls-1{fill:none;}</style></defs>
2109    <title>Arrow down</title>
2110    <g><path d="M16,21a1,1,0,0,1-.71-.29l-8-8a1,1,0,1,1,1.42-1.42L16,18.59l7.29-7.3a1,1,0,0,1,1.42,1.42l-8,8A1,1,0,0,1,16,21Z"/></g><g><rect fill="none" height="32" width="32"/></g></svg>
2111</span>
2112                </div>
2113                <!-- Panel -->
2114                <div x-ref="panel"
2115                     x-show="open"
2116                     x-transition.origin.top.left
2117                     x-on:click.outside="close($refs.button)"
2118                     :id="$id('dropdown-button-dropdown')"
2119                     x-cloak
2120                     class="meta-header-dropdown-panel">
2121                                                                                                <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;tipps-und-trends"
2122                               target=""
2123                               class="meta-header-dropdown-link">
2124                                Übersicht Tipps                            </a>
2125                                                                                                                        <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;bayrische-tischdeko"
2126                               target=""
2127                               class="meta-header-dropdown-link">
2128                                Bayrische Tischdeko                            </a>
2129                                                                                                                        <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;servietten-falten"
2130                               target=""
2131                               class="meta-header-dropdown-link">
2132                                Servietten falten                            </a>
2133                                                                                                                        <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;hochzeitsdeko-ideen"
2134                               target=""
2135                               class="meta-header-dropdown-link">
2136                                Hochzeitsdeko Ideen                            </a>
2137                                                                                                                        <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;street-food"
2138                               target=""
2139                               class="meta-header-dropdown-link">
2140                                Street Food                            </a>
2141                                                                                </div>
2142            </div>
2143            
2143<script>
2144                "use strict";
2145
2146                function initDropdown() {
2147                    return {
2148                        open: false,
2149
2150                        toggle() {
2151                            if (this.open) {
2152                                return this.close();
2153                            }
2154
2155                            this.$refs.dropdown.focus();
2156                            this.open = true;
2157                        },
2158                        close(focusAfter) {
2159                            if (!this.open) return;
2160
2161                            this.open = false;
2162                            focusAfter && focusAfter.focus();
2163                        }
2164                    };
2165                }
2166            </script>
2166
2167                                                <div x-data="initDropdown()"
2168                 x-on:keydown.escape.prevent.stop="close($refs.dropdown)"
2169                 x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
2170                 x-id="['dropdown-button-dropdown']"
2171                 class="panel-link">
2172                <div x-ref="dropdown"
2173                     x-on:click="toggle()"
2174                     x-on:keydown.enter="toggle()"
2175                     :aria-expanded="open"
2176                     :aria-controls="$id('dropdown-button-dropdown')"
2177                     role="button"
2178                     tabindex="0"
2179                     class="meta-header-dropdown-button">
2180                        <span :class="{ 'font-bold' : open, 'font-normal' : !open }"
2181                              title="Lösungen &amp; Services"
2182                        >
2183                            Lösungen &amp; Services                        </span>
2184                    <span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" width="22" height="22" :class="{ 'transform rotate-180' : open }" aria-hidden="true"><defs><style>.cls-1{fill:none;}</style></defs>
2185    <title>Arrow down</title>
2186    <g><path d="M16,21a1,1,0,0,1-.71-.29l-8-8a1,1,0,1,1,1.42-1.42L16,18.59l7.29-7.3a1,1,0,0,1,1.42,1.42l-8,8A1,1,0,0,1,16,21Z"/></g><g><rect fill="none" height="32" width="32"/></g></svg>
2187</span>
2188                </div>
2189                <!-- Panel -->
2190                <div x-ref="panel"
2191                     x-show="open"
2192                     x-transition.origin.top.left
2193                     x-on:click.outside="close($refs.button)"
2194                     :id="$id('dropdown-button-dropdown')"
2195                     x-cloak
2196                     class="meta-header-dropdown-panel">
2197                                                                                                <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;papstar-solutions"
2198                               target=""
2199                               class="meta-header-dropdown-link">
2200                                PAPSTAR Solutions                            </a>
2201                                                                                                                        <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;siegelmaschine"
2202                               target=""
2203                               class="meta-header-dropdown-link">
2204                                Siegelmaschine                            </a>
2205                                                                                </div>
2206            </div>
2207            
2207<script>
2208                "use strict";
2209
2210                function initDropdown() {
2211                    return {
2212                        open: false,
2213
2214                        toggle() {
2215                            if (this.open) {
2216                                return this.close();
2217                            }
2218
2219                            this.$refs.dropdown.focus();
2220                            this.open = true;
2221                        },
2222                        close(focusAfter) {
2223                            if (!this.open) return;
2224
2225                            this.open = false;
2226                            focusAfter && focusAfter.focus();
2227                        }
2228                    };
2229                }
2230            </script>
2230
2231            </div>
2232            </div>
2233        
2234        <div class="meta-header-benefits">
2235                    <div class="meta-header-benefits-item">
2236                                    <span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="mr-1" width="24" height="24" aria-hidden="true">
2237        <title>Transporter</title>
2238    <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" d="M9 42H6V16h33v21M36 42H25M52 42h6v-6.3c0-5.3-4-9.7-9.3-9.7H43v10" class="stroke-2c3e50"/><path d="M46 36v-7h2.7c3.6 0 6.3 3 6.3 7h-9z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" class="stroke-2c3e50"/><circle cx="17" cy="44" fill="none" r="5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="17" cy="44" fill="none" r="1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="44" cy="44" fill="none" r="5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="44" cy="44" fill="none" r="1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" d="M6 36h33" class="stroke-2c3e50"/></svg>
2239</span>
2240                        <span>ab 89€ netto versandkostenfrei</span>
2241            </div>
2242        <div class="meta-header-benefits-item">
2243                                    <span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="mr-1" width="24" height="24" aria-hidden="true">
2244        <title>Check</title>
2245    <circle cx="32" cy="32" fill="none" r="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" d="m22.9 31.1 7.4 7.4 13.1-13.1" class="stroke-2c3e50"/></svg>
2246</span>
2247                        <span>Lieferung 1-3 Werktage</span>
2248            </div>
2249        <div class="meta-header-benefits-item">
2250                <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;informationen&#x2F;allgemeine-geschaftsbedingungen"
2251           target=""
2252           class="hover:underline flex items-center hover:text-white">
2253                                    <span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="mr-1" width="24" height="24" aria-hidden="true">
2254        <title>Check</title>
2255    <circle cx="32" cy="32" fill="none" r="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" d="m22.9 31.1 7.4 7.4 13.1-13.1" class="stroke-2c3e50"/></svg>
2256</span>
2257                        <span>Kauf auf Rechnung (Geschäftskunden)</span>
2258                </a>
2259            </div>
2260        </div>
2261    </div>
2262</div>
2263
2264<script>
2265    function initMetaHeader() {
2266        return {
2267            isCheckout() {
2268                return document.body.classList.contains("hyva_checkout-index-index");
2269            }
2270        };
2271    }
2272</script>
2272
2273    </div>
2274                        </div>
2275
2276                        <div class="root-categories">
2277                                                                                                                                                            <div class="root-category">
2278                                        <a class="link-btn"
2279                                           href="https://www.papstar-shop.de/neuheiten.htm"
2280                                           aria-label="Zeige Neu"
2281                                           title="Zeige Neu">
2282                                            <span class="pl-2">
2283                                                <?xml version="1.0" encoding="UTF-8"?>
2284<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 26" fill="none" class="h-5 w-5 text-main flex-shrink-0 text-white mr-3">
2285    <title>Flame</title>
2286    <g>
2287        <path d="M9.69192 1.40652C11.8649 3.43675 12.88 6.06177 12.9117 9.70191C12.9117 10.6853 13.6096 11.5259 14.5534 11.6608C14.6565 11.6925 14.7596 11.6925 14.8706 11.6925C15.9571 11.6925 16.7977 10.8518 16.8294 9.76535V9.48778C16.8294 9.34503 16.8294 9.03574 16.8612 8.67886C16.8612 8.36164 17.2498 8.22682 17.456 8.43301C19.3117 10.4632 20.3982 13.0883 20.3982 15.7529C20.3982 18.029 19.3117 20.3765 17.456 22.1609C15.5685 23.9849 13.1179 25 10.6991 25C8.28027 25 5.82972 23.9532 3.94225 22.1609C2.08649 20.3765 1 18.029 1 15.7529C1 12.1445 3.2047 9.6226 5.13183 7.45755C7.33653 4.97528 8.4944 2.94505 8.70059 1.29549C8.73232 1.01792 9.04954 0.906891 9.26367 1.08929L9.68399 1.40652H9.69192Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
2288        <path d="M13.8949 18.7741C13.8949 20.5268 12.4594 21.9622 10.7068 21.9622C8.95411 21.9622 7.51868 20.5268 7.51868 18.7741C7.51868 17.9335 7.8359 17.1325 8.43069 16.5298L8.46242 16.4981L8.49414 16.4663L10.6988 13.8413L12.9035 16.4663L12.9353 16.4981L12.967 16.5298C13.5618 17.1246 13.879 17.9335 13.879 18.7741H13.8949Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
2289    </g>
2290</svg>
2291                                            </span>
2292                                            <span>Neu</span>
2293                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-white h-7 ml-auto">
2294    <title>Arrow Right</title>
2295    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
2296                                        </a>
2297                                    </div>
2298                                                                                                                                <div class="root-category">
2299                                        <a class="link-btn"
2300                                           href="https://www.papstar-shop.de/angebote.htm"
2301                                           aria-label="Zeige Sale"
2302                                           title="Zeige Sale">
2303                                            <span class="pl-2">
2304                                                <?xml version="1.0" encoding="UTF-8"?>
2305<svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" version="1.1" viewBox="0 0 18 22" class="h-5 w-5 text-main flex-shrink-0 text-white mr-3">
2306    <title>Percent</title>
2307  <defs>
2308    <style>
2309      .st0 {
2310        stroke-linecap: round;
2311        stroke-linejoin: round;
2312      }
2313
2314      .st0, .st1 {
2315        fill: none;
2316        stroke-width: 1.5px;
2317      }
2318
2319      .st1 {
2320        stroke-miterlimit: 10;
2321      }
2322    </style>
2323  </defs>
2324  <path class="st1" stroke="currentColor" d="M16.2,16.6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
2325  <g>
2326    <path class="st1" stroke="currentColor" d="M8,6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
2327    <path class="st0" stroke="currentColor" d="M3.5,18.7L15.4,3.9"/>
2328  </g>
2329</svg>
2330                                            </span>
2331                                            <span>Sale</span>
2332                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-white h-7 ml-auto">
2333    <title>Arrow Right</title>
2334    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
2335                                        </a>
2336                                    </div>
2337                                                                                    </div>
2338
2339                                                                                    <sp
2339an class="block mt-12 text-primary">
2340                                    Alle Produkte                                </span>
2341                                <div class="level-1 pb-8">
2342                                                                                                                        <button class="mobile-nav-items" type="button"
2343                                                    @click="mobilePanelActiveIdX = mobilePanelActiveIdX === 'category-node-641' ? 0 : 'category-node-641'"
2344                                                    :class="{'-translate-x-full' : mobilePanelActiveIdX,'translate-x-0' : !mobilePanelActiveIdX}">
2345
2346                                                                                                    <span>
2347                                                        <?xml version="1.0" encoding="UTF-8"?>
2348<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 87.8" class="h-8 w-8 text-main flex-shrink-0 mr-6 stroke-4">
2349    <title>Packaging</title>
2350    <path d="M95.62,61.25l-6.37,25.8H10.77l-6.37-25.8h21.14l3.54,6.64h43.66l3.54-6.64h19.36Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2351    <path d="M95.62,50.77H4.38l6.37-13.38h78.47l6.37,13.38h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2352    <path d="M99.25,50.77v10.47h-22.99l-3.54,6.64H29.07l-3.54-6.64H.75v-10.47h98.5Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2353    <path d="M83.53,18.27l-4.69,18.96H21.16l-4.69-18.96h15.53l2.61,4.89h32.08l2.61-4.89s14.22,0,14.22,0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2354    <path d="M83.53,10.58H16.47L21.16.75h57.68l4.69,9.83Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2355    <path d="M86.21,10.58v7.69h-16.9l-2.61,4.89h-32.08l-2.61-4.89H13.79v-7.69s72.42,0,72.42,0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2356</svg>
2357                                                    </span>
2358                                                    <span>Einweggeschirr</span>
2359
2360                                                    <span class="mobile-nav-items-chev"
2361                                                          :class="{ 'w-0' : !open, 'w-10' : open }">
2362                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="w-full h-full p-1">
2363    <title>Arrow Right</title>
2364    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
2365                                                    </span>
2366                                                                                            </button>
2367
2368                                                                                            <template x-if="mobilePanelActiveIdX === 'category-node-641'">
2369                                                    <div class="mobile-nav-items-children"
2370                                                         :class="{'translate-x-full' : mobilePanelActiveIdX !== 'category-node-641',
2371                                                             'translate-x-0' : mobilePanelActiveIdX === 'category-node-641',
2372                                                        }">
2373                                                        <button class="level-1-back-btn"
2374                                                           tabindex="0"
2375                                                           :class="{ 'w-0' : !open, 'w-10' : open }"
2376                                                           @click="mobilePanelActiveIdX = 0">
2377                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" width="28" height="28">
2378    <title>Arrow Left</title>
2379    <path d="M20,25a1,1,0,0,1-.71-.29l-8-8a1,1,0,0,1,0-1.42l8-8a1,1,0,1,1,1.42,1.42L13.41,16l7.3,7.29a1,1,0,0,1,0,1.42A1,1,0,0,1,20,25Z"/></svg>
2380                                                            <span>zurück zu Alle Produkte</span>
2381                                                        </button>
2382
2383                                                        <a href="https://www.papstar-shop.de/produkte/einweggeschirr.htm"
2384                                                           title="Einweggeschirr"
2385                                                           class="w-full py-2 px-4">
2386                                                            <div class="level-1-headline"
2387                                                                 role="heading"
2388                                                                 aria-level="1">
2389                                                                <span>Einweggeschirr</span>
2390                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary pl-4 h-7">
2391    <title>Arrow Right</title>
2392    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
2393                                                            </div>
2394                                                        </a>
2395
2396                                                                                                                    <div class="level-2">
2397                                                                <a href="https://www.papstar-shop.de/produkte/einweggeschirr/palmblattgeschirr.htm"
2398                                                                   title="Einweggeschirr&#x20;aus&#x20;Palmblatt"
2399                                                                   class="level-2-items">
2400                                                                    <div class="flex font-bold">
2401                                                                        <span>
2402                                                                                                                                                </span>
2403                                                                        <div class="level-2-headline"
2404                                                                             role="heading"
2405                                                                             aria-level="2">
2406                                                                            Einweggeschirr&#x20;aus&#x20;Palmblatt                                                                        </div>
2407                                                                    </div>
2408                                                                    <div class="text-sm flex ml-2">
2409                                                                        <span class="underline text-primary">
2410                                                                            alles anzeigen                                                                        </span>
2411                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
2412    <title>Arrow Right</title>
2413    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
2414                                                                    </div>
2415                                                                </a>
2416
2417                                                                                                                            </div>
2418                                                                                                                    <div class="level-2">
2419                                                                <a href="https://www.papstar-shop.de/produkte/einweggeschirr/plastikgeschirr.htm"
2420                                                                   title="Einweggeschirr&#x20;aus&#x20;Plastik"
2421                                                                   class="level-2-items">
2422                                                                    <div class="flex font-bold">
2423                                                                        <sp
2423an>
2424                                                                                                                                                </span>
2425                                                                        <div class="level-2-headline"
2426                                                                             role="heading"
2427                                                                             aria-level="2">
2428                                                                            Einweggeschirr&#x20;aus&#x20;Plastik                                                                        </div>
2429                                                                    </div>
2430                                                                    <div class="text-sm flex ml-2">
2431                                                                        <span class="underline text-primary">
2432                                                                            alles anzeigen                                                                        </span>
2433                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
2434    <title>Arrow Right</title>
2435    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
2436                                                                    </div>
2437                                                                </a>
2438
2439                                                                                                                            </div>
2440                                                                                                                    <div class="level-2">
2441                                                                <a href="https://www.papstar-shop.de/produkte/einweggeschirr/pappgeschirr.htm"
2442                                                                   title="Einweggeschirr&#x20;aus&#x20;Pappe"
2443                                                                   class="level-2-items">
2444                                                                    <div class="flex font-bold">
2445                                                                        <span>
2446                                                                                                                                                </span>
2447                                                                        <div class="level-2-headline"
2448                                                                             role="heading"
2449                                                                             aria-level="2">
2450                                                                            Einweggeschirr&#x20;aus&#x20;Pappe                                                                        </div>
2451                                                                    </div>
2452                                                                    <div class="text-sm flex ml-2">
2453                                                                        <span class="underline text-primary">
2454                                                                            alles anzeigen                                                                        </span>
2455                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
2456    <title>Arrow Right</title>
2457    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
2458                                                                    </div>
2459                                                                </a>
2460
2461                                                                                                                            </div>
2462                                                                                                                    <div class="level-2">
2463                                                                <a href="https://www.papstar-shop.de/produkte/einweggeschirr/pla-geschirr.htm"
2464                                                                   title="Einweggeschirr&#x20;aus&#x20;PLA"
2465                                                                   class="level-2-items">
2466                                                                    <div class="flex font-bold">
2467                                                                        <sp
2467an>
2468                                                                                                                                                </span>
2469                                                                        <div class="level-2-headline"
2470                                                                             role="heading"
2471                                                                             aria-level="2">
2472                                                                            Einweggeschirr&#x20;aus&#x20;PLA                                                                        </div>
2473                                                                    </div>
2474                                                                    <div class="text-sm flex ml-2">
2475                                                                        <span class="underline text-primary">
2476                                                                            alles anzeigen                                                                        </span>
2477                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
2478    <title>Arrow Right</title>
2479    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
2480                                                                    </div>
2481                                                                </a>
2482
2483                                                                                                                            </div>
2484                                                                                                                    <div class="level-2">
2485                                                                <a href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-aus-holz.htm"
2486                                                                   title="Einweggeschirr&#x20;aus&#x20;Holz"
2487                                                                   class="level-2-items">
2488                                                                    <div class="flex font-bold">
2489                                                                        <span>
2490                                                                                                                                                </span>
2491                                                                        <div class="level-2-headline"
2492                                                                             role="heading"
2493                                                                             aria-level="2">
2494                                                                            Einweggeschirr&#x20;aus&#x20;Holz                                                                        </div>
2495                                                                    </div>
2496                                                                    <div class="text-sm flex ml-2">
2497                                                                        <span class="underline text-primary">
2498                                                                            alles anzeigen                                                                        </span>
2499                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
2500    <title>Arrow Right</title>
2501    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
2502                                                                    </div>
2503                                                                </a>
2504
2505                                                                                                                            </div>
2506                                                                                                                    <div class="level-2">
2507                                                                <a href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-bambus.htm"
2508                                                                   title="Einweggeschirr&#x20;aus&#x20;Bambus"
2509                                                                   class="level-2-items">
2510                                                                    <div class="flex font-bold">
2511                                                                        <sp
2511an>
2512                                                                                                                                                </span>
2513                                                                        <div class="level-2-headline"
2514                                                                             role="heading"
2515                                                                             aria-level="2">
2516                                                                            Einweggeschirr&#x20;aus&#x20;Bambus                                                                        </div>
2517                                                                    </div>
2518                                                                    <div class="text-sm flex ml-2">
2519                                                                        <span class="underline text-primary">
2520                                                                            alles anzeigen                                                                        </span>
2521                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
2522    <title>Arrow Right</title>
2523    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
2524                                                                    </div>
2525                                                                </a>
2526
2527                                                                                                                            </div>
2528                                                                                                                    <div class="level-2">
2529                                                                <a href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-zuckerrohr.htm"
2530                                                                   title="Einweggeschirr&#x20;aus&#x20;Zuckerrohr"
2531                                                                   class="level-2-items">
2532                                                                    <div class="flex font-bold">
2533                                                                        <span>
2534                                                                                                                                                </span>
2535                                                                        <div class="level-2-headline"
2536                                                                             role="heading"
2537                                                                             aria-level="2">
2538                                                                            Einweggeschirr&#x20;aus&#x20;Zuckerrohr                                                                        </div>
2539                                                                    </div>
2540                                                                    <div class="text-sm flex ml-2">
2541                                                                        <span class="underline text-primary">
2542                                                                            alles anzeigen                                                                        </span>
2543                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
2544    <title>Arrow Right</title>
2545    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
2546                                                                    </div>
2547                                                                </a>
2548
2549                                                                                                                            </div>
2550                                                                                                                    <div class="level-2">
2551                                                                <a href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-aus-agrarresten.htm"
2552                                                                   title="Einweggeschirr&#x20;aus&#x20;Agrarresten"
2553                                                                   class="level-2-items">
2554                                                                    <div class="flex font-bold">
2555                                                                        <sp
2555an>
2556                                                                                                                                                </span>
2557                                                                        <div class="level-2-headline"
2558                                                                             role="heading"
2559                                                                             aria-level="2">
2560                                                                            Einweggeschirr&#x20;aus&#x20;Agrarresten                                                                        </div>
2561                                                                    </div>
2562                                                                    <div class="text-sm flex ml-2">
2563                                                                        <span class="underline text-primary">
2564                                                                            alles anzeigen                                                                        </span>
2565                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
2566    <title>Arrow Right</title>
2567    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
2568                                                                    </div>
2569                                                                </a>
2570
2571                                                                                                                            </div>
2572                                                                                                                    <div class="level-2">
2573                                                                <a href="https://www.papstar-shop.de/produkte/einweggeschirr/einwegbecher.htm"
2574                                                                   title="Einwegbecher"
2575                                                                   class="level-2-items">
2576                                                                    <div class="flex font-bold">
2577                                                                        <span>
2578                                                                                                                                                </span>
2579                                                                        <div class="level-2-headline"
2580                                                                             role="heading"
2581                                                                             aria-level="2">
2582                                                                            Einwegbecher                                                                        </div>
2583                                                                    </div>
2584                                                                    <div class="text-sm flex ml-2">
2585                                                                        <span class="underline text-primary">
2586                                                                            alles anzeigen                                                                        </span>
2587                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
2588    <title>Arrow Right</title>
2589    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
2590                                                                    </div>
2591                                                                </a>
2592
2593                                                                                                                            </div>
2594                                                                                                            </div>
2595                                                </template>
2596                                                                                                                                <button class="mobile-nav-items" type="button"
2597                                                    @click="mobilePanelActiveIdX = mobilePanelActiveIdX === 'category-node-223' ? 0 : 'category-node-223'"
2598                                                    :class="{'-translate-x-full' : mobilePanelActiveIdX,'translate-x-0' : !mobilePanelActiveIdX}">
2599
2600                                                                                                    <sp
2600an>
2601                                                        <?xml version="1.0" encoding="UTF-8"?>
2602<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 81.87" class="h-8 w-8 text-main flex-shrink-0 mr-6 stroke-4">
2603    <title>Plates</title>
2604    <path d="M40.48.77v2" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2605    <path d="M41.14,78.8l.03,1.97" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2606    <path d="M2.79,41.1H.75" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2607    <path d="M68.89,12.22l-1.4,1.43" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2608    <path d="M14.16,67.91l-1.43,1.43" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2609    <path d="M13.69,14.14l-1.46-1.4" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2610    <path d="M73.66,17.87c-1.4-2.04-3-3.92-4.77-5.64C61.66,5.15,51.75.75,40.81.75S19.5,5.33,12.24,12.75C5.15,19.93.78,29.83.78,40.76v.33c.09,11.05,4.65,21.01,11.98,28.21,7.2,7.07,17.14,11.48,28.05,11.48h.36c2.8-.03,5.54-.33,8.18
2610-.91" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2611    <path d="M42.39,72.52h-1.58c-17.56,0-31.82-14.24-31.82-31.79s14.24-31.76,31.82-31.76c8.9,0,16.96,3.64,22.73,9.53" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2612    <path d="M23.3,35.48c-.55,1.67-.79,3.46-.79,5.28,0,8.66,5.99,15.85,14.08,17.76" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2613    <path d="M36.89,22.91c1.28-.31,2.58-.42,3.95-.42,3.25,0,6.35.85,8.99,2.36" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2614    <path d="M70.38,23.97v1.43" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2615    <path d="M70.86,79.72l.03,1.4" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2616    <path d="M99.25,52.3h-1.43" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2617    <path d="M43.45,52.79h-1.46" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2618    <path d="M90.68,32.14l-1,1.03" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2619    <path d="M51.6,71.92l-1.03,1.03" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2620    <path d="M91.04,72.59l-1.03-1" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2621    <path d="M51.23,33.5l-1-1" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2622    <path d="M70.63,81.12c15.8,0,28.59-12.8,28.59-28.57s-12.81-28.57-28.59-28.57-28.59,12.8-28.59,28.57,12.8,28.57,28.59,28.57Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2623    <path d="M70.62,75.26c12.56,0,22.73-10.17,22.73-22.71s-10.18-22.71-22.73-22.71-22.73,10.17-22.73,22.71,10.18,22.71,22.73,22.71Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2624    <path d="M67.83,39.76c.92-.22,1.85-.31,2.8-.31,7.23,0,13.07,5.83,13.07,13.06s-5.83,13.05-13.07,13.05-13.1-5.83-13.1-13.05c0-1.31.19-2.58.58-3.76" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2625</svg>
2626                                                    </span>
2627                                                    <span>Teller &amp; Schalen</span>
2628
2629                                                    <span class="mobile-nav-items-chev"
2630                                                          :class="{ 'w-0' : !open, 'w-10' : open }">
2631                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="w-full h-full p-1">
2632    <title>Arrow Right</title>
2633    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
2634                                                    </span>
2635                                                                                            </button>
2636
2637                                                                                            <template x-if="mobilePanelActiveIdX === 'category-node-223'">
2638                                                    <div class="mobile-nav-items-children"
2639                                                         :class="{'translate-x-full' : mobilePanelActiveIdX !== 'category-node-223',
2640                                                             'translate-x-0' : mobilePanelActiveIdX === 'category-node-223',
2641                                                        }">
2642                                                        <button class="level-1-back-btn"
2643                                                           tabindex="0"
2644                                                           :class="{ 'w-0' : !open, 'w-10' : open }"
2645                                                           @click="mobilePanelActiveIdX = 0">
2646                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" width="28" height="28">
2647    <title>Arrow Left</title>
2648    <path d="M20,25a1,1,0,0,1-.71-.29l-8-8a1,1,0,0,1,0-1.42l8-8a1,1,0,1,1,1.42,1.42L13.41,16l7.3,7.29a1,1,0,0,1,0,1.42A1,1,0,0,1,20,25Z"/></svg>
2649                                                            <span>zurück zu Alle Produkte</span>
2650                                                        </button>
2651
2652                                                        <a href="https://www.papstar-shop.de/produkte/teller-schalen.htm"
2653                                                           title="Teller&#x20;&amp;&#x20;Schalen"
2654                                                           class="w-full py-2 px-4">
2655                                                            <div class="level-1-headline"
2656                                                                 role="heading"
2657                                                                 aria-level="1">
2658                                                                <span>Teller &amp; Schalen</span>
2659                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary pl-4 h-7">
2660    <title>Arrow Right</title>
2661    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
2662                                                            </div>
2663                                                        </a>
2664
2665                                                                                                                    <div class="level-2">
2666                                                                <a href="https://www.papstar-shop.de/produkte/teller-schalen/einwegschalen.htm"
2667                                                                   title="Einwegschalen"
2668                                                                   class="level-2-items">
2669                                                                    <div class="flex font-bold">
2670                                                                        <span>
2671                                                                        <?xml version="1.0" encoding="UTF-8"?>
2672<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 52.57" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
2673    <title>Big Bowl</title>
2674    <path d="M63.79,47.97s.05.03.07.05c-.05,0-.08.02-.13.03l.07-.08h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2675    <path d="M99.01,5.4c-1.89,20.32-16.14,37.07-35.15,42.62-.02-.02-.05-.05-.07-.05-.33-.33-.8-.51-1.3-.51h-24.99c-.49,0-.97.2-1.3.49-.02.02-.03.03-.05.05C17.13,42.46,2.88,25.73.99,5.4c.2.18.51.35.97.51,4.93,1.89,24.59,3.32,48.05,3.32s43.14-1.43,48.07-3.32c.43-.18.75-.33.95-.51Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2676    <path d="M36.29,48.06s-.08-.03-.13-.05c.02-.02.03-.03.05-.05,0,0,.08.1.08.1Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2677    <path d="M64.41,49.37v.53c0,1.05-.87,1.92-1.92,1.92h-24.99c-1.05,0-1.92-.87-1.92-1.92v-.53c0-.53.23-1.02.58-1.36.02-.02.03-.03.05-.05.33-.31.8-.49,1.3-.49h24.99c.49,0,.97.2,1.3.51.02,0,.05.03.07.05.33.33.56.82.56,1.35h-.02Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2678    <path d="M99.25,4.99c0,.15-.08.28-.24.41-.2.18-.51.33-.95.51-4.92,1.89-24.57,3.32-48.07,3.32S6.89,7.8,1.95,5.92c-.45-.16-.77-.33-.97-.51-.16-.15-.24-.28-.24-.41,0-.11.05-.23.16-.33C2.93,2.48,24.13.75,50,.75s47.07,1.73,49.09,3.91c.11.11.16.23.16.33h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2679</svg>
2680                                                                        </span>
2681                                                                        <div class="level-2-headline"
2682                                                                             role="heading"
2683                                                                             aria-level="2">
2684                                                                            Einwegschalen                                                                        </div>
2685                                                                    </div>
2686                                                                    <div class="text-sm flex ml-2">
2687                                                                        <sp
2687an class="underline text-primary">
2688                                                                            alles anzeigen                                                                        </span>
2689                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
2690    <title>Arrow Right</title>
2691    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
2692                                                                    </div>
2693                                                                </a>
2694
2695                                                                                                                                    <div class="my-4">
2696                                                                        <a href="https://www.papstar-shop.de/produkte/teller-schalen/einwegschalen/pappschalen.htm"
2697                                                                           title="Pappschalen">
2698                                                                            Pappschalen                                                                        </a>
2699                                                                    </div>
2700                                                                                                                                    <div class="my-4">
2701                                                                        <a href="https://www.papstar-shop.de/produkte/teller-schalen/einwegschalen/plastikschalen.htm"
2702                                                                           title="Plastikschalen">
2703                                                                            Plastikschalen                                                                        </a>
2704                                                                    </div>
2705                                                                                                                                    <div class="my-4">
2706                                                                        <a href="https://www.papstar-shop.de/produkte/teller-schalen/einwegschalen/schalen-zuckerrohr.htm"
2707                                                                           title="Schalen&#x20;aus&#x20;Zuckerrohr">
2708                                                                            Schalen&#x20;aus&#x20;Zuckerrohr                                                                        </a>
2709                                                                    </div>
2710                                                                                                                                    <div class="my-4">
2711                                                                        <a href="https://www.papstar-shop.de/produkte/teller-schalen/einwegschalen/aluschalen.htm"
2712                                                                           title="Aluschalen">
2713                                                                            Aluschalen                                                                        </a>
2714                                                                    </div>
2715                                                                                                                                    <div class="my-4">
2716                                                                        <a href="https://www.papstar-shop.de/produkte/teller-schalen/einwegschalen/einwegschalen-holz.htm"
2717                                                                           title="Schalen&#x20;aus&#x20;Holz">
2718                                                                            Schalen&#x20;aus&#x20;Holz                                                                        </a>
2719                                                                    </div>
2720                                                                                                                                    <div class="my-4">
2721                                                                        <a href="https://www.papstar-shop.de/produkte/teller-schalen/einwegschalen/schalen-palmblatt.htm"
2722                                                                           title="Schalen&#x20;aus&#x20;Palmblatt">
2723                                                                            Schalen&#x20;aus&#x20;Palmblatt                                                                        </a>
2724                                                                    </div>
2725                                                                                                                                    <div class="my-4">
2726                                                                        <a href="https://www.papstar-shop.de/produkte/teller-schalen/einwegschalen/schalen-bambus.htm"
2727                                                                           title="Schalen&#x20;aus&#x20;Bambus">
2728                                                                            Schalen&#x20;aus&#x20;Bambus                                                                        </a>
2729                                                                    </div>
2730                                                                                                                            </div>
2731                                                                                                                    <div class="level-2">
2732                                                                <a href="https://www.papstar-shop.de/produkte/teller-schalen/einwegteller.htm"
2733                                                                   title="Einwegteller"
2734                                                                   class="level-2-items">
2735                                                                    <div class="flex font-bold">
2736                                                                        <sp
2736an>
2737                                                                        <?xml version="1.0" encoding="UTF-8"?>
2738<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 81.87" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
2739    <title>Plates</title>
2740    <path d="M40.48.77v2" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2741    <path d="M41.14,78.8l.03,1.97" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2742    <path d="M2.79,41.1H.75" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2743    <path d="M68.89,12.22l-1.4,1.43" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2744    <path d="M14.16,67.91l-1.43,1.43" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2745    <path d="M13.69,14.14l-1.46-1.4" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2746    <path d="M73.66,17.87c-1.4-2.04-3-3.92-4.77-5.64C61.66,5.15,51.75.75,40.81.75S19.5,5.33,12.24,12.75C5.15,19.93.78,29.83.78,40.76v.33c.09,11.05,4.65,21.01,11.98,28.21,7.2,7.07,17.14,11.48,28.05,11.48h.36c2.8-.03,5.54-.33,8.18
2746-.91" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2747    <path d="M42.39,72.52h-1.58c-17.56,0-31.82-14.24-31.82-31.79s14.24-31.76,31.82-31.76c8.9,0,16.96,3.64,22.73,9.53" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2748    <path d="M23.3,35.48c-.55,1.67-.79,3.46-.79,5.28,0,8.66,5.99,15.85,14.08,17.76" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2749    <path d="M36.89,22.91c1.28-.31,2.58-.42,3.95-.42,3.25,0,6.35.85,8.99,2.36" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2750    <path d="M70.38,23.97v1.43" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2751    <path d="M70.86,79.72l.03,1.4" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2752    <path d="M99.25,52.3h-1.43" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2753    <path d="M43.45,52.79h-1.46" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2754    <path d="M90.68,32.14l-1,1.03" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2755    <path d="M51.6,71.92l-1.03,1.03" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2756    <path d="M91.04,72.59l-1.03-1" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2757    <path d="M51.23,33.5l-1-1" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2758    <path d="M70.63,81.12c15.8,0,28.59-12.8,28.59-28.57s-12.81-28.57-28.59-28.57-28.59,12.8-28.59,28.57,12.8,28.57,28.59,28.57Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2759    <path d="M70.62,75.26c12.56,0,22.73-10.17,22.73-22.71s-10.18-22.71-22.73-22.71-22.73,10.17-22.73,22.71,10.18,22.71,22.73,22.71Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2760    <path d="M67.83,39.76c.92-.22,1.85-.31,2.8-.31,7.23,0,13.07,5.83,13.07,13.06s-5.83,13.05-13.07,13.05-13.1-5.83-13.1-13.05c0-1.31.19-2.58.58-3.76" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
2761</svg>
2762                                                                        </span>
2763                                                                        <div class="level-2-headline"
2764                                                                             role="heading"
2765                                                                             aria-level="2">
2766                                                                            Einwegteller                                                                        </div>
2767                                                                    </div>
2768                                                                    <div class="text-sm flex ml-2">
2769                                                                        <span class="underline text-primary">
2770                                                                            alles anzeigen                                                                        </span>
2771                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
2772    <title>Arrow Right</title>
2773    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
2774                                                                    </div>
2775                                                                </a>
2776
2777                                                                                                                                    <div class="my-4">
2778                                                                        <a href="https://www.papstar-shop.de/produkte/teller-schalen/einwegteller/pappteller.htm"
2779                                                                           title="Pappteller&#x20;">
2780                                                                            Pappteller&#x20;                                                                        </a>
2781                                                                    </div>
2782                                                                                                                                    <div class="my-4">
2783                                                                        <a href="https://www.papstar-shop.de/produkte/teller-schalen/einwegteller/palmblatt-teller.htm"
2784                                                                           title="Teller&#x20;aus&#x20;Palmblatt">
2785                                                                            Teller&#x20;aus&#x20;Palmblatt                                                                        </a>
2786                                                                    </div>
2787                                                                                                                                    <div class="my-4">
2788                                                                        <a href="https://www.papstar-shop.de/produkte/teller-schalen/einwegteller/bambus-teller.htm"
2789                                                                           title="Teller&#x20;aus&#x20;Bambus">
2790                                                                            Teller&#x20;aus&#x20;Bambus                                                                        </a>
2791                                                                    </div>
2792                                                                                                                                    <div class="my-4">
2793                                                                        <a href="https://www.papstar-shop.de/produkte/teller-schalen/einwegteller/zuckerrohr-teller.htm"
2794                                                                           title="Teller&#x20;aus&#x20;Zuckerrohr">
2795                                                                            Teller&#x20;aus&#x20;Zuckerrohr                                                                        </a>
2796                                                                    </div>
2797                                                                                                                                    <div class="my-4">
2798                                                                        <a href="https://www.papstar-shop.de/produkte/teller-schalen/einwegteller/teller-aus-agrarresten.htm"
2799                                                                           title="Teller&#x20;aus&#x20;Agrarresten">
2800                                                                            Teller&#x20;aus&#x20;Agrarresten                                                                        </a>
2801                                                                    </div>
2802                                                                                                                                    <div class="my-4">
2803                                                                        <a href="https://www.papstar-shop.de/produkte/teller-schalen/einwegteller/holz-teller.htm"
2804                                                                           title="Teller&#x20;aus&#x20;Holz">
2805                                                                            Teller&#x20;aus&#x20;Holz                                                                        </a>
2806                                                                    </div>
2807                                                                                                                            </div>
2808                                                                                                                    <div class="level-2">
2809                                                                <a href="https://www.papstar-shop.de/produkte/teller-schalen/fingerfood-teller-fingerfood-schalen.htm"
2810                                                                   title="Fingerfood-Teller&#x20;&amp;&#x20;-Schalen"
2811                                                                   class="level-2-items">
2812                                                                    <div class="flex font-bold">
2813                                                                        <sp
2813an>
2814                                                                        <?xml version="1.0" encoding="UTF-8"?>
2815<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 99.96 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
2816    <title>Fingerfood</title>
2817    <path d="M16.12,75.31l8.54,8.54-7.61,7.58L.75,99.25l7.78-16.35s7.58-7.58,7.58-7.58Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2818    <path d="M51.64,48.16c1.51,1.51,3.22,2.76,5.02,3.64l-6.5,6.5-8.5-8.5,2.04-2.04,4.04-4.07.36-.36c.92,1.74,2.1,3.38,3.55,4.83h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2819    <path d="M99.21.75l-7.81,16.28-8.27,8.27c-.89-1.8-2.1-3.48-3.61-4.99-1.48-1.48-3.12-2.66-4.86-3.55l8.21-8.24L99.21.75Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2820    <path d="M58.57,66.72l-25.51,25.54-8.4-8.4-8.54-8.54-8.6-8.6,25.54-25.51,25.51,25.51Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2821    <path d="M85.29,34.27c0,5.02-1.94,10.05-5.78,13.89-3.87,3.87-8.89,5.81-13.92,5.81-3.05,0-6.14-.72-8.93-2.17-1.8-.89-3.52-2.14-5.02-3.64s-2.63-3.08-3.55-4.83c-3.87-7.42-2.69-16.77,3.55-23.02,3.84-3.84,8.89-5.78,13.92-5.74,3.12,0,6.24.72,9.09,2.2,1.74.89,3.38,2.07,4.86,3.55,1.51,1.51,2.73,3.18,3.61,4.99,1.45,2.79,2.17,5.88,2.17,8.96h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2822</svg>
2823                                                                        </span>
2824                                                                        <div class="level-2-headline"
2825                                                                             role="heading"
2826                                                                             aria-level="2">
2827                                                                            Fingerfood-Teller&#x20;&amp;&#x20;-Schalen                                                                        </div>
2828                                                                    </div>
2829                                                                    <div class="text-sm flex ml-2">
2830                                                                        <span class="underline text-primary">
2831                                                                            alles anzeigen                                                                        </span>
2832                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
2833    <title>Arrow Right</title>
2834    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
2835                                                                    </div>
2836                                                                </a>
2837
2838                                                                                                                                    <div class="my-4">
2839                                                                        <a href="https://www.papstar-shop.de/produkte/teller-schalen/fingerfood-teller-fingerfood-schalen/fingerfood-schalen-teller-kunststoff.htm"
2840                                                                           title="Schalen&#x20;&amp;&#x20;Teller&#x20;aus&#x20;Kunststoff">
2841                                                                            Schalen&#x20;&amp;&#x20;Teller&#x20;aus&#x20;Kunststoff                                                                        </a>
2842                                                                    </div>
2843                                                                                                                                    <div class="my-4">
2844                                                                        <a href="https://www.papstar-shop.de/produkte/teller-schalen/fingerfood-teller-fingerfood-schalen/fingerfood-schalen-teller-bambus-palmblatt.htm"
2845                                                                           title="Schalen&#x20;&amp;&#x20;Teller&#x20;aus&#x20;Bambus&#x20;&amp;&#x20;Palmblatt">
2846                                                                            Schalen&#x20;&amp;&#x20;Teller&#x20;aus&#x20;Bambus&#x20;&amp;&#x20;Palmblatt                                                                        </a>
2847                                                                    </div>
2848                                                                                                                                    <div class="my-4">
2849                                                                        <a href="https://www.papstar-shop.de/produkte/teller-schalen/fingerfood-teller-fingerfood-schalen/fingerfood-schalen-holz.htm"
2850                                                                           title="Schalen&#x20;&amp;&#x20;Teller&#x20;aus&#x20;Holz">
2851                                                                            Schalen&#x20;&amp;&#x20;Teller&#x20;aus&#x20;Holz                                                                        </a>
2852                                                                    </div>
2853                                                                                                                                    <div class="my-4">
2854                                                                        <a href="https://www.papstar-shop.de/produkte/teller-schalen/fingerfood-teller-fingerfood-schalen/fingerfood-schalen-teller-zuckerrohr.htm"
2855                                                                           title="Schalen&#x20;&amp;&#x20;Teller&#x20;aus&#x20;Zuckerrohr">
2856                                                                            Schalen&#x20;&amp;&#x20;Teller&#x20;aus&#x20;Zuckerrohr                                                                        </a>
2857                                                                    </div>
2858                                                                                                                            </div>
2859                                                                                                                    <div class="level-2">
2860                                                                <a href="https://www.papstar-shop.de/produkte/teller-schalen/einweg-dessertschalen.htm"
2861                                                                   title="Einweg&#x20;
2861Dessertschalen"
2862                                                                   class="level-2-items">
2863                                                                    <div class="flex font-bold">
2864                                                                        <span>
2865                                                                        <?xml version="1.0" encoding="UTF-8"?>
2866<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100.13 69.87" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
2867    <title>Dessert Cup</title>
2868    <path d="M99.38,10.68c0,3.65-9.78,6.85-24.35,8.57l-4.48,4.48-.04-.04-3.67-3.67c-.54.04-1.09.08-1.64.11l1.33-14.28,4.5-4.18c9.08.86,16.65,2.27,21.67,4l1.02,3.01h0l1.88-1.83h0c2.43,1.18,3.78,2.47,3.78,3.83Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2869    <path d="M37.46,69.11l-14.43-4.92L3.94,17.22l-2.69-5.3c.97,1.57,3.72,3.01,7.87,4.27h0c4.13,1.25,9.61,2.3,16.05,3.06h0l4.54,4.49.02-.02,7.72,45.39h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2870    <line x1=".51" y1="11.57" x2=".5" y2="11.54" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2871    <line x1="99.03" y1="11.89" x2="96.33" y2="17.22" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2872    <path d="M35.09,20.14c-.56-.04-1.11-.07-1.66-.12l-3.71,3.71-4.54-4.49h0c-6.43-.76-11.92-1.81-16.05-3.06h0l-2.55-7.56h0l.99-2.95c5.02-1.73,12.59-3.14,21.66-4l4.51,4.18,1.34,14.28h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2873    <path d="M66.51,5.86l-1.33,14.28c-4.75.31-9.81.47-15.06.47s-10.3-.17-15.04-.47l-1.34-14.28,4.39-4.82c3.84-.2,7.86-.3,12-.3s8.16.1,12,.3l4.39,4.82h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2874    <line x1="62.13" y1="1.05" x2="62.12" y2="1.04" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2875    <path d="M9.12,16.18c-4.14-1.25-6.9-2.7-7.87-4.27-.25-.4-.37-.82-.37-1.23,0-1.36,1.35-2.65,3.78-3.83l1.88,1.84.03-.07s2.55,7.55,2.55,7.55Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2876    <line x1="92.69" y1="5.68" x2="92.67" y2="5.63" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2877    <path d="M70.51,23.71l-7.73,45.41h-25.31l-7.72-45.39,3.69-3.69c.55.04,1.1.08,1.66.12,4.74.31,9.79.47,15.04.47s10.31-.17,15.06-.47c.55-.03,1.1-.07,1.64-.11l3.67,3.67h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2878    <line x1="29.73" y1="23.72" x2="29.71" y2="23.6" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2879    <polyline points="96.34 17.22 77.25 64.19 62.78 69.11" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2880    <line x1="5.91" y1="8.22" x2="5.89" y2="8.15" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2881    <polyline points="91.18 16.18 93.71 8.69 93.76 8.55" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2882</svg>
2883                                                                        </span>
2884                                                                        <div class="level-2-headline"
2885                                                                             role="heading"
2886                                                                             aria-level="2">
2887                                                                            Einweg&#x20;Dessertschalen                                                                        </div>
2888                                                                    </div>
2889                                                                    <div class="text-sm flex ml-2">
2890                                                                        <sp
2890an class="underline text-primary">
2891                                                                            alles anzeigen                                                                        </span>
2892                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
2893    <title>Arrow Right</title>
2894    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
2895                                                                    </div>
2896                                                                </a>
2897
2898                                                                                                                            </div>
2899                                                                                                                    <div class="level-2">
2900                                                                <a href="https://www.papstar-shop.de/produkte/teller-schalen/einweg-suppenschalen.htm"
2901                                                                   title="Suppenschalen&#x20;to&#x20;go"
2902                                                                   class="level-2-items">
2903                                                                    <div class="flex font-bold">
2904                                                                        <span>
2905                                                                        <?xml version="1.0" encoding="UTF-8"?>
2906<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 87.85 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
2907    <title>Soup Bowl</title>
2908    <line x1="6.77" y1="90.46" x2="3.01" y2="29.09" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2909    <path d="M81.07,90.68v-.06l3.77-61.55" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2910    <path d="M6.76,90.46c-.02.06-.02.1-.02.16,0,4.79,16.64,8.63,37.16,8.63s37.02-3.8,37.16-8.56v-.06" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2911    <path d="M87.1,14.13c0,.06,0,.12-.02.19v.03c-.05,1.22-.58,2.4-1.53,3.51-.03.06-.05.09-.08.12-.41.45-.9.92-1.45,1.37-3.68,3.04-10.49,5.85-19.11,7.65h-.02c-6.22,1.31-13.37,2.1-20.98,2.1-9.9,0-19.04-1.09-26.32-2.95h-.08c-6.06-1.56-10.84-3.62-13.72-6-.56-.45-1.05-.92-1.46-1.4-.03-.03-.05-.06-.08-.09-.98-1.19-1.51-2.43-1.51-3.71C.77,7.08,20.09.75,43.92.75s42.87,5.46,43.15,13.2c.02.06.02.12.02.19h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2912    <path d="M.77,24.76c-.02-.06-.02-.12-.02-.19s0-.15.02-.19" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2913    <polyline points="87.08 13.4 87.08 13.95 87.08 14.31 87.08 14.34" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2914    <path d="M17.53,26.13h.08c7.28,1.86,16.42,2.95,26.32,2.95,7.61,0,14.77-.79,20.98-2.1h.02c8.62-1.8,15.43-4.6,19.11-7.65.55-.45,1.03-.92,1.45-1.37" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2915    <path d="M2.28,18.64c-.98-1.19-1.51-2.43-1.51-3.71v9.84c.05,1.53.84,2.98,2.24,4.32,5.75,5.6,21.9,9.66,40.91,9.66s35.19-4.05,40.94-9.69c1.45-1.4,2.24-2.9,2.24-4.48v-10.23c-.05,1.22-.58,2.4-1.53,3.51" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2916    <polyline points=".77 24.76 .77 25.19 .77 25.37" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2917</svg>
2918                                                                        </span>
2919                                                                        <div class="level-2-headline"
2920                                                                             role="heading"
2921                                                                             aria-level="2">
2922                                                                            Suppenschalen&#x20;to&#x20;go                                                                        </div>
2923                                                                    </div>
2924                                                                    <div class="text-sm flex ml-2">
2925                                                                        <sp
2925an class="underline text-primary">
2926                                                                            alles anzeigen                                                                        </span>
2927                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
2928    <title>Arrow Right</title>
2929    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
2930                                                                    </div>
2931                                                                </a>
2932
2933                                                                                                                            </div>
2934                                                                                                                    <div class="level-2">
2935                                                                <a href="https://www.papstar-shop.de/produkte/teller-schalen/salatschalen-to-go.htm"
2936                                                                   title="Salatschalen&#x20;to&#x20;go"
2937                                                                   class="level-2-items">
2938                                                                    <div class="flex font-bold">
2939                                                                        <span>
2940                                                                        <?xml version="1.0" encoding="UTF-8"?>
2941<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 57.64" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
2942    <title>Salatbowl</title>
2943    <line x1="7.62" y1="51.89" x2="3.32" y2="16.9" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2944    <path d="M92.37,52.01v-.04l4.3-35.1" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2945    <path d="M7.61,51.89s-.02.06-.02.09c0,2.73,18.98,4.92,42.39,4.92s42.23-2.17,42.39-4.89v-.04" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2946    <path d="M99.25,8.37s0,.07-.02.11v.02c-.05.7-.66,1.37-1.73,2-.04.04-.05.05-.09.07-.47.26-1.02.52-1.65.78-4.21,1.73-11.97,3.34-21.8,4.36h-.02c-7.09.75-15.25,1.2-23.94,1.2-11.29,0-21.72-.62-30.02-1.68h-.09c-6.91-.89-12.37-2.07-15.65-3.42-.64-.26-1.2-.52-1.66-.8-.04-.02-.05-.04-.09-.05-1.12-.7-1.71-1.41-1.71-2.14C.77,4.36,22.81.75,50,.75s48.91,3.11,49.23,7.53c.02.04.02.07.02.11h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2947    <path d="M.77,14.43s-.02-.07-.02-.11,0-.09.02-.11" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2948    <polyline points="99.23 7.96 99.23 8.27 99.23 8.47 99.23 8.49" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2949    <path d="M19.9,15.22h.09c8.3,1.06,18.72,1.68,30.02,1.68,8.69,0,16.85-.45,23.94-1.2h.02c9.83-1.02,17.6-2.62,21.8-4.36.62-.26,1.18-.52,1.65-.78" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2950    <path d="M2.48,10.94c-1.12-.68-1.71-1.39-1.71-2.12v5.61c.05.87.96,1.7,2.55,2.46,6.57,3.2,24.98,5.51,46.66,5.51s40.15-2.31,46.7-5.53c1.65-.8,2.55-1.65,2.55-2.55v-5.84c-.05.7-.66,1.37-1.73,2" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2951    <polyline points=".77 14.43 .77 14.68 .77 14.79" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2952    <path d="M60.17,43.42c1.51-2.92,2.05-6.18,2.36-9.38.22-2.2.37-6.73.37-6.73,0,0-4.76.15-7.06.36-3.36.33-6.79.84-9.85,2.26-3.28,1.54-5.93,4.28-7.52,7.41-.96,1.85-1.49,3.94-1.37,6.03.1,2.07,1.47,4.13,2.96,5.58l.04.04s.02.04.04.04c1.54,1.42,3.7,2.73,5.87,2.83,2.19.1,4.37-.39,6.32-1.31,3.28-1.52,6.17-4.04,7.78-7.16l.04.04h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2953    <path d="M56.89,32.73l-13.93,13.93" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2954    <path d="M50.92,32.73v5.97h5.97" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2955    <path d="M44.95,38.7v5.97h5.97" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2956</svg>
2957                                                                        </span>
2958                                                                        <div class="level-2-headline"
2959                                                                             role="heading"
2960                                                                             aria-level="2">
2961                                                                            Salatschalen&#x20;to&#x20;go                                                                        </div>
2962                                                                    </div>
2963                                                                    <div class="text-sm flex ml-2">
2964                                                                        <sp
2964an class="underline text-primary">
2965                                                                            alles anzeigen                                                                        </span>
2966                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
2967    <title>Arrow Right</title>
2968    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
2969                                                                    </div>
2970                                                                </a>
2971
2972                                                                                                                            </div>
2973                                                                                                                    <div class="level-2">
2974                                                                <a href="https://www.papstar-shop.de/produkte/teller-schalen/dressingbecher-portionsbecher.htm"
2975                                                                   title="Dressingbecher&#x20;&amp;&#x20;Portionsbecher"
2976                                                                   class="level-2-items">
2977                                                                    <div class="flex font-bold">
2978                                                                        <span>
2979                                                                        <?xml version="1.0" encoding="UTF-8"?>
2980<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 57.64" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
2981    <title>dressing cup</title>
2982    <line x1="7.62" y1="51.89" x2="3.32" y2="16.9" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2983    <path d="M92.37,52.01v-.04l4.3-35.1" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2984    <path d="M7.61,51.89s-.02.06-.02.09c0,2.73,18.98,4.92,42.39,4.92s42.23-2.17,42.39-4.89v-.04" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2985    <path d="M99.25,8.37s0,.07-.02.11v.02c-.05.7-.66,1.37-1.73,2-.04.04-.05.05-.09.07-.47.26-1.02.52-1.65.78-4.21,1.73-11.97,3.34-21.8,4.36h-.02c-7.09.75-15.25,1.2-23.94,1.2-11.29,0-21.72-.62-30.02-1.68h-.09c-6.91-.89-12.37-2.07-15.65-3.42-.64-.26-1.2-.52-1.66-.8-.04-.02-.05-.04-.09-.05-1.12-.7-1.71-1.41-1.71-2.14C.77,4.36,22.81.75,50,.75s48.91,3.11,49.23,7.53c.02.04.02.07.02.11h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2986    <path d="M.77,14.43s-.02-.07-.02-.11,0-.09.02-.11" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2987    <polyline points="99.23 7.96 99.23 8.27 99.23 8.47 99.23 8.49" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2988    <path d="M19.9,15.22h.09c8.3,1.06,18.72,1.68,30.02,1.68,8.69,0,16.85-.45,23.94-1.2h.02c9.83-1.02,17.6-2.62,21.8-4.36.62-.26,1.18-.52,1.65-.78" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2989    <path d="M2.48,10.94c-1.12-.68-1.71-1.39-1.71-2.12v5.61c.05.87.96,1.7,2.55,2.46,6.57,3.2,24.98,5.51,46.66,5.51s40.15-2.31,46.7-5.53c1.65-.8,2.55-1.65,2.55-2.55v-5.84c-.05.7-.66,1.37-1.73,2" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2990    <polyline points=".77 14.43 .77 14.68 .77 14.79" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
2991</svg>
2992                                                                        </span>
2993                                                                        <div class="level-2-headline"
2994                                                                             role="heading"
2995                                                                             aria-level="2">
2996                                                                            Dressingbecher&#x20;&amp;&#x20;Portionsbecher                                                                        </div>
2997                                                                    </div>
2998                                                                    <div class="text-sm flex ml-2">
2999                                                                        <sp
2999an class="underline text-primary">
3000                                                                            alles anzeigen                                                                        </span>
3001                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
3002    <title>Arrow Right</title>
3003    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
3004                                                                    </div>
3005                                                                </a>
3006
3007                                                                                                                            </div>
3008                                                                                                                    <div class="level-2">
3009                                                                <a href="https://www.papstar-shop.de/produkte/teller-schalen/teller-schalen-porzellan.htm"
3010                                                                   title="Teller&#x20;&amp;&#x20;Schalen&#x20;aus&#x20;Porzellan"
3011                                                                   class="level-2-items">
3012                                                                    <div class="flex font-bold">
3013                                                                        <span>
3014                                                                        <?xml version="1.0" encoding="UTF-8"?>
3015<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 93.27" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
3016    <title>Sustainable Tableware</title>
3017    <path d="M77.37,62.09H5.95l3.8-16.11h63.82l3.8,16.11h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3018    <path d="M68.92,68.25H5.95l3.76,16.11h20.39c-2.84-4.54-3.25-10.6-3.16-15.67,0-.37,2.33-.37,4.85-.22" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3019    <path d="M82.54,62.82v-.69H.75v2.91c0,1.8,1.47,3.25,3.29,3.25h64.88" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3020    <path d="M99.23,62.03c.13,8.29-.77,18.52-7.59,24.25-4.12,3.44-9.6,4.51-14.8,5.07-6.03.66-12,1.26-18.09,1.16-.03,0-.03-.03-.03-.06-.06-.19-.06-.47-.03-.95.03-.06.03-.13,0-.16v-.06c.13-1.42.48-3.81.9-6.03.03-.29.13-.6.16-.89.38-1.99.7-3.65.8-4.01.54-1.86,1.31-3.69,2.33-5.36,1.57-2.62,3.58-4.91,6.03-6.75.23-.19.48-.37.77-.57,3.83-2.65,8.29-4.04,12.89-4.89.26-.03.57-.13.83-.16.83-.16,1.69-.26,2.52-.37.54-.03,3.93-.37,7.15-.53,3.16-.16,6.2-.19,6.2.26v.03h-.02Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3021    <path d="M58.73,92.52s4.85-19.71,21.83-17.63" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3022    <path d="M31.79,68.46c2.52.13,5.2.37,5.61.41,1.37.19,2.75.41,4.12.69,3.03.66,5.97,1.7,8.55,3.5.83.57,1.63,1.2,2.33,1.89,2.27,2.21,3.96,5.01,4.85,8.05.03.16.16.63.26,1.36.06.26.13.57.19.89.35,1.89.8,4.51.96,6.03v.06s.03.06,0,.16c.06.44.13.76.03.89,0,0,0,.13-.03.13-4.76.06-9.45-.37-14.17-.89-4.09-.44-8.36-1.26-11.55-3.94-1.15-.98-2.08-2.05-2.81-3.28" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3023    <path d="M58.63,92.52s-3.8-15.42-17.07-13.78" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3024    <path d="M93.04,61.74V13.15c0-3.5-1.47-6.72-3.89-8.99-2.24-2.08-5.3-3.41-8.65-3.41h-36.16c-3.32,0-6.41,1.29-8.65,3.41-2.39,2.28-3.89,5.49-3.89,8.99v32.83" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3025    <path d="M31.79,68.46v-.22" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3026    <path d="M41.53,69.6c3.03.66,5.97,1.73,8.55,3.5.83.57,1.63,1.2,2.33,1.92" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3027    <path d="M41.51,45.98v-29.02c0-1.96.96-3.65,2.39-4.7.98-.79,2.27-1.23,3.63-1.23h29.83c1.37,0,2.65.44,3.63,1.2,1.44,1.07,2.39,2.81,2.39,4.73v45.7" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3028    <path d="M43.89,12.26l-8.2-8.11" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3029    <path d="M89.14,4.17l-8.16,8.04" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3030</svg>
3031                                                                        </span>
3032                                                                        <div class="level-2-headline"
3033                                                                             role="heading"
3034                                                                             aria-level="2">
3035                                                                            Teller&#x20;&amp;&#x20;Schalen&#x20;aus&#x20;Porzellan                                                                        </div>
3036                                                                    </div>
3037                                                                    <div class="text-sm flex ml-2">
3038                                                                        <sp
3038an class="underline text-primary">
3039                                                                            alles anzeigen                                                                        </span>
3040                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
3041    <title>Arrow Right</title>
3042    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
3043                                                                    </div>
3044                                                                </a>
3045
3046                                                                                                                            </div>
3047                                                                                                            </div>
3048                                                </template>
3049                                                                                                                                <button class="mobile-nav-items" type="button"
3050                                                    @click="mobilePanelActiveIdX = mobilePanelActiveIdX === 'category-node-43' ? 0 : 'category-node-43'"
3051                                                    :class="{'-translate-x-full' : mobilePanelActiveIdX,'translate-x-0' : !mobilePanelActiveIdX}">
3052
3053                                                                                                    <span>
3054                                                        <?xml version="1.0" encoding="UTF-8"?>
3055<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 58.65 100" class="h-8 w-8 text-main flex-shrink-0 mr-6 stroke-4">
3056    <title>Frappuccino Cup</title>
3057    <path d="M33.18,59.74v-10.95" style="fill:none;stroke-miterlimit:10;"/>
3058    <path d="M55.04,48.79H3.58l7.83,43.74c.69,3.9,4.19,6.72,8.28,6.72h19.24c4.1,0,7.58-2.85,8.28-6.72l7.83-43.74Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3059    <path d="M54.56,42.07H4.09c-1.84,0-3.34,1.5-3.34,3.34s1.5,3.34,3.34,3.34h50.47c1.84,0,3.34-1.5,3.34-3.34s-1.5-3.34-3.34-3.34Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3060    <path d="M24.72,20.83h9.21c11.68,0,21.14,9.52,21.14,21.24H3.58c0-11.74,9.49-21.24,21.14-21.24Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3061    <path d="M25.5,42.07V3.02c0-1.24.99-2.27,2.23-2.27h3.19c1.26,0,2.26,1.02,2.26,2.27v39.06" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3062    <path d="M25.5,62.28v-13.49" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3063    <path d="M5.39,58.75c5.09,2.85,10.33,5.11,16.47,4.32,1.23-.18,2.44-.45,3.64-.79,2.59-.73,5.09-1.72,7.68-2.54,1.36-.45,2.74-.85,4.16-1.12,5.24-1.05,10.57-.42,15.81.85" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3064</svg>
3065                                                    </span>
3066                                                    <span>Becher</span>
3067
3068                                                    <span class="mobile-nav-items-chev"
3069                                                          :class="{ 'w-0' : !open, 'w-10' : open }">
3070                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="w-full h-full p-1">
3071    <title>Arrow Right</title>
3072    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
3073                                                    </span>
3074                                                                                            </button>
3075
3076                                                                                            <template x-if="mobilePanelActiveIdX === 'category-node-43'">
3077                                                    <div class="mobile-nav-items-children"
3078                                                         :class="{'translate-x-full' : mobilePanelActiveIdX !== 'category-node-43',
3079                                                             'translate-x-0' : mobilePanelActiveIdX === 'category-node-43',
3080                                                        }">
3081                                                        <button class="level-1-back-btn"
3082                                                           tabindex="0"
3083                                                           :class="{ 'w-0' : !open, 'w-10' : open }"
3084                                                           @click="mobilePanelActiveIdX = 0">
3085                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" width="28" height="28">
3086    <title>Arrow Left</title>
3087    <path d="M20,25a1,1,0,0,1-.71-.29l-8-8a1,1,0,0,1,0-1.42l8-8a1,1,0,1,1,1.42,1.42L13.41,16l7.3,7.29a1,1,0,0,1,0,1.42A1,1,0,0,1,20,25Z"/></svg>
3088                                                            <span>zurück zu Alle Produkte</span>
3089                                                        </button>
3090
3091                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser.htm"
3092                                                           title="Becher"
3093                                                           class="w-full py-2 px-4">
3094                                                            <div class="level-1-headline"
3095                                                                 role="heading"
3096                                                                 aria-level="1">
3097                                                                <span>Becher</span>
3098                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary pl-4 h-7">
3099    <title>Arrow Right</title>
3100    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
3101                                                            </div>
3102                                                        </a>
3103
3104                                                                                                                    <div class="level-2">
3105                                                                <a href="https://www.papstar-shop.de/produkte/becher-glaeser/strohhalme.htm"
3106                                                                   title="Strohhalme&#x20;&amp;&#x20;Shake-Halme"
3107                                                                   class="level-2-items">
3108                                                                    <div class="flex font-bold">
3109                                                                        <span>
3110                                                                        <?xml version="1.0" encoding="UTF-8"?>
3111<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45.38 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
3112    <title>Cup with straw</title>
3113    <polygon points="39.42 16.71 36.36 19.76 24.71 8.1 24.71 36.18 20.38 36.18 20.38 3.78 23.44 .75 39.42 16.71" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3114    <rect x=".75" y="36.18" width="43.88" height="4.89" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3115    <polygon points="41.95 41.07 36.08 99.25 9.29 99.25 3.42 41.07 41.95 41.07" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3116</svg>
3117                                                                        </span>
3118                                                                        <div class="level-2-headline"
3119                                                                             role="heading"
3120                                                                             aria-level="2">
3121                                                                            Strohhalme&#x20;&amp;&#x20;Shake-Halme                                                                        </div>
3122                                                                    </div>
3123                                                                    <div class="text-sm flex ml-2">
3124                                                                        <span class="underline text-primary">
3125                                                                            alles anzeigen                                                                        </span>
3126                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
3127    <title>Arrow Right</title>
3128    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
3129                                                                    </div>
3130                                                                </a>
3131
3132                                                                                                                                    <div class="my-4">
3133                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/strohhalme/papierstrohhalme.htm"
3134                                                                           title="Strohhalme&#x20;aus&#x20;Papier">
3135                                                                            Strohhalme&#x20;aus&#x20;Papier                                                                        </a>
3136                                                                    </div>
3137                                                                                                                                    <div class="my-4">
3138                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/strohhalme/strohhalme-aus-bambus-stroh.htm"
3139                                                                           title="Strohhalme&#x20;aus&#x20;Bambus&#x20;&amp;&#x20;Stroh">
3140                                                                            Strohhalme&#x20;aus&#x20;Bambus&#x20;&amp;&#x20;Stroh                                                                        </a>
3141                                                                    </div>
3142                                                                                                                                    <div class="my-4">
3143                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/strohhalme/wiederverwendbare-strohhalme.htm"
3144                                                                           title="Wiederverwendbare&#x20;Strohhalme">
3145                                                                            Wiederverwendbare&#x20;Strohhalme                                                                        </a>
3146                                                                    </div>
3147                                                                                                                            </div>
3148                                                                                                                    <div class="level-2">
3149                                                                <a href="https://www.papstar-shop.de/produkte/becher-glaeser/heissgetraenkebecher.htm"
3150                                                                   title="Hei&#xDF;getr&#xE4;nkebecher"
3151                                                                   class="level-2-items">
3152                                                                    <div class="flex font-bold">
3153                                                                        <sp
3153an>
3154                                                                        <?xml version="1.0" encoding="UTF-8"?>
3155<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100.14 83.27" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
3156    <title>Celsius</title>
3157    <path d="M31.94,16.05c0,9.53-7.65,15.77-15.77,15.77C6.99,31.82.75,24.87.75,16.63.63,7.58,7.7.75,16.4.75c9.64,0,15.53,7.3,15.53,15.3ZM7.1,16.63c0,5.42,4.01,9.64,9.18,9.64s9.29-4.35,9.29-10.12c0-4.35-2.59-9.88-9.29-9.88-6.12,0-9.18,5.29-9.18,10.34h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
3158    <path d="M99.13,78.76c-3.76,1.88-11.3,3.76-20.94,3.76-22.36,0-39.18-14.12-39.18-40.12S55.83.75,80.43.75c9.89,0,16.12,2.12,18.82,3.54l-2.47,8.35c-3.88-1.89-9.41-3.3-16-3.3-18.59,0-30.95,11.88-30.95,32.71,0,19.41,11.18,31.88,30.48,31.88,6.23,0,12.59-1.29,16.71-3.3,0,0,2.12,8.13,2.12,8.13Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
3159</svg>
3160                                                                        </span>
3161                                                                        <div class="level-2-headline"
3162                                                                             role="heading"
3163                                                                             aria-level="2">
3164                                                                            Hei&#xDF;getr&#xE4;nkebecher                                                                        </div>
3165                                                                    </div>
3166                                                                    <div class="text-sm flex ml-2">
3167                                                                        <span class="underline text-primary">
3168                                                                            alles anzeigen                                                                        </span>
3169                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
3170    <title>Arrow Right</title>
3171    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
3172                                                                    </div>
3173                                                                </a>
3174
3175                                                                                                                                    <div class="my-4">
3176                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/heissgetraenkebecher/einweg-kaffeebecher.htm"
3177                                                                           title="Kaffeebecher">
3178                                                                            Kaffeebecher                                                                        </a>
3179                                                                    </div>
3180                                                                                                                                    <div class="my-4">
3181                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/heissgetraenkebecher/thermobecher-einweg-gluehweinbecher-einweg.htm"
3182                                                                           title="Thermobecher&#x20;&amp;&#x20;Gl&#xFC;hweinbecher&#x20;To&#x20;Go">
3183                                                                            Thermobecher&#x20;&amp;&#x20;Gl&#xFC;hweinbecher&#x20;To&#x20;Go                                                                        </a>
3184                                                                    </div>
3185                                                                                                                                    <div class="my-4">
3186                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/heissgetraenkebecher/einweg-kaffeetassen.htm"
3187                                                                           title="Kaffeetassen">
3188                                                                            Kaffeetassen                                                                        </a>
3189                                                                    </div>
3190                                                                                                                                    <div class="my-4">
3191                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/heissgetraenkebecher/automatenbecher.htm"
3192                                                                           title="Automatenbecher">
3193                                                                            Automatenbecher                                                                        </a>
3194                                                                    </div>
3195                                                                                                                                    <div class="my-4">
3196                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/heissgetraenkebecher/zuckerrohr-becher.htm"
3197                                                                           title="Zuckerrohr&#x20;Becher">
3198                                                                            Zuckerrohr&#x20;Becher                                                                        </a>
3199                                                                    </div>
3200                                                                                                                            </div>
3201                                                                                                                    <div class="level-2">
3202                                                                <a href="https://www.papstar-shop.de/produkte/becher-glaeser/kaltgetraenkebecher.htm"
3203                                                                   title="Kaltgetr&#xE4;nkebecher"
3204                                                                   class="level-2-items">
3205                                                                    <div class="flex font-bold">
3206                                                                        <sp
3206an>
3207                                                                        <?xml version="1.0" encoding="UTF-8"?>
3208<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
3209    <title>Snowflake</title>
3210    <line x1="89.4" y1="10.6" x2="10.6" y2="89.4" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3211    <line x1="10.6" y1="10.6" x2="89.4" y2="89.4" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3212    <polyline points="79.55 .75 79.55 20.45 99.25 20.45" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3213    <polyline points="59.85 20.45 59.85 40.15 79.55 40.15" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3214    <polyline points="99.25 79.55 79.55 79.55 79.55 99.25" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3215    <polyline points="79.55 59.85 59.85 59.85 59.85 79.55" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3216    <polyline points="20.45 99.25 20.45 79.55 .75 79.55" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3217    <polyline points="40.15 79.55 40.15 59.85 20.45 59.85" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3218    <polyline points=".75 20.45 20.45 20.45 20.45 .75" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3219    <polyline points="20.45 40.15 40.15 40.15 40.15 20.45" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3220    <line x1="99.25" y1="50" x2=".75" y2="50" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3221    <line x1="50" y1=".75" x2="50" y2="99.25" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3222</svg>
3223                                                                        </span>
3224                                                                        <div class="level-2-headline"
3225                                                                             role="heading"
3226                                                                             aria-level="2">
3227                                                                            Kaltgetr&#xE4;nkebecher                                                                        </div>
3228                                                                    </div>
3229                                                                    <div class="text-sm flex ml-2">
3230                                                                        <span class="underline text-primary">
3231                                                                            alles anzeigen                                                                        </span>
3232                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
3233    <title>Arrow Right</title>
3234    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
3235                                                                    </div>
3236                                                                </a>
3237
3238                                                                                                                                    <div class="my-4">
3239                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/kaltgetraenkebecher/plastikbecher.htm"
3240                                                                           title="Plastikbecher">
3241                                                                            Plastikbecher                                                                        </a>
3242                                                                    </div>
3243                                                                                                                                    <div class="my-4">
3244                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/kaltgetraenkebecher/schnapsbecher.htm"
3245                                                                           title="Schnapsbecher">
3246                                                                            Schnapsbecher                                                                        </a>
3247                                                                    </div>
3248                                                                                                                                    <div class="my-4">
3249                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/kaltgetraenkebecher/spitzbecher.htm"
3250                                                                           title="Spitzbecher">
3251                                                                            Spitzbecher                                                                        </a>
3252                                                                    </div>
3253                                                                                                                                    <div class="my-4">
3254                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/kaltgetraenkebecher/cocktailbecher-longdrinkbecher.htm"
3255                                                                           title="Cocktailbecher&#x20;&amp;&#x20;Longdrinkbecher">
3256                                                                            Cocktailbecher&#x20;&amp;&#x20;Longdrinkbecher                                                                        </a>
3257                                                                    </div>
3258                                                                                                                                    <div class="my-4">
3259                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/kaltgetraenkebecher/pappbecher.htm"
3260                                                                           title="Pappbecher">
3261                                                                            Pappbecher                                                                        </a>
3262                                                                    </div>
3263                                                                                                                                    <div class="my-4">
3264                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/kaltgetraenkebecher/pla-becher.htm"
3265                                                                           title="Becher&#x20;aus&#x20;PLA">
3266                                                                            Becher&#x20;aus&#x20;PLA                                                                        </a>
3267                                                                    </div>
3268                                                                                                                                    <div class="my-4">
3269                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/kaltgetraenkebecher/plastikbecher-glasklar.htm"
3270                                                                           title="Plastikbecher&#x20;-&#x20;glasklar">
3271                                                                            Plastikbecher&#x20;-&#x20;glasklar                                                                        </a>
3272                                                                    </div>
3273                                                                                                                                    <div class="my-4">
3274                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/kaltgetraenkebecher/zuckerrohr-becher.htm"
3275                                                                           title="Zuckerrohr&#x20;Becher">
3276                                                                            Zuckerrohr&#x20;Becher                                                                        </a>
3277                                                                    </div>
3278                                                                                                                            </div>
3279                                                                                                                    <div class="level-2">
3280                                                                <a href="https://www.papstar-shop.de/produkte/becher-glaeser/einwegglaeser.htm"
3281                                                                   title="Einweggl&#xE4;ser"
3282                                                                   class="level-2-items">
3283                                                                    <div class="flex font-bold">
3284                                                                        <sp
3284an>
3285                                                                        <?xml version="1.0" encoding="UTF-8"?>
3286<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68.34 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
3287    <title>Cup</title>
3288    <polygon points="63.49 .75 67.59 .75 67.59 8.22 63.49 8.22 4.83 8.22 .75 8.22 .75 .75 4.83 .75 63.49 .75" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3289    <polygon points="63.49 8.22 54.56 99.25 13.76 99.25 4.83 8.22 63.49 8.22" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3290</svg>
3291                                                                        </span>
3292                                                                        <div class="level-2-headline"
3293                                                                             role="heading"
3294                                                                             aria-level="2">
3295                                                                            Einweggl&#xE4;ser                                                                        </div>
3296                                                                    </div>
3297                                                                    <div class="text-sm flex ml-2">
3298                                                                        <span class="underline text-primary">
3299                                                                            alles anzeigen                                                                        </span>
3300                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
3301    <title>Arrow Right</title>
3302    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
3303                                                                    </div>
3304                                                                </a>
3305
3306                                                                                                                                    <div class="my-4">
3307                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/einwegglaeser/einweg-sektglaeser.htm"
3308                                                                           title="Sektgl&#xE4;ser">
3309                                                                            Sektgl&#xE4;ser                                                                        </a>
3310                                                                    </div>
3311                                                                                                                                    <div class="my-4">
3312                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/einwegglaeser/einweg-weinglaeser.htm"
3313                                                                           title="Weingl&#xE4;ser">
3314                                                                            Weingl&#xE4;ser                                                                        </a>
3315                                                                    </div>
3316                                                                                                                            </div>
3317                                                                                                                    <div class="level-2">
3318                                                                <a href="https://www.papstar-shop.de/produkte/becher-glaeser/mehrwegbecher.htm"
3319                                                                   title="Mehrwegbecher"
3320                                                                   class="level-2-items">
3321                                                                    <div class="flex font-bold">
3322                                                                        <sp
3322an>
3323                                                                        <?xml version="1.0" encoding="UTF-8"?>
3324<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 97.23" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
3325    <title>Reusable</title>
3326    <path d="M87.73,56.01l10.26,17.7c3.57,6.19-.9,13.89-8.03,13.89h-32.97" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3327    <path d="M41.6,87.6l15.42,8.88v-17.76l-15.42,8.88h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3328    <path d="M30.47,87.6l-20.5-.18c-7.16-.09-11.54-7.81-7.92-13.94l16.73-28.32" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3329    <path d="M26.6,31.9l-15.51,8.74,15.34,9.02.18-17.76Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3330    <path d="M31.77,23.06l10.29-17.7c3.6-6.17,12.53-6.14,16.06.03l16.41,28.52" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3331    <path d="M82.22,47.27l.03-17.76-15.42,8.83,15.4,8.93Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3332</svg>
3333                                                                        </span>
3334                                                                        <div class="level-2-headline"
3335                                                                             role="heading"
3336                                                                             aria-level="2">
3337                                                                            Mehrwegbecher                                                                        </div>
3338                                                                    </div>
3339                                                                    <div class="text-sm flex ml-2">
3340                                                                        <span class="underline text-primary">
3341                                                                            alles anzeigen                                                                        </span>
3342                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
3343    <title>Arrow Right</title>
3344    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
3345                                                                    </div>
3346                                                                </a>
3347
3348                                                                                                                            </div>
3349                                                                                                                    <div class="level-2">
3350                                                                <a href="https://www.papstar-shop.de/produkte/becher-glaeser/barzubehoer-cocktail-zubehoer.htm"
3351                                                                   title="Barzubeh&#xF6;r&#x20;&amp;&#x20;Cocktail-Zubeh&#xF6;r"
3352                                                                   class="level-2-items">
3353                                                                    <div class="flex font-bold">
3354                                                                        <span>
3355                                                                        <?xml version="1.0" encoding="UTF-8"?>
3356<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 76.15 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
3357    <title>Cocktailglas</title>
3358    <path d="M52.48,96.75c0,2-9.62,2.5-14.49,2.5s-14.49-.5-14.49-2.5,6.48-3.63,14.49-3.63,14.49,1.62,14.49,3.63Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3359    <line x1="38.07" y1="95.64" x2="38.07" y2="48.37" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3360    <polygon points="38.07 49.35 19.41 25.05 .75 .75 38.07 .75 75.4 .75 56.74 25.05 38.07 49.35" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3361    <polygon points="38.07 35.96 29.86 25.27 21.64 14.58 38.07 14.58 54.5 14.58 46.28 25.27 38.07 35.96" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3362</svg>
3363                                                                        </span>
3364                                                                        <div class="level-2-headline"
3365                                                                             role="heading"
3366                                                                             aria-level="2">
3367                                                                            Barzubeh&#xF6;r&#x20;&amp;&#x20;Cocktail-Zubeh&#xF6;r                                                                        </div>
3368                                                                    </div>
3369                                                                    <div class="text-sm flex ml-2">
3370                                                                        <sp
3370an class="underline text-primary">
3371                                                                            alles anzeigen                                                                        </span>
3372                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
3373    <title>Arrow Right</title>
3374    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
3375                                                                    </div>
3376                                                                </a>
3377
3378                                                                                                                                    <div class="my-4">
3379                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/barzubehoer-cocktail-zubehoer/papieruntersetzer-tropfdeckchen.htm"
3380                                                                           title="Papieruntersetzer&#x20;&amp;&#x20;Tropfdeckchen">
3381                                                                            Papieruntersetzer&#x20;&amp;&#x20;Tropfdeckchen                                                                        </a>
3382                                                                    </div>
3383                                                                                                                                    <div class="my-4">
3384                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/barzubehoer-cocktail-zubehoer/cocktail-deko.htm"
3385                                                                           title="Cocktail&#x20;Deko">
3386                                                                            Cocktail&#x20;Deko                                                                        </a>
3387                                                                    </div>
3388                                                                                                                                    <div class="my-4">
3389                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/barzubehoer-cocktail-zubehoer/ruehrstaebchen.htm"
3390                                                                           title="R&#xFC;hrst&#xE4;bchen">
3391                                                                            R&#xFC;hrst&#xE4;bchen                                                                        </a>
3392                                                                    </div>
3393                                                                                                                            </div>
3394                                                                                                                    <div class="level-2">
3395                                                                <a href="https://www.papstar-shop.de/produkte/becher-glaeser/becherdeckel.htm"
3396                                                                   title="Becherdeckel"
3397                                                                   class="level-2-items">
3398                                                                    <div class="flex font-bold">
3399                                                                        <span>
3400                                                                        <?xml version="1.0" encoding="UTF-8"?>
3401<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 25.73" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
3402    <title>Lid</title>
3403    <polygon points="94.35 16.48 5.65 16.48 8.3 .75 91.7 .75 94.35 16.48" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3404    <rect x=".75" y="16.48" width="98.5" height="8.5" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3405</svg>
3406                                                                        </span>
3407                                                                        <div class="level-2-headline"
3408                                                                             role="heading"
3409                                                                             aria-level="2">
3410                                                                            Becherdeckel                                                                        </div>
3411                                                                    </div>
3412                                                                    <div class="text-sm flex ml-2">
3413                                                                        <sp
3413an class="underline text-primary">
3414                                                                            alles anzeigen                                                                        </span>
3415                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
3416    <title>Arrow Right</title>
3417    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
3418                                                                    </div>
3419                                                                </a>
3420
3421                                                                                                                            </div>
3422                                                                                                                    <div class="level-2">
3423                                                                <a href="https://www.papstar-shop.de/produkte/becher-glaeser/bechertraeger.htm"
3424                                                                   title="Bechertr&#xE4;ger"
3425                                                                   class="level-2-items">
3426                                                                    <div class="flex font-bold">
3427                                                                        <span>
3428                                                                        <?xml version="1.0" encoding="UTF-8"?>
3429<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 48.96" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
3430    <title>Cupcarrier</title>
3431    <polygon points="99.25 22.54 .75 22.54 8.99 .75 91.01 .75 99.25 22.54" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3432    <polyline points="11.67 22.55 14.2 48.21 28.5 48.21 31.02 22.55" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3433    <polyline points="40.33 22.55 42.85 48.21 57.15 48.21 59.67 22.55" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3434    <polyline points="68.98 22.55 71.5 48.21 85.8 48.21 88.33 22.55" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3435    <rect x="40.87" y="5.37" width="18.27" height="6.39" rx="2.6" ry="2.6" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3436</svg>
3437                                                                        </span>
3438                                                                        <div class="level-2-headline"
3439                                                                             role="heading"
3440                                                                             aria-level="2">
3441                                                                            Bechertr&#xE4;ger                                                                        </div>
3442                                                                    </div>
3443                                                                    <div class="text-sm flex ml-2">
3444                                                                        <span class="underline text-primary">
3445                                                                            alles anzeigen                                                                        </span>
3446                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
3447    <title>Arrow Right</title>
3448    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
3449                                                                    </div>
3450                                                                </a>
3451
3452                                                                                                                            </div>
3453                                                                                                                    <div class="level-2">
3454                                                                <a href="https://www.papstar-shop.de/produkte/becher-glaeser/becherspender.htm"
3455                                                                   title="Becherspender"
3456                                                                   class="level-2-items">
3457                                                                    <div class="flex font-bold">
3458                                                                        <sp
3458an>
3459                                                                        <?xml version="1.0" encoding="UTF-8"?>
3460<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 31.1 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
3461    <title>Cup dispenser</title>
3462    <path d="M24.55,99.25H6.54l-3.94-28.55h25.89l-3.94,28.55Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3463    <rect x=".75" y=".75" width="29.6" height="69.95" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3464    <rect x="13.45" y=".75" width="4.2" height="69.95" stroke="currentColor" stroke-width="2" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3465    <line x1="13.45" y1="67.13" x2="17.64" y2="67.13" stroke="currentColor" stroke-width="1" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3466    <line x1="13.45" y1="63.55" x2="17.64" y2="63.55" stroke="currentColor" stroke-width="1" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3467    <line x1="13.45" y1="59.98" x2="17.64" y2="59.98" stroke="currentColor" stroke-width="1" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3468    <line x1="13.45" y1="56.4" x2="17.64" y2="56.4" stroke="currentColor" stroke-width="1" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3469    <line x1="13.45" y1="52.83" x2="17.64" y2="52.83" stroke="currentColor" stroke-width="1" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3470    <line x1="13.45" y1="49.25" x2="17.64" y2="49.25" stroke="currentColor" stroke-width="1" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3471    <line x1="13.45" y1="45.68" x2="17.64" y2="45.68" stroke="currentColor" stroke-width="1" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3472    <line x1="13.45" y1="42.1" x2="17.64" y2="42.1" stroke="currentColor" stroke-width="1" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3473    <line x1="13.45" y1="38.52" x2="17.64" y2="38.52" stroke="currentColor" stroke-width="1" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3474    <line x1="13.45" y1="34.95" x2="17.64" y2="34.95" stroke="currentColor" stroke-width="1" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3475    <line x1="13.45" y1="31.37" x2="17.64" y2="31.37" stroke="currentColor" stroke-width="1" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3476    <line x1="13.45" y1="27.79" x2="17.64" y2="27.79" stroke="currentColor" stroke-width="1" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3477    <line x1="13.45" y1="24.21" x2="17.64" y2="24.21" stroke="currentColor" stroke-width="1" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3478    <line x1="13.45" y1="20.64" x2="17.64" y2="20.64" stroke="currentColor" stroke-width="1" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3479    <line x1="13.45" y1="17.06" x2="17.64" y2="17.06" stroke="currentColor" stroke-width="1" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3480</svg>
3481                                                                        </span>
3482                                                                        <div class="level-2-headline"
3483                                                                             role="heading"
3484                                                                             aria-level="2">
3485                                                                            Becherspender                                                                        </div>
3486                                                                    </div>
3487                                                                    <div class="text-sm flex ml-2">
3488                                                                        <span class="underline text-primary">
3489                                                                            alles anzeigen                                                                        </span>
3490                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
3491    <title>Arrow Right</title>
3492    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
3493                                                                    </div>
3494                                                                </a>
3495
3496                                                                                                                            </div>
3497                                                                                                            </div>
3498                                                </template>
3499                                                                                                                                <button class="mobile-nav-items" type="button"
3500                                                    @click="mobilePanelActiveIdX = mobilePanelActiveIdX === 'category-node-270' ? 0 : 'category-node-270'"
3501                                                    :class="{'-translate-x-full' : mobilePanelActiveIdX,'translate-x-0' : !mobilePanelActiveIdX}">
3502
3503                                                                                                    <sp
3503an>
3504                                                        <?xml version="1.0" encoding="UTF-8"?>
3505<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56.48 100" class="h-8 w-8 text-main flex-shrink-0 mr-6 stroke-4">
3506    <title>Cutlery</title>
3507    <path d="M.75,3.77v32.24c0,1.54.62,3.01,1.7,4.1,1.08,1.09,2.56,1.7,4.1,1.7h2.91v53.15c0,2.35,2.26,4.29,4.61,4.29s4.61-1.93,4.61-4.29v-53.15h2.91c1.54,0,3.01-.62,4.1-1.7s1.7-2.56,1.7-4.1V3.77" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3508    <path d="M9.62,28.84V4.02M18.53,28.84V4.02" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
3509    <path d="M55.7,57.49l-.03-51.13c-.06-3.24.11-6.45-2.54-5.42,0,0-7.02,2.34-8.28,9.01l-3.83,41.31,5.15,2.64.09,40.98c0,2.4,2.38,4.36,4.78,4.35,2.39,0,4.69-1.96,4.7-4.36l-.02-37.4h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3510</svg>
3511                                                    </span>
3512                                                    <span>Besteck</span>
3513
3514                                                    <span class="mobile-nav-items-chev"
3515                                                          :class="{ 'w-0' : !open, 'w-10' : open }">
3516                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="w-full h-full p-1">
3517    <title>Arrow Right</title>
3518    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
3519                                                    </span>
3520                                                                                            </button>
3521
3522                                                                                            <template x-if="mobilePanelActiveIdX === 'category-node-270'">
3523                                                    <div class="mobile-nav-items-children"
3524                                                         :class="{'translate-x-full' : mobilePanelActiveIdX !== 'category-node-270',
3525                                                             'translate-x-0' : mobilePanelActiveIdX === 'category-node-270',
3526                                                        }">
3527                                                        <button class="level-1-back-btn"
3528                                                           tabindex="0"
3529                                                           :class="{ 'w-0' : !open, 'w-10' : open }"
3530                                                           @click="mobilePanelActiveIdX = 0">
3531                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" width="28" height="28">
3532    <title>Arrow Left</title>
3533    <path d="M20,25a1,1,0,0,1-.71-.29l-8-8a1,1,0,0,1,0-1.42l8-8a1,1,0,1,1,1.42,1.42L13.41,16l7.3,7.29a1,1,0,0,1,0,1.42A1,1,0,0,1,20,25Z"/></svg>
3534                                                            <span>zurück zu Alle Produkte</span>
3535                                                        </button>
3536
3537                                                        <a href="https://www.papstar-shop.de/produkte/einwegbesteck.htm"
3538                                                           title="Besteck"
3539                                                           class="w-full py-2 px-4">
3540                                                            <div class="level-1-headline"
3541                                                                 role="heading"
3542                                                                 aria-level="1">
3543                                                                <span>Besteck</span>
3544                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary pl-4 h-7">
3545    <title>Arrow Right</title>
3546    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
3547                                                            </div>
3548                                                        </a>
3549
3550                                                                                                                    <div class="level-2">
3551                                                                <a href="https://www.papstar-shop.de/produkte/einwegbesteck/bestecktaschen-serviettentaschen.htm"
3552                                                                   title="Bestecktaschen&#x20;&amp;&#x20;Serviettentaschen"
3553                                                                   class="level-2-items">
3554                                                                    <div class="flex font-bold">
3555                                                                        <sp
3555an>
3556                                                                        <?xml version="1.0" encoding="UTF-8"?>
3557<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 46.97 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
3558    <title>Cutlery Pouch</title>
3559    <path d="M9,8.28v20.63c0,4.42,1.15,8.77,3.32,12.54,0,0,.28.5.41.75l-.44,8.48" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3560    <path d="M21.54,8.28v20.63c0,4.42-1.15,8.77-3.31,12.54,0,0-.3.51-.42.75l.44,8.48" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3561    <line x1="13.12" y1="7.95" x2="13.12" y2="28.93" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3562    <line x1="17.24" y1="7.95" x2="17.24" y2="28.93" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3563    <path d="M33.33,45.34l.28,5.34h-5.75l.45-8.62h.06V7.85c0-1.06.86-1.93,1.93-1.93,2.55,0,4.41,1.04,5.62,2.73,1.21,1.69,1.78,4.03,1.78,6.6l.25,24.62c-.24,1.63-2.82,4.07-4.63,5.49h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3564    <rect x=".75" y=".75" width="45.47" height="49.94" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3565    <rect x=".75" y="50.69" width="45.47" height="48.56" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3566</svg>
3567                                                                        </span>
3568                                                                        <div class="level-2-headline"
3569                                                                             role="heading"
3570                                                                             aria-level="2">
3571                                                                            Bestecktaschen&#x20;&amp;&#x20;Serviettentaschen                                                                        </div>
3572                                                                    </div>
3573                                                                    <div class="text-sm flex ml-2">
3574                                                                        <span class="underline text-primary">
3575                                                                            alles anzeigen                                                                        </span>
3576                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
3577    <title>Arrow Right</title>
3578    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
3579                                                                    </div>
3580                                                                </a>
3581
3582                                                                                                                            </div>
3583                                                                                                                    <div class="level-2">
3584                                                                <a href="https://www.papstar-shop.de/produkte/einwegbesteck/picker-spiesse.htm"
3585                                                                   title="Picker&#x20;&amp;&#x20;Spie&#xDF;e"
3586                                                                   class="level-2-items">
3587                                                                    <div class="flex font-bold">
3588                                                                        <span>
3589                                                                        <?xml version="1.0" encoding="UTF-8"?>
3590<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 95.34" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
3591    <title>Tothpicker</title>
3592    <path d="M99.25.76l-7.82,15.51-32.91,31.4-41.48,39.48L.75,94.59l7.82-15.54,35.14-33.5,4.04-3.88,2.27-2.13,32.91-31.34L99.25.75h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3593    <path d="M50.02,39.54l-2.27,2.13-4.04,3.88-2.24,2.13L8.57,16.27.75.76l16.32,7.45,32.94,3
35931.34h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3594    <path d="M99.25,94.59l-16.29-7.45-32.94-31.37,8.51-8.11,32.91,31.37h.03l7.78,15.54h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3595</svg>
3596                                                                        </span>
3597                                                                        <div class="level-2-headline"
3598                                                                             role="heading"
3599                                                                             aria-level="2">
3600                                                                            Picker&#x20;&amp;&#x20;Spie&#xDF;e                                                                        </div>
3601                                                                    </div>
3602                                                                    <div class="text-sm flex ml-2">
3603                                                                        <span class="underline text-primary">
3604                                                                            alles anzeigen                                                                        </span>
3605                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
3606    <title>Arrow Right</title>
3607    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
3608                                                                    </div>
3609                                                                </a>
3610
3611                                                                                                                            </div>
3612                                                                                                                    <div class="level-2">
3613                                                                <a href="https://www.papstar-shop.de/produkte/einwegbesteck/einwegbesteck-sets.htm"
3614                                                                   title="Einwegbesteck&#x3A;&#x20;Sets&#x20;&amp;&#x20;einzeln&#x20;verpackt"
3615                                                                   class="level-2-items">
3616                                                                    <div class="flex font-bold">
3617                                                                        <span>
3618                                                                        <?xml version="1.0" encoding="UTF-8"?>
3619<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
3620    <title>Cutlery Set</title>
3621    <path d="M74.42,23.2l-12.66,12.66c-2.72,2.72-6.09,4.68-9.74,5.67,0,0-.49.13-.72.2l-25.97,28.8c-2.27,2.27-5.44,2.77-7.07,1.13s-1.13-4.81,1.13-7.07l28.8-25.97c.07-.24.2-.71.2-.71.99-3.65,2.95-7.02,5.67-9.74l12.66-12.66" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3622    <line x1="69.45" y1="17.83" x2="56.57" y2="30.71" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3623    <line x1="71.98" y1="20.36" x2="59.1" y2="33.24" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3624    <path d="M65.12,52.66l14.95-15.26c1.58-1.58,2.65-3.36,2.95-5.14.29-1.77-.21-3.56-1.77-5.12-.66-.66-1.72-.65-2.37,0l-21,21-.04-.04-29.42,26.46c-2.2,2.2-2.66,5.33-1.02,6.96s4.77,1.18,6.96-1.02l24.56-27.3c1.98.25,5.07.33,6.22-.52h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3625    <rect x="7.26" y="30.27" width="85.49" height="39.46" transform="translate(-20.71 50) rotate(-45)" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3626    <polygon points="30.47 99.25 .75 69.53 5.82 66.27 33.73 94.18 30.47 99.25" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3627    <polygon points="69.53 .75 99.25 30.47 94.18 33.73 66.27 5.82 69.53 .75" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3628</svg>
3629                                                                        </span>
3630                                                                        <div class="level-2-headline"
3631                                                                             role="heading"
3632                                                                             aria-level="2">
3633                                                                            Einwegbesteck&#x3A;&#x20;Sets&#x20;&amp;&#x20;einzeln&#x20;verpackt                                                                        </div>
3634                                                                    </div>
3635                                                                    <div class="text-sm flex ml-2">
3636                                                                        <sp
3636an class="underline text-primary">
3637                                                                            alles anzeigen                                                                        </span>
3638                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
3639    <title>Arrow Right</title>
3640    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
3641                                                                    </div>
3642                                                                </a>
3643
3644                                                                                                                            </div>
3645                                                                                                                    <div class="level-2">
3646                                                                <a href="https://www.papstar-shop.de/produkte/einwegbesteck/holzbestecke.htm"
3647                                                                   title="Holzbestecke"
3648                                                                   class="level-2-items">
3649                                                                    <div class="flex font-bold">
3650                                                                        <span>
3651                                                                        <?xml version="1.0" encoding="UTF-8"?>
3652<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 99.99" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
3653    <title>Wood</title>
3654    <ellipse cx="19.79" cy="80.21" rx="12.11" ry="24.04" transform="translate(-50.92 37.48) rotate(-45)" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3655    <ellipse cx="19.79" cy="80.21" rx="6.6" ry="13.1" transform="translate(-50.92 37.48) rotate(-45)" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3656    <path d="M97.21,36.78c4.73-4.73.96-16.16-8.44-25.56C79.38,1.83,67.95-1.94,63.22,2.79" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3657    <line x1="35.18" y1="30.82" x2="2.8" y2="63.21" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3658    <line x1="63.22" y1="2.79" x2="47.55" y2="18.46" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3659    <line x1="97.21" y1="36.78" x2="36.79" y2="97.2" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3660    <line x1="15.53" y1="62.03" x2="28.95" y2="48.62" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3661    <line x1="61.42" y1="15.52" x2="75.11" y2="1.82" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3662    <line x1="28" y1="71.31" x2="51.95" y2="47.35" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3663    <line x1="69.31" y1="29.37" x2="88.11" y2="10.56" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3664    <line x1="37.27" y1="83.77" x2="47.01" y2="74.03" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3665    <line x1="84.45" y1="35.96" x2="97.26" y2="23.15" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3666    <line x1="39.96" y1="9.68" x2="39.94" y2="9.69" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3667    <path d="M51.62,25.96c-2.96-7.04-8.32-13.37-10.41-15.67" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3668    <path d="M33.75,41.06s3.37-13.16.19-25.19" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3669    <ellipse cx="37.64" cy="13.2" rx="4.61" ry="2.56" transform="translate(.1 26.68) rotate(-39.08)" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3670</svg>
3671                                                                        </span>
3672                                                                        <div class="level-2-headline"
3673                                                                             role="heading"
3674                                                                             aria-level="2">
3675                                                                            Holzbestecke                                                                        </div>
3676                                                                    </div>
3677                                                                    <div class="text-sm flex ml-2">
3678                                                                        <sp
3678an class="underline text-primary">
3679                                                                            alles anzeigen                                                                        </span>
3680                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
3681    <title>Arrow Right</title>
3682    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
3683                                                                    </div>
3684                                                                </a>
3685
3686                                                                                                                            </div>
3687                                                                                                                    <div class="level-2">
3688                                                                <a href="https://www.papstar-shop.de/produkte/einwegbesteck/holzspiesse-schaschlikspiesse-holz.htm"
3689                                                                   title="Holzspie&#xDF;e&#x20;&amp;&#x20;Schaschlikspie&#xDF;e"
3690                                                                   class="level-2-items">
3691                                                                    <div class="flex font-bold">
3692                                                                        <span>
3693                                                                        <?xml version="1.0" encoding="UTF-8"?>
3694<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 95.34" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
3695    <title>Tothpicker</title>
3696    <path d="M99.25.76l-7.82,15.51-32.91,31.4-41.48,39.48L.75,94.59l7.82-15.54,35.14-33.5,4.04-3.88,2.27-2.13,32.91-31.34L99.25.75h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3697    <path d="M50.02,39.54l-2.27,2.13-4.04,3.88-2.24,2.13L8.57,16.27.75.76l16.32,7.45,32.94,31.34h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3698    <path d="M99.25,94.59l-16.29-7.45-32.94-31.37,8.51-8.11,32.91,31.37h.03l7.78,15.54h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3699</svg>
3700                                                                        </span>
3701                                                                        <div class="level-2-headline"
3702                                                                             role="heading"
3703                                                                             aria-level="2">
3704                                                                            Holzspie&#xDF;e&#x20;&amp;&#x20;Schaschlikspie&#xDF;e                                                                        </div>
3705                                                                    </div>
3706                                                                    <div class="text-sm flex ml-2">
3707                                                                        <span class="underline text-primary">
3708                                                                            alles anzeigen                                                                        </span>
3709                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
3710    <title>Arrow Right</title>
3711    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
3712                                                                    </div>
3713                                                                </a>
3714
3715                                                                                                                            </div>
3716                                                                                                                    <div class="level-2">
3717                                                                <a href="https://www.papstar-shop.de/produkte/einwegbesteck/zahnstocher.htm"
3718                                                                   title="Zahnstocher"
3719                                                                   class="level-2-items">
3720                                                                    <div class="flex font-bold">
3721                                                                        <sp
3721an>
3722                                                                        <?xml version="1.0" encoding="UTF-8"?>
3723<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 95.34" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
3724    <title>Tothpicker</title>
3725    <path d="M99.25.76l-7.82,15.51-32.91,31.4-41.48,39.48L.75,94.59l7.82-15.54,35.14-33.5,4.04-3.88,2.27-2.13,32.91-31.34L99.25.75h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3726    <path d="M50.02,39.54l-2.27,2.13-4.04,3.88-2.24,2.13L8.57,16.27.75.76l16.32,7.45,32.94,31.34h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3727    <path d="M99.25,94.59l-16.29-7.45-32.94-31.37,8.51-8.11,32.91,31.37h.03l7.78,15.54h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3728</svg>
3729                                                                        </span>
3730                                                                        <div class="level-2-headline"
3731                                                                             role="heading"
3732                                                                             aria-level="2">
3733                                                                            Zahnstocher                                                                        </div>
3734                                                                    </div>
3735                                                                    <div class="text-sm flex ml-2">
3736                                                                        <span class="underline text-primary">
3737                                                                            alles anzeigen                                                                        </span>
3738                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
3739    <title>Arrow Right</title>
3740    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
3741                                                                    </div>
3742                                                                </a>
3743
3744                                                                                                                            </div>
3745                                                                                                                    <div class="level-2">
3746                                                                <a href="https://www.papstar-shop.de/produkte/einwegbesteck/eisloffel-pommesgabeln.htm"
3747                                                                   title="Eisl&#xF6;ffel&#x20;&amp;&#x20;Pommesgabeln"
3748                                                                   class="level-2-items">
3749                                                                    <div class="flex font-bold">
3750                                                                        <span>
3751                                                                        <?xml version="1.0" encoding="UTF-8"?>
3752<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 63.98 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
3753    <title>Cutlery Ice</title>
3754    <path d="M56.66,38.12s-.59.58-.85.88l4.57,52.4c0,4.33-4.3,7.85-9.61,7.85s-9.61-3.52-9.61-7.85l4.57-52.4c-.27-.3-.82-.88-.82-.88-4.3-4.45-6.59-9.55-6.59-14.75l2.94-21.31,5.39,21.78L50.8.75l3.93,22.54,5.57-21.22,2.94,21.31c0,5.19-2.26,10.28-6.56,14.75h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3755    <line x1="54.72" y1="23.29" x2="54.69" y2="23.4" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3756    <path d="M19.09,38.12s-.59.58-.85.88l4.57,52.4c0,4.33-4.3,7.85-9.61,7.85s-9.61-3.52-9.61-7.85l4.57-52.4c-.27-.3-.82-.88-.82-.88C3.04,33.67.75,28.57.75,23.38L3.68,2.07h19.05l2.94,21.31c0,5.19-2.26,10.28-6.56,14.75h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3757</svg>
3758                                                                        </span>
3759                                                                        <div class="level-2-headline"
3760                                                                             role="heading"
3761                                                                             aria-level="2">
3762                                                                            Eisl&#xF6;ffel&#x20;&amp;&#x20;Pommesgabeln                                                                        </div>
3763                                                                    </div>
3764                                                                    <div class="text-sm flex ml-2">
3765                                                                        <sp
3765an class="underline text-primary">
3766                                                                            alles anzeigen                                                                        </span>
3767                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
3768    <title>Arrow Right</title>
3769    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
3770                                                                    </div>
3771                                                                </a>
3772
3773                                                                                                                            </div>
3774                                                                                                                    <div class="level-2">
3775                                                                <a href="https://www.papstar-shop.de/produkte/einwegbesteck/fingerfood-besteck-pipetten.htm"
3776                                                                   title="Fingerfood-Besteck&#x20;&amp;&#x20;Pipetten"
3777                                                                   class="level-2-items">
3778                                                                    <div class="flex font-bold">
3779                                                                        <span>
3780                                                                        <?xml version="1.0" encoding="UTF-8"?>
3781<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 99.96 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
3782    <title>Fingerfood</title>
3783    <path d="M16.12,75.31l8.54,8.54-7.61,7.58L.75,99.25l7.78-16.35s7.58-7.58,7.58-7.58Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3784    <path d="M51.64,48.16c1.51,1.51,3.22,2.76,5.02,3.64l-6.5,6.5-8.5-8.5,2.04-2.04,4.04-4.07.36-.36c.92,1.74,2.1,3.38,3.55,4.83h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3785    <path d="M99.21.75l-7.81,16.28-8.27,8.27c-.89-1.8-2.1-3.48-3.61-4.99-1.48-1.48-3.12-2.66-4.86-3.55l8.21-8.24L99.21.75Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3786    <path d="M58.57,66.72l-25.51,25.54-8.4-8.4-8.54-8.54-8.6-8.6,25.54-25.51,25.51,25.51Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3787    <path d="M85.29,34.27c0,5.02-1.94,10.05-5.78,13.89-3.87,3.87-8.89,5.81-13.92,5.81-3.05,0-6.14-.72-8.93-2.17-1.8-.89-3.52-2.14-5.02-3.64s-2.63-3.08-3.55-4.83c-3.87-7.42-2.69-16.77,3.55-23.02,3.84-3.84,8.89-5.78,13.92-5.74,3.12,0,6.24.72,9.09,2.2,1.74.89,3.38,2.07,4.86,3.55,1.51,1.51,2.73,3.18,3.61,4.99,1.45,2.79,2.17,5.88,2.17,8.96h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3788</svg>
3789                                                                        </span>
3790                                                                        <div class="level-2-headline"
3791                                                                             role="heading"
3792                                                                             aria-level="2">
3793                                                                            Fingerfood-Besteck&#x20;&amp;&#x20;Pipetten                                                                        </div>
3794                                                                    </div>
3795                                                                    <div class="text-sm flex ml-2">
3796                                                                        <span class="underline text-primary">
3797                                                                            alles anzeigen                                                                        </span>
3798                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
3799    <title>Arrow Right</title>
3800    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
3801                                                                    </div>
3802                                                                </a>
3803
3804                                                                                                                            </div>
3805                                                                                                                    <div class="level-2">
3806                                                                <a href="https://www.papstar-shop.de/produkte/einwegbesteck/bambusbestecke.htm"
3807                                                                   title="Bambusbestecke"
3808                                                                   class="level-2-items">
3809                                                                    <div class="flex font-bold">
3810                                                                        <sp
3810an>
3811                                                                        <?xml version="1.0" encoding="UTF-8"?>
3812<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80.13 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
3813    <title>Bamboo</title>
3814    <path d="M12.09,99.25L.75,87.44s6.29-1.75,18.26-14.22c11.97-12.47,13.24-18.62,13.24-18.62l11.34,11.81s-6.24.97-18.2,13.44c-11.97,12.47-13.29,19.39-13.29,19.39h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3815    <path d="M47.88,61.94l-11.34-11.81s6.29-1.75,18.26-14.22,13.24-18.62,13.24-18.62l11.34,11.81s-6.24.97-18.2,13.44c-11.97,12.47-13.29,19.39-13.29,19.39h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3816    <path d="M38.28,23.95c-4.54-4.73-5.88-10.99-5.88-10.99,0,0,6.01,1.4,10.55,6.13s5.88,10.99,5.88,10.99c0,0-6.01-1.4-10.55-6.13Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3817    <path d="M57.17,12.86c0,6.69-3.3,12.11-3.3,12.11,0,0-3.3-5.42-3.3-12.11s3.3-12.11,3.3-12.11c0,0,3.3,5.42,3.3,12.11Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3818    <path d="M32.31,38.78c-6.41,0-11.61-3.44-11.61-3.44,0,0,5.2-3.44,11.61-3.44s11.61,3.44,11.61,3.44c0,0-5.2,3.44-11.61,3.44Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3819</svg>
3820                                                                        </span>
3821                                                                        <div class="level-2-headline"
3822                                                                             role="heading"
3823                                                                             aria-level="2">
3824                                                                            Bambusbestecke                                                                        </div>
3825                                                                    </div>
3826                                                                    <div class="text-sm flex ml-2">
3827                                                                        <span class="underline text-primary">
3828                                                                            alles anzeigen                                                                        </span>
3829                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
3830    <title>Arrow Right</title>
3831    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
3832                                                                    </div>
3833                                                                </a>
3834
3835                                                                                                                            </div>
3836                                                                                                                    <div class="level-2">
3837                                                                <a href="https://www.papstar-shop.de/produkte/einwegbesteck/mehrwegbesteck.htm"
3838                                                                   title="Mehrwegbesteck"
3839                                                                   class="level-2-items">
3840                                                                    <div class="flex font-bold">
3841                                                                        <span>
3842                                                                        <?xml version="1.0" encoding="UTF-8"?>
3843<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 97.23" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
3844    <title>Reusable</title>
3845    <path d="M87.73,56.01l10.26,17.7c3.57,6.19-.9,13.89-8.03,13.89h-32.97" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3846    <path d="M41.6,87.6l15.42,8.88v-17.76l-15.42,8.88h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3847    <path d="M30.47,87.6l-20.5-.18c-7.16-.09-11.54-7.81-7.92-13.94l16.73-28.32" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3848    <path d="M26.6,31.9l-15.51,8.74,15.34,9.02.18-17.76Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3849    <path d="M31.77,23.06l10.29-17.7c3.6-6.17,12.53-6.14,16.06.03l16.41,28.52" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3850    <path d="M82.22,47.27l.03-17.76-15.42,8.83,15.4,8.93Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3851</svg>
3852                                                                        </span>
3853                                                                        <div class="level-2-headline"
3854                                                                             role="heading"
3855                                                                             aria-level="2">
3856                                                                            Mehrwegbesteck                                                                        </div>
3857                                                                    </div>
3858                                                                    <div class="text-sm flex ml-2">
3859                                                                        <span class="underline text-primary">
3860                                                                            alles anzeigen                                                                        </span>
3861                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
3862    <title>Arrow Right</title>
3863    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
3864                                                                    </div>
3865                                                                </a>
3866
3867                                                                                                                            </div>
3868                                                                                                                    <div class="level-2">
3869                                                                <a href="https://www.papstar-shop.de/produkte/einwegbesteck/papierbestecke.htm"
3870                                                                   title="Papierbestecke"
3871                                                                   class="level-2-items">
3872                                                                    <div class="flex font-bold">
3873                                                                        <span>
3874                                                                        <?xml version="1.0" encoding="UTF-8"?>
3875<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90.19 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
3876    <title>Papersheet</title>
3877    <polygon points="69.96 90.18 69.96 99.25 .75 99.25 .75 18.9 10.49 18.9 10.49 90.18 69.96 90.18" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3878    <polygon points="79.7 81.1 79.7 90.18 10.49 90.18 10.49 9.83 20.21 9.83 20.21 81.1 79.7 81.1" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3879    <rect x="20.21" y=".75" width="69.23" height="80.35" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3880</svg>
3881                                                                        </span>
3882                                                                        <div class="level-2-headline"
3883                                                                             role="heading"
3884                                                                             aria-level="2">
3885                                                                            Papierbestecke                                                                        </div>
3886                                                                    </div>
3887                                                                    <div class="text-sm flex ml-2">
3888                                                                        <sp
3888an class="underline text-primary">
3889                                                                            alles anzeigen                                                                        </span>
3890                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
3891    <title>Arrow Right</title>
3892    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
3893                                                                    </div>
3894                                                                </a>
3895
3896                                                                                                                            </div>
3897                                                                                                                    <div class="level-2">
3898                                                                <a href="https://www.papstar-shop.de/produkte/einwegbesteck/ruehrstaebchen.htm"
3899                                                                   title="R&#xFC;hrst&#xE4;bchen"
3900                                                                   class="level-2-items">
3901                                                                    <div class="flex font-bold">
3902                                                                        <span>
3903                                                                        <?xml version="1.0" encoding="UTF-8"?>
3904<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 98.23 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
3905    <title>Stirrer</title>
3906    <rect x=".75" y=".75" width="81.4" height="7.02" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3907    <polyline points="72.63 44.87 77.51 7.76 5.4 7.76 16.37 91.25 40.44 91.25" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3908    <polyline points="46.39 91.25 66.53 91.25 71.24 55.46" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3909    <path d="M83.68,37.51l-12.45,17.94-24.84,35.8-4.83,6.95c-.78,1.1-2.31,1.38-3.41.61-.68-.48-1.04-1.23-1.04-2.01,0-.49.15-.98.44-1.4l2.9-4.16,32.18-46.39,7.04-10.15" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3910    <path d="M97.07,20.6l-11.08,15.96c-.53.77-1.44,1.11-2.31.97-.33-.05-.65-.18-.95-.38l-2.37-1.64c-.3-.21-.54-.48-.69-.78-.43-.75-.41-1.71.11-2.47l11.07-15.96c.74-1.05,2.19-1.33,3.25-.59l2.37,1.65c1.05.74,1.32,2.19.59,3.25Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3911    <line x1="92.36" y1="20.75" x2="84.48" y2="32.1" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3912</svg>
3913                                                                        </span>
3914                                                                        <div class="level-2-headline"
3915                                                                             role="heading"
3916                                                                             aria-level="2">
3917                                                                            R&#xFC;hrst&#xE4;bchen                                                                        </div>
3918                                                                    </div>
3919                                                                    <div class="text-sm flex ml-2">
3920                                                                        <span class="underline text-primary">
3921                                                                            alles anzeigen                                                                        </span>
3922                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
3923    <title>Arrow Right</title>
3924    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
3925                                                                    </div>
3926                                                                </a>
3927
3928                                                                                                                            </div>
3929                                                                                                            </div>
3930                                                </template>
3931                                                                                                                                <button class="mobile-nav-items" type="button"
3932                                                    @click="mobilePanelActiveIdX = mobilePanelActiveIdX === 'category-node-48' ? 0 : 'category-node-48'"
3933                                                    :class="{'-translate-x-full' : mobilePanelActiveIdX,'translate-x-0' : !mobilePanelActiveIdX}">
3934
3935                                                                                                    <sp
3935an>
3936                                                        <?xml version="1.0" encoding="UTF-8"?>
3937<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 87.8" class="h-8 w-8 text-main flex-shrink-0 mr-6 stroke-4">
3938    <title>Packaging</title>
3939    <path d="M95.62,61.25l-6.37,25.8H10.77l-6.37-25.8h21.14l3.54,6.64h43.66l3.54-6.64h19.36Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3940    <path d="M95.62,50.77H4.38l6.37-13.38h78.47l6.37,13.38h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3941    <path d="M99.25,50.77v10.47h-22.99l-3.54,6.64H29.07l-3.54-6.64H.75v-10.47h98.5Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3942    <path d="M83.53,18.27l-4.69,18.96H21.16l-4.69-18.96h15.53l2.61,4.89h32.08l2.61-4.89s14.22,0,14.22,0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3943    <path d="M83.53,10.58H16.47L21.16.75h57.68l4.69,9.83Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3944    <path d="M86.21,10.58v7.69h-16.9l-2.61,4.89h-32.08l-2.61-4.89H13.79v-7.69s72.42,0,72.42,0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3945</svg>
3946                                                    </span>
3947                                                    <span>Einwegverpackungen</span>
3948
3949                                                    <span class="mobile-nav-items-chev"
3950                                                          :class="{ 'w-0' : !open, 'w-10' : open }">
3951                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="w-full h-full p-1">
3952    <title>Arrow Right</title>
3953    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
3954                                                    </span>
3955                                                                                            </button>
3956
3957                                                                                            <template x-if="mobilePanelActiveIdX === 'category-node-48'">
3958                                                    <div class="mobile-nav-items-children"
3959                                                         :class="{'translate-x-full' : mobilePanelActiveIdX !== 'category-node-48',
3960                                                             'translate-x-0' : mobilePanelActiveIdX === 'category-node-48',
3961                                                        }">
3962                                                        <button class="level-1-back-btn"
3963                                                           tabindex="0"
3964                                                           :class="{ 'w-0' : !open, 'w-10' : open }"
3965                                                           @click="mobilePanelActiveIdX = 0">
3966                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" width="28" height="28">
3967    <title>Arrow Left</title>
3968    <path d="M20,25a1,1,0,0,1-.71-.29l-8-8a1,1,0,0,1,0-1.42l8-8a1,1,0,1,1,1.42,1.42L13.41,16l7.3,7.29a1,1,0,0,1,0,1.42A1,1,0,0,1,20,25Z"/></svg>
3969                                                            <span>zurück zu Alle Produkte</span>
3970                                                        </button>
3971
3972                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen.htm"
3973                                                           title="Einwegverpackungen"
3974                                                           class="w-full py-2 px-4">
3975                                                            <div class="level-1-headline"
3976                                                                 role="heading"
3977                                                                 aria-level="1">
3978                                                                <sp
3978an>Einwegverpackungen</span>
3979                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary pl-4 h-7">
3980    <title>Arrow Right</title>
3981    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
3982                                                            </div>
3983                                                        </a>
3984
3985                                                                                                                    <div class="level-2">
3986                                                                <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/lebensmittelverpackungen.htm"
3987                                                                   title="Lebensmittelverpackungen"
3988                                                                   class="level-2-items">
3989                                                                    <div class="flex font-bold">
3990                                                                        <span>
3991                                                                        <?xml version="1.0" encoding="UTF-8"?>
3992<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 87.8" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
3993    <title>Packaging</title>
3994    <path d="M95.62,61.25l-6.37,25.8H10.77l-6.37-25.8h21.14l3.54,6.64h43.66l3.54-6.64h19.36Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3995    <path d="M95.62,50.77H4.38l6.37-13.38h78.47l6.37,13.38h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3996    <path d="M99.25,50.77v10.47h-22.99l-3.54,6.64H29.07l-3.54-6.64H.75v-10.47h98.5Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3997    <path d="M83.53,18.27l-4.69,18.96H21.16l-4.69-18.96h15.53l2.61,4.89h32.08l2.61-4.89s14.22,0,14.22,0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3998    <path d="M83.53,10.58H16.47L21.16.75h57.68l4.69,9.83Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
3999    <path d="M86.21,10.58v7.69h-16.9l-2.61,4.89h-32.08l-2.61-4.89H13.79v-7.69s72.42,0,72.42,0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4000</svg>
4001                                                                        </span>
4002                                                                        <div class="level-2-headline"
4003                                                                             role="heading"
4004                                                                             aria-level="2">
4005                                                                            Lebensmittelverpackungen                                                                        </div>
4006                                                                    </div>
4007                                                                    <div class="text-sm flex ml-2">
4008                                                                        <span class="underline text-primary">
4009                                                                            alles anzeigen                                                                        </span>
4010                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
4011    <title>Arrow Right</title>
4012    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
4013                                                                    </div>
4014                                                                </a>
4015
4016                                                                                                                                    <div class="my-4">
4017                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/lebensmittelverpackungen/pommesschalen-snackschalen.htm"
4018                                                                           title="Pommesschalen&#x20;&amp;&#x20;Snackschalen">
4019                                                                            Pommesschalen&#x20;&amp;&#x20;Snackschalen                                                                        </a>
4020                                                                    </div>
4021                                                                                                                                    <div class="my-4">
4022                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/lebensmittelverpackungen/salatschalen-to-go.htm"
4023                                                                           title="Salatschalen&#x20;To&#x20;Go">
4024                                                                            Salatschalen&#x20;To&#x20;Go                                                                        </a>
4025                                                                    </div>
4026                                                                                                                                    <div class="my-4">
4027                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/lebensmittelverpackungen/menueboxen-burger-verpackungen.htm"
4028                                                                           title="Men&#xFC;boxen&#x20;&amp;&#x20;Burger&#x20;Verpackungen">
4029                                                                            Men&#xFC;boxen&#x20;&amp;&#x20;Burger&#x20;Verpackungen                                                                        </a>
4030                                                                    </div>
4031                                                                                                                                    <div class="my-4">
4032                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/lebensmittelverpackungen/aluschalen.htm"
4033                                                                           title="Aluschalen">
4034                                                                            Aluschalen                                                                        </a>
4035                                                                    </div>
4036                                                                                                                                    <div class="my-4">
4037                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/lebensmittelverpackungen/suppenbecher-to-go.htm"
4038                                                                           title="Suppenbecher&#x20;To&#x20;Go">
4039                                                                            Suppenbecher&#x20;To&#x20;Go                                                                        </a>
4040                                                                    </div>
4041                                                                                                                                    <div class="my-4">
4042                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/lebensmittelverpackungen/feinkostbecher-verpackungsbecher.htm"
4043                                                                           title="Feinkostbecher&#x20;&amp;&#x20;Verpackungsbecher">
4044                                                                            Feinkostbecher&#x20;&amp;&#x20;Verpackungsbecher                                                                        </a>
4045                                                                    </div>
4046                                                                                                                                    <div class="my-4">
4047                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/lebensmittelverpackungen/transportboxen-lebensmittel-tragetabletts.htm"
4048                                                                           title="Trans
4048portboxen&#x20;f&#xFC;r&#x20;Lebensmittel&#x20;&amp;&#x20;Tragetabletts">
4049                                                                            Transportboxen&#x20;f&#xFC;r&#x20;Lebensmittel&#x20;&amp;&#x20;Tragetabletts                                                                        </a>
4050                                                                    </div>
4051                                                                                                                                    <div class="my-4">
4052                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/lebensmittelverpackungen/snackboxen-to-go.htm"
4053                                                                           title="Snackboxen&#x20;To&#x20;Go">
4054                                                                            Snackboxen&#x20;To&#x20;Go                                                                        </a>
4055                                                                    </div>
4056                                                                                                                                    <div class="my-4">
4057                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/lebensmittelverpackungen/siegelschalen-siegelfolien.htm"
4058                                                                           title="Siegelschalen&#x20;&amp;&#x20;Siegelfolien">
4059                                                                            Siegelschalen&#x20;&amp;&#x20;Siegelfolien                                                                        </a>
4060                                                                    </div>
4061                                                                                                                                    <div class="my-4">
4062                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/lebensmittelverpackungen/eisbecher-to-go.htm"
4063                                                                           title="Eisbecher&#x20;To&#x20;Go">
4064                                                                            Eisbecher&#x20;To&#x20;Go                                                                        </a>
4065                                                                    </div>
4066                                                                                                                            </div>
4067                                                                                                                    <div class="level-2">
4068                                                                <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/backerei-verpackungen.htm"
4069                                                                   title="B&#xE4;ckereibedarf"
4070                                                                   class="level-2-items">
4071                                                                    <div class="flex font-bold">
4072                                                                        <span>
4073                                                                        <?xml version="1.0" encoding="UTF-8"?>
4074<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100.25 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
4075    <title>Bread</title>
4076    <path d="M15.03,54.76c2.15,1.75,21.97,17.76,17.2,22.05-4.62,4.15-20.55-9.95-23.33-12.46" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4077    <path d="M55.02,15.34c2.11,2.64,17.52,21.52,21.7,16.88,4.38-4.9-11.35-22.05-12.05-22.82" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4078    <path d="M30.06,37.74s17.99,19.96,23.63,16.12c5.65-3.84-15.56-24.19-15.56-24.19" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4079    <path d="M94.85,3.56c6.53,5.09,5.17,14.46,2.03,21.23-4.54,9.78-11.93,18.29-19.08,26.23-4.17,4.62-8.48,9.1-12.89,13.51-9.76,9.76-19.93,19.54-31.46,27.22-5.42,3.6-11.93,7.49-18.66,7.51-5.33,0-10.78-3.12-12.92-8.13-3.76-8.83,2.73-20.43,7.33-27.83,6.82-10.95,15.58-20.7,24.69-29.79,9.47-9.47,19.74-18.54,31.38-25.28,7.28-4.22,19.22-10.35,27.56-5.95.74.4,1.41.82,2.01,1.29Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4080</svg>
4081                                                                        </span>
4082                                                                        <div class="level-2-headline"
4083                                                                             role="heading"
4084                                                                             aria-level="2">
4085                                                                            B&#xE4;ckereibedarf                                                                        </div>
4086                                                                    </div>
4087                                                                    <div class="text-sm flex ml-2">
4088                                                                        <sp
4088an class="underline text-primary">
4089                                                                            alles anzeigen                                                                        </span>
4090                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
4091    <title>Arrow Right</title>
4092    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
4093                                                                    </div>
4094                                                                </a>
4095
4096                                                                                                                                    <div class="my-4">
4097                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/backerei-verpackungen/tortenkartons-kuchenkartons.htm"
4098                                                                           title="Tortenkartons&#x20;&amp;&#x20;Kuchenkartons">
4099                                                                            Tortenkartons&#x20;&amp;&#x20;Kuchenkartons                                                                        </a>
4100                                                                    </div>
4101                                                                                                                                    <div class="my-4">
4102                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/backerei-verpackungen/tortenspitzen-spitzenpapiere.htm"
4103                                                                           title="Tortenspitzen&#x20;&amp;&#x20;Spitzenpapiere">
4104                                                                            Tortenspitzen&#x20;&amp;&#x20;Spitzenpapiere                                                                        </a>
4105                                                                    </div>
4106                                                                                                                                    <div class="my-4">
4107                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/backerei-verpackungen/backfoermchen.htm"
4108                                                                           title="Backf&#xF6;rmchen&#x20;&amp;&#x20;Einwegbackformen">
4109                                                                            Backf&#xF6;rmchen&#x20;&amp;&#x20;Einwegbackformen                                                                        </a>
4110                                                                    </div>
4111                                                                                                                                    <div class="my-4">
4112                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/backerei-verpackungen/tortenunterlagen.htm"
4113                                                                           title="Tortenunterlagen">
4114                                                                            Tortenunterlagen                                                                        </a>
4115                                                                    </div>
4116                                                                                                                            </div>
4117                                                                                                                    <div class="level-2">
4118                                                                <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/tueten-beutel.htm"
4119                                                                   title="T&#xFC;ten&#x20;&amp;&#x20;Beutel&#x20;"
4120                                                                   class="level-2-items">
4121                                                                    <div class="flex font-bold">
4122                                                                        <sp
4122an>
4123                                                                        <?xml version="1.0" encoding="UTF-8"?>
4124<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 93.44" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
4125    <title>Cupholder</title>
4126    <path d="M.75,43.84h98.5v44.48c0,2.41-1.96,4.36-4.36,4.36H5.11c-2.41,0-4.36-1.96-4.36-4.36v-44.48h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4127    <path d="M74.56.75H25.44c-2.77,0-5.34,1.85-6.76,4.89L.75,43.84h98.5L81.31,5.64c-1.42-3.03-3.99-4.89-6.76-4.89Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4128    <line x1="5.97" y1="35.12" x2="94.03" y2="35.12" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4129    <rect x="32.73" y="11.03" width="34.52" height="9.11" rx="2.4" ry="2.4" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4130    <path d="M4.93,34.94V13.65c0-2.35,1.88-4.24,4.24-4.24h7.76" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4131    <path d="M80.23,35.11h14.77V13.7c0-2.33-1.9-4.24-4.24-4.24h-7.64" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4132</svg>
4133                                                                        </span>
4134                                                                        <div class="level-2-headline"
4135                                                                             role="heading"
4136                                                                             aria-level="2">
4137                                                                            T&#xFC;ten&#x20;&amp;&#x20;Beutel&#x20;                                                                        </div>
4138                                                                    </div>
4139                                                                    <div class="text-sm flex ml-2">
4140                                                                        <span class="underline text-primary">
4141                                                                            alles anzeigen                                                                        </span>
4142                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
4143    <title>Arrow Right</title>
4144    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
4145                                                                    </div>
4146                                                                </a>
4147
4148                                                                                                                                    <div class="my-4">
4149                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/tueten-beutel/papiertueten-papierbeutel.htm"
4150                                                                           title="Papiert&#xFC;ten&#x20;&amp;&#x20;Papierbeutel">
4151                                                                            Papiert&#xFC;ten&#x20;&amp;&#x20;Papierbeutel                                                                        </a>
4152                                                                    </div>
4153                                                                                                                                    <div class="my-4">
4154                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/tueten-beutel/spitztueten-pommestueten.htm"
4155                                                                           title="Spitzt&#xFC;ten&#x20;&amp;&#x20;Pommest&#xFC;ten">
4156                                                                            Spitzt&#xFC;ten&#x20;&amp;&#x20;Pommest&#xFC;ten                                                                        </a>
4157                                                                    </div>
4158                                                                                                                                    <div class="my-4">
4159                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/tueten-beutel/plastiktueten-plastikbeutel.htm"
4160                                                                           title="Plastikt&#xFC;ten&#x20;&amp;&#x20;Plastikbeutel">
4161                                                                            Plastikt&#xFC;ten&#x20;&amp;&#x20;Plastikbeutel                                                                        </a>
4162                                                                    </div>
4163                                                                                                                                    <div class="my-4">
4164                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/tueten-beutel/gefrierbeutel.htm"
4165                                                                           title="Gefrierbeutel&#x20;">
4166                                                                            Gefrierbeutel&#x20;                                                                        </a>
4167                                                                    </div>
4168                                                                                                                                    <div class="my-4">
4169                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/tueten-beutel/spritzbeutel.htm"
4170                                                                           title="Spritzbeutel">
4171                                                                            Spritzbeutel                                                                        </a>
4172                                                                    </div>
4173                                                                                                                                    <div class="my-4">
4174                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/tueten-beutel/vakuumbeutel-siegelrandbeutel.htm"
4175                                                                           title="Vakuumbeutel&#x20;&amp;&#x20;Siegelrandbeutel">
4176                                                                            Vakuumbeutel&#x20;&amp;&#x20;Siegelrandbeutel                                                                        </a>
4177                                                                    </div>
4178                                                                                                                            </div>
4179                                                                                                                    <div class="level-2">
4180                                                                <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/lebensmittelfolien-lebensmittelpapiere.htm"
4181                                                                   title="Lebensmittelfolien&#x20;&amp;&#x20;Lebensmittelpapiere"
4182                                                                   class="level-2-items">
4183                                                                    <div class="flex font-bold">
4184                                                                        <sp
4184an>
4185                                                                        <?xml version="1.0" encoding="UTF-8"?>
4186<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47.41 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
4187    <title>Foil</title>
4188    <path d="M28.75,94.88V5.23c-.15,2.37-6.37,4.28-14.01,4.28S.91,7.6.75,5.23v89.65" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4189    <path d="M.76,5.23c.15,2.37,6.37,4.28,14,4.28s13.86-1.92,14.01-4.28" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4190    <path d="M28.75,5.23v-.09c0-2.42-6.27-4.39-14.01-4.39S.75,2.72.75,5.14v.09" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4191    <path d="M.76,5.23c.15,2.37,6.37,4.28,14,4.28s13.86-1.92,14.01-4.28" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4192    <path d="M.76,94.88c0,2.4,6.27,4.37,14,4.37s14.01-1.97,14.01-4.37" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4193    <path d="M40.74,7.25l5.42,5.96c.67.74.67,1.95,0,2.69l-4.2,4.62c-.67.74-.67,1.95,0,2.69l4.2,4.62c.67.74.67,1.95,0,2.69l-4.2,4.62c-.67.74-.67,1.95,0,2.69l4.2,4.62c.67.74.67,1.95,0,2.69l-4.2,4.62c-.67.74-.67,1.95,0,2.69l4.2,4.62c.67.74.67,1.95,0,2.69l-4.2,4.62c-.67.74-.67,1.95,0,2.69l4.2,4.62c.67.74.67,1.95,0,2.69l-4.2,4.62c-.67.74-.67,1.95,0,2.69l4.2,4.62c.67.74.67,1.95,0,2.69l-5.42,5.96" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4194    <line x1="28.75" y1="7.25" x2="40.74" y2="7.25" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4195    <line x1="28.75" y1="94.88" x2="40.74" y2="94.88" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4196</svg>
4197                                                                        </span>
4198                                                                        <div class="level-2-headline"
4199                                                                             role="heading"
4200                                                                             aria-level="2">
4201                                                                            Lebensmittelfolien&#x20;&amp;&#x20;Lebensmittelpapiere                                                                        </div>
4202                                                                    </div>
4203                                                                    <div class="text-sm flex ml-2">
4204                                                                        <span class="underline text-primary">
4205                                                                            alles anzeigen                                                                        </span>
4206                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
4207    <title>Arrow Right</title>
4208    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
4209                                                                    </div>
4210                                                                </a>
4211
4212                                                                                                                                    <div class="my-4">
4213                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/lebensmittelfolien-lebensmittelpapiere/frischhaltefolien.htm"
4214                                                                           title="Frischhaltefolien">
4215                                                                            Frischhaltefolien                                                                        </a>
4216                                                                    </div>
4217                                                                                                                                    <div class="my-4">
4218                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/lebensmittelfolien-lebensmittelpapiere/backpapier.htm"
4219                                                                           title="Backpapier">
4220                                                                            Backpapier                                                                        </a>
4221                                                                    </div>
4222                                                                                                                                    <div class="my-4">
4223                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/lebensmittelfolien-lebensmittelpapiere/butterbrotpapiere.htm"
4224                                                                           title="Butterbrotpapiere">
4225                                                                            Butterbrotpapiere                                                                        </a>
4226                                                                    </div>
4227                                                                                                                                    <div class="my-4">
4228                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/lebensmittelfolien-lebensmittelpapiere/einschlagpapiere-zuschnitte.htm"
4229                                                                           title="Einschlagpapiere&#x20;&amp;&#x20;
4229Zuschnitte">
4230                                                                            Einschlagpapiere&#x20;&amp;&#x20;Zuschnitte                                                                        </a>
4231                                                                    </div>
4232                                                                                                                                    <div class="my-4">
4233                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/lebensmittelfolien-lebensmittelpapiere/alufolien.htm"
4234                                                                           title="Alufolien">
4235                                                                            Alufolien                                                                        </a>
4236                                                                    </div>
4237                                                                                                                            </div>
4238                                                                                                                    <div class="level-2">
4239                                                                <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/asia-produkte.htm"
4240                                                                   title="Asia&#x20;Produkte"
4241                                                                   class="level-2-items">
4242                                                                    <div class="flex font-bold">
4243                                                                        <span>
4244                                                                                                                                                </span>
4245                                                                        <div class="level-2-headline"
4246                                                                             role="heading"
4247                                                                             aria-level="2">
4248                                                                            Asia&#x20;Produkte                                                                        </div>
4249                                                                    </div>
4250                                                                    <div class="text-sm flex ml-2">
4251                                                                        <span class="underline text-primary">
4252                                                                            alles anzeigen                                                                        </span>
4253                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
4254    <title>Arrow Right</title>
4255    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
4256                                                                    </div>
4257                                                                </a>
4258
4259                                                                                                                            </div>
4260                                                                                                                    <div class="level-2">
4261                                                                <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/servierplatten.htm"
4262                                                                   title="Servierplatten"
4263                                                                   class="level-2-items">
4264                                                                    <div class="flex font-bold">
4265                                                                        <span>
4266                                                                        <?xml version="1.0" encoding="UTF-8"?>
4267<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 76.48" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
4268    <title>Platter</title>
4269    <path d="M67.13,34.9c.85,5.1,5.67,8.55,10.78,7.7,5.1-.85,8.55-5.67,7.7-10.78" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4270    <line x1="85.6" y1="31.81" x2="67.13" y2="34.9" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4271    <line x1="76.37" y1="33.36" x2="77.9" y2="42.6" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4272    <line x1="76.37" y1="33.36" x2="70.92" y2="40.98" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4273    <line x1="76.37" y1="33.36" x2="83.98" y2="38.8" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4274    <path d="M74.45,7.96h10.54c7.88,0,14.26,6.39,14.26,14.28v31.78c0,7.88-6.39,14.28-14.26,14.28H31.31" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4275    <path d="M18.51,68.31h-3.5c-7.88,0-14.26-6.4-14.26-14.28v-31.78C.75,14.35,7.14,7.96,15.01,7.96h30.9" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4276    <path d="M35.03,60.81h-16.04c-5.4,0-9.78-4.45-9.78-9.95v-25.45c0-5.5,4.37-9.97,9.78-9.97h21.94" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4277    <path d="M71.53,15.46h9.47c5.4,0,9.75,4.47,9.75,9.96v25.44c0,5.51-4.35,9.95-9.75,9.95h-25.74" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4278    <polyline points="46.49 60.81 46.48 60.81 44.69 60.81 44.68 60.81" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4279    <path d="M16.78,34.12s4.14-18.14,9.87-14.14,14.81-3.3,16.06-7.54c1.25-4.24,5.78-7.46,11.64-5.28,5.87,2.18,11.61-12.56,18.26-3.37,6.65,9.19-6.09,14.42-5.65,17.04s-.94,9.04-6.83,11.18c-5.89,2.14-10.74-.68-16.19,6.3-5.45,6.99-4.96,7.9-10.76,7.26-2.96-.33-8.13-.21-12.5,0-3.72.17-6.47-3.42-5.35-6.96l1.42-4.49h.02Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4280    <path d="M24.01,35.57s9.18-2.1,18.73-7.09c8.45-4.42,18.8-12.75,21.47-17.04" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4281    <path d="M51.52,23.43c.59.66,4.03,2.62,6.39,1.15" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4282    <path d="M43.1,27.96s-.17-3.62,2.14-6.55" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4283    <path d="M37.13,31.45s2.19,2.88,4.99,2.95" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4284    <path d="M29.78,33.89s-2.21-2.85,3.81-5.46" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4285    <path d="M58.21,59.6c5.92-2.99,9.31-8.24,7.56-11.69s-7.97-3.83-13.9-.84c-4.9,2.47-8.04,6.47-8.01,9.74l-27.09,12.28c-2.65,1.34-4.14,3.71-3.34,5.3.81,1.59,3.6,1.78,6.25.45l25.94-14.55c2.61,1.96,7.7,1.79,12.59-.68v-.02Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4286    <path d="M56.93,18.82s1.48-4.76,0-6.2" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4287</svg>
4288                                                                        </span>
4289                                                                        <div class="level-2-headline"
4290                                                                             role="heading"
4291                                                                             aria-level="2">
4292                                                                            Servierplatten                                                                        </div>
4293                                                                    </div>
4294                                                                    <div class="text-sm flex ml-2">
4295                                                                        <sp
4295an class="underline text-primary">
4296                                                                            alles anzeigen                                                                        </span>
4297                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
4298    <title>Arrow Right</title>
4299    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
4300                                                                    </div>
4301                                                                </a>
4302
4303                                                                                                                            </div>
4304                                                                                                                    <div class="level-2">
4305                                                                <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/tragetaschen.htm"
4306                                                                   title="Tragetaschen"
4307                                                                   class="level-2-items">
4308                                                                    <div class="flex font-bold">
4309                                                                        <span>
4310                                                                        <?xml version="1.0" encoding="UTF-8"?>
4311<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 77.01 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
4312    <title>Bag</title>
4313    <polygon points="76.26 99.25 .75 99.25 7.74 26.32 69.27 26.32 76.26 99.25" stroke="currentColor" stroke-width="3" style="fill:none; stroke-linecap:round; stroke-linejoin:round;"/>
4314    <path d="M18.08,37.62v-16.43C18.08,9.9,27.23.75,38.51.75c5.64,0,10.76,2.3,14.46,6,3.68,3.68,5.98,8.8,5.98,14.44v16.43" stroke="currentColor" stroke-width="3" style="fill:none; stroke-linecap:round; stroke-linejoin:round;"/>
4315</svg>
4316                                                                        </span>
4317                                                                        <div class="level-2-headline"
4318                                                                             role="heading"
4319                                                                             aria-level="2">
4320                                                                            Tragetaschen                                                                        </div>
4321                                                                    </div>
4322                                                                    <div class="text-sm flex ml-2">
4323                                                                        <span class="underline text-primary">
4324                                                                            alles anzeigen                                                                        </span>
4325                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
4326    <title>Arrow Right</title>
4327    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
4328                                                                    </div>
4329                                                                </a>
4330
4331                                                                                                                            </div>
4332                                                                                                                    <div class="level-2">
4333                                                                <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/thermoboxen.htm"
4334                                                                   title="Thermoboxen"
4335                                                                   class="level-2-items">
4336                                                                    <div class="flex font-bold">
4337                                                                        <sp
4337an>
4338                                                                        <?xml version="1.0" encoding="UTF-8"?>
4339<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
4340    <title>Snowflake</title>
4341    <line x1="89.4" y1="10.6" x2="10.6" y2="89.4" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4342    <line x1="10.6" y1="10.6" x2="89.4" y2="89.4" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4343    <polyline points="79.55 .75 79.55 20.45 99.25 20.45" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4344    <polyline points="59.85 20.45 59.85 40.15 79.55 40.15" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4345    <polyline points="99.25 79.55 79.55 79.55 79.55 99.25" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4346    <polyline points="79.55 59.85 59.85 59.85 59.85 79.55" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4347    <polyline points="20.45 99.25 20.45 79.55 .75 79.55" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4348    <polyline points="40.15 79.55 40.15 59.85 20.45 59.85" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4349    <polyline points=".75 20.45 20.45 20.45 20.45 .75" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4350    <polyline points="20.45 40.15 40.15 40.15 40.15 20.45" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4351    <line x1="99.25" y1="50" x2=".75" y2="50" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4352    <line x1="50" y1=".75" x2="50" y2="99.25" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4353</svg>
4354                                                                        </span>
4355                                                                        <div class="level-2-headline"
4356                                                                             role="heading"
4357                                                                             aria-level="2">
4358                                                                            Thermoboxen                                                                        </div>
4359                                                                    </div>
4360                                                                    <div class="text-sm flex ml-2">
4361                                                                        <span class="underline text-primary">
4362                                                                            alles anzeigen                                                                        </span>
4363                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
4364    <title>Arrow Right</title>
4365    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
4366                                                                    </div>
4367                                                                </a>
4368
4369                                                                                                                            </div>
4370                                                                                                                    <div class="level-2">
4371                                                                <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/haccp-etiketten.htm"
4372                                                                   title="HACCP-Etiketten"
4373                                                                   class="level-2-items">
4374                                                                    <div class="flex font-bold">
4375                                                                        <sp
4375an>
4376                                                                        <?xml version="1.0" encoding="UTF-8"?>
4377<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 49.87" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
4378    <title>HAACP Brand</title>
4379    <path d="M96.16,49.12H3.85c-1.71,0-3.1-1.52-3.1-3.4V4.15C.75,2.28,2.14.75,3.85.75h92.29c1.71,0,3.1,1.52,3.1,3.4v41.57c0,1.87-1.39,3.4-3.1,3.4h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4380    <path d="M17.37,23.17h6.58v-6.02h3.03v15.56h-3.03v-6.93h-6.58v6.93h-3.03v-15.56h3.03v6.02Z"/>
4381    <path d="M39.74,29.45h-6.28l-1.38,3.27h-3.29l6.7-15.56h2.38l6.51,15.56h-3.27l-1.38-3.27ZM38.85,26.97l-2.22-5.6-2.22,5.6h4.43Z"/>
4382    <path d="M55.4,29.45h-6.28l-1.38,3.27h-3.29l6.7-15.56h2.38l6.51,15.56h-3.27s-1.38-3.27-1.38-3.27ZM54.52,26.97l-2.22-5.6-2.22,5.6h4.43Z"/>
4383    <path d="M72.66,32.15c-.94.49-2.17.91-3.85.91-2.73,0-4.38-.94-5.69-2.17-1.79-1.72-2.49-3.66-2.49-5.95,0-2.83,1.16-4.86,2.49-6.09,1.57-1.47,3.5-2.05,5.71-2.05,1.09,0,2.4.19,3.82.96v3.55c-1.42-1.64-3.19-1.75-3.75-1.75-3.12,0-5.15,2.57-5.15,5.44,0,3.46,2.66,5.32,5.27,5.32,1.45,0,2.73-.63,3.64-1.7v3.55h0Z"/>
4384    <path d="M79.98,17.15c1.75,0,2.97.19,4.11,1.19,1.26,1.12,1.59,2.64,1.59,3.75,0,.61-.09,2.29-1.28,3.48-.87.87-2.15,1.38-3.94,1.38h-1.96v5.76h-3.03v-15.56h4.53,0ZM78.48,24.34h1.23c.58,0,1.33,0,1.98-.49.56-.44.84-1.14.84-1.82,0-.87-.42-1.45-.87-1.77-.63-.44-1.42-.49-2.15-.49h-1.05v4.57h.02Z"/>
4385</svg>
4386                                                                        </span>
4387                                                                        <div class="level-2-headline"
4388                                                                             role="heading"
4389                                                                             aria-level="2">
4390                                                                            HACCP-Etiketten                                                                        </div>
4391                                                                    </div>
4392                                                                    <div class="text-sm flex ml-2">
4393                                                                        <span class="underline text-primary">
4394                                                                            alles anzeigen                                                                        </span>
4395                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
4396    <title>Arrow Right</title>
4397    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
4398                                                                    </div>
4399                                                                </a>
4400
4401                                                                                                                            </div>
4402                                                                                                                    <div class="level-2">
4403                                                                <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/tiefkuehltaschen.htm"
4404                                                                   title="Tiefk&#xFC;hltaschen"
4405                                                                   class="level-2-items">
4406                                                                    <div class="flex font-bold">
4407                                                                        <span>
4408                                                                        <?xml version="1.0" encoding="UTF-8"?>
4409<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
4410    <title>Snowflake</title>
4411    <line x1="89.4" y1="10.6" x2="10.6" y2="89.4" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4412    <line x1="10.6" y1="10.6" x2="89.4" y2="89.4" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4413    <polyline points="79.55 .75 79.55 20.45 99.25 20.45" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4414    <polyline points="59.85 20.45 59.85 40.15 79.55 40.15" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4415    <polyline points="99.25 79.55 79.55 79.55 79.55 99.25" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4416    <polyline points="79.55 59.85 59.85 59.85 59.85 79.55" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4417    <polyline points="20.45 99.25 20.45 79.55 .75 79.55" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4418    <polyline points="40.15 79.55 40.15 59.85 20.45 59.85" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4419    <polyline points=".75 20.45 20.45 20.45 20.45 .75" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4420    <polyline points="20.45 40.15 40.15 40.15 40.15 20.45" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4421    <line x1="99.25" y1="50" x2=".75" y2="50" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4422    <line x1="50" y1=".75" x2="50" y2="99.25" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4423</svg>
4424                                                                        </span>
4425                                                                        <div class="level-2-headline"
4426                                                                             role="heading"
4427                                                                             aria-level="2">
4428                                                                            Tiefk&#xFC;hltaschen                                                                        </div>
4429                                                                    </div>
4430                                                                    <div class="text-sm flex ml-2">
4431                                                                        <sp
4431an class="underline text-primary">
4432                                                                            alles anzeigen                                                                        </span>
4433                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
4434    <title>Arrow Right</title>
4435    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
4436                                                                    </div>
4437                                                                </a>
4438
4439                                                                                                                            </div>
4440                                                                                                            </div>
4441                                                </template>
4442                                                                                                                                <button class="mobile-nav-items" type="button"
4443                                                    @click="mobilePanelActiveIdX = mobilePanelActiveIdX === 'category-node-1000' ? 0 : 'category-node-1000'"
4444                                                    :class="{'-translate-x-full' : mobilePanelActiveIdX,'translate-x-0' : !mobilePanelActiveIdX}">
4445
4446                                                                                                    <span>
4447                                                        <?xml version="1.0" encoding="UTF-8"?>
4448<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 97.23" class="h-8 w-8 text-main flex-shrink-0 mr-6 stroke-4">
4449    <title>Reusable</title>
4450    <path d="M87.73,56.01l10.26,17.7c3.57,6.19-.9,13.89-8.03,13.89h-32.97" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4451    <path d="M41.6,87.6l15.42,8.88v-17.76l-15.42,8.88h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4452    <path d="M30.47,87.6l-20.5-.18c-7.16-.09-11.54-7.81-7.92-13.94l16.73-28.32" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4453    <path d="M26.6,31.9l-15.51,8.74,15.34,9.02.18-17.76Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4454    <path d="M31.77,23.06l10.29-17.7c3.6-6.17,12.53-6.14,16.06.03l16.41,28.52" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4455    <path d="M82.22,47.27l.03-17.76-15.42,8.83,15.4,8.93Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4456</svg>
4457                                                    </span>
4458                                                    <span>Mehrweg</span>
4459
4460                                                    <span class="mobile-nav-items-chev"
4461                                                          :class="{ 'w-0' : !open, 'w-10' : open }">
4462                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="w-full h-full p-1">
4463    <title>Arrow Right</title>
4464    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
4465                                                    </span>
4466                                                                                            </button>
4467
4468                                                                                            <template x-if="mobilePanelActiveIdX === 'category-node-1000'">
4469                                                    <div class="mobile-nav-items-children"
4470                                                         :class="{'translate-x-full' : mobilePanelActiveIdX !== 'category-node-1000',
4471                                                             'translate-x-0' : mobilePanelActiveIdX === 'category-node-1000',
4472                                                        }">
4473                                                        <button class="level-1-back-btn"
4474                                                           tabindex="0"
4475                                                           :class="{ 'w-0' : !open, 'w-10' : open }"
4476                                                           @click="mobilePanelActiveIdX = 0">
4477                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" width="28" height="28">
4478    <title>Arrow Left</title>
4479    <path d="M20,25a1,1,0,0,1-.71-.29l-8-8a1,1,0,0,1,0-1.42l8-8a1,1,0,1,1,1.42,1.42L13.41,16l7.3,7.29a1,1,0,0,1,0,1.42A1,1,0,0,1,20,25Z"/></svg>
4480                                                            <span>zurück zu Alle Produkte</span>
4481                                                        </button>
4482
4483                                                        <a href="https://www.papstar-shop.de/produkte/mehrweggeschirr.htm"
4484                                                           title="Mehrweg"
4485                                                           class="w-full py-2 px-4">
4486                                                            <div class="level-1-headline"
4487                                                                 role="heading"
4488                                                                 aria-level="1">
4489                                                                <span>Mehrweg</span>
4490                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary pl-4 h-7">
4491    <title>Arrow Right</title>
4492    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
4493                                                            </div>
4494                                                        </a>
4495
4496                                                                                                                    <div class="level-2">
4497                                                                <a href="https://www.papstar-shop.de/produkte/mehrweggeschirr/mehrwegbecher.htm"
4498                                                                   title="Mehrwegbecher"
4499                                                                   class="level-2-items">
4500                                                                    <div class="flex font-bold">
4501                                                                        <span>
4502                                                                        <?xml version="1.0" encoding="UTF-8"?>
4503<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90.09 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
4504    <title>Cup small</title>
4505    <rect x=".75" y=".75" width="88.59" height="7.64" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4506    <polygon points="72.34 99.25 17.75 99.25 5.8 8.39 84.29 8.39 72.34 99.25" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4507</svg>
4508                                                                        </span>
4509                                                                        <div class="level-2-headline"
4510                                                                             role="heading"
4511                                                                             aria-level="2">
4512                                                                            Mehrwegbecher                                                                        </div>
4513                                                                    </div>
4514                                                                    <div class="text-sm flex ml-2">
4515                                                                        <span class="underline text-primary">
4516                                                                            alles anzeigen                                                                        </span>
4517                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
4518    <title>Arrow Right</title>
4519    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
4520                                                                    </div>
4521                                                                </a>
4522
4523                                                                                                                            </div>
4524                                                                                                                    <div class="level-2">
4525                                                                <a href="https://www.papstar-shop.de/produkte/mehrweggeschirr/mehrwegbesteck.htm"
4526                                                                   title="Mehrwegbesteck"
4527                                                                   class="level-2-items">
4528                                                                    <div class="flex font-bold">
4529                                                                        <sp
4529an>
4530                                                                        <?xml version="1.0" encoding="UTF-8"?>
4531<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56.48 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
4532    <title>Cutlery</title>
4533    <path d="M.75,3.77v32.24c0,1.54.62,3.01,1.7,4.1,1.08,1.09,2.56,1.7,4.1,1.7h2.91v53.15c0,2.35,2.26,4.29,4.61,4.29s4.61-1.93,4.61-4.29v-53.15h2.91c1.54,0,3.01-.62,4.1-1.7s1.7-2.56,1.7-4.1V3.77" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4534    <path d="M9.62,28.84V4.02M18.53,28.84V4.02" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
4535    <path d="M55.7,57.49l-.03-51.13c-.06-3.24.11-6.45-2.54-5.42,0,0-7.02,2.34-8.28,9.01l-3.83,41.31,5.15,2.64.09,40.98c0,2.4,2.38,4.36,4.78,4.35,2.39,0,4.69-1.96,4.7-4.36l-.02-37.4h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4536</svg>
4537                                                                        </span>
4538                                                                        <div class="level-2-headline"
4539                                                                             role="heading"
4540                                                                             aria-level="2">
4541                                                                            Mehrwegbesteck                                                                        </div>
4542                                                                    </div>
4543                                                                    <div class="text-sm flex ml-2">
4544                                                                        <span class="underline text-primary">
4545                                                                            alles anzeigen                                                                        </span>
4546                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
4547    <title>Arrow Right</title>
4548    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
4549                                                                    </div>
4550                                                                </a>
4551
4552                                                                                                                            </div>
4553                                                                                                                    <div class="level-2">
4554                                                                <a href="https://www.papstar-shop.de/produkte/mehrweggeschirr/mehrwegverpackungen.htm"
4555                                                                   title="Mehrwegverpackungen"
4556                                                                   class="level-2-items">
4557                                                                    <div class="flex font-bold">
4558                                                                        <span>
4559                                                                        <?xml version="1.0" encoding="UTF-8"?>
4560<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 87.8" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
4561    <title>Packaging</title>
4562    <path d="M95.62,61.25l-6.37,25.8H10.77l-6.37-25.8h21.14l3.54,6.64h43.66l3.54-6.64h19.36Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4563    <path d="M95.62,50.77H4.38l6.37-13.38h78.47l6.37,13.38h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4564    <path d="M99.25,50.77v10.47h-22.99l-3.54,6.64H29.07l-3.54-6.64H.75v-10.47h98.5Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4565    <path d="M83.53,18.27l-4.69,18.96H21.16l-4.69-18.96h15.53l2.61,4.89h32.08l2.61-4.89s14.22,0,14.22,0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4566    <path d="M83.53,10.58H16.47L21.16.75h57.68l4.69,9.83Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4567    <path d="M86.21,10.58v7.69h-16.9l-2.61,4.89h-32.08l-2.61-4.89H13.79v-7.69s72.42,0,72.42,0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4568</svg>
4569                                                                        </span>
4570                                                                        <div class="level-2-headline"
4571                                                                             role="heading"
4572                                                                             aria-level="2">
4573                                                                            Mehrwegverpackungen                                                                        </div>
4574                                                                    </div>
4575                                                                    <div class="text-sm flex ml-2">
4576                                                                        <sp
4576an class="underline text-primary">
4577                                                                            alles anzeigen                                                                        </span>
4578                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
4579    <title>Arrow Right</title>
4580    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
4581                                                                    </div>
4582                                                                </a>
4583
4584                                                                                                                            </div>
4585                                                                                                                    <div class="level-2">
4586                                                                <a href="https://www.papstar-shop.de/produkte/mehrweggeschirr/mehrweg-strohhalme.htm"
4587                                                                   title="Mehrweg&#x20;Strohhalme"
4588                                                                   class="level-2-items">
4589                                                                    <div class="flex font-bold">
4590                                                                        <span>
4591                                                                        <?xml version="1.0" encoding="UTF-8"?>
4592<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45.38 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
4593    <title>Cup with straw</title>
4594    <polygon points="39.42 16.71 36.36 19.76 24.71 8.1 24.71 36.18 20.38 36.18 20.38 3.78 23.44 .75 39.42 16.71" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4595    <rect x=".75" y="36.18" width="43.88" height="4.89" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4596    <polygon points="41.95 41.07 36.08 99.25 9.29 99.25 3.42 41.07 41.95 41.07" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4597</svg>
4598                                                                        </span>
4599                                                                        <div class="level-2-headline"
4600                                                                             role="heading"
4601                                                                             aria-level="2">
4602                                                                            Mehrweg&#x20;Strohhalme                                                                        </div>
4603                                                                    </div>
4604                                                                    <div class="text-sm flex ml-2">
4605                                                                        <span class="underline text-primary">
4606                                                                            alles anzeigen                                                                        </span>
4607                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
4608    <title>Arrow Right</title>
4609    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
4610                                                                    </div>
4611                                                                </a>
4612
4613                                                                                                                            </div>
4614                                                                                                                    <div class="level-2">
4615                                                                <a href="https://www.papstar-shop.de/produkte/mehrweggeschirr/porzellan-geschirr.htm"
4616                                                                   title="Porzellan&#x20;Geschirr"
4617                                                                   class="level-2-items">
4618                                                                    <div class="flex font-bold">
4619                                                                        <sp
4619an>
4620                                                                        <?xml version="1.0" encoding="UTF-8"?>
4621<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 52.57" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
4622    <title>Big Bowl</title>
4623    <path d="M63.79,47.97s.05.03.07.05c-.05,0-.08.02-.13.03l.07-.08h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4624    <path d="M99.01,5.4c-1.89,20.32-16.14,37.07-35.15,42.62-.02-.02-.05-.05-.07-.05-.33-.33-.8-.51-1.3-.51h-24.99c-.49,0-.97.2-1.3.49-.02.02-.03.03-.05.05C17.13,42.46,2.88,25.73.99,5.4c.2.18.51.35.97.51,4.93,1.89,24.59,3.32,48.05,3.32s43.14-1.43,48.07-3.32c.43-.18.75-.33.95-.51Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4625    <path d="M36.29,48.06s-.08-.03-.13-.05c.02-.02.03-.03.05-.05,0,0,.08.1.08.1Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4626    <path d="M64.41,49.37v.53c0,1.05-.87,1.92-1.92,1.92h-24.99c-1.05,0-1.92-.87-1.92-1.92v-.53c0-.53.23-1.02.58-1.36.02-.02.03-.03.05-.05.33-.31.8-.49,1.3-.49h24.99c.49,0,.97.2,1.3.51.02,0,.05.03.07.05.33.33.56.82.56,1.35h-.02Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4627    <path d="M99.25,4.99c0,.15-.08.28-.24.41-.2.18-.51.33-.95.51-4.92,1.89-24.57,3.32-48.07,3.32S6.89,7.8,1.95,5.92c-.45-.16-.77-.33-.97-.51-.16-.15-.24-.28-.24-.41,0-.11.05-.23.16-.33C2.93,2.48,24.13.75,50,.75s47.07,1.73,49.09,3.91c.11.11.16.23.16.33h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4628</svg>
4629                                                                        </span>
4630                                                                        <div class="level-2-headline"
4631                                                                             role="heading"
4632                                                                             aria-level="2">
4633                                                                            Porzellan&#x20;Geschirr                                                                        </div>
4634                                                                    </div>
4635                                                                    <div class="text-sm flex ml-2">
4636                                                                        <span class="underline text-primary">
4637                                                                            alles anzeigen                                                                        </span>
4638                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
4639    <title>Arrow Right</title>
4640    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
4641                                                                    </div>
4642                                                                </a>
4643
4644                                                                                                                            </div>
4645                                                                                                            </div>
4646                                                </template>
4647                                                                                                                                <button class="mobile-nav-items" type="button"
4648                                                    @click="mobilePanelActiveIdX = mobilePanelActiveIdX === 'category-node-44' ? 0 : 'category-node-44'"
4649                                                    :class="{'-translate-x-full' : mobilePanelActiveIdX,'translate-x-0' : !mobilePanelActiveIdX}">
4650
4651                                                                                                    <span>
4652                                                        <?xml version="1.0" encoding="UTF-8"?>
4653<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 89.6 100" class="h-8 w-8 text-main flex-shrink-0 mr-6 stroke-4">
4654    <title>Napkin</title>
4655    <path d="M88.85,86.45l-48.41,12.8L87.92.75l.93,85.7Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4656    <path d="M87.92.75L.75,85.27h46.39L87.92.75Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4657</svg>
4658                                                    </span>
4659                                                    <span>Servietten</span>
4660
4661                                                    <span class="mobile-nav-items-chev"
4662                                                          :class="{ 'w-0' : !open, 'w-10' : open }">
4663                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="w-full h-full p-1">
4664    <title>Arrow Right</title>
4665    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
4666                                                    </span>
4667                                                                                            </button>
4668
4669                                                                                            <template x-if="mobilePanelActiveIdX === 'category-node-44'">
4670                                                    <div class="mobile-nav-items-children"
4671                                                         :class="{'translate-x-full' : mobilePanelActiveIdX !== 'category-node-44',
4672                                                             'translate-x-0' : mobilePanelActiveIdX === 'category-node-44',
4673                                                        }">
4674                                                        <button class="level-1-back-btn"
4675                                                           tabindex="0"
4676                                                           :class="{ 'w-0' : !open, 'w-10' : open }"
4677                                                           @click="mobilePanelActiveIdX = 0">
4678                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" width="28" height="28">
4679    <title>Arrow Left</title>
4680    <path d="M20,25a1,1,0,0,1-.71-.29l-8-8a1,1,0,0,1,0-1.42l8-8a1,1,0,1,1,1.42,1.42L13.41,16l7.3,7.29a1,1,0,0,1,0,1.42A1,1,0,0,1,20,25Z"/></svg>
4681                                                            <span>zurück zu Alle Produkte</span>
4682                                                        </button>
4683
4684                                                        <a href="https://www.papstar-shop.de/produkte/servietten.htm"
4685                                                           title="Servietten"
4686                                                           class="w-full py-2 px-4">
4687                                                            <div class="level-1-headline"
4688                                                                 role="heading"
4689                                                                 aria-level="1">
4690                                                                <span>Servietten</span>
4691                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary pl-4 h-7">
4692    <title>Arrow Right</title>
4693    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
4694                                                            </div>
4695                                                        </a>
4696
4697                                                                                                                    <div class="level-2">
4698                                                                <a href="https://www.papstar-shop.de/produkte/servietten/servietten-stoffaehnlich.htm"
4699                                                                   title="Servietten&#x20;&quot;ROYAL&#x20;Collection&quot;"
4700                                                                   class="level-2-items">
4701                                                                    <div class="flex font-bold">
4702                                                                        <span>
4703                                                                        <?xml version="1.0" encoding="UTF-8"?>
4704<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 33.69" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
4705    <title>Royal Collection Brand</title>
4706    <path d="M62.03,25.67c-.43-.3-.89-.52-1.38-.67-.48-.15-.99-.23-1.51-.23-1.14,0-2.06.36-2.74,1.1-.68.73-1.02,1.71-1.02,2.94,0,1.08.35,1.98,1.05,2.68.71.7,1.61,1.05,2.71,1.05.5,0,1-.09,1.52-.26.51-.18,1.01-.43,1.51-.78v1.41c-.45.26-.96.45-1.51.58-.55.13-1.13.19-1.76.19-1.41,0-2.57-.46-3.47-1.39-.91-.93-1.36-2.12-1.36-3.56s.47-2.74,1.41-3.67c.94-.95,2.17-1.41,3.67-1.41.56,0,1.08.05,1.57.16.49.11.93.27,1.31.46l-.02,1.41.02-.02Z"/>
4707    <path d="M26.71,32.44c1.01,0,1.87-.36,2.58-1.1.71-.73,1.05-1.64,1.05-2.7s-.35-1.98-1.05-2.71-1.57-1.09-2.58-1.09-1.87.36-2.57,1.09-1.05,1.64-1.05,2.71.35,1.96,1.05,2.7c.7.73,1.56,1.1,2.57,1.1M26.67,33.64c-.66,0-1.29-.13-1.9-.39-.6-.26-1.15-.63-1.64-1.12-.46-.46-.82-.99-1.06-1.59s-.36-1.24-.36-1.92.13-1.31.37-1.92c.26-.6.61-1.14,1.07-1.61.47-.47,1.01-.84,1.62-1.08.6-.25,1.24-.37,1.91-.37s1.33.13,1.95.37c.61.26,1.16.61,1.64,1.08s.85,1.01,1.1,1.62.38,1.24.38,1.91-.13,1.3-.37,1.9c-.26.6-.61,1.13-1.08,1.6-.49.49-1.04.86-1.66,1.12-.62.26-1.27.39-1.95.39"/>
4708    <rect x="34.48" y="17.06" width="1.32" height="16.16"/>
4709    <rect x="39.38" y="17.06" width="1.32" height="16.16"/>
4710    <path d="M50.64,27.54c-.07-.85-.34-1.51-.85-1.97-.5-.46-1.18-.7-2.03-.7-.78,0-1.43.25-1.95.73-.53.48-.83,1.13-.92,1.94,0,0,5.74,0,5.74,0ZM52.17,28.63h-7.35c.04,1.19.33,2.14.9,2.82s1.32,1.02,2.26,1.02c.68,0,1.28-.19,1.79-.55.51-.37.95-.93,1.28-1.67l1.18.65c-.47.94-1.05,1.63-1.73,2.07-.69.44-1.53.66-2.52.66-1.36,0-2.45-.45-3.29-1.36s-1.26-2.1-1.26-3.57.41-2.74,1.25-3.67c.83-.93,1.92-1.4,3.26-1.4s2.3.43,3.07,1.29c.77.86,1.15,2,1.15,3.44v.29h0Z"/>
4711    <polygon points="64.84 20.18 64.84 23.97 63.14 23.97 63.14 25.07 64.84 25.07 64.84 33.22 66.1 33.22 66.1 25.07 67.97 25.07 67.97 23.97 66.1 23.97 66.1 20.18 64.84 20.18"/>
4712    <path d="M69.63,20.36c0-.27.1-.5.3-.69.2-.2.42-.29.7-.29s.5.1.7.29c.2.19.3.42.3.69s-.1.51-.29.7-.42.29-.71.29-.51-.09-.71-.29c-.2-.19-.29-.42-.29-.7M69.96,23.97h1.32v9.25h-1.32v-9.25Z"/>
4713    <path d="M79.03,32.44c1.01,0,1.87-.36,2.58-1.1.71-.73,1.05-1.64,1.05-2.7s-.35-1.98-1.05-2.71-1.57-1.09-2.58-1.09-1.87.36-2.57,1.09-1.05,1.64-1.05,2.71.35,1.96,1.05,2.7c.7.73,1.56,1.1,2.57,1.1M78.99,33.64c-.66,0-1.29-.13-1.9-.39-.6-.26-1.15-.63-1.64-1.12-.46-.46-.82-.99-1.06-1.59s-.36-1.24-.36-1.92.13-1.31.37-1.92c.26-.6.61-1.14,1.07-1.61.47-.47,1.01-.84,1.62-1.08s1.24-.37,1.91-.37,1.33.13,1.95.37c.61.26,1.16.61,1.64,1.08s.85,1.01,1.1,1.62.38,1.24.38,1.91-.13,1.3-.37,1.9c-.26.6-.61,1.13-1.08,1.6-.49.49-1.04.86-1.66,1.12-.62.26-1.27.39-1.95.39"/>
4714    <path d="M86.7,33.22v-9.25h1.22v1.43c.37-.59.84-1.03,1.39-1.33.54-.3,1.17-.44,1.88-.44,1.05,0,1.87.3,2.45.88s.88,1.4.88,2.44v6.28h-1.3v-5.7c0-.93-.2-1.62-.58-2.06-.38-.45-.99-.67-1.78-.67-.99,0-1.7.3-2.17.88s-.69,1.49-.69,2.74v4.83h-1.28l-.02-.02Z"/>
4715    <line x1=".75" y1="15.4" x2="99.25" y2="15.4" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4716    <path d="M19.65,20.75c-.76-.65-1.53-1.13-2.32-1.45-.8-.32-1.63-.47-2.5-.47-1.98,0-3.58.63-4.82,1.87-1.23,1.25-1.85,2.89-1.85,4.9,0,1.01.15,1.92.45,2.72.31.81.77,1.53,1.39,2.15.61.61,1.31,1.07,2.1,1.4s1.64.48,2.54.48,1.73-.15,2.57-.45c.84-.3,1.63-.74,2.36-1.32v1.63c-.75.46-1.55.81-2.38,1.05s-1.67.37-2.49.37c-1.1,0-2.17-.2-3.17-.59s-1.87-.96-2.59-1.67c-.75-.74-1.31-1.6-1.69-2.56-.38-.98-.57-2.04-.57-3.2s.2-2.21.59-3.19.96-1.84,1.69-2.56c.72-.7,1.58-1.25,2.59-1.64,1.01-.39,2.06-.59,3.15-.59.98,0,1.87.14,2.71.4.83.27,1.59.67,2.27,1.2,0,0-.02,1.54-.02,1.54Z"/>
4717    <path d="M6.49,12.61V.29h5.56c1.29,0,2.64.15,3.77,1.27.63.63,1.16,1.57,1.16,3.02,0,1.09-.33,1.77-.68,2.2-.37.46-.98.83-1.69.98v.11c.24.13.48.32.65.57l2.77,4.16h-
47175.15l-1.77-3.61c-.06-.13-.11-.19-.17-.38l-.08.04v3.95h-4.36v.02ZM10.85,5.77h.51c.26,0,.67-.04.95-.28.15-.13.32-.37.32-.76,0-.28-.08-.55-.24-.74-.15-.17-.38-.33-.76-.33h-.78s0,2.11,0,2.11Z"/>
4718    <path d="M37.22,10.9c-1.05,1.07-2.77,1.98-5.11,1.98s-4.07-.91-5.11-1.98c-.96-.98-1.71-2.49-1.71-4.47s.76-3.48,1.71-4.45c1.05-1.07,2.77-1.98,5.11-1.98s4.06.91,5.11,1.98c.96.98,1.71,2.49,1.71,4.45s-.76,3.49-1.71,4.47ZM30.5,4.61c-.44.46-.7,1.18-.7,1.85s.26,1.39.7,1.83c.36.36.93.63,1.61.63s1.24-.26,1.61-.63c.4-.4.7-1.05.7-1.83s-.26-1.42-.7-1.85c-.33-.33-.87-.63-1.61-.63-.8,0-1.31.32-1.61.63Z"/>
4719    <path d="M45.48.29h5.06l1.05,2.26c.08.17.23.51.33.98h.13c.09-.51.22-.7.33-.98l.97-2.26h5.04l-4.21,7.02v5.3h-4.41v-5.3L45.5.29h-.02Z"/>
4720    <path d="M68.82,11.07l-.33,1.54h-4.73L68.03.29h4.94l4.39,12.32h-4.75l-.4-1.54h-3.4,0ZM70.63,4.4h-.17c-.02.52-.09.95-.21,1.39l-.61,2.36h1.79l-.57-2.36c-.11-.48-.19-.95-.24-1.39Z"/>
4721    <path d="M85.27,12.61V.29h4.47v8.35h3.76v3.97h-8.23Z"/>
4722</svg>
4723                                                                        </span>
4724                                                                        <div class="level-2-headline"
4725                                                                             role="heading"
4726                                                                             aria-level="2">
4727                                                                            Servietten&#x20;&quot;ROYAL&#x20;Collection&quot;                                                                        </div>
4728                                                                    </div>
4729                                                                    <div class="text-sm flex ml-2">
4730                                                                        <span class="underline text-primary">
4731                                                                            alles anzeigen                                                                        </span>
4732                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
4733    <title>Arrow Right</title>
4734    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
4735                                                                    </div>
4736                                                                </a>
4737
4738                                                                                                                                    <div class="my-4">
4739                                                                        <a href="https://www.papstar-shop.de/produkte/servietten/servietten-stoffaehnlich/royal-bestecktaschen.htm"
4740                                                                           title="ROYAL&#x20;Collection&#x20;Bestecktaschen">
4741                                                                            ROYAL&#x20;Collection&#x20;Bestecktaschen                                                                        </a>
4742                                                                    </div>
4743                                                                                                                                    <div class="my-4">
4744                                                                        <a href="https://www.papstar-shop.de/produkte/servietten/servietten-stoffaehnlich/servietten-dekor-40-40.htm"
4745                                                                           title="Servietten&#x20;Dekor&#x20;40&#x20;x&#x20;40&#x20;cm">
4746                                                                            Servietten&#x20;Dekor&#x20;40&#x20;x&#x20;40&#x20;cm                                                                        </a>
4747                                                                    </div>
4748                                                                                                                                    <div class="my-4">
4749                                                                        <a href="https://www.papstar-shop.de/produkte/servietten/servietten-stoffaehnlich/servietten-uni-25-25.htm"
4750                                                                           title="Servietten&#x20;uni&#x20;25&#x20;x&#x20;25&#x20;cm">
4751                                                                            Servietten&#x20;uni&#x20;25&#x20;x&#x20;25&#x20;cm                                                                        </a>
4752                                                                    </div>
4753                                                                                                                                    <div class="my-4">
4754                                                                        <a href="https://www.papstar-shop.de/produkte/servietten/servietten-stoffaehnlich/servietten-uni-40-40.htm"
4755                                                                           title="Servietten&#x20;uni&#x20;40&#x20;x&#x20;40&#x20;cm">
4756                                                                            Servietten&#x20;uni&#x20;40&#x20;x&#x20;40&#x20;cm                                                                        </a>
4757                                                                    </div>
4758                                                                                                                                    <div class="my-4">
4759                                                                        <a href="https://www.papstar-shop.de/produkte/servietten/servietten-stoffaehnlich/servietten-uni-48-48.htm"
4760                                                                           title="Servietten&#x20;uni&#x20;48&#x20;x&#x20;48&#x20;cm">
4761                                                                            Servietten&#x20;uni&#x20;48&#x20;x&#x20;48&#x20;cm                                                                        </a>
4762                                                                    </div>
4763                                                                                                                                    <div class="my-4">
4764                                                                        <a href="https://www.papstar-shop.de/produkte/servietten/servietten-stoffaehnlich/servietten-papierverpackung.htm"
4765                                                                           title="Servietten&#x20;in&#x20;Papierverpackung">
4766                                                                            Servietten&#x20;in&#x20;Papierverpackung                                                                        </a>
4767                                                                    </div>
4768                                                                                                                            </div>
4769                                                                                                                    <div class="level-2">
4770                                                                <a href="https://www.papstar-shop.de/produkte/servietten/gastro-servietten.htm"
4771                                                                   title="Servietten&#x20;&quot;DAILY&#x20;Collection&quot;"
4772                                                                   class="level-2-items">
4773                                                                    <div class="flex font-bold">
4774                                                                        <sp
4774an>
4775                                                                        <?xml version="1.0" encoding="UTF-8"?>
4776<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 33.51" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
4777    <title>Daily Brand</title>
4778    <path d="M62.03,25.49c-.43-.3-.89-.52-1.38-.67-.48-.15-.99-.23-1.51-.23-1.14,0-2.06.36-2.74,1.1-.68.73-1.02,1.71-1.02,2.94,0,1.08.35,1.98,1.05,2.68.71.7,1.61,1.05,2.71,1.05.5,0,1-.09,1.52-.26.51-.18,1.01-.43,1.51-.78v1.41c-.45.26-.96.45-1.51.58-.55.13-1.13.19-1.76.19-1.41,0-2.57-.46-3.47-1.39-.91-.93-1.36-2.12-1.36-3.56s.47-2.74,1.41-3.67c.94-.95,2.17-1.41,3.67-1.41.56,0,1.08.05,1.57.16.49.11.93.27,1.31.46l-.02,1.41.02-.02Z"/>
4779    <path d="M26.71,32.26c1.01,0,1.87-.36,2.58-1.1.71-.73,1.05-1.64,1.05-2.7s-.35-1.98-1.05-2.71-1.57-1.09-2.58-1.09-1.87.36-2.57,1.09-1.05,1.64-1.05,2.71.35,1.96,1.05,2.7c.7.73,1.56,1.1,2.57,1.1M26.67,33.46c-.66,0-1.29-.13-1.9-.39-.6-.26-1.15-.63-1.64-1.12-.46-.46-.82-.99-1.06-1.59s-.36-1.24-.36-1.92.13-1.31.37-1.92c.26-.6.61-1.14,1.07-1.61.47-.47,1.01-.84,1.62-1.08.6-.25,1.24-.37,1.91-.37s1.33.13,1.95.37c.61.26,1.16.61,1.64,1.08s.85,1.01,1.1,1.62.38,1.24.38,1.91-.13,1.3-.37,1.9c-.26.6-.61,1.13-1.08,1.6-.49.49-1.04.86-1.66,1.12-.62.26-1.27.39-1.95.39"/>
4780    <rect x="34.48" y="16.88" width="1.32" height="16.16"/>
4781    <rect x="39.38" y="16.88" width="1.32" height="16.16"/>
4782    <path d="M50.64,27.36c-.07-.85-.34-1.51-.85-1.97-.5-.46-1.18-.7-2.03-.7-.78,0-1.43.25-1.95.73-.53.48-.83,1.13-.92,1.94,0,0,5.74,0,5.74,0ZM52.17,28.47h-7.35c.04,1.19.33,2.14.9,2.82s1.32,1.02,2.26,1.02c.68,0,1.28-.19,1.79-.55.51-.37.95-.93,1.28-1.67l1.18.65c-.47.94-1.05,1.63-1.73,2.07-.69.44-1.53.66-2.52.66-1.36,0-2.45-.45-3.29-1.36s-1.26-2.1-1.26-3.57.41-2.74,1.25-3.67c.83-.93,1.92-1.4,3.26-1.4s2.3.43,3.07,1.29c.77.86,1.15,2,1.15,3.44v.29h0Z"/>
4783    <polygon points="64.84 20.01 64.84 23.8 63.14 23.8 63.14 24.9 64.84 24.9 64.84 33.06 66.1 33.06 66.1 24.9 67.97 24.9 67.97 23.8 66.1 23.8 66.1 20.01 64.84 20.01"/>
4784    <path d="M69.63,20.19c0-.27.1-.5.3-.69.2-.2.42-.29.7-.29s.5.1.7.29c.2.19.3.42.3.69s-.1.51-.29.7-.42.29-.71.29-.51-.09-.71-.29c-.2-.19-.29-.42-.29-.7M69.96,23.8h1.32v9.25h-1.32v-9.25Z"/>
4785    <path d="M79.03,32.26c1.01,0,1.87-.36,2.58-1.1.71-.73,1.05-1.64,1.05-2.7s-.35-1.98-1.05-2.71-1.57-1.09-2.58-1.09-1.87.36-2.57,1.09-1.05,1.64-1.05,2.71.35,1.96,1.05,2.7c.7.73,1.56,1.1,2.57,1.1M78.99,33.46c-.66,0-1.29-.13-1.9-.39-.6-.26-1.15-.63-1.64-1.12-.46-.46-.82-.99-1.06-1.59s-.36-1.24-.36-1.92.13-1.31.37-1.92c.26-.6.61-1.14,1.07-1.61.47-.47,1.01-.84,1.62-1.08s1.24-.37,1.91-.37,1.33.13,1.95.37c.61.26,1.16.61,1.64,1.08s.85,1.01,1.1,1.62.38,1.24.38,1.91-.13,1.3-.37,1.9c-.26.6-.61,1.13-1.08,1.6-.49.49-1.04.86-1.66,1.12-.62.26-1.27.39-1.95.39"/>
4786    <path d="M86.7,33.06v-9.25h1.22v1.43c.37-.59.84-1.03,1.39-1.33.54-.3,1.17-.44,1.88-.44,1.05,0,1.87.3,2.45.88s.88,1.4.88,2.44v6.28h-1.3v-5.7c0-.93-.2-1.62-.58-2.06-.38-.45-.99-.67-1.78-.67-.99,0-1.7.3-2.17.88s-.69,1.49-.69,2.74v4.83h-1.28l-.02-.02Z"/>
4787    <path d="M16.4,6.26c0,.83-.24,1.44-.7,1.83s-1.21.59-2.22.59V3.84h.2c.93,0,1.61.2,2.06.6.44.39.67,1,.67,1.82M20.97,6.26c0-1.2-.29-2.28-.87-3.21-.58-.94-1.41-1.69-2.49-2.27-.51-.27-1.18-.46-1.99-.59-.82-.13-1.8-.2-2.95-.2h-3.63v12.5h3.31c1.37,0,2.45-.06,3.27-.19.82-.13,1.49-.33,2.02-.6,1.08-.57,1.92-1.33,2.49-2.27s.87-2,.87-3.19"/>
4788    <path d="M36.25,7.97h-1.87l.38-1.42c.19-.72.32-1.27.38-1.65s.11-.75.13-1.09h.08c.02.34.06.71.13,1.09s.2.94.38,1.65l.38,1.42ZM42.25,12.51L37.87,0h-5l-4.46,12.5h4.83l.38-1.58h3.39l.4,1.58h4.84Z"/>
4789    <path d="M88.44,12.51v-5.53L92.79,0h-5.09l-1.03,2.43s-.03.08-.06.15c-.16.38-.27.68-.33.88l-.03-.09c-.13-.42-.25-.74-.34-.95L84.85,0h-5.12l4.19,6.97v5.53s4.53,0,4.53,0Z"/>
4790    <line x1=".75" y1="15.23" x2="99.25" y2="15.23" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4791    <rect x="50.55" y="0" width="4.57" height="12.51"/>
4792    <polygon points="65.07 0 65.07 12.51 73.95 12.51 73.95 8.45 69.57 8.45 69.57 0 65.07 0"/>
4793    <path d="M19.65,20.58c-.76-.65-1.53-1.13-2.32-1.45-.8-.32-1.63-.47-2.5-.47-1.98,0-3.58.63-4.82,1.87-1.23,1.25-1.85,2.89-1.85,4.9,0,1.01.15,1.92.45,2.72.31.81.77,1.53,1.39,2.15.61.61,1.31,1.07,2.1,1.4s1.64.48,2.54.48,1.73-.15,2.57-.45c.84-.3,1.63-.74,2.36-1.32v1.63c-.75.46-1.55.81-2.38,1.05s-1.67.37-2.49.37c-1.1,0-2.17-.2-3.17-.59s-1.87-.96-2.59-1.67c-.75-.74-1.31-1.6-1.69-2.56-.38-.98-.57-2.04-.57-3.2s.2-2.21.59-3.19.96-1.84,1.69-2.56c.72-.7,1.58-1.25,2.59-1.64,1.01-.39,2.06-.59,3.15-.59.98,0,1.87.14,2.71.4.83.27,1.59.67,2.27,1.2,0,0-.02,1.54-.02,1.54Z"/>
4794</svg>
4795                                                                        </span>
4796                                                                        <div class="level-2-headline"
4797                                                                             role="heading"
4798                                                                             aria-level="2">
4799                                                                            Servietten&#x20;&quot;DAILY&#x20;Collection&quot;                                                                        </div>
4800                                                                    </div>
4801                                                                    <div class="text-sm flex ml-2">
4802                                                                        <sp
4802an class="underline text-primary">
4803                                                                            alles anzeigen                                                                        </span>
4804                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
4805    <title>Arrow Right</title>
4806    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
4807                                                                    </div>
4808                                                                </a>
4809
4810                                                                                                                                    <div class="my-4">
4811                                                                        <a href="https://www.papstar-shop.de/produkte/servietten/gastro-servietten/daily-bestecktaschen.htm"
4812                                                                           title="DAILY&#x20;Collection&#x20;Bestecktaschen">
4813                                                                            DAILY&#x20;Collection&#x20;Bestecktaschen                                                                        </a>
4814                                                                    </div>
4815                                                                                                                                    <div class="my-4">
4816                                                                        <a href="https://www.papstar-shop.de/produkte/servietten/gastro-servietten/servietten-24-24.htm"
4817                                                                           title="Servietten&#x20;24&#x20;x&#x20;24&#x20;cm">
4818                                                                            Servietten&#x20;24&#x20;x&#x20;24&#x20;cm                                                                        </a>
4819                                                                    </div>
4820                                                                                                                                    <div class="my-4">
4821                                                                        <a href="https://www.papstar-shop.de/produkte/servietten/gastro-servietten/servietten-32-32.htm"
4822                                                                           title="Servietten&#x20;32&#x20;x&#x20;32&#x20;cm">
4823                                                                            Servietten&#x20;32&#x20;x&#x20;32&#x20;cm                                                                        </a>
4824                                                                    </div>
4825                                                                                                                            </div>
4826                                                                                                                    <div class="level-2">
4827                                                                <a href="https://www.papstar-shop.de/produkte/servietten/servietten-einfarbig.htm"
4828                                                                   title="Servietten&#x20;einfarbig"
4829                                                                   class="level-2-items">
4830                                                                    <div class="flex font-bold">
4831                                                                        <span>
4832                                                                        <?xml version="1.0" encoding="UTF-8"?>
4833<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 89.6 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
4834    <title>Napkin</title>
4835    <path d="M88.85,86.45l-48.41,12.8L87.92.75l.93,85.7Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4836    <path d="M87.92.75L.75,85.27h46.39L87.92.75Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4837</svg>
4838                                                                        </span>
4839                                                                        <div class="level-2-headline"
4840                                                                             role="heading"
4841                                                                             aria-level="2">
4842                                                                            Servietten&#x20;einfarbig                                                                        </div>
4843                                                                    </div>
4844                                                                    <div class="text-sm flex ml-2">
4845                                                                        <sp
4845an class="underline text-primary">
4846                                                                            alles anzeigen                                                                        </span>
4847                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
4848    <title>Arrow Right</title>
4849    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
4850                                                                    </div>
4851                                                                </a>
4852
4853                                                                                                                                    <div class="my-4">
4854                                                                        <a href="https://www.papstar-shop.de/produkte/servietten/servietten-einfarbig/servietten-1-lagig.htm"
4855                                                                           title="Servietten&#x20;1-lagig">
4856                                                                            Servietten&#x20;1-lagig                                                                        </a>
4857                                                                    </div>
4858                                                                                                                                    <div class="my-4">
4859                                                                        <a href="https://www.papstar-shop.de/produkte/servietten/servietten-einfarbig/servietten-2-lagig.htm"
4860                                                                           title="Servietten&#x20;2-lagig">
4861                                                                            Servietten&#x20;2-lagig                                                                        </a>
4862                                                                    </div>
4863                                                                                                                                    <div class="my-4">
4864                                                                        <a href="https://www.papstar-shop.de/produkte/servietten/servietten-einfarbig/servietten-3-lagig.htm"
4865                                                                           title="Servietten&#x20;3-lagig">
4866                                                                            Servietten&#x20;3-lagig                                                                        </a>
4867                                                                    </div>
4868                                                                                                                                    <div class="my-4">
4869                                                                        <a href="https://www.papstar-shop.de/produkte/servietten/servietten-einfarbig/daily-collection.htm"
4870                                                                           title="&quot;DAILY&#x20;Collection&quot;">
4871                                                                            &quot;DAILY&#x20;Collection&quot;                                                                        </a>
4872                                                                    </div>
4873                                                                                                                            </div>
4874                                                                                                                    <div class="level-2">
4875                                                                <a href="https://www.papstar-shop.de/produkte/servietten/motivservietten.htm"
4876                                                                   title="Motivservietten"
4877                                                                   class="level-2-items">
4878                                                                    <div class="flex font-bold">
4879                                                                        <sp
4879an>
4880                                                                        <?xml version="1.0" encoding="UTF-8"?>
4881<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 99.98 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
4882    <title>Flower</title>
4883    <path d="M55.06,38.12c.2-.53.38-1.09.54-1.69.11-.4.11-.4,0,0,1.08-3.77,1.74-8.67,1.74-14.01,0-11.97-3.29-21.66-7.37-21.66s-7.39,9.69-7.39,21.65c0,5.33.66,10.21,1.74,13.99.18.62.36,1.19.57,1.73" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
4884    <path d="M45.18,38.01c-.25-.52-.53-1.06-.83-1.63-1.9-3.44-4.89-7.35-8.66-11.12-8.46-8.46-17.64-12.97-20.54-10.1-2.89,2.89,1.64,12.08,10.1,20.54,3.78,3.78,7.7,6.77,11.15,8.67,0,0,0,0,0,0,.54.3,1.06.56,1.59.81" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
4885    <path d="M38.11,44.93c-.53-.2-1.09-.38-1.69-.54,0,0,0,0,0,0-3.77-1.08-8.67-1.74-14.01-1.74-11.95,0-21.65,3.3-21.65,7.38s9.69,7.38,21.65,7.38c5.35,0,10.24-.67,14.01-1.74q2.51-.72,0,0c.61-.16,1.16-.34,1.69-.54" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
4886    <path d="M38,54.81c-.52.25-1.04.51-1.59.81-.36.2-.36.2,0,0-3.45,1.9-7.37,4.89-11.15,8.67-8.46,8.46-12.98,17.64-10.1,20.54,2.89,2.88,12.08-1.64,20.54-10.1,3.77-3.77,6.76-7.68,8.66-11.12.3-.56.58-1.1.83-1.63" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
4887    <path d="M44.92,61.88c-.21.54-.39,1.11-.57,1.73-1.09,3.77-1.74,8.66-1.74,13.99,0,11.95,3.31,21.65,7.39,21.65s7.38-9.69,7.38-21.65c0-5.35-.67-10.24-1.74-14.01q-.72-2.51,0,0c-.16-.61-.34-1.16-.54-1.69" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
4888    <path d="M61.98,54.81c.52.25,1.04.51,1.59.81,0,0,0,0,0,0,3.45,1.9,7.37,4.89,11.15,8.67,8.46,8.46,12.97,17.64,10.1,20.54-2.89,2.88-12.08-1.64-20.54-10.1-3.78-3.78-6.77-7.7-8.67-11.15q-1.27-2.3,0,0c-.3-.54-.56-1.06-.81-1.59" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
4889    <path d="M61.87,55.07c.53.2,1.09.38,1.69.54,0,0,0,0,0,0,3.77,1.08,8.67,1.74,14.01,1.74,11.95,0,21.65-3.3,21.65-7.38s-9.69-7.38-21.65-7.38c-5.35,0-10.24.67-14.01,1.74q-2.51.72,0,0c-.61.16-1.16.34-1.69.54" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
4890    <path d="M61.98,45.19c.52-.25,1.04-.51,1.59-.81.36-.2.36-.2,0,0,3.45-1.9,7.37-4.89,11.15-8.67,8.46-8.46,12.97-17.64,10.1-20.54-2.89-2.88-12.08,1.64-20.54,10.1-3.78,3.78-6.77,7.7-8.67,11.15q-1.27,2.3,0,0c-.3.54-.56,1.06-.81,1.59" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
4891    <path d="M61.98,54.81c-.04.1-.06.19-.11.26-.62,1.49-1.54,2.87-2.74,4.07s-2.58,2.12-4.07,2.74c-.08.05-.16.08-.26.11-3.07,1.24-6.55,1.24-9.62,0-.1-.04-.19-.06-.26-.11-1.49-.62-2.87-1.54-4.07-2.74s-2.12-2.58-2.74-4.07c-.05-.08-.08-.16-.11-.26-1.24-3.07-1.24-6.55,0-9.62.04-.1.06-.19.11-.26.62-1.49,1.54-2.87,2.74-4.07,1.2-1.2,2.58-2.12,4.07-2.74.08-.05.16-.08.26-.11,3.07-1.24,6.55-1.24,9.62,0,.1.04.19.06.26.11,1.49.62,2.87,1.54,4.07,2.74,1.2,1.2,2.12,2.58,2.74,4.07.05.08.08.16.11.26,1.24,3.07,1.24,6.55,0,9.62Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
4892</svg>
4893                                                                        </span>
4894                                                                        <div class="level-2-headline"
4895                                                                             role="heading"
4896                                                                             aria-level="2">
4897                                                                            Motivservietten                                                                        </div>
4898                                                                    </div>
4899                                                                    <div class="text-sm flex ml-2">
4900                                                                        <span class="underline text-primary">
4901                                                                            alles anzeigen                                                                        </span>
4902                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
4903    <title>Arrow Right</title>
4904    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
4905                                                                    </div>
4906                                                                </a>
4907
4908                                                                                                                                    <div class="my-4">
4909                                                                        <a href="https://www.papstar-shop.de/produkte/servietten/motivservietten/dekorservietten-25-25.htm"
4910                                                                           title="Motivservietten&#x20;25&#x20;x&#x20;25&#x20;cm">
4911                                                                            Motivservietten&#x20;25&#x20;x&#x20;25&#x20;cm                                                                        </a>
4912                                                                    </div>
4913                                                                                                                                    <div class="my-4">
4914                                                                        <a href="https://www.papstar-shop.de/produkte/servietten/motivservietten/dekorservietten-33-33.htm"
4915                                                                           title="Motivservietten&#x20;33&#x20;x&#x20;33&#x20;cm">
4916                                                                            Motivservietten&#x20;33&#x20;x&#x20;33&#x20;cm                                                                        </a>
4917                                                                    </div>
4918                                                                                                                                    <div class="my-4">
4919                                                                        <a href="https://www.papstar-shop.de/produkte/servietten/motivservietten/dekorservietten-40-40.htm"
4920                                                                           title="Motivservietten&#x20;40&#x20;x&#x20;40&#x20;cm">
4921                                                                            Motivservietten&#x20;40&#x20;x&#x20;40&#x20;cm                                                                        </a>
4922                                                                    </div>
4923                                                                                                                            </div>
4924                                                                                                                    <div class="level-2">
4925                                                                <a href="https://www.papstar-shop.de/produkte/servietten/bestecktaschen.htm"
4926                                                                   title="Bestecktaschen&#x20;"
4927                                                                   class="level-2-items">
4928                                                                    <div class="flex font-bold">
4929                                                                        <sp
4929an>
4930                                                                        <?xml version="1.0" encoding="UTF-8"?>
4931<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 46.97 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
4932    <title>Cutlery Pouch</title>
4933    <path d="M9,8.28v20.63c0,4.42,1.15,8.77,3.32,12.54,0,0,.28.5.41.75l-.44,8.48" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4934    <path d="M21.54,8.28v20.63c0,4.42-1.15,8.77-3.31,12.54,0,0-.3.51-.42.75l.44,8.48" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4935    <line x1="13.12" y1="7.95" x2="13.12" y2="28.93" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4936    <line x1="17.24" y1="7.95" x2="17.24" y2="28.93" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4937    <path d="M33.33,45.34l.28,5.34h-5.75l.45-8.62h.06V7.85c0-1.06.86-1.93,1.93-1.93,2.55,0,4.41,1.04,5.62,2.73,1.21,1.69,1.78,4.03,1.78,6.6l.25,24.62c-.24,1.63-2.82,4.07-4.63,5.49h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4938    <rect x=".75" y=".75" width="45.47" height="49.94" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4939    <rect x=".75" y="50.69" width="45.47" height="48.56" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4940</svg>
4941                                                                        </span>
4942                                                                        <div class="level-2-headline"
4943                                                                             role="heading"
4944                                                                             aria-level="2">
4945                                                                            Bestecktaschen&#x20;                                                                        </div>
4946                                                                    </div>
4947                                                                    <div class="text-sm flex ml-2">
4948                                                                        <span class="underline text-primary">
4949                                                                            alles anzeigen                                                                        </span>
4950                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
4951    <title>Arrow Right</title>
4952    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
4953                                                                    </div>
4954                                                                </a>
4955
4956                                                                                                                            </div>
4957                                                                                                                    <div class="level-2">
4958                                                                <a href="https://www.papstar-shop.de/produkte/servietten/weihnachtsservietten.htm"
4959                                                                   title="Weihnachtsservietten"
4960                                                                   class="level-2-items">
4961                                                                    <div class="flex font-bold">
4962                                                                        <span>
4963                                                                        <?xml version="1.0" encoding="UTF-8"?>
4964<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 81.54 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
4965    <title>Xmas Ball</title>
4966    <path d="M40.77,99.25c22.1,0,40.02-17.99,40.02-40.18S62.87,18.89,40.77,18.89.75,36.88.75,59.07s17.92,40.18,40.02,40.18Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4967    <path d="M40,18.85s.09.06.15,0c.18.09.38.09.62.09.18,0,.44,0,.62-.09.06.06.09,0,.15,0" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4968    <path d="M31.68,9.85c0-5.03,4.04-9.1,9.06-9.1s9.12,4.06,9.12,9.1" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4969    <path d="M54.96,21.49v-11.64h-28.39v11.64" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4970    <path d="M77.57,43.15H4" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4971    <path d="M77.51,74.95H4.06" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4972    <path d="M68.92,59.07c0-4.27,4.25-7.67,9.42-7.67.62,0,1.18.06,1.77.15" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4973    <path d="M68.92,59.07c0,4.21-4.22,7.61-9.39,7.61s-9.39-3.41-9.39-7.61" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4974    <path d="M50.16,59.07c0-4.24-4.22-7.64-9.36-7.64s-9.39,3.41-9.39,7.64" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4975    <path d="M31.38,59.07c0,4.21-4.22,7.61-9.39,7.61s-9.39-3.41-9.39-7.61" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4976    <path d="M1.46,51.54c.56-.09,1.15-.15,1.71-.15,5.19,0,9.42,3.41,9.42,7.67" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4977    <path d="M22,58.53c1.3,0,2.36-1.06,2.36-2.37s-1.05-2.37-2.36-2.37-2.36,1.06-2.36,2.37,1.05,2.37,2.36,2.37Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4978    <path d="M59.54,58.53c1.3,0,2.36-1.06,2.36-2.37s-1.05-2.37-2.36-2.37-2.36,1.06-2.36,2.37,1.05,2.37,2.36,2.37Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4979    <path d="M40.74,64.08c1.3,0,2.36-1.06,2.36-2.37s-1.05-2.37-2.36-2.37-2.36,1.06-2.36,2.37,1.05,2.37,2.36,2.37Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
4980</svg>
4981                                                                        </span>
4982                                                                        <div class="level-2-headline"
4983                                                                             role="heading"
4984                                                                             aria-level="2">
4985                                                                            Weihnachtsservietten                                                                        </div>
4986                                                                    </div>
4987                                                                    <div class="text-sm flex ml-2">
4988                                                                        <sp
4988an class="underline text-primary">
4989                                                                            alles anzeigen                                                                        </span>
4990                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
4991    <title>Arrow Right</title>
4992    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
4993                                                                    </div>
4994                                                                </a>
4995
4996                                                                                                                            </div>
4997                                                                                                                    <div class="level-2">
4998                                                                <a href="https://www.papstar-shop.de/produkte/servietten/servietten-hochzeit.htm"
4999                                                                   title="Servietten&#x20;zur&#x20;Hochzeit"
5000                                                                   class="level-2-items">
5001                                                                    <div class="flex font-bold">
5002                                                                        <span>
5003                                                                        <?xml version="1.0" encoding="UTF-8"?>
5004<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 67.18" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
5005    <title>Weddingrings</title>
5006    <path d="M50.01,13.2c-1.8-1.45-3.81-2.68-5.98-3.61" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
5007    <path d="M50.01,62.03c-4.83,2.8-10.44,4.4-16.43,4.4-18.14,0-32.83-14.71-32.83-32.83S15.44.75,33.58.75c5.99,0,11.6,1.61,16.43,4.4" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
5008    <path d="M55.97,9.59c6.43,5.98,10.45,14.52,10.45,24s-4.03,18.02-10.45,24" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
5009    <path d="M50.01,53.98c5.95-4.8,9.76-12.14,9.76-20.38s-3.81-15.59-9.76-20.39c-1.8-1.45-3.81-2.68-5.98-3.61-3.21-1.41-6.73-2.18-10.45-2.18-14.46,0-26.19,11.72-26.19,26.19s11.72,26.17,26.19,26.17c3.72,0,7.25-.77,10.45-2.17" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
5010    <path d="M55.97,9.59c-1.81-1.71-3.81-3.19-5.96-4.43,4.83-2.8,10.44-4.4,16.41-4.4,18.12,0,32.83,14.71,32.83,32.84s-14.71,32.83-32.83,32.83c-5.98,0-11.58-1.61-16.41-4.4-2.17-1.24-4.16-2.72-5.98-4.41-6.43-5.99-10.45-14.54-10.45-24s4.03-18.04,10.45-24c2.17.94,4.18,2.17,5.98,3.61" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
5011    <path d="M50.01,13.2c-5.96,4.8-9.77,12.15-9.77,20.39s3.81,15.59,9.77,20.38c1.8,1.47,3.81,2.69,5.96,3.63,3.21,1.39,6.73,2.17,10.45,2.17,14.46,0,26.17-11.71,26.17-26.17s-11.71-26.19-26.17-26.19c-3.72,0-7.25.77-10.45,2.18" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
5012</svg>
5013                                                                        </span>
5014                                                                        <div class="level-2-headline"
5015                                                                             role="heading"
5016                                                                             aria-level="2">
5017                                                                            Servietten&#x20;zur&#x20;Hochzeit                                                                        </div>
5018                                                                    </div>
5019                                                                    <div class="text-sm flex ml-2">
5020                                                                        <span class="underline text-primary">
5021                                                                            alles anzeigen                                                                        </span>
5022                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
5023    <title>Arrow Right</title>
5024    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
5025                                                                    </div>
5026                                                                </a>
5027
5028                                                                                                                            </div>
5029                                                                                                            </div>
5030                                                </template>
5031                                                                                                                                <button class="mobile-nav-items" type="button"
5032                                                    @click="mobilePanelActiveIdX = mobilePanelActiveIdX === 'category-node-46' ? 0 : 'category-node-46'"
5033                                                    :class="{'-translate-x-full' : mobilePanelActiveIdX,'translate-x-0' : !mobilePanelActiveIdX}">
5034
5035                                                                                                    <sp
5035an>
5036                                                        <?xml version="1.0" encoding="UTF-8"?>
5037<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 53.49" class="h-8 w-8 text-main flex-shrink-0 mr-6 stroke-4">
5038    <title>Tablecloth</title>
5039    <path d="M18.18.75l7.55,7.63H.75V.75h17.43Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5040    <path d="M99.25.75v7.63h-24.95l7.52-7.63h17.43Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5041    <path d="M7.69,8.38v44.35" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5042    <path d="M92.34,8.38v44.35" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5043    <path d="M81.83.75l-7.52,7.63-24.29,24.65L25.73,8.38,18.18.75s63.64,0,63.64,0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5044</svg>
5045                                                    </span>
5046                                                    <span>Tischdecken</span>
5047
5048                                                    <span class="mobile-nav-items-chev"
5049                                                          :class="{ 'w-0' : !open, 'w-10' : open }">
5050                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="w-full h-full p-1">
5051    <title>Arrow Right</title>
5052    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
5053                                                    </span>
5054                                                                                            </button>
5055
5056                                                                                            <template x-if="mobilePanelActiveIdX === 'category-node-46'">
5057                                                    <div class="mobile-nav-items-children"
5058                                                         :class="{'translate-x-full' : mobilePanelActiveIdX !== 'category-node-46',
5059                                                             'translate-x-0' : mobilePanelActiveIdX === 'category-node-46',
5060                                                        }">
5061                                                        <button class="level-1-back-btn"
5062                                                           tabindex="0"
5063                                                           :class="{ 'w-0' : !open, 'w-10' : open }"
5064                                                           @click="mobilePanelActiveIdX = 0">
5065                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" width="28" height="28">
5066    <title>Arrow Left</title>
5067    <path d="M20,25a1,1,0,0,1-.71-.29l-8-8a1,1,0,0,1,0-1.42l8-8a1,1,0,1,1,1.42,1.42L13.41,16l7.3,7.29a1,1,0,0,1,0,1.42A1,1,0,0,1,20,25Z"/></svg>
5068                                                            <span>zurück zu Alle Produkte</span>
5069                                                        </button>
5070
5071                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer.htm"
5072                                                           title="Tischdecken"
5073                                                           class="w-full py-2 px-4">
5074                                                            <div class="level-1-headline"
5075                                                                 role="heading"
5076                                                                 aria-level="1">
5077                                                                <span>Tischdecken</span>
5078                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary pl-4 h-7">
5079    <title>Arrow Right</title>
5080    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
5081                                                            </div>
5082                                                        </a>
5083
5084                                                                                                                    <div class="level-2">
5085                                                                <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/einweg-tischdecken-tischdeckenrollen.htm"
5086                                                                   title="Einwegtischdecken&#x20;&amp;&#x20;Tischdeckenrollen"
5087                                                                   class="level-2-items">
5088                                                                    <div class="flex font-bold">
5089                                                                        <sp
5089an>
5090                                                                        <?xml version="1.0" encoding="UTF-8"?>
5091<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 53.49" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
5092    <title>Tablecloth</title>
5093    <polygon points="12.43 8.38 .75 8.38 .75 .75 12.43 8.38" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5094    <polygon points="99.25 .75 99.25 8.38 87.62 8.38 99.25 .75" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5095    <path d="M7.69,8.38v44.35" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5096    <path d="M92.34,8.38v44.35" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5097    <polygon points="99.25 .75 87.62 8.38 50.03 33.04 12.43 8.38 .75 .75 99.25 .75" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5098</svg>
5099                                                                        </span>
5100                                                                        <div class="level-2-headline"
5101                                                                             role="heading"
5102                                                                             aria-level="2">
5103                                                                            Einwegtischdecken&#x20;&amp;&#x20;Tischdeckenrollen                                                                        </div>
5104                                                                    </div>
5105                                                                    <div class="text-sm flex ml-2">
5106                                                                        <span class="underline text-primary">
5107                                                                            alles anzeigen                                                                        </span>
5108                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
5109    <title>Arrow Right</title>
5110    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
5111                                                                    </div>
5112                                                                </a>
5113
5114                                                                                                                                    <div class="my-4">
5115                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/einweg-tischdecken-tischdeckenrollen/papiertischdecken.htm"
5116                                                                           title="Tischdecken&#x20;aus&#x20;Papier">
5117                                                                            Tischdecken&#x20;aus&#x20;Papier                                                                        </a>
5118                                                                    </div>
5119                                                                                                                                    <div class="my-4">
5120                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/einweg-tischdecken-tischdeckenrollen/vlies-tischdecken.htm"
5121                                                                           title="Tischdecken&#x20;aus&#x20;Vlies">
5122                                                                            Tischdecken&#x20;aus&#x20;Vlies                                                                        </a>
5123                                                                    </div>
5124                                                                                                                                    <div class="my-4">
5125                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/einweg-tischdecken-tischdeckenrollen/tischdecken-muster.htm"
5126                                                                           title="Tischdecken&#x20;mit&#x20;Muster">
5127                                                                            Tischdecken&#x20;mit&#x20;Muster                                                                        </a>
5128                                                                    </div>
5129                                                                                                                                    <div class="my-4">
5130                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/einweg-tischdecken-tischdeckenrollen/airlaid-tischdecken.htm"
5131                                                                           title="Tischdecken&#x20;aus&#x20;Airlaid">
5132                                                                            Tischdecken&#x20;aus&#x20;Airlaid                                                                        </a>
5133                                                                    </div>
5134                                                                                                                                    <div class="my-4">
5135                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/einweg-tischdecken-tischdeckenrollen/tissue-tischdecken.htm"
5136                                                                           title="Tischdecken&#x20;aus&#x20;Tissue">
5137                                                                            Tischdecken&#x20;aus&#x20;Tissue                                                                        </a>
5138                                                                    </div>
5139                                                                                                                                    <div class="my-4">
5140                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/einweg-tischdecken-tischdeckenrollen/beschichtete-tischdecken.htm"
5141                                                                           title="Beschichtete&#x20;Tischdecken&#x20;aus&#x20;Vlies">
5142                                                                            Beschichtete&#x20;Tischdecken&#x20;aus&#x20;Vlies                                                                        </a>
5143                                                                    </div>
5144                                                                                                                                    <div class="my-4">
5145                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/einweg-tischdecken-tischdeckenrollen/tischdecken-pv-tissue.htm"
5146                                                                           title="Tischdecken&#x20;aus&#x20;PV-Tissue-Mix">
5147                                                                            Tischdecken&#x20;aus&#x20;PV-Tissue-Mix                                                                        </a>
5148                                                                    </div>
5149                                                                                                                                    <div class="my-4">
5150                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/einweg-tischdecken-tischdeckenrollen/tischdecken-folien.htm"
5151                                                                           title="Tischdecken&#x20;aus&#x20;Folie">
5152                                                                            Tischdecken&#x20;aus&#x20;Folie                                                                        </a>
5153                                                                    </div>
5154                                                                                                                            </div>
5155                                                                                                                    <div class="level-2">
5156                                                                <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/tischlaeufer.htm"
5157                                                                   title="Einwegtischl&#xE4;ufer"
5158                                                                   class="level-2-items">
5159                                                                    <div class="flex font-bold">
5160                                                                        <sp
5160an>
5161                                                                        <?xml version="1.0" encoding="UTF-8"?>
5162<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 53.51" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
5163    <title>Tablecloth</title>
5164    <path d="M7.68,8.4v44.35" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5165    <path d="M92.33,8.4v44.35" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5166    <rect x=".75" y=".78" width="23.59" height="7.63" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5167    <rect x="75.66" y=".78" width="23.59" height="7.63" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5168    <rect x="24.34" y=".78" width="51.32" height="32.31" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5169    <rect x="24.34" y=".75" width="51.32" height=".02" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5170</svg>
5171                                                                        </span>
5172                                                                        <div class="level-2-headline"
5173                                                                             role="heading"
5174                                                                             aria-level="2">
5175                                                                            Einwegtischl&#xE4;ufer                                                                        </div>
5176                                                                    </div>
5177                                                                    <div class="text-sm flex ml-2">
5178                                                                        <span class="underline text-primary">
5179                                                                            alles anzeigen                                                                        </span>
5180                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
5181    <title>Arrow Right</title>
5182    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
5183                                                                    </div>
5184                                                                </a>
5185
5186                                                                                                                                    <div class="my-4">
5187                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/tischlaeufer/airlaid-tischlaeufer.htm"
5188                                                                           title="Tischl&#xE4;ufer&#x20;aus&#x20;Airlaid">
5189                                                                            Tischl&#xE4;ufer&#x20;aus&#x20;Airlaid                                                                        </a>
5190                                                                    </div>
5191                                                                                                                                    <div class="my-4">
5192                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/tischlaeufer/tischlaeufer-pv-tissue.htm"
5193                                                                           title="Tischl&#xE4;ufer&#x20;aus&#x20;PV-Tissue-Mix">
5194                                                                            Tischl&#xE4;ufer&#x20;aus&#x20;PV-Tissue-Mix                                                                        </a>
5195                                                                    </div>
5196                                                                                                                                    <div class="my-4">
5197                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/tischlaeufer/tischlaeufer-royal-collection.htm"
5198                                                                           title="Tischl&#xE4;ufer&#x20;aus&#x20;Tissue">
5199                                                                            Tischl&#xE4;ufer&#x20;aus&#x20;Tissue                                                                        </a>
5200                                                                    </div>
5201                                                                                                                                    <div class="my-4">
5202                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/tischlaeufer/beschichtete-tischlaeufer.htm"
5203                                                                           title="Beschichtete&#x20;Tischl&#xE4;ufer&#x20;aus&#x20;Vlies">
5204                                                                            Beschichtete&#x20;Tischl&#xE4;ufer&#x20;aus&#x20;Vlies                                                                        </a>
5205                                                                    </div>
5206                                                                                                                                    <div class="my-4">
5207                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/tischlaeufer/vlies-tischlaeufer.htm"
5208                                                                           title="Tischl&#xE4;ufer&#x20;aus&#x20;Vlies">
5209                                                                            Tischl&#xE4;ufer&#x20;aus&#x20;Vlies                                                                        </a>
5210                                                                    </div>
5211                                                                                                                                    <div class="my-4">
5212                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/tischlaeufer/sizoflor-tischband.htm"
5213                                                                           title="Sizoflor&#x20;Tischb&#xE4;nder">
5214                                                                            Sizoflor&#x20;Tischb&#xE4;nder                                                                        </a>
5215                                                                    </div>
5216                                                                                                                            </div>
5217                                                                                                                    <div class="level-2">
5218                                                                <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/mitteldecken.htm"
5219                                                                   title="Einwegmitteldecken"
5220                                                                   class="level-2-items">
5221                                                                    <div class="flex font-bold">
5222                                                                        <sp
5222an>
5223                                                                        <?xml version="1.0" encoding="UTF-8"?>
5224<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 53.49" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
5225    <title>Tablecloth</title>
5226    <polygon points="34.48 4.84 38.63 8.38 .75 8.38 .75 .75 29.63 .75 34.48 4.84" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5227    <polygon points="99.25 .75 99.25 8.38 61.39 8.38 65.55 4.84 70.37 .75 99.25 .75" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5228    <path d="M7.69,8.38v44.35" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5229    <path d="M92.34,8.38v44.35" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5230    <polygon points="70.37 .75 65.55 4.84 61.39 8.38 50.01 18.07 38.63 8.38 34.48 4.84 29.63 .75 70.37 .75" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5231</svg>
5232                                                                        </span>
5233                                                                        <div class="level-2-headline"
5234                                                                             role="heading"
5235                                                                             aria-level="2">
5236                                                                            Einwegmitteldecken                                                                        </div>
5237                                                                    </div>
5238                                                                    <div class="text-sm flex ml-2">
5239                                                                        <span class="underline text-primary">
5240                                                                            alles anzeigen                                                                        </span>
5241                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
5242    <title>Arrow Right</title>
5243    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
5244                                                                    </div>
5245                                                                </a>
5246
5247                                                                                                                                    <div class="my-4">
5248                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/mitteldecken/beschichtete-mitteldecken.htm"
5249                                                                           title="Beschichtete&#x20;Mitteldecken&#x20;aus&#x20;Vlies">
5250                                                                            Beschichtete&#x20;Mitteldecken&#x20;aus&#x20;Vlies                                                                        </a>
5251                                                                    </div>
5252                                                                                                                                    <div class="my-4">
5253                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/mitteldecken/vlies-mitteldecken.htm"
5254                                                                           title="Mitteldecken&#x20;aus&#x20;Vlies">
5255                                                                            Mitteldecken&#x20;aus&#x20;Vlies                                                                        </a>
5256                                                                    </div>
5257                                                                                                                                    <div class="my-4">
5258                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/mitteldecken
5258/tissue-mitteldecken.htm"
5259                                                                           title="Mitteldecken&#x20;aus&#x20;Tissue">
5260                                                                            Mitteldecken&#x20;aus&#x20;Tissue                                                                        </a>
5261                                                                    </div>
5262                                                                                                                            </div>
5263                                                                                                                    <div class="level-2">
5264                                                                <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/tischsets-platzsets.htm"
5265                                                                   title="Einwegtischsets"
5266                                                                   class="level-2-items">
5267                                                                    <div class="flex font-bold">
5268                                                                        <span>
5269                                                                        <?xml version="1.0" encoding="UTF-8"?>
5270<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 62.96" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
5271    <title>Tablecloth set</title>
5272    <rect x=".75" y=".75" width="98.5" height="61.46" stroke="currentColor" stroke-width="2" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5273    <path d="M15.48,8.81v11.37c0,2.44-.63,4.84-1.82,6.91l-.24.41,1.27,24.6c0,2.03-1.19,3.68-2.67,3.68s-2.67-1.65-2.67-3.68l1.27-24.6c-.08-.14-.23-.41-.23-.41-1.19-2.09-1.82-4.48-1.82-6.91v-11.37" stroke="currentColor" stroke-width="2" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5274    <line x1="10.84" y1="8.63" x2="10.84" y2="20.19" stroke="currentColor" stroke-width="2" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5275    <line x1="13.1" y1="8.63" x2="13.1" y2="20.19" stroke="currentColor" stroke-width="2" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5276    <path d="M91.44,25.89l-.14-13.56c0-1.42-.32-2.7-.99-3.63-.67-.93-1.69-1.51-3.1-1.51-.59,0-1.06.48-1.06,1.06v18.86h-.03l-1.33,25.09c0,1.98,1.19,3.59,2.67,3.59s2.67-1.61,2.67-3.59l-1.23-23.29c1-.78,2.42-2.13,2.55-3.02h0Z" stroke="currentColor" stroke-width="2" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5277    <path d="M50,6.05c6.8,0,13.18,2.65,17.99,7.45,9.92,9.92,9.92,26.05,0,35.97-4.81,4.81-11.19,7.45-17.99,7.45s-13.18-2.65-17.99-7.45c-9.92-9.92-9.92-26.05,0-35.97,4.81-4.81,11.19-7.45,17.99-7.45" stroke="currentColor" stroke-width="2" style="fill:none;stroke-miterlimit:10;"/>
5278    <path d="M50,15.89c-8.61,0-15.59,6.98-15.59,15.59s6.98,15.59,15.59,15.59,15.59-6.98,15.59-15.59-6.98-15.59-15.59-15.59h0Z" stroke="currentColor" stroke-width="2" style="fill:none;stroke-miterlimit:10;"/>
5279    <line x1="58.62" y1="10.15" x2="57" y2="14.15" stroke="currentColor" stroke-width="2" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
5280    <line x1="43" y1="48.82" x2="41.38" y2="52.82" stroke="currentColor" stroke-width="2" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
5281    <line x1="71.34" y1="40.1" x2="67.34" y2="38.49" stroke="currentColor" stroke-width="2" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
5282    <line x1="32.66" y1="24.48" x2="28.66" y2="22.86" stroke="currentColor" stroke-width="2" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
5283    <line x1="71.18" y1="22.49" x2="67.21" y2="24.17" stroke="currentColor" stroke-width="2" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
5284    <line x1="32.79" y1="38.79" x2="28.82" y2="40.48" stroke="currentColor" stroke-width="2" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
5285    <line x1="58.99" y1="52.66" x2="57.31" y2="48.69" stroke="currentColor" stroke-width="2" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
5286    <line x1="42.69" y1="14.27" x2="41.01" y2="10.3" stroke="currentColor" stroke-width="2" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
5287</svg>
5288                                                                        </span>
5289                                                                        <div class="level-2-headline"
5290                                                                             role="heading"
5291                                                                             aria-level="2">
5292                                                                            Einwegtischsets                                                                        </div>
5293                                                                    </div>
5294                                                                    <div class="text-sm flex ml-2">
5295                                                                        <span class="underline text-primary">
5296                                                                            alles anzeigen                                                                        </span>
5297                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
5298    <title>Arrow Right</title>
5299    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
5300                                                                    </div>
5301                                                                </a>
5302
5303                                                                                                                                    <div class="my-4">
5304                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/tischsets-platzsets/papier-tischsets.htm"
5305                                                                           title="Tischsets&#x20;aus&#x20;Papier">
5306                                                                            Tischsets&#x20;aus&#x20;Papier                                                                        </a>
5307                                                                    </div>
5308                                                                                                                                    <div class="my-4">
5309                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/tischsets-platzsets/beschichtete-tischsets.htm"
5310                                                                           title="Beschichtete&#x20;Tischsets&#x20;aus&#x20;Vlies">
5311                                                                            Beschichtete&#x20;Tischsets&#x20;aus&#x20;Vlies                                                                        </a>
5312                                                                    </div>
5313                                                                                                                                    <div class="my-4">
5314                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/tischsets-platzsets/tischsets-vlies.htm"
5315                                                                           title="Tischsets&#x20;aus&#x20;Vlies">
5316                                                                            Tischsets&#x20;aus&#x20;Vlies                                                                        </a>
5317                                                                    </div>
5318                                                                                                                            </div>
5319                                                                                                            </div>
5320                                                </template>
5321                                                                                                                                <button class="mobile-nav-items" type="button"
5322                                                    @click="mobilePanelActiveIdX = mobilePanelActiveIdX === 'category-node-352' ? 0 : 'category-node-352'"
5323                                                    :class="{'-translate-x-full' : mobilePanelActiveIdX,'translate-x-0' : !mobilePanelActiveIdX}">
5324
5325                                                                                                    <sp
5325an>
5326                                                        <?xml version="1.0" encoding="UTF-8"?>
5327<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49.88 100" class="h-8 w-8 text-main flex-shrink-0 mr-6 stroke-4">
5328    <title>Candle</title>
5329    <path d="M14.93,20.69c0-4.61,5.42-13.66,10.01-19.94,4.6,6.42,10.01,15.33,10.01,19.94,0,5.3-2.63,9.21-6.68,10.61h-6.68c-4.02-1.39-6.68-5.3-6.68-10.61h.03,0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5330    <path d="M49.13,40.71H.75v58.54h48.38v-58.54Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5331    <path d="M24.88,23.56v17.15" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5332</svg>
5333                                                    </span>
5334                                                    <span>Kerzen</span>
5335
5336                                                    <span class="mobile-nav-items-chev"
5337                                                          :class="{ 'w-0' : !open, 'w-10' : open }">
5338                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="w-full h-full p-1">
5339    <title>Arrow Right</title>
5340    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
5341                                                    </span>
5342                                                                                            </button>
5343
5344                                                                                            <template x-if="mobilePanelActiveIdX === 'category-node-352'">
5345                                                    <div class="mobile-nav-items-children"
5346                                                         :class="{'translate-x-full' : mobilePanelActiveIdX !== 'category-node-352',
5347                                                             'translate-x-0' : mobilePanelActiveIdX === 'category-node-352',
5348                                                        }">
5349                                                        <button class="level-1-back-btn"
5350                                                           tabindex="0"
5351                                                           :class="{ 'w-0' : !open, 'w-10' : open }"
5352                                                           @click="mobilePanelActiveIdX = 0">
5353                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" width="28" height="28">
5354    <title>Arrow Left</title>
5355    <path d="M20,25a1,1,0,0,1-.71-.29l-8-8a1,1,0,0,1,0-1.42l8-8a1,1,0,1,1,1.42,1.42L13.41,16l7.3,7.29a1,1,0,0,1,0,1.42A1,1,0,0,1,20,25Z"/></svg>
5356                                                            <span>zurück zu Alle Produkte</span>
5357                                                        </button>
5358
5359                                                        <a href="https://www.papstar-shop.de/produkte/kerzen.htm"
5360                                                           title="Kerzen"
5361                                                           class="w-full py-2 px-4">
5362                                                            <div class="level-1-headline"
5363                                                                 role="heading"
5364                                                                 aria-level="1">
5365                                                                <span>Kerzen</span>
5366                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary pl-4 h-7">
5367    <title>Arrow Right</title>
5368    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
5369                                                            </div>
5370                                                        </a>
5371
5372                                                                                                                    <div class="level-2">
5373                                                                <a href="https://www.papstar-shop.de/produkte/kerzen/stabkerzen-leuchterkerzen.htm"
5374                                                                   title="Stabkerzen&#x20;&amp;&#x20;Leuchterkerzen"
5375                                                                   class="level-2-items">
5376                                                                    <div class="flex font-bold">
5377                                                                        <sp
5377an>
5378                                                                        <?xml version="1.0" encoding="UTF-8"?>
5379<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
5380    <title>Thin Candle</title>
5381    <path d="M.78,13.18C.78,10.31,4.16,4.66,7.01.75c2.87,4.01,6.24,9.55,6.24,12.43,0,3.31-1.64,5.74-4.17,6.61h-4.17c-2.51-.87-4.17-3.31-4.17-6.61h.03Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5382    <path d="M12.32,25.66H1.7v73.59h10.63V25.66Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5383    <path d="M7.01,14.97v10.69" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5384</svg>
5385                                                                        </span>
5386                                                                        <div class="level-2-headline"
5387                                                                             role="heading"
5388                                                                             aria-level="2">
5389                                                                            Stabkerzen&#x20;&amp;&#x20;Leuchterkerzen                                                                        </div>
5390                                                                    </div>
5391                                                                    <div class="text-sm flex ml-2">
5392                                                                        <span class="underline text-primary">
5393                                                                            alles anzeigen                                                                        </span>
5394                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
5395    <title>Arrow Right</title>
5396    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
5397                                                                    </div>
5398                                                                </a>
5399
5400                                                                                                                            </div>
5401                                                                                                                    <div class="level-2">
5402                                                                <a href="https://www.papstar-shop.de/produkte/kerzen/teelichter.htm"
5403                                                                   title="Teelichter"
5404                                                                   class="level-2-items">
5405                                                                    <div class="flex font-bold">
5406                                                                        <span>
5407                                                                        <?xml version="1.0" encoding="UTF-8"?>
5408<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79.45 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
5409    <title>Small Candle</title>
5410    <path d="M23.6,32.87c0-7.42,8.72-22.01,16.12-32.12,7.41,10.35,16.12,24.69,16.12,32.12,0,8.54-4.24,14.83-10.77,17.08h-10.77c-6.48-2.25-10.77-8.54-10.77-17.08h.05Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5411    <path d="M78.7,65.13H.75v34.12h77.94v-34.12h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5412    <path d="M39.63,37.5v27.63" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5413</svg>
5414                                                                        </span>
5415                                                                        <div class="level-2-headline"
5416                                                                             role="heading"
5417                                                                             aria-level="2">
5418                                                                            Teelichter                                                                        </div>
5419                                                                    </div>
5420                                                                    <div class="text-sm flex ml-2">
5421                                                                        <sp
5421an class="underline text-primary">
5422                                                                            alles anzeigen                                                                        </span>
5423                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
5424    <title>Arrow Right</title>
5425    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
5426                                                                    </div>
5427                                                                </a>
5428
5429                                                                                                                            </div>
5430                                                                                                                    <div class="level-2">
5431                                                                <a href="https://www.papstar-shop.de/produkte/kerzen/stearin-kerzen.htm"
5432                                                                   title="Stearin-Kerzen"
5433                                                                   class="level-2-items">
5434                                                                    <div class="flex font-bold">
5435                                                                        <span>
5436                                                                        <?xml version="1.0" encoding="UTF-8"?>
5437<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49.88 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
5438    <title>Candle</title>
5439    <path d="M14.93,20.69c0-4.61,5.42-13.66,10.01-19.94,4.6,6.42,10.01,15.33,10.01,19.94,0,5.3-2.63,9.21-6.68,10.61h-6.68c-4.02-1.39-6.68-5.3-6.68-10.61h.03,0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5440    <path d="M49.13,40.71H.75v58.54h48.38v-58.54Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5441    <path d="M24.88,23.56v17.15" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5442</svg>
5443                                                                        </span>
5444                                                                        <div class="level-2-headline"
5445                                                                             role="heading"
5446                                                                             aria-level="2">
5447                                                                            Stearin-Kerzen                                                                        </div>
5448                                                                    </div>
5449                                                                    <div class="text-sm flex ml-2">
5450                                                                        <span class="underline text-primary">
5451                                                                            alles anzeigen                                                                        </span>
5452                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
5453    <title>Arrow Right</title>
5454    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
5455                                                                    </div>
5456                                                                </a>
5457
5458                                                                                                                            </div>
5459                                                                                                                    <div class="level-2">
5460                                                                <a href="https://www.papstar-shop.de/produkte/kerzen/duftkerzen.htm"
5461                                                                   title="Duftkerzen"
5462                                                                   class="level-2-items">
5463                                                                    <div class="flex font-bold">
5464                                                                        <sp
5464an>
5465                                                                        <?xml version="1.0" encoding="UTF-8"?>
5466<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 99.98 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
5467    <title>Flower</title>
5468    <path d="M55.06,38.12c.2-.53.38-1.09.54-1.69.11-.4.11-.4,0,0,1.08-3.77,1.74-8.67,1.74-14.01,0-11.97-3.29-21.66-7.37-21.66s-7.39,9.69-7.39,21.65c0,5.33.66,10.21,1.74,13.99.18.62.36,1.19.57,1.73" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
5469    <path d="M45.18,38.01c-.25-.52-.53-1.06-.83-1.63-1.9-3.44-4.89-7.35-8.66-11.12-8.46-8.46-17.64-12.97-20.54-10.1-2.89,2.89,1.64,12.08,10.1,20.54,3.78,3.78,7.7,6.77,11.15,8.67,0,0,0,0,0,0,.54.3,1.06.56,1.59.81" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
5470    <path d="M38.11,44.93c-.53-.2-1.09-.38-1.69-.54,0,0,0,0,0,0-3.77-1.08-8.67-1.74-14.01-1.74-11.95,0-21.65,3.3-21.65,7.38s9.69,7.38,21.65,7.38c5.35,0,10.24-.67,14.01-1.74q2.51-.72,0,0c.61-.16,1.16-.34,1.69-.54" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
5471    <path d="M38,54.81c-.52.25-1.04.51-1.59.81-.36.2-.36.2,0,0-3.45,1.9-7.37,4.89-11.15,8.67-8.46,8.46-12.98,17.64-10.1,20.54,2.89,2.88,12.08-1.64,20.54-10.1,3.77-3.77,6.76-7.68,8.66-11.12.3-.56.58-1.1.83-1.63" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
5472    <path d="M44.92,61.88c-.21.54-.39,1.11-.57,1.73-1.09,3.77-1.74,8.66-1.74,13.99,0,11.95,3.31,21.65,7.39,21.65s7.38-9.69,7.38-21.65c0-5.35-.67-10.24-1.74-14.01q-.72-2.51,0,0c-.16-.61-.34-1.16-.54-1.69" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
5473    <path d="M61.98,54.81c.52.25,1.04.51,1.59.81,0,0,0,0,0,0,3.45,1.9,7.37,4.89,11.15,8.67,8.46,8.46,12.97,17.64,10.1,20.54-2.89,2.88-12.08-1.64-20.54-10.1-3.78-3.78-6.77-7.7-8.67-11.15q-1.27-2.3,0,0c-.3-.54-.56-1.06-.81-1.59" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
5474    <path d="M61.87,55.07c.53.2,1.09.38,1.69.54,0,0,0,0,0,0,3.77,1.08,8.67,1.74,14.01,1.74,11.95,0,21.65-3.3,21.65-7.38s-9.69-7.38-21.65-7.38c-5.35,0-10.24.67-14.01,1.74q-2.51.72,0,0c-.61.16-1.16.34-1.69.54" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
5475    <path d="M61.98,45.19c.52-.25,1.04-.51,1.59-.81.36-.2.36-.2,0,0,3.45-1.9,7.37-4.89,11.15-8.67,8.46-8.46,12.97-17.64,10.1-20.54-2.89-2.88-12.08,1.64-20.54,10.1-3.78,3.78-6.77,7.7-8.67,11.15q-1.27,2.3,0,0c-.3.54-.56,1.06-.81,1.59" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
5476    <path d="M61.98,54.81c-.04.1-.06.19-.11.26-.62,1.49-1.54,2.87-2.74,4.07s-2.58,2.12-4.07,2.74c-.08.05-.16.08-.26.11-3.07,1.24-6.55,1.24-9.62,0-.1-.04-.19-.06-.26-.11-1.49-.62-2.87-1.54-4.07-2.74s-2.12-2.58-2.74-4.07c-.05-.08-.08-.16-.11-.26-1.24-3.07-1.24-6.55,0-9.62.04-.1.06-.19.11-.26.62-1.49,1.54-2.87,2.74-4.07,1.2-1.2,2.58-2.12,4.07-2.74.08-.05.16-.08.26-.11,3.07-1.24,6.55-1.24,9.62,0,.1.04.19.06.26.11,1.49.62,2.87,1.54,4.07,2.74,1.2,1.2,2.12,2.58,2.74,4.07.05.08.08.16.11.26,1.24,3.07,1.24,6.55,0,9.62Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
5477</svg>
5478                                                                        </span>
5479                                                                        <div class="level-2-headline"
5480                                                                             role="heading"
5481                                                                             aria-level="2">
5482                                                                            Duftkerzen                                                                        </div>
5483                                                                    </div>
5484                                                                    <div class="text-sm flex ml-2">
5485                                                                        <span class="underline text-primary">
5486                                                                            alles anzeigen                                                                        </span>
5487                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
5488    <title>Arrow Right</title>
5489    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
5490                                                                    </div>
5491                                                                </a>
5492
5493                                                                                                                                    <div class="my-4">
5494                                                                        <a href="https://www.papstar-shop.de/produkte/kerzen/duftkerzen/duftkerzen-glas.htm"
5495                                                                           title="Duftkerzen&#x20;im&#x20;Glas">
5496                                                                            Duftkerzen&#x20;im&#x20;Glas                                                                        </a>
5497                                                                    </div>
5498                                                                                                                                    <div class="my-4">
5499                                                                        <a href="https://www.papstar-shop.de/produkte/kerzen/duftkerzen/duft-stumpenkerzen.htm"
5500                                                                           title="Duftstumpenkerzen">
5501                                                                            Duftstumpenkerzen                                                                        </a>
5502                                                                    </div>
5503                                                                                                                                    <div class="my-4">
5504                                                                        <a href="https://www.papstar-shop.de/produkte/kerzen/duftkerzen/duftteelichter.htm"
5505                                                                           title="Duftteelichter">
5506                                                                            Duftteelichter                                                                        </a>
5507                                                                    </div>
5508                                                                                                                            </div>
5509                                                                                                                    <div class="level-2">
5510                                                                <a href="https://www.papstar-shop.de/produkte/kerzen/tafelkerzen-kronkerzen.htm"
5511                                                                   title="Tafelkerzen&#x20;&amp;&#x20;Kronkerzen"
5512                                                                   class="level-2-items">
5513                                                                    <div class="flex font-bold">
5514                                                                        <sp
5514an>
5515                                                                        <?xml version="1.0" encoding="UTF-8"?>
5516<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
5517    <title>Thin Candle</title>
5518    <path d="M.78,13.18C.78,10.31,4.16,4.66,7.01.75c2.87,4.01,6.24,9.55,6.24,12.43,0,3.31-1.64,5.74-4.17,6.61h-4.17c-2.51-.87-4.17-3.31-4.17-6.61h.03Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5519    <path d="M12.32,25.66H1.7v73.59h10.63V25.66Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5520    <path d="M7.01,14.97v10.69" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5521</svg>
5522                                                                        </span>
5523                                                                        <div class="level-2-headline"
5524                                                                             role="heading"
5525                                                                             aria-level="2">
5526                                                                            Tafelkerzen&#x20;&amp;&#x20;Kronkerzen                                                                        </div>
5527                                                                    </div>
5528                                                                    <div class="text-sm flex ml-2">
5529                                                                        <span class="underline text-primary">
5530                                                                            alles anzeigen                                                                        </span>
5531                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
5532    <title>Arrow Right</title>
5533    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
5534                                                                    </div>
5535                                                                </a>
5536
5537                                                                                                                            </div>
5538                                                                                                                    <div class="level-2">
5539                                                                <a href="https://www.papstar-shop.de/produkte/kerzen/kaminkerzen.htm"
5540                                                                   title="Kaminkerzen"
5541                                                                   class="level-2-items">
5542                                                                    <div class="flex font-bold">
5543                                                                        <span>
5544                                                                        <?xml version="1.0" encoding="UTF-8"?>
5545<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 43.34 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
5546    <title>Candle High</title>
5547    <path d="M16.84,10.38c0-2.23,2.61-6.6,4.84-9.63,2.22,3.1,4.84,7.41,4.84,9.63,0,2.56-1.27,4.45-3.23,5.12h-3.23c-1.94-.67-3.23-2.56-3.23-5.12h.02Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5548    <path d="M42.59,31.64l-20.92-11.58L.75,31.64v67.61h41.84V31.64Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5549    <path d="M21.67,11.77v8.28" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5550</svg>
5551                                                                        </span>
5552                                                                        <div class="level-2-headline"
5553                                                                             role="heading"
5554                                                                             aria-level="2">
5555                                                                            Kaminkerzen                                                                        </div>
5556                                                                    </div>
5557                                                                    <div class="text-sm flex ml-2">
5558                                                                        <sp
5558an class="underline text-primary">
5559                                                                            alles anzeigen                                                                        </span>
5560                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
5561    <title>Arrow Right</title>
5562    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
5563                                                                    </div>
5564                                                                </a>
5565
5566                                                                                                                            </div>
5567                                                                                                                    <div class="level-2">
5568                                                                <a href="https://www.papstar-shop.de/produkte/kerzen/kerzenstaender-kerzenhalter.htm"
5569                                                                   title="Kerzenst&#xE4;nder&#x20;&amp;&#x20;Kerzenhalter"
5570                                                                   class="level-2-items">
5571                                                                    <div class="flex font-bold">
5572                                                                        <span>
5573                                                                        <?xml version="1.0" encoding="UTF-8"?>
5574<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 67.72" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
5575    <title>Candle Stand</title>
5576    <path d="M95.54,3.24c-.94,21.34-20.98,38.37-45.55,38.37S5.38,24.58,4.44,3.24" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5577    <path d="M8.36.75c-.33,1.46-1.63,2.49-3.12,2.49h-1.39C2.37,3.24,1.07,2.21.75.75h7.61Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5578    <path d="M82.1,3.24c-1.03,14.77-15.01,26.43-32.1,26.43S18.92,18,17.89,3.24" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5579    <path d="M69.37,3.24c-1.09,8.54-9.35,15.17-19.39,15.17S31.71,11.78,30.62,3.24" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5580    <polyline points="50 55.45 50 41.62 50 29.68 50 18.41 50 3.24" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5581    <path d="M46.81,55.45h6.35c6.9,0,12.87,4.79,14.37,11.52h-35.1c1.5-6.73,7.48-11.52,14.37-11.52Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5582    <path d="M18.76,3.25h-1.38c-1.5,0-2.8-1.03-3.12-2.5h7.61c-.33,1.46-1.63,2.5-3.12,2.5h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5583    <path d="M31.04,3.25h-1.38c-1.5,0-2.8-1.03-3.12-2.5h7.61c-.33,1.46-1.63,2.5-3.12,2.5h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5584    <path d="M50.69,3.25h-1.38c-1.5,0-2.8-1.03-3.12-2.5h7.61c-.33,1.46-1.63,2.5-3.12,2.5h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5585    <path d="M70.35,3.25h-1.38c-1.5,0-2.8-1.03-3.12-2.5h7.61c-.33,1.46-1.63,2.5-3.12,2.5h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5586    <path d="M82.63,3.25h-1.38c-1.5,0-2.8-1.03-3.12-2.5h7.61c-.33,1.46-1.63,2.5-3.12,2.5h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5587    <path d="M96.14,3.25h-1.38c-1.5,0-2.8-1.03-3.12-2.5h7.61c-.33,1.46-1.63,2.5-3.12,2.5h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5588</svg>
5589                                                                        </span>
5590                                                                        <div class="level-2-headline"
5591                                                                             role="heading"
5592                                                                             aria-level="2">
5593                                                                            Kerzenst&#xE4;nder&#x20;&amp;&#x20;Kerzenhalter                                                                        </div>
5594                                                                    </div>
5595                                                                    <div class="text-sm flex ml-2">
5596                                                                        <sp
5596an class="underline text-primary">
5597                                                                            alles anzeigen                                                                        </span>
5598                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
5599    <title>Arrow Right</title>
5600    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
5601                                                                    </div>
5602                                                                </a>
5603
5604                                                                                                                            </div>
5605                                                                                                                    <div class="level-2">
5606                                                                <a href="https://www.papstar-shop.de/produkte/kerzen/stumpenkerzen.htm"
5607                                                                   title="Stumpe
5607nkerzen"
5608                                                                   class="level-2-items">
5609                                                                    <div class="flex font-bold">
5610                                                                        <span>
5611                                                                        <?xml version="1.0" encoding="UTF-8"?>
5612<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 43.34 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
5613    <title>Candle High</title>
5614    <path d="M16.84,10.38c0-2.23,2.61-6.6,4.84-9.63,2.22,3.1,4.84,7.41,4.84,9.63,0,2.56-1.27,4.45-3.23,5.12h-3.23c-1.94-.67-3.23-2.56-3.23-5.12h.02Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5615    <path d="M42.59,31.64l-20.92-11.58L.75,31.64v67.61h41.84V31.64Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5616    <path d="M21.67,11.77v8.28" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5617</svg>
5618                                                                        </span>
5619                                                                        <div class="level-2-headline"
5620                                                                             role="heading"
5621                                                                             aria-level="2">
5622                                                                            Stumpenkerzen                                                                        </div>
5623                                                                    </div>
5624                                                                    <div class="text-sm flex ml-2">
5625                                                                        <span class="underline text-primary">
5626                                                                            alles anzeigen                                                                        </span>
5627                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
5628    <title>Arrow Right</title>
5629    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
5630                                                                    </div>
5631                                                                </a>
5632
5633                                                                                                                            </div>
5634                                                                                                                    <div class="level-2">
5635                                                                <a href="https://www.papstar-shop.de/produkte/kerzen/kerzen-themen.htm"
5636                                                                   title="Kerzen&#x20;nach&#x20;Themen&#x20;&amp;&#x20;Anl&#xE4;ssen"
5637                                                                   class="level-2-items">
5638                                                                    <div class="flex font-bold">
5639                                                                        <span>
5640                                                                        <?xml version="1.0" encoding="UTF-8"?>
5641<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 81.54 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
5642    <title>Xmas Ball</title>
5643    <path d="M40.77,99.25c22.1,0,40.02-17.99,40.02-40.18S62.87,18.89,40.77,18.89.75,36.88.75,59.07s17.92,40.18,40.02,40.18Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5644    <path d="M40,18.85s.09.06.15,0c.18.09.38.09.62.09.18,0,.44,0,.62-.09.06.06.09,0,.15,0" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5645    <path d="M31.68,9.85c0-5.03,4.04-9.1,9.06-9.1s9.12,4.06,9.12,9.1" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5646    <path d="M54.96,21.49v-11.64h-28.39v11.64" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5647    <path d="M77.57,43.15H4" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5648    <path d="M77.51,74.95H4.06" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5649    <path d="M68.92,59.07c0-4.27,4.25-7.67,9.42-7.67.62,0,1.18.06,1.77.15" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5650    <path d="M68.92,59.07c0,4.21-4.22,7.61-9.39,7.61s-9.39-3.41-9.39-7.61" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5651    <path d="M50.16,59.07c0-4.24-4.22-7.64-9.36-7.64s-9.39,3.41-9.39,7.64" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5652    <path d="M31.38,59.07c0,4.21-4.22,7.61-9.39,7.61s-9.39-3.41-9.39-7.61" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5653    <path d="M1.46,51.54c.56-.09,1.15-.15,1.71-.15,5.19,0,9.42,3.41,9.42,7.67" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5654    <path d="M22,58.53c1.3,0,2.36-1.06,2.36-2.37s-1.05-2.37-2.36-2.37-2.36,1.06-2.36,2.37,1.05,2.37,2.36,2.37Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5655    <path d="M59.54,58.53c1.3,0,2.36-1.06,2.36-2.37s-1.05-2.37-2.36-2.37-2.36,1.06-2.36,2.37,1.05,2.37,2.36,2.37Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5656    <path d="M40.74,64.08c1.3,0,2.36-1.06,2.36-2.37s-1.05-2.37-2.36-2.37-2.36,1.06-2.36,2.37,1.05,2.37,2.36,2.37Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5657</svg>
5658                                                                        </span>
5659                                                                        <div class="level-2-headline"
5660                                                                             role="heading"
5661                                                                             aria-level="2">
5662                                                                            Kerzen&#x20;nach&#x20;Themen&#x20;&amp;&#x20;Anl&#xE4;ssen                                                                        </div>
5663                                                                    </div>
5664                                                                    <div class="text-sm flex ml-2">
5665                                                                        <sp
5665an class="underline text-primary">
5666                                                                            alles anzeigen                                                                        </span>
5667                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
5668    <title>Arrow Right</title>
5669    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
5670                                                                    </div>
5671                                                                </a>
5672
5673                                                                                                                                    <div class="my-4">
5674                                                                        <a href="https://www.papstar-shop.de/produkte/kerzen/kerzen-themen/grablichter-oellichter.htm"
5675                                                                           title="Grablichter&#x20;&amp;&#x20;&#xD6;llichter">
5676                                                                            Grablichter&#x20;&amp;&#x20;&#xD6;llichter                                                                        </a>
5677                                                                    </div>
5678                                                                                                                                    <div class="my-4">
5679                                                                        <a href="https://www.papstar-shop.de/produkte/kerzen/kerzen-themen/brennpasten.htm"
5680                                                                           title="Brennpasten">
5681                                                                            Brennpasten                                                                        </a>
5682                                                                    </div>
5683                                                                                                                                    <div class="my-4">
5684                                                                        <a href="https://www.papstar-shop.de/produkte/kerzen/kerzen-themen/geburtstagskerzen.htm"
5685                                                                           title="Geburtstagskerzen">
5686                                                                            Geburtstagskerzen                                                                        </a>
5687                                                                    </div>
5688                                                                                                                                    <div class="my-4">
5689                                                                        <a href="https://www.papstar-shop.de/produkte/kerzen/kerzen-themen/weihnachtskerzen.htm"
5690                                                                           title="Weihnachtskerzen">
5691                                                                            Weihnachtskerzen                                                                        </a>
5692                                                                    </div>
5693                                                                                                                            </div>
5694                                                                                                                    <div class="level-2">
5695                                                                <a href="https://www.papstar-shop.de/produkte/kerzen/kerzen-sonderformen.htm"
5696                                                                   title="Kerzen&#x20;Sonderformen"
5697                                                                   class="level-2-items">
5698                                                                    <div class="flex font-bold">
5699                                                                        <sp
5699an>
5700                                                                        <?xml version="1.0" encoding="UTF-8"?>
5701<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 76.73 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
5702    <title>Starcandle</title>
5703    <path d="M28.3,20.83c0-4.64,5.46-13.77,10.09-20.08,4.63,6.47,10.09,15.44,10.09,20.08,0,5.34-2.65,9.28-6.74,10.69h-6.74c-4.05-1.41-6.74-5.34-6.74-10.69h.04Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5704    <path d="M38.32,23.74v17.28" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5705    <polygon points="75.98 24.02 58.69 61.63 75.98 99.25 38.37 81.95 .75 99.25 18.05 61.63 .75 24.02 38.37 41.31 75.98 24.02" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5706</svg>
5707                                                                        </span>
5708                                                                        <div class="level-2-headline"
5709                                                                             role="heading"
5710                                                                             aria-level="2">
5711                                                                            Kerzen&#x20;Sonderformen                                                                        </div>
5712                                                                    </div>
5713                                                                    <div class="text-sm flex ml-2">
5714                                                                        <span class="underline text-primary">
5715                                                                            alles anzeigen                                                                        </span>
5716                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
5717    <title>Arrow Right</title>
5718    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
5719                                                                    </div>
5720                                                                </a>
5721
5722                                                                                                                                    <div class="my-4">
5723                                                                        <a href="https://www.papstar-shop.de/produkte/kerzen/kerzen-sonderformen/kugelkerzen.htm"
5724                                                                           title="Kugelkerzen">
5725                                                                            Kugelkerzen                                                                        </a>
5726                                                                    </div>
5727                                                                                                                            </div>
5728                                                                                                                    <div class="level-2">
5729                                                                <a href="https://www.papstar-shop.de/produkte/kerzen/led-kerzen.htm"
5730                                                                   title="LED-Kerzen"
5731                                                                   class="level-2-items">
5732                                                                    <div class="flex font-bold">
5733                                                                        <span>
5734                                                                                                                                                </span>
5735                                                                        <div class="level-2-headline"
5736                                                                             role="heading"
5737                                                                             aria-level="2">
5738                                                                            LED-Kerzen                                                                        </div>
5739                                                                    </div>
5740                                                                    <div class="text-sm flex ml-2">
5741                                                                        <sp
5741an class="underline text-primary">
5742                                                                            alles anzeigen                                                                        </span>
5743                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
5744    <title>Arrow Right</title>
5745    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
5746                                                                    </div>
5747                                                                </a>
5748
5749                                                                                                                            </div>
5750                                                                                                            </div>
5751                                                </template>
5752                                                                                                                                <button class="mobile-nav-items" type="button"
5753                                                    @click="mobilePanelActiveIdX = mobilePanelActiveIdX === 'category-node-49' ? 0 : 'category-node-49'"
5754                                                    :class="{'-translate-x-full' : mobilePanelActiveIdX,'translate-x-0' : !mobilePanelActiveIdX}">
5755
5756                                                                                                    <span>
5757                                                        <?xml version="1.0" encoding="UTF-8"?>
5758<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 96.56" class="h-8 w-8 text-main flex-shrink-0 mr-6 stroke-4">
5759    <title>Soap</title>
5760    <path d="M20.25,27.25h12.29c10.76,0,19.5,8.67,19.5,19.33v49.23H.75v-49.23c0-10.66,8.75-19.33,19.5-19.33Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5761    <path d="M52.04,47.31H.75" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5762    <path d="M52.04,83.23H.75" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5763    <path d="M35.73,27.48c.07-.26.1-.55.1-.85v-6.75c0-3.29-2.7-6-6.05-6h-6.78c-3.35,0-6.05,2.71-6.05,6v6.75c0,.33.03.65.1.95" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5764    <path d="M26.4,13.89V3.94v9.95Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5765    <path d="M42.56,3.94h-19.76c-2.17,0-4.24.85-5.75,2.38l-6.81,6.75" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5766    <path d="M93.42,83.23h-32.88v12.55h32.88v-12.55Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5767    <path d="M89.97.75h-25.97c-5.39,0-9.66,4.56-9.24,9.91l5.79,72.57h32.88l5.79-72.57c.42-5.35-3.85-9.91-9.24-9.91h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5768    <path d="M76.98,58.32c5.25,0,9.5-7.31,9.5-16.33s-4.25-16.33-9.5-16.33-9.5,7.31-9.5,16.33,4.25,16.33,9.5,16.33Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5769    <polygon points="39.12 62.25 39.12 68.35 29.37 68.35 29.37 78.11 23.26 78.11 23.26 68.35 13.49 68.35 13.49 62.25 23.26 62.25 23.26 52.48 29.37 52.48 29.37 62.25 39.12 62.25" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5770</svg>
5771                                                    </span>
5772                                                    <span>Hygiene &amp; Medizin</span>
5773
5774                                                    <span class="mobile-nav-items-chev"
5775                                                          :class="{ 'w-0' : !open, 'w-10' : open }">
5776                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="w-full h-full p-1">
5777    <title>Arrow Right</title>
5778    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
5779                                                    </span>
5780                                                                                            </button>
5781
5782                                                                                            <template x-if="mobilePanelActiveIdX === 'category-node-49'">
5783                                                    <div class="mobile-nav-items-children"
5784                                                         :class="{'translate-x-full' : mobilePanelActiveIdX !== 'category-node-49',
5785                                                             'translate-x-0' : mobilePanelActiveIdX === 'category-node-49',
5786                                                        }">
5787                                                        <button class="level-1-back-btn"
5788                                                           tabindex="0"
5789                                                           :class="{ 'w-0' : !open, 'w-10' : open }"
5790                                                           @click="mobilePanelActiveIdX = 0">
5791                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" width="28" height="28">
5792    <title>Arrow Left</title>
5793    <path d="M20,25a1,1,0,0,1-.71-.29l-8-8a1,1,0,0,1,0-1.42l8-8a1,1,0,1,1,1.42,1.42L13.41,16l7.3,7.29a1,1,0,0,1,0,1.42A1,1,0,0,1,20,25Z"/></svg>
5794                                                            <span>zurück zu Alle Produkte</span>
5795                                                        </button>
5796
5797                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte.htm"
5798                                                           title="Hygiene&#x20;&amp;&#x20;Medizin"
5799                                                           class="w-full py-2 px-4">
5800                                                            <div class="level-1-headline"
5801                                                                 role="heading"
5802                                                                 aria-level="1">
5803                                                                <span>Hygiene &amp; Medizin</span>
5804                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary pl-4 h-7">
5805    <title>Arrow Right</title>
5806    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
5807                                                            </div>
5808                                                        </a>
5809
5810                                                                                                                    <div class="level-2">
5811                                                                <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/hygienepapier.htm"
5812                                                                   title="Hygienepapiere"
5813                                                                   class="level-2-items">
5814                                                                    <div class="flex font-bold">
5815                                                                        <span>
5816                                                                        <?xml version="1.0" encoding="UTF-8"?>
5817<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 101.5 93.85" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
5818    <title>Dispenser</title>
5819    <polygon points="36.51 29.25 36.51 37.77 22.9 37.77 22.9 51.38 14.38 51.38 14.38 37.77 .75 37.77 .75 29.25 14.38 29.25 14.38 15.62 22.9 15.62 22.9 29.25 36.51 29.25" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5820    <path d="M60.31,4.86v.08c-.22,2.22-9.48,4.01-20.84,4.01s-20.61-1.79-20.84-4.01v-.08c0-2.27,9.35-4.11,20.84-4.11s20.84,1.84,20.84,4.11Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5821    <path d="M60.31,4.94v84.06c0,2.25-9.33,4.1-20.84,4.1s-20.84-1.84-20.84-4.1v-37.62h4.28v-13.61h13.61v-8.52h-13.61v-13.63h-4.28V4.94c.23,2.22,9.5,4.01,20.84,4.01s20.63-1.79,20.84-4.01Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5822    <path d="M95.2,11.57l5.08,5.08c.63.63.63,1.66,0,2.29l-3.93,3.93c-.63.63-.63,1.66,0,2.29l3.93,3.93c.63.63.63,1.66,0,2.29l-3.93,3.93c-.63.63-.63,1.66,0,2.29l3.93,3.93c.63.63.63,1.66,0,2.29l-3.93,3.93c-.63.63-.63,1.66,0,2.29l3.93,3.93c.63.63.63,1.66,0,2.29l-3.93,3.93c-.63.63-.63,1.66,0,2.29l3.93,3.93c.63.63.63,1.66,0,2.29l-3.93,3.93c-.63.63-.63,1.66,0,2.29l3.93,3.93c.63.63.63,1.66,0,2.29l-5.08,5.08" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5823    <line x1="60.31" y1="11.57" x2="95.2" y2="11.57" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5824    <line x1="60.31" y1="86.22" x2="95.2" y2="86.22" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5825</svg>
5826                                                                        </span>
5827                                                                        <div class="level-2-headline"
5828                                                                             role="heading"
5829                                                                             aria-level="2">
5830                                                                            Hygienepapiere                                                                        </div>
5831                                                                    </div>
5832                                                                    <div class="text-sm flex ml-2">
5833                                                                        <sp
5833an class="underline text-primary">
5834                                                                            alles anzeigen                                                                        </span>
5835                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
5836    <title>Arrow Right</title>
5837    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
5838                                                                    </div>
5839                                                                </a>
5840
5841                                                                                                                                    <div class="my-4">
5842                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/hygienepapier/toilettenpapier.htm"
5843                                                                           title="Toilettenpapier">
5844                                                                            Toilettenpapier                                                                        </a>
5845                                                                    </div>
5846                                                                                                                                    <div class="my-4">
5847                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/hygienepapier/papierhandtuecher.htm"
5848                                                                           title="Papierhandt&#xFC;cher">
5849                                                                            Papierhandt&#xFC;cher                                                                        </a>
5850                                                                    </div>
5851                                                                                                                                    <div class="my-4">
5852                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/hygienepapier/erfrischungstuecher.htm"
5853                                                                           title="Erfrischungst&#xFC;cher">
5854                                                                            Erfrischungst&#xFC;cher                                                                        </a>
5855                                                                    </div>
5856                                                                                                                                    <div class="my-4">
5857                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/hygienepapier/aerztekrepp.htm"
5858                                                                           title="&#xC4;rztekrepp">
5859                                                                            &#xC4;rztekrepp                                                                        </a>
5860                                                                    </div>
5861                                                                                                                                    <div class="my-4">
5862                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/hygienepapier/putztuchrollen.htm"
5863                                                                           title="Putztuchrollen&#x20;">
5864                                                                            Putztuchrollen&#x20;                                                                        </a>
5865                                                                    </div>
5866                                                                                                                                    <div class="my-4">
5867                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/hygienepapier/kuchenrollen.htm"
5868                                                                           title="K&#xFC;chenrollen">
5869                                                                            K&#xFC;chenrollen                                                                        </a>
5870                                                                    </div>
5871                                                                                                                            </div>
5872                                                                                                                    <div class="level-2">
5873                                                                <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/einmalhandschuhe-einweghandschuhe.htm"
5874                                                                   title="Einmalhandschuhe"
5875                                                                   class="level-2-items">
5876                                                                    <div class="flex font-bold">
5877                                                                        <sp
5877an>
5878                                                                        <?xml version="1.0" encoding="UTF-8"?>
5879<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 98.29" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
5880    <title>Gloves</title>
5881    <path d="M93.98,53.59c-.96-2.67-4.05-2.58-6.76-1.76l-12.62,3.61,22.28-16.95c2.22-1.59,3.09-4.65,1.72-7.02-1.58-2.73-5.1-3.44-7.59-1.64l-22.09,15.9c-2.04,1.47-4.4-1.34-2.61-3.09l23.5-23.17c1.95-1.92,2.34-5.07.63-7.2-1.97-2.45-5.57-2.61-7.75-.45l-23.23,22.89c-1.77,1.74-4.51-.64-3.03-2.63l16.88-22.74c1.63-2.2,1.54-5.37-.49-7.21-2.32-2.12-5.91-1.72-7.73.74l-26.41,35.59,4.08-19.47c.66-3.16-1.11-6.49-4.23-7.32-3.33-.89-6.68,1.21-7.37,4.54l-4.19,9.81c-2.72,6.36-4.8,12.99-6.22,19.76l-.58,2.76c-1.71,4.6-4.41,8.75-7.9,12.2l-4.75,4.68,26.24,26.62,14.42-14.22h0c8.4-1.66,16.49-4.61,24-8.71l3.66-2c1.23-.48,2.45-.99,3.65-1.56l10.33-4.82c2.86-.86,5.18-4.29,4.15-7.13h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5882    <rect x="14.91" y="58.46" width="5.98" height="43.49" rx=".58" ry=".58" transform="translate(-51.15 35.65) rotate(-44.59)" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5883</svg>
5884                                                                        </span>
5885                                                                        <div class="level-2-headline"
5886                                                                             role="heading"
5887                                                                             aria-level="2">
5888                                                                            Einmalhandschuhe                                                                        </div>
5889                                                                    </div>
5890                                                                    <div class="text-sm flex ml-2">
5891                                                                        <span class="underline text-primary">
5892                                                                            alles anzeigen                                                                        </span>
5893                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
5894    <title>Arrow Right</title>
5895    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
5896                                                                    </div>
5897                                                                </a>
5898
5899                                                                                                                                    <div class="my-4">
5900                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/einmalhandschuhe-einweghandschuhe/nitril-handschuhe.htm"
5901                                                                           title="Nitrilhandschuhe">
5902                                                                            Nitrilhandschuhe                                                                        </a>
5903                                                                    </div>
5904                                                                                                                                    <div class="my-4">
5905                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/einmalhandschuhe-einweghandschuhe/bunte-einmalhandschuhe.htm"
5906                                                                           title="Bunte&#x20;Einmalhandschuhe">
5907                                                                            Bunte&#x20;Einmalhandschuhe                                                                        </a>
5908                                                                    </div>
5909                                                                                                                                    <div class="my-4">
5910                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/einmalhandschuhe-einweghandschuhe/latexhandschuhe.htm"
5911                                                                           title="Latexh
5911andschuhe">
5912                                                                            Latexhandschuhe                                                                        </a>
5913                                                                    </div>
5914                                                                                                                                    <div class="my-4">
5915                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/einmalhandschuhe-einweghandschuhe/pe-handschuhe.htm"
5916                                                                           title="PE-Handschuhe">
5917                                                                            PE-Handschuhe                                                                        </a>
5918                                                                    </div>
5919                                                                                                                                    <div class="my-4">
5920                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/einmalhandschuhe-einweghandschuhe/baumwollhandschuhe.htm"
5921                                                                           title="Baumwollhandschuhe">
5922                                                                            Baumwollhandschuhe                                                                        </a>
5923                                                                    </div>
5924                                                                                                                                    <div class="my-4">
5925                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/einmalhandschuhe-einweghandschuhe/vinyl-handschuhe.htm"
5926                                                                           title="Vinylhandschuhe">
5927                                                                            Vinylhandschuhe                                                                        </a>
5928                                                                    </div>
5929                                                                                                                                    <div class="my-4">
5930                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/einmalhandschuhe-einweghandschuhe/schnittschutzhandschuhe.htm"
5931                                                                           title="Schnittschutzhandschuhe">
5932                                                                            Schnittschutzhandschuhe                                                                        </a>
5933                                                                    </div>
5934                                                                                                                            </div>
5935                                                                                                                    <div class="level-2">
5936                                                                <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/tattoo-bedarf.htm"
5937                                                                   title="Tattoo&#x20;Bedarf"
5938                                                                   class="level-2-items">
5939                                                                    <div class="flex font-bold">
5940                                                                        <span>
5941                                                                                                                                                </span>
5942                                                                        <div class="level-2-headline"
5943                                                                             role="heading"
5944                                                                             aria-level="2">
5945                                                                            Tattoo&#x20;Bedarf                                                                        </div>
5946                                                                    </div>
5947                                                                    <div class="text-sm flex ml-2">
5948                                                                        <sp
5948an class="underline text-primary">
5949                                                                            alles anzeigen                                                                        </span>
5950                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
5951    <title>Arrow Right</title>
5952    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
5953                                                                    </div>
5954                                                                </a>
5955
5956                                                                                                                                    <div class="my-4">
5957                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/tattoo-bedarf/tattoo-handschuhe.htm"
5958                                                                           title="Tattoo&#x20;Handschuhe">
5959                                                                            Tattoo&#x20;Handschuhe                                                                        </a>
5960                                                                    </div>
5961                                                                                                                                    <div class="my-4">
5962                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/tattoo-bedarf/tattoo-zubehor.htm"
5963                                                                           title="Tattoo&#x20;Zubeh&#xF6;r">
5964                                                                            Tattoo&#x20;Zubeh&#xF6;r                                                                        </a>
5965                                                                    </div>
5966                                                                                                                                    <div class="my-4">
5967                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/tattoo-bedarf/tattoo-hygiene.htm"
5968                                                                           title="Tattoo&#x20;Hygiene">
5969                                                                            Tattoo&#x20;Hygiene                                                                        </a>
5970                                                                    </div>
5971                                                                                                                                    <div class="my-4">
5972                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/tattoo-bedarf/hygienepapier-tattoo.htm"
5973                                                                           title="&#xC4;rztekrepp&#x20;&amp;&#x20;Hygienepapier&#x20;f&#xFC;r&#x20;Tattoostudios&#x20;">
5974                                                                            &#xC4;rztekrepp&#x20;&amp;&#x20;Hygienepapier&#x20;f&#xFC;r&#x20;Tattoostudios&#x20;                                                                        </a>
5975                                                                    </div>
5976                                                                                                                                    <div class="my-4">
5977                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/tattoo-bedarf/tattoo-schutzkleidung.htm"
5978                                                                           title="Tattoo&#x20;Schutzkleidung">
5979                                                                            Tattoo&#x20;Schutzkleidung                                                                        </a>
5980                                                                    </div>
5981                                                                                                                            </div>
5982                                                                                                                    <div class="level-2">
5983                                                                <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/schutzkleidung-hygienekleidung.htm"
5984                                                                   title="Schutz-&#x20;&amp;&#x20;Hygienekleidung"
5985                                                                   class="level-2-items">
5986                                                                    <div class="flex font-bold">
5987                                                                        <sp
5987an>
5988                                                                        <?xml version="1.0" encoding="UTF-8"?>
5989<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 57.19" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
5990    <title>Hygiene Clothes</title>
5991    <path d="M82.69,53.01c-21.7,4.57-43.5,4.57-65.4,0-1.26,0-2.29-1.02-2.29-2.29V14.46c0-1.26,1.02-2.29,2.29-2.29,21.82,3.14,43.57,2.95,65.4,0,1.26,0,2.29,1.02,2.29,2.29v36.27c0,1.26-1.02,2.29-2.29,2.29Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5992    <path d="M25.46,22.19c16.16,4.06,32.53,3.88,49.07,0" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5993    <path d="M25.46,32.82c16.16,4.06,32.53,3.88,49.07,0" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5994    <path d="M25.46,43.45c16.16,4.06,32.53,3.88,49.07,0" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5995    <path d="M84.98,12.19s6.79-15.65,10.8-10.33,5.22,27.44,0,32.47-10.8,6.71-10.8,6.71" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5996    <path d="M15.02,12.19S8.23-3.47,4.23,1.85s-5.22,27.44,0,32.47,10.8,6.71,10.8,6.71" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
5997</svg>
5998                                                                        </span>
5999                                                                        <div class="level-2-headline"
6000                                                                             role="heading"
6001                                                                             aria-level="2">
6002                                                                            Schutz-&#x20;&amp;&#x20;Hygienekleidung                                                                        </div>
6003                                                                    </div>
6004                                                                    <div class="text-sm flex ml-2">
6005                                                                        <span class="underline text-primary">
6006                                                                            alles anzeigen                                                                        </span>
6007                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
6008    <title>Arrow Right</title>
6009    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
6010                                                                    </div>
6011                                                                </a>
6012
6013                                                                                                                                    <div class="my-4">
6014                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/schutzkleidung-hygienekleidung/einweghauben-kochmuetzen.htm"
6015                                                                           title="Einweghauben&#x20;&amp;&#x20;Kochm&#xFC;tzen">
6016                                                                            Einweghauben&#x20;&amp;&#x20;Kochm&#xFC;tzen                                                                        </a>
6017                                                                    </div>
6018                                                                                                                                    <div class="my-4">
6019                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/schutzkleidung-hygienekleidung/ueberziehschuhe.htm"
6020                                                                           title="&#xDC;berziehschuhe">
6021                                                                            &#xDC;berziehschuhe                                                                        </a>
6022                                                                    </div>
6023                                                                                                                                    <div class="my-4">
6024                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/schutzkleidung-hygienekleidung/mundschutz.htm"
6025                                                                           title="Mundschutz">
6026                                                                            Mundschutz                                                                        </a>
6027                                                                    </div>
6028                                                                                                                                    <div class="my-4">
6029                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/schutzkleidung-hygienekleidung/einwegschuerzen-schutzkittel.htm"
6030                                                                           title="Einwegsch&#xFC;rzen&#x20;&amp;&#x20;Schutzkittel">
6031                                                                            Einwegsch&#xFC;rzen&#x20;&amp;&#x20;Schutzkittel                                                                        </a>
6032                                                                    </div>
6033                                                                                                                            </div>
6034                                                                                                                    <div class="level-2">
6035                                                                <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/hygienespender.htm"
6036                                                                   title="Hygienespender"
6037                                                                   class="level-2-items">
6038                                                                    <div class="flex font-bold">
6039                                                                        <sp
6039an>
6040                                                                        <?xml version="1.0" encoding="UTF-8"?>
6041<svg xmlns="http://www.w3.org/2000/svg" id="Icon-Gruppen" viewBox="0 0 61.57 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
6042    <path d="M48.04,41.61v.14h0c.08,2.46,2.1,4.42,4.56,4.42s4.49-1.96,4.57-4.42h0v-.15c0-1-.33-1.93-.88-2.69-.82-1.12-1.61-2.28-2.21-3.53l-1.49-3.06-1.48,3.06c-.61,1.26-1.39,2.41-2.22,3.55-.55.76-.88,1.68-.88,2.68h0Z" fill="none" stroke="currentColor" style="stroke-linecap:round; stroke-linejoin:round; stroke-width:2.5"/>
6043    <path d="M.75,95.04c0,2.31,1.89,4.21,4.19,4.21h22.19c2.3,0,4.19-1.89,4.19-4.21V19.47c0-2.3-1.89-4.19-4.19-4.19H4.94c-2.3,0-4.19,1.89-4.19,4.19v75.58Z" fill="none" stroke="currentColor" style="stroke-linecap:round; stroke-linejoin:round; stroke-width:2.5"/>
6044    <path d="M27.13,15.27c2.3,0,4.19,1.89,4.19,4.19v9.25c3.93-4.37,13.11-7.46,18.06-7.46h4.04v-5.98s-26.28,0-26.28,0Z" fill="none" stroke="currentColor" style="stroke-linecap:round; stroke-linejoin:round; stroke-width:2.5"/>
6045    <line x1="28.48" y1="14.87" x2="60.82" y2=".75" fill="none" stroke="currentColor" style="stroke-linecap:round; stroke-linejoin:round; stroke-width:2.5"/>
6046</svg>
6047                                                                        </span>
6048                                                                        <div class="level-2-headline"
6049                                                                             role="heading"
6050                                                                             aria-level="2">
6051                                                                            Hygienespender                                                                        </div>
6052                                                                    </div>
6053                                                                    <div class="text-sm flex ml-2">
6054                                                                        <span class="underline text-primary">
6055                                                                            alles anzeigen                                                                        </span>
6056                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
6057    <title>Arrow Right</title>
6058    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
6059                                                                    </div>
6060                                                                </a>
6061
6062                                                                                                                            </div>
6063                                                                                                                    <div class="level-2">
6064                                                                <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/hotelkosmetik.htm"
6065                                                                   title="Hotelkosmetik"
6066                                                                   class="level-2-items">
6067                                                                    <div class="flex font-bold">
6068                                                                        <span>
6069                                                                        <?xml version="1.0" encoding="UTF-8"?>
6070<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 96.56" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
6071    <title>Soap and Lotion</title>
6072    <path d="M20.25,27.25h12.29c10.76,0,19.5,8.67,19.5,19.33v49.23H.75v-49.23c0-10.66,8.75-19.33,19.5-19.33Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6073    <path d="M35.73,27.48c.07-.26.1-.55.1-.85v-6.75c0-3.29-2.7-6-6.05-6h-6.78c-3.35,0-6.05,2.71-6.05,6v6.75c0,.33.03.65.1.95" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6074    <path d="M26.4,13.89V3.94v9.95Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6075    <path d="M42.56,3.94h-19.76c-2.17,0-4.24.85-5.75,2.38l-6.81,6.75" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6076    <path d="M93.42,83.23h-32.88v12.55h32.88v-12.55Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6077    <path d="M89.97.75h-25.97c-5.39,0-9.66,4.56-9.24,9.91l5.79,72.57h32.88l5.79-72.57c.42-5.35-3.85-9.91-9.24-9.91h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6078    <path d="M76.98,58.32c5.25,0,9.5-7.31,9.5-16.33s-4.25-16.33-9.5-16.33-9.5,7.31-9.5,16.33,4.25,16.33,9.5,16.33Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6079    <path d="M28.4,56.84c.08-.21.15-.43.22-.67q.05-.16,0,0c.42-1.49.69-3.43.69-5.54,0-4.72-1.3-8.55-2.92-8.55s-2.92,3.83-2.92,8.55c0,2.11.26,4.04.69,5.53.07.25.14.47.23.69" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
6080    <path d="M24.5,56.8c-.1-.21-.21-.42-.33-.64-.75-1.36-1.93-2.91-3.42-4.39-3.34-3.34-6.97-5.12-8.11-3.99-1.14,1.14.65,4.77,3.99,8.11,1.5,1.5,3.04,2.67,4.4,3.43h0c.22.12.42.22.63.32" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
6081    <path d="M21.7,59.53c-.21-.08-.43-.15-.67-.22h0c-1.49-.42-3.43-.69-5.54-.69-4.72,0-8.55,1.3-8.55,2.92s3.83,2.92,8.55,2.92c2.11,0,4.05-.27,5.54-.69q.99-.28,0,0c.24-.06.46-.14.67-.22" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
6082    <path d="M21.66,63.43c-.21.1-.41.2-.63.32q-.14.08,0,0c-1.36.75-2.91,1.93-4.4,3.43-3.34,3.34-5.13,6.97-3.99,8.11s4.77-.65,8.11-3.99c1.49-1.49,2.67-3.03,3.42-4.39.12-.22.23-.43.33-.64" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
6083    <path d="M24.39,66.23c-.08.22-.16.44-.23.69-.43,1.49-.69,3.42-.69,5.53,0,4.72,1.31,8.55,2.92,8.55s2.92-3.83,2.92-8.55c0-2.11-.27-4.05-.69-5.54q-.28-.99,0,0c-.06-.24-.14-.46-.22-.67" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
6084    <path d="M31.13,63.43c.21.1.41.2.63.32h0c1.36.75,2.91,1.93,4.4,3.43,3.34,3.34,5.12,6.97,3.99,8.11-1.14,1.13-4.77-.65-8.11-3.99-1.5-1.5-2.67-3.04-3.43-4.4q-.51-.91,0,0c-.12-.22-.22-.42-.32-.63" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
6085    <path d="M31.09,63.54c.21.08.43.15.67.22h0c1.49.42,3.43.69,5.54.69,4.72,0,8.55-1.3,8.55-2.92s-3.83-2.92-8.55-2.92c-2.11,0-4.05.27-5.54.69q-.99.28,0,0c-.24.06-.46.14-.67.22" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
6086    <path d="M31.13,59.64c.21-.1.41-.2.63-.32q.14-.08,0,0c1.36-.75,2.91-1.93,4.4-3.43,3.34-3.34,5.12-6.97,3.99-8.11-1.14-1.13-4.77.65-8.11,3.99-1.5,1.5-2.67,3.04-3.43,4.4q-.51.91,0,0c-.12.22-.22.42-.32.63" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
6087    <path d="M31.13,63.43s-.02.07-.04.1c-.25.59-.61,1.13-1.08,1.61s-1.01.84-1.61,1.08c-.03.02-.06.03-.1.04-1.21.49-2.59.49-3.8,0-.04,0-.07-.02-.1-.04-.59-.25-1.13-.61-1.61-1.08s-.84-1.01-1.08-1.61c-.02-.03-.03-.06-.04-.1-.49-1.21-.49-2.59,0-3.8,0-.04.02-.07.04-.1.25-.59.61-1.13,1.08-1.61s1.01-.84,1.61-1.08c.03-.02.06-.03.1-.04,1.21-.49,2.59-.49,3.8,0,.04,0,.07.02.1.04.59.25,
60871.13.61,1.61,1.08s.84,1.01,1.08,1.61c.02.03.03.06.04.1.49,1.21.49,2.59,0,3.8Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
6088</svg>
6089                                                                        </span>
6090                                                                        <div class="level-2-headline"
6091                                                                             role="heading"
6092                                                                             aria-level="2">
6093                                                                            Hotelkosmetik                                                                        </div>
6094                                                                    </div>
6095                                                                    <div class="text-sm flex ml-2">
6096                                                                        <span class="underline text-primary">
6097                                                                            alles anzeigen                                                                        </span>
6098                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
6099    <title>Arrow Right</title>
6100    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
6101                                                                    </div>
6102                                                                </a>
6103
6104                                                                                                                            </div>
6105                                                                                                                    <div class="level-2">
6106                                                                <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/selbsthaftende-pflaster.htm"
6107                                                                   title="Selbsthaftende&#x20;Pflaster"
6108                                                                   class="level-2-items">
6109                                                                    <div class="flex font-bold">
6110                                                                        <span>
6111                                                                        <?xml version="1.0" encoding="UTF-8"?>
6112<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 99.86 99.86" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
6113    <title>Plaster</title>
6114    <rect x="-9.68" y="33.54" width="119.21" height="32.78" rx="11" ry="11" transform="translate(-20.68 49.93) rotate(-45)" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6115    <rect x="36.46" y="38.37" width="26.95" height="23.14" rx="1.16" ry="1.16" transform="translate(-20.69 49.93) rotate(-45)" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6116    <circle cx="21.2" cy="71.09" r=".47" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6117    <circle cx="24.99" cy="74.88" r=".47" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6118    <circle cx="28.77" cy="78.67" r=".47" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6119    <circle cx="25.37" cy="66.92" r=".47" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6120    <circle cx="29.15" cy="70.71" r=".47" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6121    <circle cx="32.95" cy="74.49" r=".47" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6122    <circle cx="69.63" cy="22.66" r=".47" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6123    <circle cx="73.41" cy="26.45" r=".47" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6124    <circle cx="77.2" cy="30.24" r=".47" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6125    <circle cx="73.79" cy="18.49" r=".47" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6126    <circle cx="77.59" cy="22.28" r=".47" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6127    <circle cx="81.37" cy="26.07" r=".47" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6128</svg>
6129                                                                        </span>
6130                                                                        <div class="level-2-headline"
6131                                                                             role="heading"
6132                                                                             aria-level="2">
6133                                                                            Selbsthaftende&#x20;Pflaster                                                                        </div>
6134                                                                    </div>
6135                                                                    <div class="text-sm flex ml-2">
6136                                                                        <sp
6136an class="underline text-primary">
6137                                                                            alles anzeigen                                                                        </span>
6138                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
6139    <title>Arrow Right</title>
6140    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
6141                                                                    </div>
6142                                                                </a>
6143
6144                                                                                                                            </div>
6145                                                                                                                    <div class="level-2">
6146                                                                <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/hygienebeutel.htm"
6147                                                                   title="Hygienebeutel"
6148                                                                   class="level-2-items">
6149                                                                    <div class="flex font-bold">
6150                                                                        <span>
6151                                                                        <?xml version="1.0" encoding="UTF-8"?>
6152<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88.26 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
6153    <title>Firstaid Bag</title>
6154    <polygon points="61.8 47.7 61.8 56.13 48.35 56.13 48.35 69.57 39.93 69.57 39.93 56.13 26.46 56.13 26.46 47.7 39.93 47.7 39.93 34.24 48.35 34.24 48.35 47.7 61.8 47.7" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6155    <polygon points="87.51 99.25 .75 99.25 4.53 .75 83.73 .75 87.51 99.25" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6156    <path d="M55.13,14.45v-3.32c0-1.14-1.23-2.18-3.22-2.92s-4.75-1.21-7.78-1.21c-6.07,0-11,1.85-11,4.13v3.32h22" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6157</svg>
6158                                                                        </span>
6159                                                                        <div class="level-2-headline"
6160                                                                             role="heading"
6161                                                                             aria-level="2">
6162                                                                            Hygienebeutel                                                                        </div>
6163                                                                    </div>
6164                                                                    <div class="text-sm flex ml-2">
6165                                                                        <span class="underline text-primary">
6166                                                                            alles anzeigen                                                                        </span>
6167                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
6168    <title>Arrow Right</title>
6169    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
6170                                                                    </div>
6171                                                                </a>
6172
6173                                                                                                                            </div>
6174                                                                                                                    <div class="level-2">
6175                                                                <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/verbandskasten-erste-hilfe.htm"
6176                                                                   title="Verbandsk&#xE4;sten&#x20;&amp;&#x20;erste&#x20;Hilfe"
6177                                                                   class="level-2-items">
6178                                                                    <div class="flex font-bold">
6179                                                                        <sp
6179an>
6180                                                                        <?xml version="1.0" encoding="UTF-8"?>
6181<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
6182    <title>Firstaid</title>
6183    <polygon points="99.25 38.29 99.25 61.76 61.76 61.76 61.76 99.25 38.29 99.25 38.29 61.76 .75 61.76 .75 38.29 38.29 38.29 38.29 .75 61.76 .75 61.76 38.29 99.25 38.29" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6184</svg>
6185                                                                        </span>
6186                                                                        <div class="level-2-headline"
6187                                                                             role="heading"
6188                                                                             aria-level="2">
6189                                                                            Verbandsk&#xE4;sten&#x20;&amp;&#x20;erste&#x20;Hilfe                                                                        </div>
6190                                                                    </div>
6191                                                                    <div class="text-sm flex ml-2">
6192                                                                        <span class="underline text-primary">
6193                                                                            alles anzeigen                                                                        </span>
6194                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
6195    <title>Arrow Right</title>
6196    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
6197                                                                    </div>
6198                                                                </a>
6199
6200                                                                                                                            </div>
6201                                                                                                                    <div class="level-2">
6202                                                                <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/haccp-etiketten.htm"
6203                                                                   title="HACCP-Etiketten"
6204                                                                   class="level-2-items">
6205                                                                    <div class="flex font-bold">
6206                                                                        <span>
6207                                                                        <?xml version="1.0" encoding="UTF-8"?>
6208<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 49.87" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
6209    <title>HAACP Brand</title>
6210    <path d="M96.16,49.12H3.85c-1.71,0-3.1-1.52-3.1-3.4V4.15C.75,2.28,2.14.75,3.85.75h92.29c1.71,0,3.1,1.52,3.1,3.4v41.57c0,1.87-1.39,3.4-3.1,3.4h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6211    <path d="M17.37,23.17h6.58v-6.02h3.03v15.56h-3.03v-6.93h-6.58v6.93h-3.03v-15.56h3.03v6.02Z"/>
6212    <path d="M39.74,29.45h-6.28l-1.38,3.27h-3.29l6.7-15.56h2.38l6.51,15.56h-3.27l-1.38-3.27ZM38.85,26.97l-2.22-5.6-2.22,5.6h4.43Z"/>
6213    <path d="M55.4,29.45h-6.28l-1.38,3.27h-3.29l6.7-15.56h2.38l6.51,15.56h-3.27s-1.38-3.27-1.38-3.27ZM54.52,26.97l-2.22-5.6-2.22,5.6h4.43Z"/>
6214    <path d="M72.66,32.15c-.94.49-2.17.91-3.85.91-2.73,0-4.38-.94-5.69-2.17-1.79-1.72-2.49-3.66-2.49-5.95,0-2.83,1.16-4.86,2.49-6.09,1.57-1.47,3.5-2.05,5.71-2.05,1.09,0,2.4.19,3.82.96v3.55c-1.42-1.64-3.19-1.75-3.75-1.75-3.12,0-5.15,2.57-5.15,5.44,0,3.46,2.66,5.32,5.27,5.32,1.45,0,2.73-.63,3.64-1.7v3.55h0Z"/>
6215    <path d="M79.98,17.15c1.75,0,2.97.19,4.11,1.19,1.26,1.12,1.59,2.64,1.59,3.75,0,.61-.09,2.29-1.28,3.48-.87.87-2.15,1.38-3.94,1.38h-1.96v5.76h-3.03v-15.56h4.53,0ZM78.48,24.34h1.23c.58,0,1.33,0,1.98-.49.56-.44.84-1.14.84-1.82,0-.87-.42-1.45-.87-1.77-.63-.44-1.42-.49-2.15-.49h-1.05v4.57h.02Z"/>
6216</svg>
6217                                                                        </span>
6218                                                                        <div class="level-2-headline"
6219                                                                             role="heading"
6220                                                                             aria-level="2">
6221                                                                            HACCP-Etiketten                                                                        </div>
6222                                                                    </div>
6223                                                                    <div class="text-sm flex ml-2">
6224                                                                        <sp
6224an class="underline text-primary">
6225                                                                            alles anzeigen                                                                        </span>
6226                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
6227    <title>Arrow Right</title>
6228    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
6229                                                                    </div>
6230                                                                </a>
6231
6232                                                                                                                            </div>
6233                                                                                                            </div>
6234                                                </template>
6235                                                                                                                                <button class="mobile-nav-items" type="button"
6236                                                    @click="mobilePanelActiveIdX = mobilePanelActiveIdX === 'category-node-1006' ? 0 : 'category-node-1006'"
6237                                                    :class="{'-translate-x-full' : mobilePanelActiveIdX,'translate-x-0' : !mobilePanelActiveIdX}">
6238
6239                                                                                                    <span>
6240                                                        <?xml version="1.0" encoding="UTF-8"?>
6241<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="h-8 w-8 text-main flex-shrink-0 mr-6 stroke-4">
6242    <title>Hotelsupplies</title>
6243    <path d="M9.82,56.68L.75,47.61,47.62.75l51.63,51.63-46.87,46.87-7.38-7.38" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6244    <path d="M60.11,40.37l3.25-3.25c1.68-1.68,4.42-1.7,6.08-.05s1.64,4.39-.05,6.08l-3.29,3.29" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6245    <path d="M48.94,63.58l17.16-17.15c1.68-1.68,4.41-1.7,6.08-.05,1.65,1.65,1.64,4.39-.05,6.08l-14.42,14.42M11.29,81.77c-.88-2.49-.83-5.18.21-8.59l12.63-35.15c.59-1.98,3.21-2.17,4.55-.63l1.26,1.57c1.36,2.13,1.62,3.79,1.16,6.45l-1.06,11.98M27.23,61.19l26.85-26.85c1.69-1.68,4.42-1.7,6.08-.05,1.65,1.66,1.64,4.39-.05,6.08l-17.38,17.38" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6246    <path d="M62.28,62.29l3.94-3.94c1.68-1.68,4.41-1.7,6.08-.05,1.65,1.66,1.64,4.39-.05,6.08l-25.97,25.97c-4.62,4.62-9.92,7.55-15.16,7.55" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6247</svg>
6248                                                    </span>
6249                                                    <span>Reinigung</span>
6250
6251                                                    <span class="mobile-nav-items-chev"
6252                                                          :class="{ 'w-0' : !open, 'w-10' : open }">
6253                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="w-full h-full p-1">
6254    <title>Arrow Right</title>
6255    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
6256                                                    </span>
6257                                                                                            </button>
6258
6259                                                                                            <template x-if="mobilePanelActiveIdX === 'category-node-1006'">
6260                                                    <div class="mobile-nav-items-children"
6261                                                         :class="{'translate-x-full' : mobilePanelActiveIdX !== 'category-node-1006',
6262                                                             'translate-x-0' : mobilePanelActiveIdX === 'category-node-1006',
6263                                                        }">
6264                                                        <button class="level-1-back-btn"
6265                                                           tabindex="0"
6266                                                           :class="{ 'w-0' : !open, 'w-10' : open }"
6267                                                           @click="mobilePanelActiveIdX = 0">
6268                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" width="28" height="28">
6269    <title>Arrow Left</title>
6270    <path d="M20,25a1,1,0,0,1-.71-.29l-8-8a1,1,0,0,1,0-1.42l8-8a1,1,0,1,1,1.42,1.42L13.41,16l7.3,7.29a1,1,0,0,1,0,1.42A1,1,0,0,1,20,25Z"/></svg>
6271                                                            <span>zurück zu Alle Produkte</span>
6272                                                        </button>
6273
6274                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien.htm"
6275                                                           title="Reinigung"
6276                                                           class="w-full py-2 px-4">
6277                                                            <div class="level-1-headline"
6278                                                                 role="heading"
6279                                                                 aria-level="1">
6280                                                                <span>Reinigung</span>
6281                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary pl-4 h-7">
6282    <title>Arrow Right</title>
6283    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
6284                                                            </div>
6285                                                        </a>
6286
6287                                                                                                                    <div class="level-2">
6288                                                                <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/mullbeutel-mullsacke.htm"
6289                                                                   title="M&#xFC;llbeutel&#x20;&amp;&#x20;M&#xFC;lls&#xE4;cke"
6290                                                                   class="level-2-items">
6291                                                                    <div class="flex font-bold">
6292                                                                        <span>
6293                                                                        <?xml version="1.0" encoding="UTF-8"?>
6294<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 67.44 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
6295    <title>Trashcan</title>
6296    <polygon points="57.47 99.25 9.97 99.25 3.26 17.26 64.17 17.26 57.47 99.25" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6297    <line x1="16.45" y1="32.21" x2="19.55" y2="84.3" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6298    <line x1="50.98" y1="32.21" x2="47.88" y2="84.3" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6299    <line x1="33.72" y1="30.39" x2="33.72" y2="84.3" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6300    <polygon points="66.69 17.26 .75 17.26 2.71 9.89 64.73 9.89 66.69 17.26" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6301    <path d="M25.09,9.22v-.28c0-4.52,3.86-8.2,8.63-8.2,2.38,0,4.54.92,6.11,2.4,1.56,1.48,2.52,3.53,2.52,5.79v.28" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6302</svg>
6303                                                                        </span>
6304                                                                        <div class="level-2-headline"
6305                                                                             role="heading"
6306                                                                             aria-level="2">
6307                                                                            M&#xFC;llbeutel&#x20;&amp;&#x20;M&#xFC;lls&#xE4;cke                                                                        </div>
6308                                                                    </div>
6309                                                                    <div class="text-sm flex ml-2">
6310                                                                        <sp
6310an class="underline text-primary">
6311                                                                            alles anzeigen                                                                        </span>
6312                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
6313    <title>Arrow Right</title>
6314    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
6315                                                                    </div>
6316                                                                </a>
6317
6318                                                                                                                                    <div class="my-4">
6319                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/mullbeutel-mullsacke/muellbeutel.htm"
6320                                                                           title="M&#xFC;llbeutel">
6321                                                                            M&#xFC;llbeutel                                                                        </a>
6322                                                                    </div>
6323                                                                                                                                    <div class="my-4">
6324                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/mullbeutel-mullsacke/bio-muellbeutel-kompostsaecke.htm"
6325                                                                           title="Bio-M&#xFC;llbeutel&#x20;&amp;&#x20;Komposts&#xE4;cke">
6326                                                                            Bio-M&#xFC;llbeutel&#x20;&amp;&#x20;Komposts&#xE4;cke                                                                        </a>
6327                                                                    </div>
6328                                                                                                                                    <div class="my-4">
6329                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/mullbeutel-mullsacke/muellsaecke.htm"
6330                                                                           title="M&#xFC;lls&#xE4;cke">
6331                                                                            M&#xFC;lls&#xE4;cke                                                                        </a>
6332                                                                    </div>
6333                                                                                                                            </div>
6334                                                                                                                    <div class="level-2">
6335                                                                <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/putztuecher.htm"
6336                                                                   title="Putzt&#xFC;cher"
6337                                                                   class="level-2-items">
6338                                                                    <div class="flex font-bold">
6339                                                                        <span>
6340                                                                        <?xml version="1.0" encoding="UTF-8"?>
6341<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
6342    <title>Hotelsupplies</title>
6343    <path d="M9.82,56.68L.75,47.61,47.62.75l51.63,51.63-46.87,46.87-7.38-7.38" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6344    <path d="M60.11,40.37l3.25-3.25c1.68-1.68,4.42-1.7,6.08-.05s1.64,4.39-.05,6.08l-3.29,3.29" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6345    <path d="M48.94,63.58l17.16-17.15c1.68-1.68,4.41-1.7,6.08-.05,1.65,1.65,1.64,4.39-.05,6.08l-14.42,14.42M11.29,81.77c-.88-2.49-.83-5.18.21-8.59l12.63-35.15c.59-1.98,3.21-2.17,4.55-.63l1.26,1.57c1.36,2.13,1.62,3.79,1.16,6.45l-1.06,11.98M27.23,61.19l26.85-26.85c1.69-1.68,4.42-1.7,6.08-.05,1.65,1.66,1.64,4.39-.05,6.08l-17.38,17.38" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6346    <path d="M62.28,62.29l3.94-3.94c1.68-1.68,4.41-1.7,6.08-.05,1.65,1.66,1.64,4.39-.05,6.08l-25.97,25.97c-4.62,4.62-9.92,7.55-15.16,7.55" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6347</svg>
6348                                                                        </span>
6349                                                                        <div class="level-2-headline"
6350                                                                             role="heading"
6351                                                                             aria-level="2">
6352                                                                            Putzt&#xFC;cher                                                                        </div>
6353                                                                    </div>
6354                                                                    <div class="text-sm flex ml-2">
6355                                                                        <sp
6355an class="underline text-primary">
6356                                                                            alles anzeigen                                                                        </span>
6357                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
6358    <title>Arrow Right</title>
6359    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
6360                                                                    </div>
6361                                                                </a>
6362
6363                                                                                                                                    <div class="my-4">
6364                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/putztuecher/allzwecktuecher.htm"
6365                                                                           title="Allzweckt&#xFC;cher">
6366                                                                            Allzweckt&#xFC;cher                                                                        </a>
6367                                                                    </div>
6368                                                                                                                                    <div class="my-4">
6369                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/putztuecher/microfasertuecher.htm"
6370                                                                           title="Microfasert&#xFC;cher">
6371                                                                            Microfasert&#xFC;cher                                                                        </a>
6372                                                                    </div>
6373                                                                                                                                    <div class="my-4">
6374                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/putztuecher/geschirrtucher.htm"
6375                                                                           title="Geschirrt&#xFC;cher">
6376                                                                            Geschirrt&#xFC;cher                                                                        </a>
6377                                                                    </div>
6378                                                                                                                            </div>
6379                                                                                                                    <div class="level-2">
6380                                                                <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/reinigungsmittel-pflegemittel.htm"
6381                                                                   title="Reinigungsmittel&#x20;&amp;&#x20;Pflegemittel"
6382                                                                   class="level-2-items">
6383                                                                    <div class="flex font-bold">
6384                                                                        <span>
6385                                                                        <?xml version="1.0" encoding="UTF-8"?>
6386<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50.84 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
6387    <title>Spray</title>
6388    <path d="M50.08,39.33v59.92h-28.56v-28.35c0-4.61,1.09-9.14,3.21-13.25l13.19-25.62h8.15c4.04,0,4.03,3.28,4.03,7.32v-.02Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6389    <rect x="38.13" y="26.73" width="10.68" height="5.29" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6390    <rect x="20.83" y="6.36" width="4.14" height="7" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6391    <path d="M46.99,10.64v16.09h-7v-7.95c0-2.99-2.42-5.42-5.42-5.42h-9.59v-6.98h17.76c.25,0,.5.02.73.07,2.01.33,3.53,2.08,3.53,4.19Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6392    <line x1="32.23" y1="13.36" x2="28.47" y2="28.38" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6393    <line x1=".75" y1="10" x2="13.58" y2="10" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6394    <line x1="7.91" y1="19.25" x2="15.67" y2="12.1" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6395    <line x1="7.79" y1=".75" x2="15.67" y2="7.8" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6396</svg>
6397                                                                        </span>
6398                                                                        <div class="level-2-headline"
6399                                                                             role="heading"
6400                                                                             aria-level="2">
6401                                                                            Reinigungsmittel&#x20;&amp;&#x20;Pflegemittel                                                                        </div>
6402                                                                    </div>
6403                                                                    <div class="text-sm flex ml-2">
6404                                                                        <sp
6404an class="underline text-primary">
6405                                                                            alles anzeigen                                                                        </span>
6406                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
6407    <title>Arrow Right</title>
6408    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
6409                                                                    </div>
6410                                                                </a>
6411
6412                                                                                                                                    <div class="my-4">
6413                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/reinigungsmittel-pflegemittel/thekenreiniger.htm"
6414                                                                           title="Thekenreiniger">
6415                                                                            Thekenreiniger                                                                        </a>
6416                                                                    </div>
6417                                                                                                                                    <div class="my-4">
6418                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/reinigungsmittel-pflegemittel/desinfektionsmittel-desinfektionsreiniger.htm"
6419                                                                           title="Desinfektionsmittel&#x20;&amp;&#x20;Desinfektionsreiniger">
6420                                                                            Desinfektionsmittel&#x20;&amp;&#x20;Desinfektionsreiniger                                                                        </a>
6421                                                                    </div>
6422                                                                                                                                    <div class="my-4">
6423                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/reinigungsmittel-pflegemittel/geschirrreiniger.htm"
6424                                                                           title="Geschirrreiniger">
6425                                                                            Geschirrreiniger                                                                        </a>
6426                                                                    </div>
6427                                                                                                                                    <div class="my-4">
6428                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/reinigungsmittel-pflegemittel/lufterfrischer.htm"
6429                                                                           title="Lufterfrischer">
6430                                                                            Lufterfrischer                                                                        </a>
6431                                                                    </div>
6432                                                                                                                                    <div class="my-4">
6433                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/reinigungsmittel-pflegemittel/sanitaerreiniger.htm"
6434                                                                           title="Sanit&#xE4;rreiniger">
6435                                                                            Sanit&#xE4;rreiniger                                                                        </a>
6436                                                                    </div>
6437                                                                                                                                    <div class="my-4">
6438                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/reinigungsmittel-pflegemittel/kuechenreiniger.htm"
6439                                                                           title="K&#xFC;chenreiniger">
6440                                                                            K&#xFC;chenreiniger                                                                        </a>
6441                                                                    </div>
6442                                                                                                                                    <div class="my-4">
6443                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/reinigungsmittel-pflegemittel/oberflaechenreiniger.htm"
6444                                                                           title="Oberfl&#xE4;chenreiniger">
6445                                                                            Oberfl&#xE4;chenreiniger                                                                        </a>
6446                                                                    </div>
6447                                                                                                                                    <div class="my-4">
6448                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/reinigungsmittel-pflegemittel/waschlotionen-handwaschseifen.htm"
6449                                                                           title="Waschlotionen&#x20;&amp;&#x20;Handwaschseifen">
6450                                                                            Waschlotionen&#x20;&amp;&#x20;Handwaschseifen                                                                        </a>
6451                                                                    </div>
6452                                                                                                                            </div>
6453                                                                                                                    <div class="level-2">
6454                                                                <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/putzschwaemme-topfreiniger.htm"
6455                                                                   title="Putzschw&#xE4;mme&#x20;&amp;&#x20;Topfreiniger"
6456                                                                   class="level-2-items">
6457                                                                    <div class="flex font-bold">
6458                                                                        <sp
6458an>
6459                                                                        <?xml version="1.0" encoding="UTF-8"?>
6460<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 90.65" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
6461    <title>Sponge</title>
6462    <path d="M79.51,14.44c0,3.91-17.63,7.06-39.39,7.06S.75,18.35.75,14.44s17.61-7.06,39.36-7.06,39.39,3.15,39.39,7.06h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6463    <path d="M79.51,14.44v41.72l-6.06.91c-3.95.6-8.01.6-11.95,0l-7.7-1.15c-5,0-9.52,1.44-12.8,3.79-3.28,2.32-5.31,5.57-5.31,9.13v7.08c-19.66-.38-34.95-3.38-34.95-7V14.44c0,3.91,17.61,7.05,39.37,7.05s39.39-3.14,39.39-7.05Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6464    <path d="M27.28,15.09v-.46c0-7.66,5.76-13.88,12.85-13.88,3.55,0,6.77,1.56,9.09,4.08,2.31,2.5,3.76,5.98,3.76,9.81v.46" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6465    <line x1="35.7" y1="77.79" x2="35.7" y2="76.98" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
6466    <path d="M99.25,68.84c0,1.42-.33,2.79-.94,4.06-.9,1.94-2.41,3.66-4.38,5.07-3.25,2.33-7.79,3.79-12.79,3.79l-7.72-1.15c-3.93-.61-7.98-.61-11.91,0l-7.71,1.15c-6.32,0-11.88-2.3-15.09-5.8-.89-.95-1.58-1.96-2.08-3.05-.61-1.28-.94-2.65-.94-4.06,0-3.57,2.03-6.81,5.31-9.13,3.27-2.34,7.79-3.79,12.8-3.79l7.7,1.15c3.94.6,8,.6,11.95,0l6.06-.91,1.64-.25c9.99,0,18.1,5.79,18.1,12.92h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
6467    <path d="M99.25,68.84v8.14c0,3.57-2.03,6.8-5.32,9.13-3.25,2.33-7.79,3.79-12.79,3.79l-7.72-1.17c-3.93-.58-7.98-.58-11.91,0l-7.71,1.17c-10,0-18.1-5.79-18.1-12.92v-8.14c0,1.42.33,2.79.94,4.06.49,1.09,1.19,2.11,2.08,3.05,3.22,3.51,8.77,5.8,15.09,5.8l7.71-1.15c3.94-.61,7.99-.61,11.91,0l7.72,1.15c4.99,0,9.52-1.46,12.79-3.79,1.98-1.41,3.49-3.13,4.38-5.07.61-1.28.94-2.65.94-4.06h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
6468    <line x1="99.24" y1="77.79" x2="99.24" y2="76.98" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
6469</svg>
6470                                                                        </span>
6471                                                                        <div class="level-2-headline"
6472                                                                             role="heading"
6473                                                                             aria-level="2">
6474                                                                            Putzschw&#xE4;mme&#x20;&amp;&#x20;Topfreiniger                                                                        </div>
6475                                                                    </div>
6476                                                                    <div class="text-sm flex ml-2">
6477                                                                        <span class="underline text-primary">
6478                                                                            alles anzeigen                                                                        </span>
6479                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
6480    <title>Arrow Right</title>
6481    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
6482                                                                    </div>
6483                                                                </a>
6484
6485                                                                                                                                    <div class="my-4">
6486                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/putzschwaemme-topfreiniger/putzschwaemme.htm"
6487                                                                           title="Putzschw&#xE4;mme">
6488                                                                            Putzschw&#xE4;mme                                                                        </a>
6489                                                                    </div>
6490                                                                                                                                    <div class="my-4">
6491                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/putzschwaemme-topfreiniger/topfreiniger-stahlschwaemme.htm"
6492                                                                           title="Topfreiniger&#x20;&amp;&#x20;Stahlschw&#xE4;mme">
6493                                                                            Topfreiniger&#x20;&amp;&#x20;Stahlschw&#xE4;mme                                                                        </a>
6494                                                                    </div>
6495                                                                                                                            </div>
6496                                                                                                                    <div class="level-2">
6497                                                                <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/bodenwischer-zubehoer.htm"
6498                                                                   title="Bodenwischer&#x20;Zubeh&#xF6;r"
6499                                                                   class="level-2-items">
6500                                                                    <div class="flex font-bold">
6501                                                                        <sp
6501an>
6502                                                                                                                                                </span>
6503                                                                        <div class="level-2-headline"
6504                                                                             role="heading"
6505                                                                             aria-level="2">
6506                                                                            Bodenwischer&#x20;Zubeh&#xF6;r                                                                        </div>
6507                                                                    </div>
6508                                                                    <div class="text-sm flex ml-2">
6509                                                                        <span class="underline text-primary">
6510                                                                            alles anzeigen                                                                        </span>
6511                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
6512    <title>Arrow Right</title>
6513    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
6514                                                                    </div>
6515                                                                </a>
6516
6517                                                                                                                                    <div class="my-4">
6518                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/bodenwischer-zubehoer/vileda-ultraspeed.htm"
6519                                                                           title="Vileda&#x20;UltraSpeed">
6520                                                                            Vileda&#x20;UltraSpeed                                                                        </a>
6521                                                                    </div>
6522                                                                                                                                    <div class="my-4">
6523                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/bodenwischer-zubehoer/vileda-combispeed.htm"
6524                                                                           title="Vileda&#x20;CombiSpeed">
6525                                                                            Vileda&#x20;CombiSpeed                                                                        </a>
6526                                                                    </div>
6527                                                                                                                            </div>
6528                                                                                                            </div>
6529                                                </template>
6530                                                                                                                                <button class="mobile-nav-items" type="button"
6531                                                    @click="mobilePanelActiveIdX = mobilePanelActiveIdX === 'category-node-50' ? 0 : 'category-node-50'"
6532                                                    :class="{'-translate-x-full' : mobilePanelActiveIdX,'translate-x-0' : !mobilePanelActiveIdX}">
6533
6534                                                                                                    <span>
6535                                                        <?xml version="1.0" encoding="UTF-8"?>
6536<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 97.72 100" class="h-8 w-8 text-main flex-shrink-0 mr-6 stroke-4">
6537    <title>Balloon</title>
6538    <path d="M41.62,72.89c0,3.49-.19,10.71-1.81,10.71-2.14,0-5-3.51-6.92-5.36-1.92-1.85-7.88-2.9-7.8-5.85-.06-1.74,6.75-3.29,10.36-3.98,1.02,1.02,2.16,1.96,3.38,2.81.91.62,1.83,1.18,2.8,1.67Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6539    <path d="M38.82,71.21c14.3,9.91,36.33,3.19,49.21-15,12.87-18.19,11.72-40.97-2.58-50.88-14.3-9.91-36.33-3.19-49.21,15-12.87,18.19-11.72,40.97,2.58,50.88Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6540    <path d="M68.2,8.6c-5.39.64-10.92,2.93-15.89,6.64M46.98,20.02c-1.28,1.37-2.49,2.86-3.61,4.44" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6541    <path d="M.75,99.25s5.67-8.79,17.57-10.14c9.56-1.08,14.01-10.14,14.01-10.14" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6542</svg>
6543                                                    </span>
6544                                                    <span>Party &amp; Deko</span>
6545
6546                                                    <span class="mobile-nav-items-chev"
6547                                                          :class="{ 'w-0' : !open, 'w-10' : open }">
6548                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="w-full h-full p-1">
6549    <title>Arrow Right</title>
6550    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
6551                                                    </span>
6552                                                                                            </button>
6553
6554                                                                                            <template x-if="mobilePanelActiveIdX === 'category-node-50'">
6555                                                    <div class="mobile-nav-items-children"
6556                                                         :class="{'translate-x-full' : mobilePanelActiveIdX !== 'category-node-50',
6557                                                             'translate-x-0' : mobilePanelActiveIdX === 'category-node-50',
6558                                                        }">
6559                                                        <button class="level-1-back-btn"
6560                                                           tabindex="0"
6561                                                           :class="{ 'w-0' : !open, 'w-10' : open }"
6562                                                           @click="mobilePanelActiveIdX = 0">
6563                                                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" width="28" height="28">
6564    <title>Arrow Left</title>
6565    <path d="M20,25a1,1,0,0,1-.71-.29l-8-8a1,1,0,0,1,0-1.42l8-8a1,1,0,1,1,1.42,1.42L13.41,16l7.3,7.29a1,1,0,0,1,0,1.42A1,1,0,0,1,20,25Z"/></svg>
6566                                                            <span>zurück zu Alle Produkte</span>
6567                                                        </button>
6568
6569                                                        <a href="https://www.papstar-shop.de/produkte/party-deko.htm"
6570                                                           title="Party&#x20;&amp;&#x20;Deko"
6571                                                           class="w-full py-2 px-4">
6572                                                            <div class="level-1-headline"
6573                                                                 role="heading"
6574                                                                 aria-level="1">
6575                                                                <span>Party &amp; Deko</span>
6576                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary pl-4 h-7">
6577    <title>Arrow Right</title>
6578    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
6579                                                            </div>
6580                                                        </a>
6581
6582                                                                                                                    <div class="level-2">
6583                                                                <a href="https://www.papstar-shop.de/produkte/party-deko/luftballons.htm"
6584                                                                   title="Luftballons"
6585                                                                   class="level-2-items">
6586                                                                    <div class="flex font-bold">
6587                                                                        <span>
6588                                                                        <?xml version="1.0" encoding="UTF-8"?>
6589<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 97.72 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
6590    <title>Balloon</title>
6591    <path d="M41.62,72.89c0,3.49-.19,10.71-1.81,10.71-2.14,0-5-3.51-6.92-5.36-1.92-1.85-7.88-2.9-7.8-5.85-.06-1.74,6.75-3.29,10.36-3.98,1.02,1.02,2.16,1.96,3.38,2.81.91.62,1.83,1.18,2.8,1.67Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6592    <path d="M38.82,71.21c14.3,9.91,36.33,3.19,49.21-15,12.87-18.19,11.72-40.97-2.58-50.88-14.3-9.91-36.33-3.19-49.21,15-12.87,18.19-11.72,40.97,2.58,50.88Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6593    <path d="M68.2,8.6c-5.39.64-10.92,2.93-15.89,6.64M46.98,20.02c-1.28,1.37-2.49,2.86-3.61,4.44" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6594    <path d="M.75,99.25s5.67-8.79,17.57-10.14c9.56-1.08,14.01-10.14,14.01-10.14" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6595</svg>
6596                                                                        </span>
6597                                                                        <div class="level-2-headline"
6598                                                                             role="heading"
6599                                                                             aria-level="2">
6600                                                                            Luftballons                                                                        </div>
6601                                                                    </div>
6602                                                                    <div class="text-sm flex ml-2">
6603                                                                        <sp
6603an class="underline text-primary">
6604                                                                            alles anzeigen                                                                        </span>
6605                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
6606    <title>Arrow Right</title>
6607    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
6608                                                                    </div>
6609                                                                </a>
6610
6611                                                                                                                                    <div class="my-4">
6612                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/luftballons/luftballons-sonderformen.htm"
6613                                                                           title="Luftballons&#x20;in&#x20;Sonderformen">
6614                                                                            Luftballons&#x20;in&#x20;Sonderformen                                                                        </a>
6615                                                                    </div>
6616                                                                                                                                    <div class="my-4">
6617                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/luftballons/luftballons-einfarbig.htm"
6618                                                                           title="Einfarbige&#x20;Luftballons">
6619                                                                            Einfarbige&#x20;Luftballons                                                                        </a>
6620                                                                    </div>
6621                                                                                                                                    <div class="my-4">
6622                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/luftballons/luftballons-geburtstag.htm"
6623                                                                           title="Luftballons&#x20;f&#xFC;r&#x20;Geburtstage">
6624                                                                            Luftballons&#x20;f&#xFC;r&#x20;Geburtstage                                                                        </a>
6625                                                                    </div>
6626                                                                                                                                    <div class="my-4">
6627                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/luftballons/luftballons-hochzeit.htm"
6628                                                                           title="Luftballons&#x20;f&#xFC;r&#x20;Hochzeiten">
6629                                                                            Luftballons&#x20;f&#xFC;r&#x20;Hochzeiten                                                                        </a>
6630                                                                    </div>
6631                                                                                                                                    <div class="my-4">
6632                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/luftballons/zahlen-luftballons.htm"
6633                                                                           title="Zahlenballons">
6634                                                                            Zahlenballons                                                                        </a>
6635                                                                    </div>
6636                                                                                                                                    <div class="my-4">
6637                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/luftballons/luftballons-bunt.htm"
6638                                                                           title="Bunte&#x20;Luftballon-Sets">
6639                                                                            Bunte&#x20;Luftballon-Sets                                                                        </a>
6640                                                                    </div>
6641                                                                                                                                    <div class="my-4">
6642                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/luftballons/motiv-luftballons.htm"
6643                                                                           title="Luftballons&#x20;mit&#x20;Motiv">
6644                                                                            Luftballons&#x20;mit&#x20;Motiv                                                                        </a>
6645                                                                    </div>
6646                                                                                                                                    <div class="my-4">
6647                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/luftballons/luftballonpumpen.htm"
6648                                                                           title="Luftballonpumpen">
6649                                                                            Luftballonpumpen                                                                        </a>
6650                                                                    </div>
6651                                                                                                                            </div>
6652                                                                                                                    <div class="level-2">
6653                                                                <a href="https://www.papstar-shop.de/produkte/party-deko/partydeko-festbedarf.htm"
6654                                                                   title="Partydeko&#x20;&amp;&#x20;Festbedarf"
6655                                                                   class="level-2-items">
6656                                                                    <div class="flex font-bold">
6657                                                                        <sp
6657an>
6658                                                                        <?xml version="1.0" encoding="UTF-8"?>
6659<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 28.38" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
6660    <title>Birthday Decoration</title>
6661    <path d="M99.25.75c-1.79,2.05-4.2,3.97-7.09,5.7-4.13,2.48-9.28,4.58-15.17,6.18-.08.02-.16.04-.24.07-5.43,1.46-11.48,2.48-17.91,2.97-.18.02-.35.03-.52.05h0c-2.71.2-5.48.3-8.31.3s-5.61-.1-8.31-.3h0c-.18-.02-.35-.03-.52-.05-6.44-.49-12.48-1.52-17.91-2.97l-.25-.07c-5.89-1.6-11.04-3.69-15.17-6.18C4.95,4.73,2.55,2.82.75.76" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
6662    <path d="M50,16c2.83,0,5.61-.1,8.31-.3-3.19,3.66-5.98,7.66-8.31,11.93-2.33-4.27-5.12-8.26-8.31-11.93,2.71.2,5.48.3,8.31.3Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6663    <path d="M23.24,12.7c5.43,1.45,11.47,2.47,17.91,2.97-4.36,3.17-8.34,6.86-11.84,10.97-1.49-4.87-3.53-9.55-6.07-13.94Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6664    <path d="M7.83,6.45c4.13,2.48,9.28,4.58,15.17,6.18-4.03,2.3-7.82,5.01-11.31,8.1-.76-4.89-2.06-9.67-3.86-14.27Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6665    <path d="M76.75,12.69c-2.54,4.4-4.58,9.08-6.07,13.95-3.5-4.13-7.48-7.81-11.84-10.97,6.44-.49,12.49-1.52,17.91-2.97Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6666    <path d="M92.16,6.45c-1.8,4.6-3.1,9.38-3.86,14.27-3.49-3.08-7.28-5.79-11.31-8.1,5.89-1.6,11.04-3.69,15.17-6.18Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6667</svg>
6668                                                                        </span>
6669                                                                        <div class="level-2-headline"
6670                                                                             role="heading"
6671                                                                             aria-level="2">
6672                                                                            Partydeko&#x20;&amp;&#x20;Festbedarf                                                                        </div>
6673                                                                    </div>
6674                                                                    <div class="text-sm flex ml-2">
6675                                                                        <span class="underline text-primary">
6676                                                                            alles anzeigen                                                                        </span>
6677                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
6678    <title>Arrow Right</title>
6679    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
6680                                                                    </div>
6681                                                                </a>
6682
6683                                                                                                                                    <div class="my-4">
6684                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/partydeko-festbedarf/geburtstagskerzen.htm"
6685                                                                           title="Geburtstagskerzen&#x20;&amp;&#x20;Zahlenkerzen">
6686                                                                            Geburtstagskerzen&#x20;&amp;&#x20;Zahlenkerzen                                                                        </a>
6687                                                                    </div>
6688                                                                                                                                    <div class="my-4">
6689                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/partydeko-festbedarf/geschenkpapiere-geschenkfolien.htm"
6690                                                                           title="Geschenkpapiere&#x20;&amp;&#x20;Geschenkfolien">
6691                                                                            Geschenkpapiere&#x20;&amp;&#x20;Geschenkfolien                                                                        </a>
6692                                                                    </div>
6693                                                                                                                                    <div class="my-4">
6694                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/partydeko-festbedarf/girlanden-wimpelketten.htm"
6695                                                                           title="Girlanden&#x20;&amp;&#x20;Wimpelketten">
6696                                                                            Girlanden&#x20;&amp;&#x20;Wimpelketten                                                                        </a>
6697                                                                    </div>
6698                                                                                                                                    <div class="my-4">
6699                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/partydeko-festbedarf/krepppapiere.htm"
6700                                                                           title="Krepppapiere">
6701                                                                            Krepppapiere                                                                        </a>
6702                                                                    </div>
6703                                                                                                                                    <div class="my-4">
6704                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/partydeko-festbedarf/konfetti-luftschlangen.htm"
6705                                                                           title="Konfetti&#x20;&amp;&#x20;Luftschlangen">
6706                                                                            Konfetti&#x20;&amp;&#x20;Luftschlangen                                                                        </a>
6707                                                                    </div>
6708                                                                                                                                    <div class="my-4">
6709                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/partydeko-festbedarf/partyzubehor.htm"
6710                                                                           title="Partyzubeh&#xF6;r&#x20;&amp;&#x20;Accessoires">
6711                                                                            Partyzubeh&#xF6;r&#x20;&amp;&#x20;Accessoires                                                                        </a>
6712                                                                    </div>
6713                                                                                                                                    <div class="my-4">
6714                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/partydeko-festbedarf/streudeko.htm"
6715                                                                           title="Streudeko">
6716                                                                            Streudeko                                                                        </a>
6717                                                                    </div>
6718                                                                                                                                    <div class="my-4">
6719                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/partydeko-festbedarf/wabenbaelle-deko-faecher.htm"
6720                                                                           title="Wabenb&#xE4;lle&#x20;&amp;&#x20;Deko-F&#xE4;cher">
6721                                                                            Wabenb&#xE4;lle&#x20;&amp;&#x20;Deko-F&#xE4;cher                                                                        </a>
6722                                                                    </div>
6723                                                                                                                            </div>
6724                                                                                                                    <div class="level-2">
6725                                                                <a href="https://www.papstar-shop.de/produkte/party-deko/osterdeko.htm"
6726                                                                   title="Osterdeko&#x20;&amp;&#x20;Fr&#xFC;hlingsdeko&#x20;"
6727                                                                   class="level-2-items">
6728                                                                    <div class="flex font-bold">
6729                                                                        <sp
6729an>
6730                                                                        <?xml version="1.0" encoding="UTF-8"?>
6731<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 95.65" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
6732    <title>Eggs</title>
6733    <path d="M35.96,50.28c0,.63.04,1.25.1,1.87h-18.33c1.24-8.98,7.13-22.17,14.22-22.17,2.87,0,5.54,2.17,7.79,5.34-2.34,5.06-3.78,10.91-3.78,14.96Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6734    <path d="M36.06,52.14h-18.33c1.24-8.98,7.13-22.17,14.22-22.17,2.87,0,5.54,2.17,7.79,5.34" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6735    <path d="M64.79,52.14c.06-.62.1-1.23.1-1.87,0-3.31-.96-7.82-2.58-12.12,2.54-4.65,5.89-8.19,9.56-8.19,7.09,0,12.98,13.19,14.22,22.17,0,0-21.31,0-21.31,0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6736    <path d="M62.31,38.16c2.54-4.65,5.89-8.19,9.56-8.19,7.09,0,12.98,13.19,14.22,22.17h-21.31" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6737    <path d="M94.92,60.93c-1.23,31.32-20.88,33.96-44.94,33.96S6.28,91.69,5.02,60.93c0,0,89.89,0,89.89,0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6738    <path d="M64.89,50.28c0,.63-.04,1.25-.1,1.87h-28.73c-.06-.62-.1-1.23-.1-1.87,0-4.06,1.43-9.9,3.78-14.96,2.65-5.69,6.45-10.39,10.69-10.39,4.93,0,9.27,6.35,11.88,13.24,1.64,4.29,2.58,8.81,2.58,12.12Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6739    <path d="M93.96,52.14h-29.17c.06-.62.1-1.23.1-1.87,0-3.31-.96-7.82-2.58-12.12-2.61-6.9-6.95-13.24-11.88-13.24-4.24,0-8.04,4.7-10.69,10.39-2.34,5.06-3.78,10.91-3.78,14.96,0,.63.04,1.25.1,1.87H7.29C7.85,23.64,27.04.75,50.64.75s42.76,22.9,43.32,51.4h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6740    <path d="M99.25,55.37v5.58H.75v-5.58c0-1.78,1.45-3.22,3.22-3.22h92.05c1.78,0,3.22,1.45,3.22,3.22h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6741</svg>
6742                                                                        </span>
6743                                                                        <div class="level-2-headline"
6744                                                                             role="heading"
6745                                                                             aria-level="2">
6746                                                                            Osterdeko&#x20;&amp;&#x20;Fr&#xFC;hlingsdeko&#x20;                                                                        </div>
6747                                                                    </div>
6748                                                                    <div class="text-sm flex ml-2">
6749                                                                        <span class="underline text-primary">
6750                                                                            alles anzeigen                                                                        </span>
6751                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
6752    <title>Arrow Right</title>
6753    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
6754                                                                    </div>
6755                                                                </a>
6756
6757                                                                                                                            </div>
6758                                                                                                                    <div class="level-2">
6759                                                                <a href="https://www.papstar-shop.de/produkte/party-deko/hochzeitstischdeko.htm"
6760                                                                   title="Hochzeitstischdeko"
6761                                                                   class="level-2-items">
6762                                                                    <div class="flex font-bold">
6763                                                                        <sp
6763an>
6764                                                                        <?xml version="1.0" encoding="UTF-8"?>
6765<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 67.18" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
6766    <title>Weddingrings</title>
6767    <path d="M50.01,13.2c-1.8-1.45-3.81-2.68-5.98-3.61" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
6768    <path d="M50.01,62.03c-4.83,2.8-10.44,4.4-16.43,4.4-18.14,0-32.83-14.71-32.83-32.83S15.44.75,33.58.75c5.99,0,11.6,1.61,16.43,4.4" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
6769    <path d="M55.97,9.59c6.43,5.98,10.45,14.52,10.45,24s-4.03,18.02-10.45,24" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
6770    <path d="M50.01,53.98c5.95-4.8,9.76-12.14,9.76-20.38s-3.81-15.59-9.76-20.39c-1.8-1.45-3.81-2.68-5.98-3.61-3.21-1.41-6.73-2.18-10.45-2.18-14.46,0-26.19,11.72-26.19,26.19s11.72,26.17,26.19,26.17c3.72,0,7.25-.77,10.45-2.17" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
6771    <path d="M55.97,9.59c-1.81-1.71-3.81-3.19-5.96-4.43,4.83-2.8,10.44-4.4,16.41-4.4,18.12,0,32.83,14.71,32.83,32.84s-14.71,32.83-32.83,32.83c-5.98,0-11.58-1.61-16.41-4.4-2.17-1.24-4.16-2.72-5.98-4.41-6.43-5.99-10.45-14.54-10.45-24s4.03-18.04,10.45-24c2.17.94,4.18,2.17,5.98,3.61" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
6772    <path d="M50.01,13.2c-5.96,4.8-9.77,12.15-9.77,20.39s3.81,15.59,9.77,20.38c1.8,1.47,3.81,2.69,5.96,3.63,3.21,1.39,6.73,2.17,10.45,2.17,14.46,0,26.17-11.71,26.17-26.17s-11.71-26.19-26.17-26.19c-3.72,0-7.25.77-10.45,2.18" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
6773</svg>
6774                                                                        </span>
6775                                                                        <div class="level-2-headline"
6776                                                                             role="heading"
6777                                                                             aria-level="2">
6778                                                                            Hochzeitstischdeko                                                                        </div>
6779                                                                    </div>
6780                                                                    <div class="text-sm flex ml-2">
6781                                                                        <span class="underline text-primary">
6782                                                                            alles anzeigen                                                                        </span>
6783                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
6784    <title>Arrow Right</title>
6785    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
6786                                                                    </div>
6787                                                                </a>
6788
6789                                                                                                                            </div>
6790                                                                                                                    <div class="level-2">
6791                                                                <a href="https://www.papstar-shop.de/produkte/party-deko/fussball-deko.htm"
6792                                                                   title="Fu&#xDF;ball&#x20;Deko&#x20;&amp;&#x20;Zubeh&#xF6;r"
6793                                                                   class="level-2-items">
6794                                                                    <div class="flex font-bold">
6795                                                                        <span>
6796                                                                        <?xml version="1.0" encoding="UTF-8"?>
6797<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 99.99 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
6798    <title>Ball</title>
6799    <polygon points="60.47 31.86 39.54 31.86 29.06 50 39.54 68.14 60.47 68.14 70.94 50 60.47 31.86" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6800    <path d="M70.94,13.72l-10.47,18.14h-20.94l-10.47-18.14,6.2-10.73c4.65-1.46,9.6-2.25,14.73-2.25s10.11.79,14.76,2.26l6.19,10.72Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6801    <path d="M70.94,86.28l-6.19,10.72c-4.66,1.46-9.61,2.26-14.76,2.26s-10.1-.79-14.75-2.25l-6.19-10.72,10.47-18.14h20.94l10.47,18.14h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6802    <path d="M98.07,60.7c-2.22,10.01-7.49,18.87-14.77,25.58h-12.35l-10.47-18.14,10.47-18.14h20.94l6.18,10.71h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6803    <path d="M98.07,39.29l-6.18,10.71h-20.94l-10.47-18.13,10.47-18.14h12.35c7.29,6.7,12.55,15.55,14.77,25.57h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6804    <path d="M39.51,68.14l-10.47,18.14h-12.35c-7.29-6.71-12.55-15.57-14.76-25.58h0l6.18-10.7h20.94l10.47,18.14h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6805    <path d="M39.51,31.86l-10.47,18.13H8.1l-6.18-10.7c2.22-10.02,7.48-18.88,14.76-25.58h12.35s10.47,18.14,10.47,18.14Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6806    <path d="M99.24,50c0,3.68-.4,7.26-1.17,10.71-2.22,10.01-7.49,18.87-14.77,25.58-5.25,4.83-11.56,8.52-18.54,10.72-4.66,1.46-9.61,2.26-14.76,2.26s-10.1-.79-14.75-2.25c-6.98-2.19-13.3-5.89-18.56-10.72-7.29-6.71-12.55-15.57-14.76-25.58h0c-.77-3.45-1.17-7.02-1.17-10.7s.4-7.25,1.17-10.7c2.22-10.02,7.48-18.88,14.76-25.58,5.26-4.84,11.58-8.54,18.57-10.73,4.66-1.48,9.61-2.27,14.74-2.27s10.11.79,14.76,2.26c6.98,2.19,13.29,5.89,18.54,10.72,7.29,6.7,12.55,15.55,14.77,25.57.77,3.45,1.17,7.02,1.17,10.71Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6807</svg>
6808                                                                        </span>
6809                                                                        <div class="level-2-headline"
6810                                                                             role="heading"
6811                                                                             aria-level="2">
6812                                                                            Fu&#xDF;ball&#x20;Deko&#x20;&amp;&#x20;Zubeh&#xF6;r                                                                        </div>
6813                                                                    </div>
6814                                                                    <div class="text-sm flex ml-2">
6815                                                                        <sp
6815an class="underline text-primary">
6816                                                                            alles anzeigen                                                                        </span>
6817                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
6818    <title>Arrow Right</title>
6819    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
6820                                                                    </div>
6821                                                                </a>
6822
6823                                                                                                                            </div>
6824                                                                                                                    <div class="level-2">
6825                                                                <a href="https://www.papstar-shop.de/produkte/party-deko/partyset-serien.htm"
6826                                                                   title="Partyset-Serien"
6827                                                                   class="level-2-items">
6828                                                                    <div class="flex font-bold">
6829                                                                        <span>
6830                                                                        <?xml version="1.0" encoding="UTF-8"?>
6831<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90.19 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
6832    <title>Papersheet</title>
6833    <polygon points="69.96 90.18 69.96 99.25 .75 99.25 .75 18.9 10.49 18.9 10.49 90.18 69.96 90.18" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6834    <polygon points="79.7 81.1 79.7 90.18 10.49 90.18 10.49 9.83 20.21 9.83 20.21 81.1 79.7 81.1" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6835    <rect x="20.21" y=".75" width="69.23" height="80.35" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6836</svg>
6837                                                                        </span>
6838                                                                        <div class="level-2-headline"
6839                                                                             role="heading"
6840                                                                             aria-level="2">
6841                                                                            Partyset-Serien                                                                        </div>
6842                                                                    </div>
6843                                                                    <div class="text-sm flex ml-2">
6844                                                                        <span class="underline text-primary">
6845                                                                            alles anzeigen                                                                        </span>
6846                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
6847    <title>Arrow Right</title>
6848    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
6849                                                                    </div>
6850                                                                </a>
6851
6852                                                                                                                            </div>
6853                                                                                                                    <div class="level-2">
6854                                                                <a href="https://www.papstar-shop.de/produkte/party-deko/laender-deko-flaggen.htm"
6855                                                                   title="L&#xE4;nder-Deko,&#x20;Flaggen&#x20;&amp;&#x20;Zubeh&#xF6;r"
6856                                                                   class="level-2-items">
6857                                                                    <div class="flex font-bold">
6858                                                                        <sp
6858an>
6859                                                                        <?xml version="1.0" encoding="UTF-8"?>
6860<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65.74 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
6861    <title>Flag</title>
6862    <path d="M64.99,47.48c-6.94,4.11-16.68,8.19-26.29,5.32-4.61-1.38-6.34-3.5-11.06-5.6-5.94-2.65-12.88-4.63-26.89-1V2.73C14.76-.9,21.7,1.08,27.64,3.73c4.72,2.11,6.45,4.23,11.06,5.6,9.61,2.87,19.36-1.21,26.29-5.32v43.46Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6863    <line x1="64.99" y1="4.02" x2="64.99" y2="99.25" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6864</svg>
6865                                                                        </span>
6866                                                                        <div class="level-2-headline"
6867                                                                             role="heading"
6868                                                                             aria-level="2">
6869                                                                            L&#xE4;nder-Deko,&#x20;Flaggen&#x20;&amp;&#x20;Zubeh&#xF6;r                                                                        </div>
6870                                                                    </div>
6871                                                                    <div class="text-sm flex ml-2">
6872                                                                        <span class="underline text-primary">
6873                                                                            alles anzeigen                                                                        </span>
6874                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
6875    <title>Arrow Right</title>
6876    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
6877                                                                    </div>
6878                                                                </a>
6879
6880                                                                                                                            </div>
6881                                                                                                                    <div class="level-2">
6882                                                                <a href="https://www.papstar-shop.de/produkte/party-deko/herbstdeko.htm"
6883                                                                   title="Tischdeko&#x20;Herbst"
6884                                                                   class="level-2-items">
6885                                                                    <div class="flex font-bold">
6886                                                                        <span>
6887                                                                        <?xml version="1.0" encoding="UTF-8"?>
6888<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 99.63" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
6889    <title>Autumn</title>
6890    <path d="M53.54,72.81c8.35,1.35,17.85,2.19,25.6-2.13,8.69-4.83,7.24-15.49-2.94-16.13,8.43-1.56,19.49-4.11,20.69-13.8,1.21-9.85-10.03-9.22-13.93-8.79,6.1-3.57,23.32-17.89,13.14-28.01-10.12-10.18-24.88,6.61-28.45,12.71.42-3.9,1.06-15.15-8.79-13.93-9.69,1.19-12.24,12.25-13.8,20.69-.63-10.19-11.3-11.62-16.13-2.94-4.31,7.75-3.48,17.26-2.13,25.6-1.48-4.14-3.94-11.76-9.05-11.83-8.95-.12-11.22,14.56-10.82,21.01.41,6.46,2.54,13.38,4.32,19.57.71,2.46,3.22,10.65,3.22,10.65h0l.02.06s8.1,2.72,11.18,3.61c6.2,1.78,12.19,3.1,18.66,3.52,6.44.41,21.12-1.86,21.01-10.82-.07-5.11-7.68-7.57-11.83-9.05h.03Z" stroke="currentColor" stroke-width="3" style="fill:none; stroke-linecap:round; stroke-linejoin:round;"/>
6891    <line x1="82.61" y1="17.01" x2=".75" y2="98.88" stroke="currentColor" stroke-width="3" style="fill:none; stroke-linecap:round; stroke-linejoin:round;"/>
6892    <polyline points="59.39 24.87 59.39 40.13 74.87 40.13" stroke="currentColor" stroke-width="3" style="fill:none; stroke-linecap:round; stroke-linejoin:round;"/>
6893    <polyline points="41.59 35.83 41.59 57.88 63.95 57.88" stroke="currentColor" stroke-width="3" style="fill:none; stroke-linecap:round; stroke-linejoin:round;"/>
6894    <polyline points="21.83 56.16 21.83 77.64 43.62 77.64" stroke="currentColor" stroke-width="3" style="fill:none; stroke-linecap:round; stroke-linejoin:round;"/>
6895</svg>
6896                                                                        </span>
6897                                                                        <div class="level-2-headline"
6898                                                                             role="heading"
6899                                                                             aria-level="2">
6900                                                                            Tischdeko&#x20;Herbst                                                                        </div>
6901                                                                    </div>
6902                                                                    <div class="text-sm flex ml-2">
6903                                                                        <sp
6903an class="underline text-primary">
6904                                                                            alles anzeigen                                                                        </span>
6905                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
6906    <title>Arrow Right</title>
6907    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
6908                                                                    </div>
6909                                                                </a>
6910
6911                                                                                                                            </div>
6912                                                                                                                    <div class="level-2">
6913                                                                <a href="https://www.papstar-shop.de/produkte/party-deko/bayrische-deko.htm"
6914                                                                   title="Bayrische&#x20;Deko&#x20;&amp;&#x20;Zubeh&#xF6;r"
6915                                                                   class="level-2-items">
6916                                                                    <div class="flex font-bold">
6917                                                                        <span>
6918                                                                        <?xml version="1.0" encoding="UTF-8"?>
6919<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 73.28 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
6920    <title>Beer</title>
6921    <path d="M61.7,38.43v49.63c0,6.18-5,11.19-11.19,11.19H17.96c-6.18,0-11.19-5-11.19-11.19v-49.63h35.53c2.62,2.08,5.93,3.32,9.52,3.32s6.89-1.24,9.51-3.32c0,0,.36,0,.36,0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6922    <line x1="19.7" y1="51.12" x2="19.7" y2="86.55" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6923    <line x1="34.24" y1="51.12" x2="34.24" y2="86.55" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6924    <line x1="48.76" y1="51.12" x2="48.76" y2="86.55" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6925    <path d="M61.7,50.45h6.5c2.39,0,4.33,1.94,4.33,4.33v28.1c0,2.39-1.94,4.33-4.33,4.33h-6.5v-36.78h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6926    <path d="M42.29,38.43H8.28c-4.17,0-7.53-3.37-7.53-7.53s3.32-7.5,7.45-7.54c-.35-1-.54-2.09-.54-3.21,0-5.46,4.43-9.89,9.88-9.89,1.28,0,2.51.24,3.63.69,1.22-5.82,6.39-10.19,12.58-10.19,6.59,0,12.03,4.97,12.75,11.36,1.64-.62,3.45-.96,5.32-.96,8.44,0,15.3,6.85,15.3,15.3,0,4.85-2.27,9.17-5.79,11.98" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6927</svg>
6928                                                                        </span>
6929                                                                        <div class="level-2-headline"
6930                                                                             role="heading"
6931                                                                             aria-level="2">
6932                                                                            Bayrische&#x20;Deko&#x20;&amp;&#x20;Zubeh&#xF6;r                                                                        </div>
6933                                                                    </div>
6934                                                                    <div class="text-sm flex ml-2">
6935                                                                        <span class="underline text-primary">
6936                                                                            alles anzeigen                                                                        </span>
6937                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
6938    <title>Arrow Right</title>
6939    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
6940                                                                    </div>
6941                                                                </a>
6942
6943                                                                                                                            </div>
6944                                                                                                                    <div class="level-2">
6945                                                                <a href="https://www.papstar-shop.de/produkte/party-deko/silvester-deko.htm"
6946                                                                   title="Silvester&#x20;Deko&#x20;&amp;&#x20;Zubeh&#xF6;r"
6947                                                                   class="level-2-items">
6948                                                                    <div class="flex font-bold">
6949                                                                        <sp
6949an>
6950                                                                        <?xml version="1.0" encoding="UTF-8"?>
6951<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
6952    <title>Firework</title>
6953    <line x1="84.83" y1="15.17" x2="56.9" y2="43.1" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
6954    <line x1="43.1" y1="56.9" x2="15.17" y2="84.83" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
6955    <line x1="84.83" y1="84.83" x2="56.9" y2="56.9" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
6956    <line x1="43.1" y1="43.1" x2="15.17" y2="15.17" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
6957    <line x1="99.25" y1="50" x2="59.75" y2="50" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
6958    <line x1="40.25" y1="50" x2=".75" y2="50" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
6959    <line x1="50" y1=".75" x2="50" y2="40.25" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
6960    <line x1="50" y1="59.75" x2="50" y2="99.25" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
6961    <line x1="9.7" y1="66.7" x2="35.72" y2="55.92" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
6962    <line x1="64.28" y1="44.08" x2="90.3" y2="33.3" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
6963    <line x1="90.3" y1="66.7" x2="64.28" y2="55.92" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
6964    <line x1="35.72" y1="44.08" x2="9.7" y2="33.3" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
6965    <line x1="33.3" y1="90.3" x2="44.08" y2="64.28" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
6966    <line x1="55.92" y1="35.72" x2="66.7" y2="9.7" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
6967    <line x1="33.3" y1="9.7" x2="44.08" y2="35.72" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
6968    <line x1="55.92" y1="64.28" x2="66.7" y2="90.3" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
6969</svg>
6970                                                                        </span>
6971                                                                        <div class="level-2-headline"
6972                                                                             role="heading"
6973                                                                             aria-level="2">
6974                                                                            Silvester&#x20;Deko&#x20;&amp;&#x20;Zubeh&#xF6;r                                                                        </div>
6975                                                                    </div>
6976                                                                    <div class="text-sm flex ml-2">
6977                                                                        <span class="underline text-primary">
6978                                                                            alles anzeigen                                                                        </span>
6979                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
6980    <title>Arrow Right</title>
6981    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
6982                                                                    </div>
6983                                                                </a>
6984
6985                                                                                                                            </div>
6986                                                                                                                    <div class="level-2">
6987                                                                <a href="https://www.papstar-shop.de/produkte/party-deko/weihnachten.htm"
6988                                                                   title="Weihnachtsdeko&#x20;&amp;&#x20;Zubeh&#xF6;r"
6989                                                                   class="level-2-items">
6990                                                                    <div class="flex font-bold">
6991                                                                        <sp
6991an>
6992                                                                        <?xml version="1.0" encoding="UTF-8"?>
6993<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 81.54 100" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
6994    <title>Xmas Ball</title>
6995    <path d="M40.77,99.25c22.1,0,40.02-17.99,40.02-40.18S62.87,18.89,40.77,18.89.75,36.88.75,59.07s17.92,40.18,40.02,40.18Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6996    <path d="M40,18.85s.09.06.15,0c.18.09.38.09.62.09.18,0,.44,0,.62-.09.06.06.09,0,.15,0" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6997    <path d="M31.68,9.85c0-5.03,4.04-9.1,9.06-9.1s9.12,4.06,9.12,9.1" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6998    <path d="M54.96,21.49v-11.64h-28.39v11.64" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
6999    <path d="M77.57,43.15H4" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7000    <path d="M77.51,74.95H4.06" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7001    <path d="M68.92,59.07c0-4.27,4.25-7.67,9.42-7.67.62,0,1.18.06,1.77.15" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7002    <path d="M68.92,59.07c0,4.21-4.22,7.61-9.39,7.61s-9.39-3.41-9.39-7.61" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7003    <path d="M50.16,59.07c0-4.24-4.22-7.64-9.36-7.64s-9.39,3.41-9.39,7.64" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7004    <path d="M31.38,59.07c0,4.21-4.22,7.61-9.39,7.61s-9.39-3.41-9.39-7.61" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7005    <path d="M1.46,51.54c.56-.09,1.15-.15,1.71-.15,5.19,0,9.42,3.41,9.42,7.67" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7006    <path d="M22,58.53c1.3,0,2.36-1.06,2.36-2.37s-1.05-2.37-2.36-2.37-2.36,1.06-2.36,2.37,1.05,2.37,2.36,2.37Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7007    <path d="M59.54,58.53c1.3,0,2.36-1.06,2.36-2.37s-1.05-2.37-2.36-2.37-2.36,1.06-2.36,2.37,1.05,2.37,2.36,2.37Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7008    <path d="M40.74,64.08c1.3,0,2.36-1.06,2.36-2.37s-1.05-2.37-2.36-2.37-2.36,1.06-2.36,2.37,1.05,2.37,2.36,2.37Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7009</svg>
7010                                                                        </span>
7011                                                                        <div class="level-2-headline"
7012                                                                             role="heading"
7013                                                                             aria-level="2">
7014                                                                            Weihnachtsdeko&#x20;&amp;&#x20;Zubeh&#xF6;r                                                                        </div>
7015                                                                    </div>
7016                                                                    <div class="text-sm flex ml-2">
7017                                                                        <span class="underline text-primary">
7018                                                                            alles anzeigen                                                                        </span>
7019                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
7020    <title>Arrow Right</title>
7021    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
7022                                                                    </div>
7023                                                                </a>
7024
7025                                                                                                                                    <div class="my-4">
7026                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/weihnachten/weihnachtstischdecken-weihnachtstischlaeufer.htm"
7027                                                                           title="Weihnachtstischdecken&#x20;&amp;&#x20;Weihnachtstischl&#xE4;ufer">
7028                                                                            Weihnachtstischdecken&#x20;&amp;&#x20;Weihnachtstischl&#xE4;ufer                                                                        </a>
7029                                                                    </div>
7030                                                                                                                                    <div class="my-4">
7031                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/weihnachten/einwegteller-einwegbecher-weihnachten.htm"
7032                                                                           title="Einwegteller&#x20;&amp;&#x20;Einwegbecher&#x20;f&#xFC;r&#x20;Weihnachten">
7033                                                                            Einwegteller&#x20;&amp;&#x20;Einwegbecher&#x20;f&#xFC;r&#x20;Weihnachten                                                                        </a>
7034                                                                    </div>
7035                                                                                                                                    <div class="my-4">
7036                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/weihnachten/weihnachtsservietten.htm"
7037                                                                           title="Weihnachtsservietten">
7038                                                                            Weihnachtsservietten                                                                        </a>
7039                                                                    </div>
7040                                                                                                                                    <div class="my-4">
7041                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/weihnachten/weihnachtstueten-weihnachtsbeutel.htm"
7042                                                                           title="Weihnachtst&#xFC;ten&#x20;&amp;&#x20;Kekst&#xFC;ten">
7043                                                                            Weihnachtst&#xFC;ten&#x20;&amp;&#x20;Kekst&#xFC;ten                                                                        </a>
7044                                                                    </div>
7045                                                                                                                                    <div class="my-4">
7046                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/weihnachten/weihnachtskerzen.htm"
7047                                                                           title="Weihnachtskerzen">
7048                                                                            Weihnachtskerzen                                                                        </a>
7049                                                                    </div>
7050                                                                                                                                    <div class="my-4">
7051                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/weihnachten/christmas-shine.htm"
7052                                                                           title="Weihnachtsserie&#x20;&quot;Christmas&#x20;Shine&quot;">
7053                                                                            Weihnachtsserie&#x20;&quot;Christmas&#x20;Shine&quot;                                                                        </a>
7054                                                                    </div>
7055                                                                                                                                    <div class="my-4">
7056                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/weihnachten/just-stars.htm"
7057                                                                           title="Weihnachtsserie&#x20;&quot;Just&#x20;Stars&quot;">
7058                                                                            Weihnachtsserie&#x20;&quot;Just&#x20;Stars&quot;                                                                        </a>
7059                                                                    </div>
7060                                                                                                                                    <div class="my-4">
7061                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/weihnachten/rising-star.htm"
7062                                                                           title="Weihnachtsserie&#x20;&quot;Rising&#x20;Star&quot;">
7063                                                                            Weihnachtsserie&#x20;&quot;Rising&#x20;Star&quot;                                                                        </a>
7064                                                                    </div>
7065                                                                                                                                    <div class="my-4">
7066                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/weihnachten/stardust.htm"
7067                                                                           title="Weihnachtsserie&#x20;&quot;Stardust&quot;">
7068                                                                            Weihnachtsserie&#x20;&quot;Stardust&quot;                                                                        </a>
7069                                                                    </div>
7070                                                                                                                                    <div class="my-4">
7071                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/weihnachten/golde
7071n-star.htm"
7072                                                                           title="Weihnachtsserie&#x20;&quot;Golden&#x20;Star&quot;">
7073                                                                            Weihnachtsserie&#x20;&quot;Golden&#x20;Star&quot;                                                                        </a>
7074                                                                    </div>
7075                                                                                                                                    <div class="my-4">
7076                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/weihnachten/plain-christmas-trees.htm"
7077                                                                           title="Weihnachtsserie&#x20;&quot;Plain&#x20;Christmas&#x20;Trees&quot;">
7078                                                                            Weihnachtsserie&#x20;&quot;Plain&#x20;Christmas&#x20;Trees&quot;                                                                        </a>
7079                                                                    </div>
7080                                                                                                                                    <div class="my-4">
7081                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/weihnachten/winterly.htm"
7082                                                                           title="Weihnachtsserie&#x20;&quot;Winterly&quot;">
7083                                                                            Weihnachtsserie&#x20;&quot;Winterly&quot;                                                                        </a>
7084                                                                    </div>
7085                                                                                                                            </div>
7086                                                                                                                    <div class="level-2">
7087                                                                <a href="https://www.papstar-shop.de/produkte/party-deko/weihnachtsmarkt-verkauf.htm"
7088                                                                   title="Weihnachtsmarkt&#x20;Verkauf"
7089                                                                   class="level-2-items">
7090                                                                    <div class="flex font-bold">
7091                                                                        <span>
7092                                                                        <?xml version="1.0" encoding="UTF-8"?>
7093<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 91.79" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
7094    <title>Christmal</title>
7095    <rect x="10.64" y="34.52" width="78.72" height="56.52" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7096    <polygon points="50 .75 .75 34.48 99.25 34.48 50 .75" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7097    <polygon points="50 41.48 54.07 55.73 68.44 52.13 58.14 62.78 68.44 73.42 54.07 69.82 50 84.07 45.93 69.82 31.56 73.42 41.86 62.78 31.56 52.13 45.93 55.73 50 41.48" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7098</svg>
7099                                                                        </span>
7100                                                                        <div class="level-2-headline"
7101                                                                             role="heading"
7102                                                                             aria-level="2">
7103                                                                            Weihnachtsmarkt&#x20;Verkauf                                                                        </div>
7104                                                                    </div>
7105                                                                    <div class="text-sm flex ml-2">
7106                                                                        <sp
7106an class="underline text-primary">
7107                                                                            alles anzeigen                                                                        </span>
7108                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
7109    <title>Arrow Right</title>
7110    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
7111                                                                    </div>
7112                                                                </a>
7113
7114                                                                                                                            </div>
7115                                                                                                                    <div class="level-2">
7116                                                                <a href="https://www.papstar-shop.de/produkte/party-deko/fasching-karneval-deko.htm"
7117                                                                   title="Faschingsdeko&#x20;&amp;&#x20;Karnevalsdeko"
7118                                                                   class="level-2-items">
7119                                                                    <div class="flex font-bold">
7120                                                                        <span>
7121                                                                        <?xml version="1.0" encoding="UTF-8"?>
7122<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 60.28" class="h-8 w-8 text-main flex-shrink-0 mr-2 stroke-4">
7123    <title>Carnevalhat</title>
7124    <line x1="75.83" y1="59.52" x2="54.38" y2="59.38" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7125    <path d="M23.6,4.68c0,.25-.02.48-.06.71-.13.7-.44,1.34-.89,1.85-.72.84-1.79,1.37-2.97,1.37-2.17,0-3.93-1.76-3.93-3.93s1.76-3.93,3.93-3.93,3.93,1.76,3.93,3.93h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7126    <path d="M8.36,28.78c5.53,2.29,15.81,6.85,20.42,10.88,1.45,1.27,2.77,2.83,3.93,4.46" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7127    <path d="M8.6,27.05c7.25-.36,23-.56,33.82,3.59" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7128    <path d="M22.65,7.24c5.16,4.98,15.61,15.58,19.77,23.39.16.3.32.59.45.88,2.18,4.52,3.31,10.25,3.88,15.33" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7129    <path d="M77.16,50.42h0" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7130    <path d="M23.53,5.38c9.33,2.48,33.08,9.84,43.47,22.66,1.1,1.36,2.12,2.8,3.03,4.27" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7131    <path d="M56.95,48.82c1.18-3.3,2.8-6.55,4.98-9.39,2.07-2.69,4.93-5.06,8.1-7.12,7.32-4.74,16.35-7.82,21.51-9.33" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7132    <path d="M92.73,24.82c-4,4.12-10.89,11.67-13.34,17.09-1.13,2.52-1.82,5.56-2.24,8.51h0c-.11.76-.19,1.51-.27,2.25" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7133    <polygon points="78.43 52.97 76.56 59.53 75.83 59.52 54.38 59.38 33.93 59.23 28.44 43.3 32.71 44.13 46.75 46.84 56.95 48.82 62.57 49.91 76.9 52.68 78.43 52.97" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7134    <path d="M8.61,27.4c0,.48-.09.96-.26,1.39-.56,1.49-1.99,2.55-3.67,2.55-2.17,0-3.93-1.76-3.93-3.93s1.76-3.93,3.93-3.93,3.74,1.58,3.92,3.59c0,.11.02.24.02.34h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7135    <path d="M99.25,21.87c0,2.17-1.76,3.93-3.93,3.93-.99,0-1.9-.36-2.59-.98-.55-.48-.97-1.12-1.18-1.84-.11-.35-.16-.73-.16-1.11,0-2.17,1.76-3.93,3.93-3.93s3.93,1.76,3.93,3.93Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7136</svg>
7137                                                                        </span>
7138                                                                        <div class="level-2-headline"
7139                                                                             role="heading"
7140                                                                             aria-level="2">
7141                                                                            Faschingsdeko&#x20;&amp;&#x20;Karnevalsdeko                                                                        </div>
7142                                                                    </div>
7143                                                                    <div class="text-sm flex ml-2">
7144                                                                        <sp
7144an class="underline text-primary">
7145                                                                            alles anzeigen                                                                        </span>
7146                                                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-4">
7147    <title>Arrow Right</title>
7148    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
7149                                                                    </div>
7150                                                                </a>
7151
7152                                                                                                                            </div>
7153                                                                                                            </div>
7154                                                </template>
7155                                                                                                                                                        </div>
7156                                                                                                                                                                                </div>
7157                </div>
7158            </template>
7159        </nav>
7160    </div>
7161</div>
7162<script>
7163    "use strict";
7164
7165    const initMenuMobile_6ac216b0a1dae = () => {
7166        return {
7167            mobilePanelActiveId: null,
7168            mobilePanelActiveIdX: null,
7169            mobilePanelActiveIdY: null,
7170            mobilePanelActiveIdZ: null,
7171            hoverPanelActiveId: null,
7172            open: false,
7173            isMobile: window.matchMedia('(max-width: 1023px)').matches,
7174
7175            setActiveMenu(menuNode) {
7176                Array.from(menuNode.querySelectorAll("a")).filter(link => {
7177                    return link.href === window.location.href.split("?")[0];
7178                }).map(item => {
7179
7180                });
7181            },
7182
7183            init() {
7184                this.mobilePanelActiveIdX = 0;
7185            },
7186
7187            close(focusAfter) {
7188                if (!this.open) {
7189                    return;
7190                }
7191
7192                this.open = false;
7193                focusAfter && focusAfter.focus();
7194            }
7195        };
7196    };
7197</script>
7197
7198            </div>
7199        </div>
7200    </div>
7201
7202    <!--Main Navigation Desktop-->
7203    
7204<div x-data="checkResolutionForNav()"
7205     x-init="init()"
7206     class="max-lg:z-0 max-lg:relative bg-white">
7207        <div class="lg:hidden lg:invisible"
7208            :aria-hidden="!isMobile">
7209            <div class="mobile-short-nav lg:hidden">
7210                <ul class="level-1">
7211                                                                                                        <li class="level-1-item"
7212                                    :aria-hidden="!isMobile">
7213                                    <a href="https://www.papstar-shop.de/produkte/einweggeschirr.htm"
7214                                       aria-label="Zeige Einweggeschirr"
7215                                       title="Zeige Einweggeschirr">
7216                                        Einweggeschirr                                    </a>
7217                                </li>
7218                                                            <li class="level-1-item"
7219                                    :aria-hidden="!isMobile">
7220                                    <a href="https://www.papstar-shop.de/produkte/teller-schalen.htm"
7221                                       aria-label="Zeige Teller&#x20;&amp;&#x20;Schalen"
7222                                       title="Zeige Teller&#x20;&amp;&#x20;Schalen">
7223                                        Teller &amp; Schalen                                    </a>
7224                                </li>
7225                                                            <li class="level-1-item"
7226                                    :aria-hidden="!isMobile">
7227                                    <a href="https://www.papstar-shop.de/produkte/becher-glaeser.htm"
7228                                       aria-label="Zeige Becher"
7229                                       title="Zeige Becher">
7230                                        Becher                                    </a>
7231                                </li>
7232                                                            <li class="level-1-item"
7233                                    :aria-hidden="!isMobile">
7234                                    <a href="https://www.papstar-shop.de/produkte/einwegbesteck.htm"
7235                                       aria-label="Zeige Besteck"
7236                                       title="Zeige Besteck">
7237                                        Besteck                                    </a>
7238                                </li>
7239                                                            <li class="level-1-item"
7240                                    :aria-hidden="!isMobile">
7241                                    <a href="https://www.papstar-shop.de/produkte/einwegverpackungen.htm"
7242                                       aria-label="Zeige Einwegverpackungen"
7243                                       title="Zeige Einwegverpackungen">
7244                                        Einwegverpackungen                                    </a>
7245                                </li>
7246                                                            <li class="level-1-item"
7247                                    :aria-hidden="!isMobile">
7248                                    <a href="https://www.papstar-shop.de/produkte/mehrweggeschirr.htm"
7249                                       aria-label="Zeige Mehrweg"
7250                                       title="Zeige Mehrweg">
7251                                        Mehrweg                                    </a>
7252                                </li>
7253                                                            <li class="level-1-item"
7254                                    :aria-hidden="!isMobile">
7255                                    <a href="https://www.papstar-shop.de/produkte/servietten.htm"
7256                                       aria-label="Zeige Servietten"
7257                                       title="Zeige Servietten">
7258                                        Servietten                                    </a>
7259                                </li>
7260                                                            <li class="level-1-item"
7261                                    :aria-hidden="!isMobile">
7262                                    <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer.htm"
7263                                       aria-label="Zeige Tischdecken"
7264                                       title="Zeige Tischdecken">
7265                                        Tischdecken                                    </a>
7266                                </li>
7267                                                            <li class="level-1-item"
7268                                    :aria-hidden="!isMobile">
7269                                    <a href="https://www.papstar-shop.de/produkte/kerzen.htm"
7270                                       aria-label="Zeige Kerzen"
7271                                       title="Zeige Kerzen">
7272                                        Kerzen                                    </a>
7273                                </li>
7274                                                            <li class="level-1-item"
7275                                    :aria-hidden="!isMobile">
7276                                    <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte.htm"
7277                                       aria-label="Zeige Hygiene&#x20;&amp;&#x20;Medizin"
7278                                       title="Zeige Hygiene&#x20;&amp;&#x20;Medizin">
7279                                        Hygiene &amp; Medizin                                    </a>
7280                                </li>
7281                                                            <li class="level-1-item"
7282                                    :aria-hidden="!isMobile">
7283                                    <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien.htm"
7284                                       aria-label="Zeige Reinigung"
7285                                       title="Zeige Reinigung">
7286                                        Reinigung                                    </a>
7287                                </li>
7288                                                            <li class="level-1-item"
7289                                    :aria-hidden="!isMobile">
7290                                    <a href="https://www.papstar-shop.de/produkte/party-deko.htm"
7291                                       aria-label="Zeige Party&#x20;&amp;&#x20;Deko"
7292                                       title="Zeige Party&#x20;&amp;&#x20;Deko">
7293                                        Party &amp; Deko                                    </a>
7294                                </li>
7295                                                                                                                                                                                </ul>
7296            </div>
7297        </div>
7298
7299    <nav id="nav-desktop"
7300         aria-label="Main&#x20;menu"
7301         class="desktop-navigation"
7302    >
7303
7304        <div class="max-lg:hidden max-lg:invisible"
7305            :aria-hidden="isMobile">
7306            <div class="desktop-nav">
7307                <ul class="level-1">
7308                                                                                                                    <li class="root-categories"
7309                                :aria-hidden="isMobile">
7310                                <div class="root-category">
7311                                    <a class="link-btn"
7312                                       href="https://www.papstar-shop.de/neuheiten.htm"
7313                                       aria-label="Zeige Neu"
7314                                       title="Zeige Neu">
7315                                        <span class="pr-1">
7316                                            <?xml version="1.0" encoding="UTF-8"?>
7317<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 26" fill="none" class="h-5 w-5 text-white">
7318    <title>Flame</title>
7319    <g>
7320        <path d="M9.69192 1.40652C11.8649 3.43675 12.88 6.06177 12.9117 9.70191C12.9117 10.6853 13.6096 11.5259 14.5534 11.6608C14.6565 11.6925 14.7596 11.6925 14.8706 11.6925C15.9571 11.6925 16.7977 10.8518 16.8294 9.76535V9.48778C16.8294 9.34503 16.8294 9.03574 16.8612 8.67886C16.8612 8.36164 17.2498 8.22682 17.456 8.43301C19.3117 10.4632 20.3982 13.0883 20.3982 15.7529C20.3982 18.029 19.3117 20.3765 17.456 22.1609C15.5685 23.9849 13.1179 25 10.6991 25C8.28027 25 5.82972 23.9532 3.94225 22.1609C2.08649 20.3765 1 18.029 1 15.7529C1 12.1445 3.2047 9.6226 5.13183 7.45755C7.33653 4.97528 8.4944 2.94505 8.70059 1.29549C8.73232 1.01792 9.04954 0.906891 9.26367 1.08929L9.68399 1.40652H9.69192Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7321        <path d="M13.8949 18.7741C13.8949 20.5268 12.4594 21.9622 10.7068 21.9622C8.95411 21.9622 7.51868 20.5268 7.51868 18.7741C7.51868 17.9335 7.8359 17.1325 8.43069 16.5298L8.46242 16.4981L8.49414 16.4663L10.6988 13.8413L12.9035 16.4663L12.9353 16.4981L12.967 16.5298C13.5618 17.1246 13.879 17.9335 13.879 18.7741H13.8949Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
7322    </g>
7323</svg>
7324                                        </span>
7325                                        <span>Neu</span>
7326                                    </a>
7327                                </div>
7328                            </li>
7329                                                                                                <li class="root-categories"
7330                                :aria-hidden="isMobile">
7331                                <div class="root-category">
7332                                    <a class="link-btn"
7333                                       href="https://www.papstar-shop.de/angebote.htm"
7334                                       aria-label="Zeige Sale"
7335                                       title="Zeige Sale">
7336                                        <span class="pr-1">
7337                                            <?xml version="1.0" encoding="UTF-8"?>
7338<svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" version="1.1" viewBox="0 0 18 22" class="h-5 w-5 text-white">
7339    <title>Percent</title>
7340  <defs>
7341    <style>
7342      .st0 {
7343        stroke-linecap: round;
7344        stroke-linejoin: round;
7345      }
7346
7347      .st0, .st1 {
7348        fill: none;
7349        stroke-width: 1.5px;
7350      }
7351
7352      .st1 {
7353        stroke-miterlimit: 10;
7354      }
7355    </style>
7356  </defs>
7357  <path class="st1" stroke="currentColor" d="M16.2,16.6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
7358  <g>
7359    <path class="st1" stroke="currentColor" d="M8,6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
7360    <path class="st0" stroke="currentColor" d="M3.5,18.7L15.4,3.9"/>
7361  </g>
7362</svg>
7363                                        </span>
7364                                        <span>Sale</span>
7365                                    </a>
7366                                </div>
7367                            </li>
7368                                            
7369                                                                                                                                                                        <li class="level-1-item node-641"
7370
7371                                    x-data="initNode()"
7372                                    x-on:keydown.escape.prevent.stop="close($refs.button)"
7373                                    x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
7374                                    x-id="['navi-button']"
7375                                >
7376                                    <button
7377                                        type="button"
7378                                        x-ref="button"
7379                                        :class="{'node-active': open}"
7380                                        x-on:click="toggle()"
7381                                        :aria-expanded="open"
7382                                        :aria-controls="$id('navi-button')"
7383                                        title="Einweggeschirr"
7384                                    >
7385                                        Einweggeschirr                                    </button>
7386
7387                                    <div class="level-1-panel"
7388                                         x-ref="panel"
7389                                         x-show="open"
7390                                         x-transition.origin.top
7391                                         x-on:click.outside="close($refs.button)"
7392                                         :id="$id('navi-button')"
7393                                         x-cloak>
7394                                        <div class="level-1-headline-container">
7395                                            <div class="level-1-headline"
7396                                                 role="heading"
7397                                                 aria-level="1">
7398                                                Einweggeschirr:
7399                                            </div>
7400                                            <a class="show-all-link"
7401                                               href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;produkte&#x2F;einweggeschirr.htm"
7402                                               aria-label="alles in Einweggeschirr anzeigen"
7403                                               title="alles in Einweggeschirr anzeigen"
7404                                            >
7405                                                alles&#x20;in&#x20;Einweggeschirr&#x20;anzeigen                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="pl-1 text-primary h-4">
7406    <title>Arrow Right</title>
7407    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
7408                                            </a>
7409                                        </div>
7410
7411                                        <div class="level-1-panel-container">
7412                                                                                                                                                <div class="level-2">
7413                                                        <div class="level-2-items">
7414                                                            <a href="https://www.papstar-shop.de/produkte/einweggeschirr/palmblattgeschirr.htm"
7415                                                               title="Einweggeschirr&#x20;aus&#x20;Palmblatt"
7416                                                               class="hover:underline">
7417                                                                <div class="flex font-bold">
7418                                                                <sp
7418an>
7419                                                                                                                                    </span>
7420                                                                    <div class="level-2-headline"
7421                                                                         role="heading"
7422                                                                         aria-level="2">
7423                                                                        Einweggeschirr&#x20;aus&#x20;Palmblatt                                                                    </div>
7424                                                                </div>
7425                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
7426    <title>Arrow Right</title>
7427    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
7428                                                            </a>
7429                                                            <ul class="level-3">
7430                                                                                                                            </ul>
7431                                                        </div>
7432                                                    </div>
7433                                                                                                    <div class="level-2">
7434                                                        <div class="level-2-items">
7435                                                            <a href="https://www.papstar-shop.de/produkte/einweggeschirr/plastikgeschirr.htm"
7436                                                               title="Einweggeschirr&#x20;aus&#x20;Plastik"
7437                                                               class="hover:underline">
7438                                                                <div class="flex font-bold">
7439                                                                <span>
7440                                                                                                                                    </span>
7441                                                                    <div class="level-2-headline"
7442                                                                         role="heading"
7443                                                                         aria-level="2">
7444                                                                        Einweggeschirr&#x20;aus&#x20;Plastik                                                                    </div>
7445                                                                </div>
7446                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
7447    <title>Arrow Right</title>
7448    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
7449                                                            </a>
7450                                                            <ul class="level-3">
7451                                                                                                                            </ul>
7452                                                        </div>
7453                                                    </div>
7454                                                                                                    <div class="level-2">
7455                                                        <div class="level-2-items">
7456                                                            <a href="https://www.papstar-shop.de/produkte/einweggeschirr/pappgeschirr.htm"
7457                                                               title="Einweggeschirr&#x20;aus&#x20;Pappe"
7458                                                               class="hover:underline">
7459                                                                <div class="flex font-bold">
7460                                                                <sp
7460an>
7461                                                                                                                                    </span>
7462                                                                    <div class="level-2-headline"
7463                                                                         role="heading"
7464                                                                         aria-level="2">
7465                                                                        Einweggeschirr&#x20;aus&#x20;Pappe                                                                    </div>
7466                                                                </div>
7467                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
7468    <title>Arrow Right</title>
7469    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
7470                                                            </a>
7471                                                            <ul class="level-3">
7472                                                                                                                            </ul>
7473                                                        </div>
7474                                                    </div>
7475                                                                                                    <div class="level-2">
7476                                                        <div class="level-2-items">
7477                                                            <a href="https://www.papstar-shop.de/produkte/einweggeschirr/pla-geschirr.htm"
7478                                                               title="Einweggeschirr&#x20;aus&#x20;PLA"
7479                                                               class="hover:underline">
7480                                                                <div class="flex font-bold">
7481                                                                <span>
7482                                                                                                                                    </span>
7483                                                                    <div class="level-2-headline"
7484                                                                         role="heading"
7485                                                                         aria-level="2">
7486                                                                        Einweggeschirr&#x20;aus&#x20;PLA                                                                    </div>
7487                                                                </div>
7488                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
7489    <title>Arrow Right</title>
7490    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
7491                                                            </a>
7492                                                            <ul class="level-3">
7493                                                                                                                            </ul>
7494                                                        </div>
7495                                                    </div>
7496                                                                                                    <div class="level-2">
7497                                                        <div class="level-2-items">
7498                                                            <a href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-aus-holz.htm"
7499                                                               title="Einweggeschirr&#x20;aus&#x20;Holz"
7500                                                               class="hover:underline">
7501                                                                <div class="flex font-bold">
7502                                                                <sp
7502an>
7503                                                                                                                                    </span>
7504                                                                    <div class="level-2-headline"
7505                                                                         role="heading"
7506                                                                         aria-level="2">
7507                                                                        Einweggeschirr&#x20;aus&#x20;Holz                                                                    </div>
7508                                                                </div>
7509                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
7510    <title>Arrow Right</title>
7511    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
7512                                                            </a>
7513                                                            <ul class="level-3">
7514                                                                                                                            </ul>
7515                                                        </div>
7516                                                    </div>
7517                                                                                                    <div class="level-2">
7518                                                        <div class="level-2-items">
7519                                                            <a href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-bambus.htm"
7520                                                               title="Einweggeschirr&#x20;aus&#x20;Bambus"
7521                                                               class="hover:underline">
7522                                                                <div class="flex font-bold">
7523                                                                <span>
7524                                                                                                                                    </span>
7525                                                                    <div class="level-2-headline"
7526                                                                         role="heading"
7527                                                                         aria-level="2">
7528                                                                        Einweggeschirr&#x20;aus&#x20;Bambus                                                                    </div>
7529                                                                </div>
7530                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
7531    <title>Arrow Right</title>
7532    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
7533                                                            </a>
7534                                                            <ul class="level-3">
7535                                                                                                                            </ul>
7536                                                        </div>
7537                                                    </div>
7538                                                                                                    <div class="level-2">
7539                                                        <div class="level-2-items">
7540                                                            <a href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-zuckerrohr.htm"
7541                                                               title="Einweggeschirr&#x20;aus&#x20;Zuckerrohr"
7542                                                               class="hover:underline">
7543                                                                <div class="flex font-bold">
7544                                                                <sp
7544an>
7545                                                                                                                                    </span>
7546                                                                    <div class="level-2-headline"
7547                                                                         role="heading"
7548                                                                         aria-level="2">
7549                                                                        Einweggeschirr&#x20;aus&#x20;Zuckerrohr                                                                    </div>
7550                                                                </div>
7551                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
7552    <title>Arrow Right</title>
7553    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
7554                                                            </a>
7555                                                            <ul class="level-3">
7556                                                                                                                            </ul>
7557                                                        </div>
7558                                                    </div>
7559                                                                                                    <div class="level-2">
7560                                                        <div class="level-2-items">
7561                                                            <a href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-aus-agrarresten.htm"
7562                                                               title="Einweggeschirr&#x20;aus&#x20;Agrarresten"
7563                                                               class="hover:underline">
7564                                                                <div class="flex font-bold">
7565                                                                <span>
7566                                                                                                                                    </span>
7567                                                                    <div class="level-2-headline"
7568                                                                         role="heading"
7569                                                                         aria-level="2">
7570                                                                        Einweggeschirr&#x20;aus&#x20;Agrarresten                                                                    </div>
7571                                                                </div>
7572                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
7573    <title>Arrow Right</title>
7574    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
7575                                                            </a>
7576                                                            <ul class="level-3">
7577                                                                                                                            </ul>
7578                                                        </div>
7579                                                    </div>
7580                                                                                                    <div class="level-2">
7581                                                        <div class="level-2-items">
7582                                                            <a href="https://www.papstar-shop.de/produkte/einweggeschirr/einwegbecher.htm"
7583                                                               title="Einwegbecher"
7584                                                               class="hover:underline">
7585                                                                <div class="flex font-bold">
7586                                                                <sp
7586an>
7587                                                                                                                                    </span>
7588                                                                    <div class="level-2-headline"
7589                                                                         role="heading"
7590                                                                         aria-level="2">
7591                                                                        Einwegbecher                                                                    </div>
7592                                                                </div>
7593                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
7594    <title>Arrow Right</title>
7595    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
7596                                                            </a>
7597                                                            <ul class="level-3">
7598                                                                                                                            </ul>
7599                                                        </div>
7600                                                    </div>
7601                                                                                                                                    </div>
7602                                    </div>
7603                                </li>
7604                                                                                                                            <li class="level-1-item node-223"
7605
7606                                    x-data="initNode()"
7607                                    x-on:keydown.escape.prevent.stop="close($refs.button)"
7608                                    x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
7609                                    x-id="['navi-button']"
7610                                >
7611                                    <button
7612                                        type="button"
7613                                        x-ref="button"
7614                                        :class="{'node-active': open}"
7615                                        x-on:click="toggle()"
7616                                        :aria-expanded="open"
7617                                        :aria-controls="$id('navi-button')"
7618                                        title="Teller &amp; Schalen"
7619                                    >
7620                                        Teller &amp; Schalen                                    </button>
7621
7622                                    <div class="level-1-panel"
7623                                         x-ref="panel"
7624                                         x-show="open"
7625                                         x-transition.origin.top
7626                                         x-on:click.outside="close($refs.button)"
7627                                         :id="$id('navi-button')"
7628                                         x-cloak>
7629                                        <div class="level-1-headline-container">
7630                                            <div class="level-1-headline"
7631                                                 role="heading"
7632                                                 aria-level="1">
7633                                                Teller&#x20;&amp;&#x20;Schalen:
7634                                            </div>
7635                                            <a class="show-all-link"
7636                                               href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;produkte&#x2F;teller-schalen.htm"
7637                                               aria-label="alles in Teller&#x20;&amp;&#x20;Schalen anzeigen"
7638                                               title="alles in Teller&#x20;&amp;&#x20;Schalen anzeigen"
7639                                            >
7640                                                alles&#x20;in&#x20;Teller&#x20;&amp;&#x20;Schalen&#x20;anzeigen                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="pl-1 text-primary h-4">
7641    <title>Arrow Right</title>
7642    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
7643                                            </a>
7644                                        </div>
7645
7646                                        <div class="level-1-panel-container">
7647                                                                                                                                                <div class="level-2">
7648                                                        <div class="level-2-items">
7649                                                            <a href="https://www.papstar-shop.de/produkte/teller-schalen/einwegschalen.htm"
7650                                                               title="Einwegschalen"
7651                                                               class="hover:underline">
7652                                                                <div class="flex font-bold">
7653                                                                <sp
7653an>
7654                                                                    <?xml version="1.0" encoding="UTF-8"?>
7655<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 52.57" class="h-7 w-7 mr-2 stroke-4">
7656    <title>Big Bowl</title>
7657    <path d="M63.79,47.97s.05.03.07.05c-.05,0-.08.02-.13.03l.07-.08h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7658    <path d="M99.01,5.4c-1.89,20.32-16.14,37.07-35.15,42.62-.02-.02-.05-.05-.07-.05-.33-.33-.8-.51-1.3-.51h-24.99c-.49,0-.97.2-1.3.49-.02.02-.03.03-.05.05C17.13,42.46,2.88,25.73.99,5.4c.2.18.51.35.97.51,4.93,1.89,24.59,3.32,48.05,3.32s43.14-1.43,48.07-3.32c.43-.18.75-.33.95-.51Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7659    <path d="M36.29,48.06s-.08-.03-.13-.05c.02-.02.03-.03.05-.05,0,0,.08.1.08.1Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7660    <path d="M64.41,49.37v.53c0,1.05-.87,1.92-1.92,1.92h-24.99c-1.05,0-1.92-.87-1.92-1.92v-.53c0-.53.23-1.02.58-1.36.02-.02.03-.03.05-.05.33-.31.8-.49,1.3-.49h24.99c.49,0,.97.2,1.3.51.02,0,.05.03.07.05.33.33.56.82.56,1.35h-.02Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7661    <path d="M99.25,4.99c0,.15-.08.28-.24.41-.2.18-.51.33-.95.51-4.92,1.89-24.57,3.32-48.07,3.32S6.89,7.8,1.95,5.92c-.45-.16-.77-.33-.97-.51-.16-.15-.24-.28-.24-.41,0-.11.05-.23.16-.33C2.93,2.48,24.13.75,50,.75s47.07,1.73,49.09,3.91c.11.11.16.23.16.33h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7662</svg>
7663                                                                </span>
7664                                                                    <div class="level-2-headline"
7665                                                                         role="heading"
7666                                                                         aria-level="2">
7667                                                                        Einwegschalen                                                                    </div>
7668                                                                </div>
7669                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
7670    <title>Arrow Right</title>
7671    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
7672                                                            </a>
7673                                                            <ul class="level-3">
7674                                                                                                                                    <li class="level-3-items">
7675                                                                        <a href="https://www.papstar-shop.de/produkte/teller-schalen/einwegschalen/pappschalen.htm"
7676                                                                           title="Pappschalen">
7677                                                                            <span>Pappschalen</span>
7678                                                                        </a>
7679                                                                    </li>
7680                                                                                                                                    <li class="level-3-items">
7681                                                                        <a href="https://www.papstar-shop.de/produkte/teller-schalen/einwegschalen/plastikschalen.htm"
7682                                                                           title="Plastikschalen">
7683                                                                            <span>Plastikschalen</span>
7684                                                                        </a>
7685                                                                    </li>
7686                                                                                                                                    <li class="level-3-items">
7687                                                                        <a href="https://www.papstar-shop.de/produkte/teller-schalen/einwegschalen/schalen-zuckerrohr.htm"
7688                                                                           title="Schalen&#x20;aus&#x20;Zuckerrohr">
7689                                                                            <sp
7689an>Schalen&#x20;aus&#x20;Zuckerrohr</span>
7690                                                                        </a>
7691                                                                    </li>
7692                                                                                                                                    <li class="level-3-items">
7693                                                                        <a href="https://www.papstar-shop.de/produkte/teller-schalen/einwegschalen/aluschalen.htm"
7694                                                                           title="Aluschalen">
7695                                                                            <span>Aluschalen</span>
7696                                                                        </a>
7697                                                                    </li>
7698                                                                                                                                    <li class="level-3-items">
7699                                                                        <a href="https://www.papstar-shop.de/produkte/teller-schalen/einwegschalen/einwegschalen-holz.htm"
7700                                                                           title="Schalen&#x20;aus&#x20;Holz">
7701                                                                            <span>Schalen&#x20;aus&#x20;Holz</span>
7702                                                                        </a>
7703                                                                    </li>
7704                                                                                                                                    <li class="level-3-items">
7705                                                                        <a href="https://www.papstar-shop.de/produkte/teller-schalen/einwegschalen/schalen-palmblatt.htm"
7706                                                                           title="Schalen&#x20;aus&#x20;Palmblatt">
7707                                                                            <span>Schalen&#x20;aus&#x20;Palmblatt</span>
7708                                                                        </a>
7709                                                                    </li>
7710                                                                                                                                    <li class="level-3-items">
7711                                                                        <a href="https://www.papstar-shop.de/produkte/teller-schalen/einwegschalen/schalen-bambus.htm"
7712                                                                           title="Schalen&#x20;aus&#x20;Bambus">
7713                                                                            <span>Schalen&#x20;aus&#x20;Bambus</span>
7714                                                                        </a>
7715                                                                    </li>
7716                                                                                                                            </ul>
7717                                                        </div>
7718                                                    </div>
7719                                                                                                    <div class="level-2">
7720                                                        <div class="level-2-items">
7721                                                            <a href="https://www.papstar-shop.de/produkte/teller-schalen/einwegteller.htm"
7722                                                               title="Einwegteller"
7723                                                               class="hover:underline">
7724                                                                <div class="flex font-bold">
7725                                                                <span>
7726                                                                    <?xml version="1.0" encoding="UTF-8"?>
7727<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 81.87" class="h-7 w-7 mr-2 stroke-4">
7728    <title>Plates</title>
7729    <path d="M40.48.77v2" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
7730    <path d="M41.14,78.8l.03,1.97" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
7731    <path d="M2.79,41.1H.75" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
7732    <path d="M68.89,12.22l-1.4,1.43" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
7733    <path d="M14.16,67.91l-1.43,1.43" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
7734    <path d="M13.69,14.14l-1.46-1.4" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
7735    <path d="M73.66,17.87c-1.4-2.04-3-3.92-4.77-5.64C61.66,5.15,51.75.75,40.81.75S19.5,5.33,12.24,12.75C5.15,19.93.78,29.83.78,40.76v.33c.09,11.05,4.65,21.01,11.98,28.21,7.2,7.07,17.14,11.48,28.05,11.48h.36c2.8-.03,5.54-.33,8.18
7735-.91" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
7736    <path d="M42.39,72.52h-1.58c-17.56,0-31.82-14.24-31.82-31.79s14.24-31.76,31.82-31.76c8.9,0,16.96,3.64,22.73,9.53" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
7737    <path d="M23.3,35.48c-.55,1.67-.79,3.46-.79,5.28,0,8.66,5.99,15.85,14.08,17.76" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
7738    <path d="M36.89,22.91c1.28-.31,2.58-.42,3.95-.42,3.25,0,6.35.85,8.99,2.36" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
7739    <path d="M70.38,23.97v1.43" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
7740    <path d="M70.86,79.72l.03,1.4" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
7741    <path d="M99.25,52.3h-1.43" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
7742    <path d="M43.45,52.79h-1.46" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
7743    <path d="M90.68,32.14l-1,1.03" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
7744    <path d="M51.6,71.92l-1.03,1.03" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
7745    <path d="M91.04,72.59l-1.03-1" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
7746    <path d="M51.23,33.5l-1-1" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
7747    <path d="M70.63,81.12c15.8,0,28.59-12.8,28.59-28.57s-12.81-28.57-28.59-28.57-28.59,12.8-28.59,28.57,12.8,28.57,28.59,28.57Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
7748    <path d="M70.62,75.26c12.56,0,22.73-10.17,22.73-22.71s-10.18-22.71-22.73-22.71-22.73,10.17-22.73,22.71,10.18,22.71,22.73,22.71Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
7749    <path d="M67.83,39.76c.92-.22,1.85-.31,2.8-.31,7.23,0,13.07,5.83,13.07,13.06s-5.83,13.05-13.07,13.05-13.1-5.83-13.1-13.05c0-1.31.19-2.58.58-3.76" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
7750</svg>
7751                                                                </span>
7752                                                                    <div class="level-2-headline"
7753                                                                         role="heading"
7754                                                                         aria-level="2">
7755                                                                        Einwegteller                                                                    </div>
7756                                                                </div>
7757                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
7758    <title>Arrow Right</title>
7759    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
7760                                                            </a>
7761                                                            <ul class="level-3">
7762                                                                                                                                    <li class="level-3-items">
7763                                                                        <a href="https://www.papstar-shop.de/produkte/teller-schalen/einwegteller/pappteller.htm"
7764                                                                           title="Pappteller&#x20;">
7765                                                                            <span>Pappteller&#x20;</span>
7766                                                                        </a>
7767                                                                    </li>
7768                                                                                                                                    <li class="level-3-items">
7769                                                                        <a href="https://www.papstar-shop.de/produkte/teller-schalen/einwegteller/palmblatt-teller.htm"
7770                                                                           title="Teller&#x20;aus&#x20;Palmblatt">
7771                                                                            <sp
7771an>Teller&#x20;aus&#x20;Palmblatt</span>
7772                                                                        </a>
7773                                                                    </li>
7774                                                                                                                                    <li class="level-3-items">
7775                                                                        <a href="https://www.papstar-shop.de/produkte/teller-schalen/einwegteller/bambus-teller.htm"
7776                                                                           title="Teller&#x20;aus&#x20;Bambus">
7777                                                                            <span>Teller&#x20;aus&#x20;Bambus</span>
7778                                                                        </a>
7779                                                                    </li>
7780                                                                                                                                    <li class="level-3-items">
7781                                                                        <a href="https://www.papstar-shop.de/produkte/teller-schalen/einwegteller/zuckerrohr-teller.htm"
7782                                                                           title="Teller&#x20;aus&#x20;Zuckerrohr">
7783                                                                            <span>Teller&#x20;aus&#x20;Zuckerrohr</span>
7784                                                                        </a>
7785                                                                    </li>
7786                                                                                                                                    <li class="level-3-items">
7787                                                                        <a href="https://www.papstar-shop.de/produkte/teller-schalen/einwegteller/teller-aus-agrarresten.htm"
7788                                                                           title="Teller&#x20;aus&#x20;Agrarresten">
7789                                                                            <span>Teller&#x20;aus&#x20;Agrarresten</span>
7790                                                                        </a>
7791                                                                    </li>
7792                                                                                                                                    <li class="level-3-items">
7793                                                                        <a href="https://www.papstar-shop.de/produkte/teller-schalen/einwegteller/holz-teller.htm"
7794                                                                           title="Teller&#x20;aus&#x20;Holz">
7795                                                                            <span>Teller&#x20;aus&#x20;Holz</span>
7796                                                                        </a>
7797                                                                    </li>
7798                                                                                                                            </ul>
7799                                                        </div>
7800                                                    </div>
7801                                                                                                    <div class="level-2">
7802                                                        <div class="level-2-items">
7803                                                            <a href="https://www.papstar-shop.de/produkte/teller-schalen/fingerfood-teller-fingerfood-schalen.htm"
7804                                                               title="Fingerfood-Teller&#x20;&amp;&#x20;-Schalen"
7805                                                               class="hover:underline">
7806                                                                <div class="flex font-bold">
7807                                                                <span>
7808                                                                    <?xml version="1.0" encoding="UTF-8"?>
7809<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 99.96 100" class="h-7 w-7 mr-2 stroke-4">
7810    <title>Fingerfood</title>
7811    <path d="M16.12,75.31l8.54,8.54-7.61,7.58L.75,99.25l7.78-16.35s7.58-7.58,7.58-7.58Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7812    <path d="M51.64,48.16c1.51,1.51,3.22,2.76,5.02,3.64l-6.5,6.5-8.5-8.5,2.04-2.04,4.04-4.07.36-.36c.92,1.74,2.1,3.38,3.55,4.83h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7813    <path d="M99.21.75l-7.81,16.28-8.27,8.27c-.89-1.8-2.1-3.48-3.61-4.99-1.48-1.48-3.12-2.66-4.86-3.55l8.21-8.24L99.21.75Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7814    <path d="M58.57,66.72l-25.51,25.54-8.4-8.4-8.54-8.54-8.6-8.6,25.54-25.51,25.51,25.51Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7815    <path d="M85.29,34.27c0,5.02-1.94,10.05-5.78,13.89-3.87,3.87-8.89,5.81-13.92,5.81-3.05,0-6.14-.72-8.93-2.17-1.8-.89-3.52-2.14-5.02-3.64s-2.63-3.08-3.55-4.83c-3.87-7.42-2.69-16.77,3.5
78155-23.02,3.84-3.84,8.89-5.78,13.92-5.74,3.12,0,6.24.72,9.09,2.2,1.74.89,3.38,2.07,4.86,3.55,1.51,1.51,2.73,3.18,3.61,4.99,1.45,2.79,2.17,5.88,2.17,8.96h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7816</svg>
7817                                                                </span>
7818                                                                    <div class="level-2-headline"
7819                                                                         role="heading"
7820                                                                         aria-level="2">
7821                                                                        Fingerfood-Teller&#x20;&amp;&#x20;-Schalen                                                                    </div>
7822                                                                </div>
7823                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
7824    <title>Arrow Right</title>
7825    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
7826                                                            </a>
7827                                                            <ul class="level-3">
7828                                                                                                                                    <li class="level-3-items">
7829                                                                        <a href="https://www.papstar-shop.de/produkte/teller-schalen/fingerfood-teller-fingerfood-schalen/fingerfood-schalen-teller-kunststoff.htm"
7830                                                                           title="Schalen&#x20;&amp;&#x20;Teller&#x20;aus&#x20;Kunststoff">
7831                                                                            <span>Schalen&#x20;&amp;&#x20;Teller&#x20;aus&#x20;Kunststoff</span>
7832                                                                        </a>
7833                                                                    </li>
7834                                                                                                                                    <li class="level-3-items">
7835                                                                        <a href="https://www.papstar-shop.de/produkte/teller-schalen/fingerfood-teller-fingerfood-schalen/fingerfood-schalen-teller-bambus-palmblatt.htm"
7836                                                                           title="Schalen&#x20;&amp;&#x20;Teller&#x20;aus&#x20;Bambus&#x20;&amp;&#x20;Palmblatt">
7837                                                                            <span>Schalen&#x20;&amp;&#x20;Teller&#x20;aus&#x20;Bambus&#x20;&amp;&#x20;Palmblatt</span>
7838                                                                        </a>
7839                                                                    </li>
7840                                                                                                                                    <li class="level-3-items">
7841                                                                        <a href="https://www.papstar-shop.de/produkte/teller-schalen/fingerfood-teller-fingerfood-schalen/fingerfood-schalen-holz.htm"
7842                                                                           title="Schalen&#x20;&amp;&#x20;Teller&#x20;aus&#x20;Holz">
7843                                                                            <span>Schalen&#x20;&amp;&#x20;Teller&#x20;aus&#x20;Holz</span>
7844                                                                        </a>
7845                                                                    </li>
7846                                                                                                                                    <li class="level-3-items">
7847                                                                        <a href="https://www.papstar-shop.de/produkte/teller-schalen/fingerfood-teller-fingerfood-schalen/fingerfood-schalen-teller-zuckerrohr.htm"
7848                                                                           title="Schalen&#x20;&amp;&#x20;Teller&#x20;aus&#x20;Zuckerrohr">
7849                                                                            <sp
7849an>Schalen&#x20;&amp;&#x20;Teller&#x20;aus&#x20;Zuckerrohr</span>
7850                                                                        </a>
7851                                                                    </li>
7852                                                                                                                            </ul>
7853                                                        </div>
7854                                                    </div>
7855                                                                                                    <div class="level-2">
7856                                                        <div class="level-2-items">
7857                                                            <a href="https://www.papstar-shop.de/produkte/teller-schalen/einweg-dessertschalen.htm"
7858                                                               title="Einweg&#x20;Dessertschalen"
7859                                                               class="hover:underline">
7860                                                                <div class="flex font-bold">
7861                                                                <span>
7862                                                                    <?xml version="1.0" encoding="UTF-8"?>
7863<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100.13 69.87" class="h-7 w-7 mr-2 stroke-4">
7864    <title>Dessert Cup</title>
7865    <path d="M99.38,10.68c0,3.65-9.78,6.85-24.35,8.57l-4.48,4.48-.04-.04-3.67-3.67c-.54.04-1.09.08-1.64.11l1.33-14.28,4.5-4.18c9.08.86,16.65,2.27,21.67,4l1.02,3.01h0l1.88-1.83h0c2.43,1.18,3.78,2.47,3.78,3.83Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7866    <path d="M37.46,69.11l-14.43-4.92L3.94,17.22l-2.69-5.3c.97,1.57,3.72,3.01,7.87,4.27h0c4.13,1.25,9.61,2.3,16.05,3.06h0l4.54,4.49.02-.02,7.72,45.39h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7867    <line x1=".51" y1="11.57" x2=".5" y2="11.54" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7868    <line x1="99.03" y1="11.89" x2="96.33" y2="17.22" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7869    <path d="M35.09,20.14c-.56-.04-1.11-.07-1.66-.12l-3.71,3.71-4.54-4.49h0c-6.43-.76-11.92-1.81-16.05-3.06h0l-2.55-7.56h0l.99-2.95c5.02-1.73,12.59-3.14,21.66-4l4.51,4.18,1.34,14.28h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7870    <path d="M66.51,5.86l-1.33,14.28c-4.75.31-9.81.47-15.06.47s-10.3-.17-15.04-.47l-1.34-14.28,4.39-4.82c3.84-.2,7.86-.3,12-.3s8.16.1,12,.3l4.39,4.82h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7871    <line x1="62.13" y1="1.05" x2="62.12" y2="1.04" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7872    <path d="M9.12,16.18c-4.14-1.25-6.9-2.7-7.87-4.27-.25-.4-.37-.82-.37-1.23,0-1.36,1.35-2.65,3.78-3.83l1.88,1.84.03-.07s2.55,7.55,2.55,7.55Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7873    <line x1="92.69" y1="5.68" x2="92.67" y2="5.63" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7874    <path d="M70.51,23.71l-7.73,45.41h-25.31l-7.72-45.39,3.69-3.69c.55.04,1.1.08,1.66.12,4.74.31,9.79.47,15.04.47s10.31-.17,15.06-.47c.55-.03,1.1-.07,1.64-.11l3.67,3.67h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7875    <line x1="29.73" y1="23.72" x2="29.71" y2="23.6" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7876    <polyline points="96.34 17.22 77.25 64.19 62.78 69.11" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7877    <line x1="5.91" y1="8.22" x2="5.89" y2="8.15" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7878    <polyline points="91.18 16.18 93.71 8.69 93.76 8.55" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7879</svg>
7880                                                                </span>
7881                                                                    <div class="level-2-headline"
7882                                                                         role="heading"
7883                                                                         aria-level="2">
7884                                                                        Einweg&#x20;
7884Dessertschalen                                                                    </div>
7885                                                                </div>
7886                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
7887    <title>Arrow Right</title>
7888    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
7889                                                            </a>
7890                                                            <ul class="level-3">
7891                                                                                                                            </ul>
7892                                                        </div>
7893                                                    </div>
7894                                                                                                    <div class="level-2">
7895                                                        <div class="level-2-items">
7896                                                            <a href="https://www.papstar-shop.de/produkte/teller-schalen/einweg-suppenschalen.htm"
7897                                                               title="Suppenschalen&#x20;to&#x20;go"
7898                                                               class="hover:underline">
7899                                                                <div class="flex font-bold">
7900                                                                <span>
7901                                                                    <?xml version="1.0" encoding="UTF-8"?>
7902<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 87.85 100" class="h-7 w-7 mr-2 stroke-4">
7903    <title>Soup Bowl</title>
7904    <line x1="6.77" y1="90.46" x2="3.01" y2="29.09" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7905    <path d="M81.07,90.68v-.06l3.77-61.55" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7906    <path d="M6.76,90.46c-.02.06-.02.1-.02.16,0,4.79,16.64,8.63,37.16,8.63s37.02-3.8,37.16-8.56v-.06" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7907    <path d="M87.1,14.13c0,.06,0,.12-.02.19v.03c-.05,1.22-.58,2.4-1.53,3.51-.03.06-.05.09-.08.12-.41.45-.9.92-1.45,1.37-3.68,3.04-10.49,5.85-19.11,7.65h-.02c-6.22,1.31-13.37,2.1-20.98,2.1-9.9,0-19.04-1.09-26.32-2.95h-.08c-6.06-1.56-10.84-3.62-13.72-6-.56-.45-1.05-.92-1.46-1.4-.03-.03-.05-.06-.08-.09-.98-1.19-1.51-2.43-1.51-3.71C.77,7.08,20.09.75,43.92.75s42.87,5.46,43.15,13.2c.02.06.02.12.02.19h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7908    <path d="M.77,24.76c-.02-.06-.02-.12-.02-.19s0-.15.02-.19" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7909    <polyline points="87.08 13.4 87.08 13.95 87.08 14.31 87.08 14.34" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7910    <path d="M17.53,26.13h.08c7.28,1.86,16.42,2.95,26.32,2.95,7.61,0,14.77-.79,20.98-2.1h.02c8.62-1.8,15.43-4.6,19.11-7.65.55-.45,1.03-.92,1.45-1.37" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7911    <path d="M2.28,18.64c-.98-1.19-1.51-2.43-1.51-3.71v9.84c.05,1.53.84,2.98,2.24,4.32,5.75,5.6,21.9,9.66,40.91,9.66s35.19-4.05,40.94-9.69c1.45-1.4,2.24-2.9,2.24-4.48v-10.23c-.05,1.22-.58,2.4-1.53,3.51" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7912    <polyline points=".77 24.76 .77 25.19 .77 25.37" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7913</svg>
7914                                                                </span>
7915                                                                    <div class="level-2-headline"
7916                                                                         role="heading"
7917                                                                         aria-level="2">
7918                                                                        Suppenschalen&#x20;to&#x20;go                                                                    </div>
7919                                                                </div>
7920                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
7921    <title>Arrow Right</title>
7922    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
7923                                                            </a>
7924                                                            <ul class="level-3">
7925                                                                                                                            </ul>
7926                                                        </div>
7927                                                    </div>
7928                                                                                                    <div class="level-2">
7929                                                        <div class="level-2-items">
7930                                                            <a href="https://www.papstar-shop.de/produkte/teller-schalen/salatschalen-to-go.htm"
7931                                                               title="Salatschalen&#x20;to&#x20;go"
7932                                                               class="hover:underline">
7933                                                                <div class="flex font-bold">
7934                                                                <sp
7934an>
7935                                                                    <?xml version="1.0" encoding="UTF-8"?>
7936<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 57.64" class="h-7 w-7 mr-2 stroke-4">
7937    <title>Salatbowl</title>
7938    <line x1="7.62" y1="51.89" x2="3.32" y2="16.9" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7939    <path d="M92.37,52.01v-.04l4.3-35.1" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7940    <path d="M7.61,51.89s-.02.06-.02.09c0,2.73,18.98,4.92,42.39,4.92s42.23-2.17,42.39-4.89v-.04" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7941    <path d="M99.25,8.37s0,.07-.02.11v.02c-.05.7-.66,1.37-1.73,2-.04.04-.05.05-.09.07-.47.26-1.02.52-1.65.78-4.21,1.73-11.97,3.34-21.8,4.36h-.02c-7.09.75-15.25,1.2-23.94,1.2-11.29,0-21.72-.62-30.02-1.68h-.09c-6.91-.89-12.37-2.07-15.65-3.42-.64-.26-1.2-.52-1.66-.8-.04-.02-.05-.04-.09-.05-1.12-.7-1.71-1.41-1.71-2.14C.77,4.36,22.81.75,50,.75s48.91,3.11,49.23,7.53c.02.04.02.07.02.11h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7942    <path d="M.77,14.43s-.02-.07-.02-.11,0-.09.02-.11" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7943    <polyline points="99.23 7.96 99.23 8.27 99.23 8.47 99.23 8.49" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7944    <path d="M19.9,15.22h.09c8.3,1.06,18.72,1.68,30.02,1.68,8.69,0,16.85-.45,23.94-1.2h.02c9.83-1.02,17.6-2.62,21.8-4.36.62-.26,1.18-.52,1.65-.78" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7945    <path d="M2.48,10.94c-1.12-.68-1.71-1.39-1.71-2.12v5.61c.05.87.96,1.7,2.55,2.46,6.57,3.2,24.98,5.51,46.66,5.51s40.15-2.31,46.7-5.53c1.65-.8,2.55-1.65,2.55-2.55v-5.84c-.05.7-.66,1.37-1.73,2" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7946    <polyline points=".77 14.43 .77 14.68 .77 14.79" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7947    <path d="M60.17,43.42c1.51-2.92,2.05-6.18,2.36-9.38.22-2.2.37-6.73.37-6.73,0,0-4.76.15-7.06.36-3.36.33-6.79.84-9.85,2.26-3.28,1.54-5.93,4.28-7.52,7.41-.96,1.85-1.49,3.94-1.37,6.03.1,2.07,1.47,4.13,2.96,5.58l.04.04s.02.04.04.04c1.54,1.42,3.7,2.73,5.87,2.83,2.19.1,4.37-.39,6.32-1.31,3.28-1.52,6.17-4.04,7.78-7.16l.04.04h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7948    <path d="M56.89,32.73l-13.93,13.93" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7949    <path d="M50.92,32.73v5.97h5.97" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7950    <path d="M44.95,38.7v5.97h5.97" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7951</svg>
7952                                                                </span>
7953                                                                    <div class="level-2-headline"
7954                                                                         role="heading"
7955                                                                         aria-level="2">
7956                                                                        Salatschalen&#x20;to&#x20;go                                                                    </div>
7957                                                                </div>
7958                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
7959    <title>Arrow Right</title>
7960    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
7961                                                            </a>
7962                                                            <ul class="level-3">
7963                                                                                                                            </ul>
7964                                                        </div>
7965                                                    </div>
7966                                                                                                    <div class="level-2">
7967                                                        <div class="level-2-items">
7968                                                            <a href="https://www.papstar-shop.de/produkte/teller-schalen/dressingbecher-portionsbecher.htm"
7969                                                               title="Dressingbecher&#x20;&amp;&#x20;Portionsbecher"
7970                                                               class="hover:underline">
7971                                                                <div class="flex font-bold">
7972                                                                <sp
7972an>
7973                                                                    <?xml version="1.0" encoding="UTF-8"?>
7974<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 57.64" class="h-7 w-7 mr-2 stroke-4">
7975    <title>dressing cup</title>
7976    <line x1="7.62" y1="51.89" x2="3.32" y2="16.9" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7977    <path d="M92.37,52.01v-.04l4.3-35.1" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7978    <path d="M7.61,51.89s-.02.06-.02.09c0,2.73,18.98,4.92,42.39,4.92s42.23-2.17,42.39-4.89v-.04" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7979    <path d="M99.25,8.37s0,.07-.02.11v.02c-.05.7-.66,1.37-1.73,2-.04.04-.05.05-.09.07-.47.26-1.02.52-1.65.78-4.21,1.73-11.97,3.34-21.8,4.36h-.02c-7.09.75-15.25,1.2-23.94,1.2-11.29,0-21.72-.62-30.02-1.68h-.09c-6.91-.89-12.37-2.07-15.65-3.42-.64-.26-1.2-.52-1.66-.8-.04-.02-.05-.04-.09-.05-1.12-.7-1.71-1.41-1.71-2.14C.77,4.36,22.81.75,50,.75s48.91,3.11,49.23,7.53c.02.04.02.07.02.11h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7980    <path d="M.77,14.43s-.02-.07-.02-.11,0-.09.02-.11" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7981    <polyline points="99.23 7.96 99.23 8.27 99.23 8.47 99.23 8.49" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7982    <path d="M19.9,15.22h.09c8.3,1.06,18.72,1.68,30.02,1.68,8.69,0,16.85-.45,23.94-1.2h.02c9.83-1.02,17.6-2.62,21.8-4.36.62-.26,1.18-.52,1.65-.78" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7983    <path d="M2.48,10.94c-1.12-.68-1.71-1.39-1.71-2.12v5.61c.05.87.96,1.7,2.55,2.46,6.57,3.2,24.98,5.51,46.66,5.51s40.15-2.31,46.7-5.53c1.65-.8,2.55-1.65,2.55-2.55v-5.84c-.05.7-.66,1.37-1.73,2" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7984    <polyline points=".77 14.43 .77 14.68 .77 14.79" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
7985</svg>
7986                                                                </span>
7987                                                                    <div class="level-2-headline"
7988                                                                         role="heading"
7989                                                                         aria-level="2">
7990                                                                        Dressingbecher&#x20;&amp;&#x20;Portionsbecher                                                                    </div>
7991                                                                </div>
7992                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
7993    <title>Arrow Right</title>
7994    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
7995                                                            </a>
7996                                                            <ul class="level-3">
7997                                                                                                                            </ul>
7998                                                        </div>
7999                                                    </div>
8000                                                                                                    <div class="level-2">
8001                                                        <div class="level-2-items">
8002                                                            <a href="https://www.papstar-shop.de/produkte/teller-schalen/teller-schalen-porzellan.htm"
8003                                                               title="Teller&#x20;&amp;&#x20;Schalen&#x20;aus&#x20;Porzellan"
8004                                                               class="hover:underline">
8005                                                                <div class="flex font-bold">
8006                                                                <sp
8006an>
8007                                                                    <?xml version="1.0" encoding="UTF-8"?>
8008<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 93.27" class="h-7 w-7 mr-2 stroke-4">
8009    <title>Sustainable Tableware</title>
8010    <path d="M77.37,62.09H5.95l3.8-16.11h63.82l3.8,16.11h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8011    <path d="M68.92,68.25H5.95l3.76,16.11h20.39c-2.84-4.54-3.25-10.6-3.16-15.67,0-.37,2.33-.37,4.85-.22" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8012    <path d="M82.54,62.82v-.69H.75v2.91c0,1.8,1.47,3.25,3.29,3.25h64.88" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8013    <path d="M99.23,62.03c.13,8.29-.77,18.52-7.59,24.25-4.12,3.44-9.6,4.51-14.8,5.07-6.03.66-12,1.26-18.09,1.16-.03,0-.03-.03-.03-.06-.06-.19-.06-.47-.03-.95.03-.06.03-.13,0-.16v-.06c.13-1.42.48-3.81.9-6.03.03-.29.13-.6.16-.89.38-1.99.7-3.65.8-4.01.54-1.86,1.31-3.69,2.33-5.36,1.57-2.62,3.58-4.91,6.03-6.75.23-.19.48-.37.77-.57,3.83-2.65,8.29-4.04,12.89-4.89.26-.03.57-.13.83-.16.83-.16,1.69-.26,2.52-.37.54-.03,3.93-.37,7.15-.53,3.16-.16,6.2-.19,6.2.26v.03h-.02Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8014    <path d="M58.73,92.52s4.85-19.71,21.83-17.63" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8015    <path d="M31.79,68.46c2.52.13,5.2.37,5.61.41,1.37.19,2.75.41,4.12.69,3.03.66,5.97,1.7,8.55,3.5.83.57,1.63,1.2,2.33,1.89,2.27,2.21,3.96,5.01,4.85,8.05.03.16.16.63.26,1.36.06.26.13.57.19.89.35,1.89.8,4.51.96,6.03v.06s.03.06,0,.16c.06.44.13.76.03.89,0,0,0,.13-.03.13-4.76.06-9.45-.37-14.17-.89-4.09-.44-8.36-1.26-11.55-3.94-1.15-.98-2.08-2.05-2.81-3.28" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8016    <path d="M58.63,92.52s-3.8-15.42-17.07-13.78" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8017    <path d="M93.04,61.74V13.15c0-3.5-1.47-6.72-3.89-8.99-2.24-2.08-5.3-3.41-8.65-3.41h-36.16c-3.32,0-6.41,1.29-8.65,3.41-2.39,2.28-3.89,5.49-3.89,8.99v32.83" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8018    <path d="M31.79,68.46v-.22" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8019    <path d="M41.53,69.6c3.03.66,5.97,1.73,8.55,3.5.83.57,1.63,1.2,2.33,1.92" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8020    <path d="M41.51,45.98v-29.02c0-1.96.96-3.65,2.39-4.7.98-.79,2.27-1.23,3.63-1.23h29.83c1.37,0,2.65.44,3.63,1.2,1.44,1.07,2.39,2.81,2.39,4.73v45.7" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8021    <path d="M43.89,12.26l-8.2-8.11" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8022    <path d="M89.14,4.17l-8.16,8.04" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8023</svg>
8024                                                                </span>
8025                                                                    <div class="level-2-headline"
8026                                                                         role="heading"
8027                                                                         aria-level="2">
8028                                                                        Teller&#x20;&amp;&#x20;Schalen&#x20;aus&#x20;Porzellan                                                                    </div>
8029                                                                </div>
8030                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
8031    <title>Arrow Right</title>
8032    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
8033                                                            </a>
8034                                                            <ul class="level-3">
8035                                                                                                                            </ul>
8036                                                        </div>
8037                                                    </div>
8038                                                                                                                                    </div>
8039                                    </div>
8040                                </li>
8041                                                                                                                            <li class="level-1-item node-43"
8042
8043                                    x-data="initNode()"
8044                                    x-on:keydown.escape.prevent.stop="close($refs.button)"
8045                                    x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
8046                                    x-id="['navi-button']"
8047                                >
8048                                    <button
8049                                        type="button"
8050                                        x-ref="button"
8051                                        :class="{'node-active': open}"
8052                                        x-on:click="toggle()"
8053                                        :aria-expanded="open"
8054                                        :aria-controls="$id('navi-button')"
8055                                        title="Becher"
8056                                    >
8057                                        Becher                                    </button>
8058
8059                                    <div class="level-1-panel"
8060                                         x-ref="panel"
8061                                         x-show="open"
8062                                         x-transition.origin.top
8063                                         x-on:click.outside="close($refs.button)"
8064                                         :id="$id('navi-button')"
8065                                         x-cloak>
8066                                        <div class="level-1-headline-container">
8067                                            <div class="level-1-headline"
8068                                                 role="heading"
8069                                                 aria-level="1">
8070                                                Becher:
8071                                            </div>
8072                                            <a class="show-all-link"
8073                                               href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;produkte&#x2F;becher-glaeser.htm"
8074                                               aria-label="alles in Becher anzeigen"
8075                                               title="alles in Becher anzeigen"
8076                                            >
8077                                                alles&#x20;in&#x20;Becher&#x20;anzeigen                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="pl-1 text-primary h-4">
8078    <title>Arrow Right</title>
8079    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
8080                                            </a>
8081                                        </div>
8082
8083                                        <div class="level-1-panel-container">
8084                                                                                                                                                <div class="level-2">
8085                                                        <div class="level-2-items">
8086                                                            <a href="https://www.papstar-shop.de/produkte/becher-glaeser/strohhalme.htm"
8087                                                               title="Strohhalme&#x20;&amp;&#x20;Shake-Halme"
8088                                                               class="hover:underline">
8089                                                                <div class="flex font-bold">
8090                                                                <sp
8090an>
8091                                                                    <?xml version="1.0" encoding="UTF-8"?>
8092<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45.38 100" class="h-7 w-7 mr-2 stroke-4">
8093    <title>Cup with straw</title>
8094    <polygon points="39.42 16.71 36.36 19.76 24.71 8.1 24.71 36.18 20.38 36.18 20.38 3.78 23.44 .75 39.42 16.71" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8095    <rect x=".75" y="36.18" width="43.88" height="4.89" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8096    <polygon points="41.95 41.07 36.08 99.25 9.29 99.25 3.42 41.07 41.95 41.07" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8097</svg>
8098                                                                </span>
8099                                                                    <div class="level-2-headline"
8100                                                                         role="heading"
8101                                                                         aria-level="2">
8102                                                                        Strohhalme&#x20;&amp;&#x20;Shake-Halme                                                                    </div>
8103                                                                </div>
8104                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
8105    <title>Arrow Right</title>
8106    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
8107                                                            </a>
8108                                                            <ul class="level-3">
8109                                                                                                                                    <li class="level-3-items">
8110                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/strohhalme/papierstrohhalme.htm"
8111                                                                           title="Strohhalme&#x20;aus&#x20;Papier">
8112                                                                            <span>Strohhalme&#x20;aus&#x20;Papier</span>
8113                                                                        </a>
8114                                                                    </li>
8115                                                                                                                                    <li class="level-3-items">
8116                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/strohhalme/strohhalme-aus-bambus-stroh.htm"
8117                                                                           title="Strohhalme&#x20;aus&#x20;Bambus&#x20;&amp;&#x20;Stroh">
8118                                                                            <span>Strohhalme&#x20;aus&#x20;Bambus&#x20;&amp;&#x20;Stroh</span>
8119                                                                        </a>
8120                                                                    </li>
8121                                                                                                                                    <li class="level-3-items">
8122                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/strohhalme/wiederverwendbare-strohhalme.htm"
8123                                                                           title="Wiederverwendbare&#x20;Strohhalme">
8124                                                                            <span>Wiederverwendbare&#x20;Strohhalme</span>
8125                                                                        </a>
8126                                                                    </li>
8127                                                                                                                            </ul>
8128                                                        </div>
8129                                                    </div>
8130                                                                                                    <div class="level-2">
8131                                                        <div class="level-2-items">
8132                                                            <a href="https://www.papstar-shop.de/produkte/becher-glaeser/heissgetraenkebecher.htm"
8133                                                               title="Hei&#xDF;getr&#xE4;nkebecher"
8134                                                               class="hover:underline">
8135                                                                <div class="flex font-bold">
8136                                                                <sp
8136an>
8137                                                                    <?xml version="1.0" encoding="UTF-8"?>
8138<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100.14 83.27" class="h-7 w-7 mr-2 stroke-4">
8139    <title>Celsius</title>
8140    <path d="M31.94,16.05c0,9.53-7.65,15.77-15.77,15.77C6.99,31.82.75,24.87.75,16.63.63,7.58,7.7.75,16.4.75c9.64,0,15.53,7.3,15.53,15.3ZM7.1,16.63c0,5.42,4.01,9.64,9.18,9.64s9.29-4.35,9.29-10.12c0-4.35-2.59-9.88-9.29-9.88-6.12,0-9.18,5.29-9.18,10.34h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
8141    <path d="M99.13,78.76c-3.76,1.88-11.3,3.76-20.94,3.76-22.36,0-39.18-14.12-39.18-40.12S55.83.75,80.43.75c9.89,0,16.12,2.12,18.82,3.54l-2.47,8.35c-3.88-1.89-9.41-3.3-16-3.3-18.59,0-30.95,11.88-30.95,32.71,0,19.41,11.18,31.88,30.48,31.88,6.23,0,12.59-1.29,16.71-3.3,0,0,2.12,8.13,2.12,8.13Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
8142</svg>
8143                                                                </span>
8144                                                                    <div class="level-2-headline"
8145                                                                         role="heading"
8146                                                                         aria-level="2">
8147                                                                        Hei&#xDF;getr&#xE4;nkebecher                                                                    </div>
8148                                                                </div>
8149                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
8150    <title>Arrow Right</title>
8151    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
8152                                                            </a>
8153                                                            <ul class="level-3">
8154                                                                                                                                    <li class="level-3-items">
8155                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/heissgetraenkebecher/einweg-kaffeebecher.htm"
8156                                                                           title="Kaffeebecher">
8157                                                                            <span>Kaffeebecher</span>
8158                                                                        </a>
8159                                                                    </li>
8160                                                                                                                                    <li class="level-3-items">
8161                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/heissgetraenkebecher/thermobecher-einweg-gluehweinbecher-einweg.htm"
8162                                                                           title="Thermobecher&#x20;&amp;&#x20;Gl&#xFC;hweinbecher&#x20;To&#x20;Go">
8163                                                                            <span>Thermobecher&#x20;&amp;&#x20;Gl&#xFC;hweinbecher&#x20;To&#x20;Go</span>
8164                                                                        </a>
8165                                                                    </li>
8166                                                                                                                                    <li class="level-3-items">
8167                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/heissgetraenkebecher/einweg-kaffeetassen.htm"
8168                                                                           title="Kaffeetassen">
8169                                                                            <span>Kaffeetassen</span>
8170                                                                        </a>
8171                                                                    </li>
8172                                                                                                                                    <li class="level-3-items">
8173                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/heissgetraenkebecher/automatenbecher.htm"
8174                                                                           title="Automatenbecher">
8175                                                                            <sp
8175an>Automatenbecher</span>
8176                                                                        </a>
8177                                                                    </li>
8178                                                                                                                                    <li class="level-3-items">
8179                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/heissgetraenkebecher/zuckerrohr-becher.htm"
8180                                                                           title="Zuckerrohr&#x20;Becher">
8181                                                                            <span>Zuckerrohr&#x20;Becher</span>
8182                                                                        </a>
8183                                                                    </li>
8184                                                                                                                            </ul>
8185                                                        </div>
8186                                                    </div>
8187                                                                                                    <div class="level-2">
8188                                                        <div class="level-2-items">
8189                                                            <a href="https://www.papstar-shop.de/produkte/becher-glaeser/kaltgetraenkebecher.htm"
8190                                                               title="Kaltgetr&#xE4;nkebecher"
8191                                                               class="hover:underline">
8192                                                                <div class="flex font-bold">
8193                                                                <span>
8194                                                                    <?xml version="1.0" encoding="UTF-8"?>
8195<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="h-7 w-7 mr-2 stroke-4">
8196    <title>Snowflake</title>
8197    <line x1="89.4" y1="10.6" x2="10.6" y2="89.4" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8198    <line x1="10.6" y1="10.6" x2="89.4" y2="89.4" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8199    <polyline points="79.55 .75 79.55 20.45 99.25 20.45" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8200    <polyline points="59.85 20.45 59.85 40.15 79.55 40.15" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8201    <polyline points="99.25 79.55 79.55 79.55 79.55 99.25" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8202    <polyline points="79.55 59.85 59.85 59.85 59.85 79.55" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8203    <polyline points="20.45 99.25 20.45 79.55 .75 79.55" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8204    <polyline points="40.15 79.55 40.15 59.85 20.45 59.85" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8205    <polyline points=".75 20.45 20.45 20.45 20.45 .75" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8206    <polyline points="20.45 40.15 40.15 40.15 40.15 20.45" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8207    <line x1="99.25" y1="50" x2=".75" y2="50" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8208    <line x1="50" y1=".75" x2="50" y2="99.25" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8209</svg>
8210                                                                </span>
8211                                                                    <div class="level-2-headline"
8212                                                                         role="heading"
8213                                                                         aria-level="2">
8214                                                                        Kaltgetr&#xE4;nkebecher                                                                    </div>
8215                                                                </div>
8216                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
8217    <title>Arrow Right</title>
8218    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
8219                                                            </a>
8220                                                            <ul class="level-3">
8221                                                                                                                                    <li class="level-3-items">
8222                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/kaltgetraenkebecher/plastikbecher.htm"
8223                                                                           title="Plastikbecher">
8224                                                                            <sp
8224an>Plastikbecher</span>
8225                                                                        </a>
8226                                                                    </li>
8227                                                                                                                                    <li class="level-3-items">
8228                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/kaltgetraenkebecher/schnapsbecher.htm"
8229                                                                           title="Schnapsbecher">
8230                                                                            <span>Schnapsbecher</span>
8231                                                                        </a>
8232                                                                    </li>
8233                                                                                                                                    <li class="level-3-items">
8234                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/kaltgetraenkebecher/spitzbecher.htm"
8235                                                                           title="Spitzbecher">
8236                                                                            <span>Spitzbecher</span>
8237                                                                        </a>
8238                                                                    </li>
8239                                                                                                                                    <li class="level-3-items">
8240                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/kaltgetraenkebecher/cocktailbecher-longdrinkbecher.htm"
8241                                                                           title="Cocktailbecher&#x20;&amp;&#x20;Longdrinkbecher">
8242                                                                            <span>Cocktailbecher&#x20;&amp;&#x20;Longdrinkbecher</span>
8243                                                                        </a>
8244                                                                    </li>
8245                                                                                                                                    <li class="level-3-items">
8246                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/kaltgetraenkebecher/pappbecher.htm"
8247                                                                           title="Pappbecher">
8248                                                                            <span>Pappbecher</span>
8249                                                                        </a>
8250                                                                    </li>
8251                                                                                                                                    <li class="level-3-items">
8252                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/kaltgetraenkebecher/pla-becher.htm"
8253                                                                           title="Becher&#x20;aus&#x20;PLA">
8254                                                                            <span>Becher&#x20;aus&#x20;PLA</span>
8255                                                                        </a>
8256                                                                    </li>
8257                                                                                                                                    <li class="level-3-items">
8258                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/kaltgetraenkebecher/plastikbecher-glasklar.htm"
8259                                                                           title="Plastikbecher&#x20;-&#x20;glasklar">
8260                                                                            <sp
8260an>Plastikbecher&#x20;-&#x20;glasklar</span>
8261                                                                        </a>
8262                                                                    </li>
8263                                                                                                                                    <li class="level-3-items">
8264                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/kaltgetraenkebecher/zuckerrohr-becher.htm"
8265                                                                           title="Zuckerrohr&#x20;Becher">
8266                                                                            <span>Zuckerrohr&#x20;Becher</span>
8267                                                                        </a>
8268                                                                    </li>
8269                                                                                                                            </ul>
8270                                                        </div>
8271                                                    </div>
8272                                                                                                    <div class="level-2">
8273                                                        <div class="level-2-items">
8274                                                            <a href="https://www.papstar-shop.de/produkte/becher-glaeser/einwegglaeser.htm"
8275                                                               title="Einweggl&#xE4;ser"
8276                                                               class="hover:underline">
8277                                                                <div class="flex font-bold">
8278                                                                <span>
8279                                                                    <?xml version="1.0" encoding="UTF-8"?>
8280<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68.34 100" class="h-7 w-7 mr-2 stroke-4">
8281    <title>Cup</title>
8282    <polygon points="63.49 .75 67.59 .75 67.59 8.22 63.49 8.22 4.83 8.22 .75 8.22 .75 .75 4.83 .75 63.49 .75" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8283    <polygon points="63.49 8.22 54.56 99.25 13.76 99.25 4.83 8.22 63.49 8.22" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8284</svg>
8285                                                                </span>
8286                                                                    <div class="level-2-headline"
8287                                                                         role="heading"
8288                                                                         aria-level="2">
8289                                                                        Einweggl&#xE4;ser                                                                    </div>
8290                                                                </div>
8291                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
8292    <title>Arrow Right</title>
8293    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
8294                                                            </a>
8295                                                            <ul class="level-3">
8296                                                                                                                                    <li class="level-3-items">
8297                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/einwegglaeser/einweg-sektglaeser.htm"
8298                                                                           title="Sektgl&#xE4;ser">
8299                                                                            <span>Sektgl&#xE4;ser</span>
8300                                                                        </a>
8301                                                                    </li>
8302                                                                                                                                    <li class="level-3-items">
8303                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/einwegglaeser/einweg-weinglaeser.htm"
8304                                                                           title="Weingl&#xE4;ser">
8305                                                                            <sp
8305an>Weingl&#xE4;ser</span>
8306                                                                        </a>
8307                                                                    </li>
8308                                                                                                                            </ul>
8309                                                        </div>
8310                                                    </div>
8311                                                                                                    <div class="level-2">
8312                                                        <div class="level-2-items">
8313                                                            <a href="https://www.papstar-shop.de/produkte/becher-glaeser/mehrwegbecher.htm"
8314                                                               title="Mehrwegbecher"
8315                                                               class="hover:underline">
8316                                                                <div class="flex font-bold">
8317                                                                <span>
8318                                                                    <?xml version="1.0" encoding="UTF-8"?>
8319<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 97.23" class="h-7 w-7 mr-2 stroke-4">
8320    <title>Reusable</title>
8321    <path d="M87.73,56.01l10.26,17.7c3.57,6.19-.9,13.89-8.03,13.89h-32.97" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8322    <path d="M41.6,87.6l15.42,8.88v-17.76l-15.42,8.88h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8323    <path d="M30.47,87.6l-20.5-.18c-7.16-.09-11.54-7.81-7.92-13.94l16.73-28.32" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8324    <path d="M26.6,31.9l-15.51,8.74,15.34,9.02.18-17.76Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8325    <path d="M31.77,23.06l10.29-17.7c3.6-6.17,12.53-6.14,16.06.03l16.41,28.52" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8326    <path d="M82.22,47.27l.03-17.76-15.42,8.83,15.4,8.93Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8327</svg>
8328                                                                </span>
8329                                                                    <div class="level-2-headline"
8330                                                                         role="heading"
8331                                                                         aria-level="2">
8332                                                                        Mehrwegbecher                                                                    </div>
8333                                                                </div>
8334                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
8335    <title>Arrow Right</title>
8336    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
8337                                                            </a>
8338                                                            <ul class="level-3">
8339                                                                                                                            </ul>
8340                                                        </div>
8341                                                    </div>
8342                                                                                                    <div class="level-2">
8343                                                        <div class="level-2-items">
8344                                                            <a href="https://www.papstar-shop.de/produkte/becher-glaeser/barzubehoer-cocktail-zubehoer.htm"
8345                                                               title="Barzubeh&#xF6;r&#x20;&amp;&#x20;Cocktail-Zubeh&#xF6;r"
8346                                                               class="hover:underline">
8347                                                                <div class="flex font-bold">
8348                                                                <sp
8348an>
8349                                                                    <?xml version="1.0" encoding="UTF-8"?>
8350<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 76.15 100" class="h-7 w-7 mr-2 stroke-4">
8351    <title>Cocktailglas</title>
8352    <path d="M52.48,96.75c0,2-9.62,2.5-14.49,2.5s-14.49-.5-14.49-2.5,6.48-3.63,14.49-3.63,14.49,1.62,14.49,3.63Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8353    <line x1="38.07" y1="95.64" x2="38.07" y2="48.37" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8354    <polygon points="38.07 49.35 19.41 25.05 .75 .75 38.07 .75 75.4 .75 56.74 25.05 38.07 49.35" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8355    <polygon points="38.07 35.96 29.86 25.27 21.64 14.58 38.07 14.58 54.5 14.58 46.28 25.27 38.07 35.96" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8356</svg>
8357                                                                </span>
8358                                                                    <div class="level-2-headline"
8359                                                                         role="heading"
8360                                                                         aria-level="2">
8361                                                                        Barzubeh&#xF6;r&#x20;&amp;&#x20;Cocktail-Zubeh&#xF6;r                                                                    </div>
8362                                                                </div>
8363                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
8364    <title>Arrow Right</title>
8365    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
8366                                                            </a>
8367                                                            <ul class="level-3">
8368                                                                                                                                    <li class="level-3-items">
8369                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/barzubehoer-cocktail-zubehoer/papieruntersetzer-tropfdeckchen.htm"
8370                                                                           title="Papieruntersetzer&#x20;&amp;&#x20;Tropfdeckchen">
8371                                                                            <span>Papieruntersetzer&#x20;&amp;&#x20;Tropfdeckchen</span>
8372                                                                        </a>
8373                                                                    </li>
8374                                                                                                                                    <li class="level-3-items">
8375                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/barzubehoer-cocktail-zubehoer/cocktail-deko.htm"
8376                                                                           title="Cocktail&#x20;Deko">
8377                                                                            <span>Cocktail&#x20;Deko</span>
8378                                                                        </a>
8379                                                                    </li>
8380                                                                                                                                    <li class="level-3-items">
8381                                                                        <a href="https://www.papstar-shop.de/produkte/becher-glaeser/barzubehoer-cocktail-zubehoer/ruehrstaebchen.htm"
8382                                                                           title="R&#xFC;hrst&#xE4;bchen">
8383                                                                            <sp
8383an>R&#xFC;hrst&#xE4;bchen</span>
8384                                                                        </a>
8385                                                                    </li>
8386                                                                                                                            </ul>
8387                                                        </div>
8388                                                    </div>
8389                                                                                                    <div class="level-2">
8390                                                        <div class="level-2-items">
8391                                                            <a href="https://www.papstar-shop.de/produkte/becher-glaeser/becherdeckel.htm"
8392                                                               title="Becherdeckel"
8393                                                               class="hover:underline">
8394                                                                <div class="flex font-bold">
8395                                                                <span>
8396                                                                    <?xml version="1.0" encoding="UTF-8"?>
8397<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 25.73" class="h-7 w-7 mr-2 stroke-4">
8398    <title>Lid</title>
8399    <polygon points="94.35 16.48 5.65 16.48 8.3 .75 91.7 .75 94.35 16.48" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8400    <rect x=".75" y="16.48" width="98.5" height="8.5" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8401</svg>
8402                                                                </span>
8403                                                                    <div class="level-2-headline"
8404                                                                         role="heading"
8405                                                                         aria-level="2">
8406                                                                        Becherdeckel                                                                    </div>
8407                                                                </div>
8408                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
8409    <title>Arrow Right</title>
8410    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
8411                                                            </a>
8412                                                            <ul class="level-3">
8413                                                                                                                            </ul>
8414                                                        </div>
8415                                                    </div>
8416                                                                                                    <div class="level-2">
8417                                                        <div class="level-2-items">
8418                                                            <a href="https://www.papstar-shop.de/produkte/becher-glaeser/bechertraeger.htm"
8419                                                               title="Bechertr&#xE4;ger"
8420                                                               class="hover:underline">
8421                                                                <div class="flex font-bold">
8422                                                                <span>
8423                                                                    <?xml version="1.0" encoding="UTF-8"?>
8424<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 48.96" class="h-7 w-7 mr-2 stroke-4">
8425    <title>Cupcarrier</title>
8426    <polygon points="99.25 22.54 .75 22.54 8.99 .75 91.01 .75 99.25 22.54" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8427    <polyline points="11.67 22.55 14.2 48.21 28.5 48.21 31.02 22.55" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8428    <polyline points="40.33 22.55 42.85 48.21 57.15 48.21 59.67 22.55" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8429    <polyline points="68.98 22.55 71.5 48.21 85.8 48.21 88.33 22.55" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8430    <rect x="40.87" y="5.37" width="18.27" height="6.39" rx="2.6" ry="2.6" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8431</svg>
8432                                                                </span>
8433                                                                    <div class="level-2-headline"
8434                                                                         role="heading"
8435                                                                         aria-level="2">
8436                                                                        Bechertr&#xE4;ger                                                                    </div>
8437                                                                </div>
8438                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
8439    <title>Arrow Right</title>
8440    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
8441                                                            </a>
8442                                                            <ul class="level-3">
8443                                                                                                                            </ul>
8444                                                        </div>
8445                                                    </div>
8446                                                                                                    <div class="level-2">
8447                                                        <div class="level-2-items">
8448                                                            <a href="https://www.papstar-shop.de/produkte/becher-glaeser/becherspender.htm"
8449                                                               title="Becherspender"
8450                                                               class="hover:underline">
8451                                                                <div class="flex font-bold">
8452                                                                <sp
8452an>
8453                                                                    <?xml version="1.0" encoding="UTF-8"?>
8454<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 31.1 100" class="h-7 w-7 mr-2 stroke-4">
8455    <title>Cup dispenser</title>
8456    <path d="M24.55,99.25H6.54l-3.94-28.55h25.89l-3.94,28.55Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8457    <rect x=".75" y=".75" width="29.6" height="69.95" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8458    <rect x="13.45" y=".75" width="4.2" height="69.95" stroke="currentColor" stroke-width="2" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8459    <line x1="13.45" y1="67.13" x2="17.64" y2="67.13" stroke="currentColor" stroke-width="1" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8460    <line x1="13.45" y1="63.55" x2="17.64" y2="63.55" stroke="currentColor" stroke-width="1" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8461    <line x1="13.45" y1="59.98" x2="17.64" y2="59.98" stroke="currentColor" stroke-width="1" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8462    <line x1="13.45" y1="56.4" x2="17.64" y2="56.4" stroke="currentColor" stroke-width="1" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8463    <line x1="13.45" y1="52.83" x2="17.64" y2="52.83" stroke="currentColor" stroke-width="1" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8464    <line x1="13.45" y1="49.25" x2="17.64" y2="49.25" stroke="currentColor" stroke-width="1" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8465    <line x1="13.45" y1="45.68" x2="17.64" y2="45.68" stroke="currentColor" stroke-width="1" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8466    <line x1="13.45" y1="42.1" x2="17.64" y2="42.1" stroke="currentColor" stroke-width="1" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8467    <line x1="13.45" y1="38.52" x2="17.64" y2="38.52" stroke="currentColor" stroke-width="1" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8468    <line x1="13.45" y1="34.95" x2="17.64" y2="34.95" stroke="currentColor" stroke-width="1" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8469    <line x1="13.45" y1="31.37" x2="17.64" y2="31.37" stroke="currentColor" stroke-width="1" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8470    <line x1="13.45" y1="27.79" x2="17.64" y2="27.79" stroke="currentColor" stroke-width="1" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8471    <line x1="13.45" y1="24.21" x2="17.64" y2="24.21" stroke="currentColor" stroke-width="1" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8472    <line x1="13.45" y1="20.64" x2="17.64" y2="20.64" stroke="currentColor" stroke-width="1" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8473    <line x1="13.45" y1="17.06" x2="17.64" y2="17.06" stroke="currentColor" stroke-width="1" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8474</svg>
8475                                                                </span>
8476                                                                    <div class="level-2-headline"
8477                                                                         role="heading"
8478                                                                         aria-level="2">
8479                                                                        Becherspender                                                                    </div>
8480                                                                </div>
8481                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
8482    <title>Arrow Right</title>
8483    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
8484                                                            </a>
8485                                                            <ul class="level-3">
8486                                                                                                                            </ul>
8487                                                        </div>
8488                                                    </div>
8489                                                                                                                                    </div>
8490                                    </div>
8491                                </li>
8492                                                                                                                            <li class="level-1-item node-270"
8493
8494                                    x-data="initNode()"
8495                                    x-on:keydown.escape.prevent.stop="close($refs.button)"
8496                                    x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
8497                                    x-id="['navi-button']"
8498                                >
8499                                    <button
8500                                        type="button"
8501                                        x-ref="button"
8502                                        :class="{'node-active': open}"
8503                                        x-on:click="toggle()"
8504                                        :aria-expanded="open"
8505                                        :aria-controls="$id('navi-button')"
8506                                        title="Besteck"
8507                                    >
8508                                        Besteck                                    </button>
8509
8510                                    <div class="level-1-panel"
8511                                         x-ref="panel"
8512                                         x-show="open"
8513                                         x-transition.origin.top
8514                                         x-on:click.outside="close($refs.button)"
8515                                         :id="$id('navi-button')"
8516                                         x-cloak>
8517                                        <div class="level-1-headline-container">
8518                                            <div class="level-1-headline"
8519                                                 role="heading"
8520                                                 aria-level="1">
8521                                                Besteck:
8522                                            </div>
8523                                            <a class="show-all-link"
8524                                               href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;produkte&#x2F;einwegbesteck.htm"
8525                                               aria-label="alles in Besteck anzeigen"
8526                                               title="alles in Besteck anzeigen"
8527                                            >
8528                                                alles&#x20;in&#x20;Besteck&#x20;anzeigen                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="pl-1 text-primary h-4">
8529    <title>Arrow Right</title>
8530    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
8531                                            </a>
8532                                        </div>
8533
8534                                        <div class="level-1-panel-container">
8535                                                                                                                                                <div class="level-2">
8536                                                        <div class="level-2-items">
8537                                                            <a href="https://www.papstar-shop.de/produkte/einwegbesteck/bestecktaschen-serviettentaschen.htm"
8538                                                               title="Bestecktaschen&#x20;&amp;&#x20;Serviettentaschen"
8539                                                               class="hover:underline">
8540                                                                <div class="flex font-bold">
8541                                                                <sp
8541an>
8542                                                                    <?xml version="1.0" encoding="UTF-8"?>
8543<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 46.97 100" class="h-7 w-7 mr-2 stroke-4">
8544    <title>Cutlery Pouch</title>
8545    <path d="M9,8.28v20.63c0,4.42,1.15,8.77,3.32,12.54,0,0,.28.5.41.75l-.44,8.48" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8546    <path d="M21.54,8.28v20.63c0,4.42-1.15,8.77-3.31,12.54,0,0-.3.51-.42.75l.44,8.48" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8547    <line x1="13.12" y1="7.95" x2="13.12" y2="28.93" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8548    <line x1="17.24" y1="7.95" x2="17.24" y2="28.93" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8549    <path d="M33.33,45.34l.28,5.34h-5.75l.45-8.62h.06V7.85c0-1.06.86-1.93,1.93-1.93,2.55,0,4.41,1.04,5.62,2.73,1.21,1.69,1.78,4.03,1.78,6.6l.25,24.62c-.24,1.63-2.82,4.07-4.63,5.49h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8550    <rect x=".75" y=".75" width="45.47" height="49.94" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8551    <rect x=".75" y="50.69" width="45.47" height="48.56" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8552</svg>
8553                                                                </span>
8554                                                                    <div class="level-2-headline"
8555                                                                         role="heading"
8556                                                                         aria-level="2">
8557                                                                        Bestecktaschen&#x20;&amp;&#x20;Serviettentaschen                                                                    </div>
8558                                                                </div>
8559                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
8560    <title>Arrow Right</title>
8561    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
8562                                                            </a>
8563                                                            <ul class="level-3">
8564                                                                                                                            </ul>
8565                                                        </div>
8566                                                    </div>
8567                                                                                                    <div class="level-2">
8568                                                        <div class="level-2-items">
8569                                                            <a href="https://www.papstar-shop.de/produkte/einwegbesteck/picker-spiesse.htm"
8570                                                               title="Picker&#x20;&amp;&#x20;Spie&#xDF;e"
8571                                                               class="hover:underline">
8572                                                                <div class="flex font-bold">
8573                                                                <span>
8574                                                                    <?xml version="1.0" encoding="UTF-8"?>
8575<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 95.34" class="h-7 w-7 mr-2 stroke-4">
8576    <title>Tothpicker</title>
8577    <path d="M99.25.76l-7.82,15.51-32.91,31.4-41.48,39.48L.75,94.59l7.82-15.54,35.14-33.5,4.04-3.88,2.27-2.13,32.91-31.34L99.25.75h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8578    <path d="M50.02,39.54l-2.27,2.13-4.04,3.88-2.24,2.13L8.57,16.27.75.76l16.32,7.45,32.94,3
85781.34h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8579    <path d="M99.25,94.59l-16.29-7.45-32.94-31.37,8.51-8.11,32.91,31.37h.03l7.78,15.54h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8580</svg>
8581                                                                </span>
8582                                                                    <div class="level-2-headline"
8583                                                                         role="heading"
8584                                                                         aria-level="2">
8585                                                                        Picker&#x20;&amp;&#x20;Spie&#xDF;e                                                                    </div>
8586                                                                </div>
8587                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
8588    <title>Arrow Right</title>
8589    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
8590                                                            </a>
8591                                                            <ul class="level-3">
8592                                                                                                                            </ul>
8593                                                        </div>
8594                                                    </div>
8595                                                                                                    <div class="level-2">
8596                                                        <div class="level-2-items">
8597                                                            <a href="https://www.papstar-shop.de/produkte/einwegbesteck/einwegbesteck-sets.htm"
8598                                                               title="Einwegbesteck&#x3A;&#x20;Sets&#x20;&amp;&#x20;einzeln&#x20;verpackt"
8599                                                               class="hover:underline">
8600                                                                <div class="flex font-bold">
8601                                                                <span>
8602                                                                    <?xml version="1.0" encoding="UTF-8"?>
8603<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="h-7 w-7 mr-2 stroke-4">
8604    <title>Cutlery Set</title>
8605    <path d="M74.42,23.2l-12.66,12.66c-2.72,2.72-6.09,4.68-9.74,5.67,0,0-.49.13-.72.2l-25.97,28.8c-2.27,2.27-5.44,2.77-7.07,1.13s-1.13-4.81,1.13-7.07l28.8-25.97c.07-.24.2-.71.2-.71.99-3.65,2.95-7.02,5.67-9.74l12.66-12.66" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8606    <line x1="69.45" y1="17.83" x2="56.57" y2="30.71" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8607    <line x1="71.98" y1="20.36" x2="59.1" y2="33.24" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8608    <path d="M65.12,52.66l14.95-15.26c1.58-1.58,2.65-3.36,2.95-5.14.29-1.77-.21-3.56-1.77-5.12-.66-.66-1.72-.65-2.37,0l-21,21-.04-.04-29.42,26.46c-2.2,2.2-2.66,5.33-1.02,6.96s4.77,1.18,6.96-1.02l24.56-27.3c1.98.25,5.07.33,6.22-.52h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8609    <rect x="7.26" y="30.27" width="85.49" height="39.46" transform="translate(-20.71 50) rotate(-45)" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8610    <polygon points="30.47 99.25 .75 69.53 5.82 66.27 33.73 94.18 30.47 99.25" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8611    <polygon points="69.53 .75 99.25 30.47 94.18 33.73 66.27 5.82 69.53 .75" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8612</svg>
8613                                                                </span>
8614                                                                    <div class="level-2-headline"
8615                                                                         role="heading"
8616                                                                         aria-level="2">
8617                                                                        Einwegbesteck&#x3A;&#x20;Sets&#x20;&amp;&#x20;einzeln&#x20;verpackt                                                                    </div>
8618                                                                </div>
8619                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
8620    <title>Arrow Right</title>
8621    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
8622                                                            </a>
8623                                                            <ul class="level-3">
8624                                                                                                                            </ul>
8625                                                        </div>
8626                                                    </div>
8627                                                                                                    <div class="level-2">
8628                                                        <div class="level-2-items">
8629                                                            <a href="https://www.papstar-shop.de/produkte/einwegbesteck/holzbestecke.htm"
8630                                                               title="Holzbestecke"
8631                                                               class="hover:underline">
8632                                                                <div class="flex font-bold">
8633                                                                <sp
8633an>
8634                                                                    <?xml version="1.0" encoding="UTF-8"?>
8635<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 99.99" class="h-7 w-7 mr-2 stroke-4">
8636    <title>Wood</title>
8637    <ellipse cx="19.79" cy="80.21" rx="12.11" ry="24.04" transform="translate(-50.92 37.48) rotate(-45)" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8638    <ellipse cx="19.79" cy="80.21" rx="6.6" ry="13.1" transform="translate(-50.92 37.48) rotate(-45)" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8639    <path d="M97.21,36.78c4.73-4.73.96-16.16-8.44-25.56C79.38,1.83,67.95-1.94,63.22,2.79" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8640    <line x1="35.18" y1="30.82" x2="2.8" y2="63.21" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8641    <line x1="63.22" y1="2.79" x2="47.55" y2="18.46" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8642    <line x1="97.21" y1="36.78" x2="36.79" y2="97.2" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8643    <line x1="15.53" y1="62.03" x2="28.95" y2="48.62" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8644    <line x1="61.42" y1="15.52" x2="75.11" y2="1.82" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8645    <line x1="28" y1="71.31" x2="51.95" y2="47.35" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8646    <line x1="69.31" y1="29.37" x2="88.11" y2="10.56" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8647    <line x1="37.27" y1="83.77" x2="47.01" y2="74.03" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8648    <line x1="84.45" y1="35.96" x2="97.26" y2="23.15" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8649    <line x1="39.96" y1="9.68" x2="39.94" y2="9.69" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8650    <path d="M51.62,25.96c-2.96-7.04-8.32-13.37-10.41-15.67" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8651    <path d="M33.75,41.06s3.37-13.16.19-25.19" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8652    <ellipse cx="37.64" cy="13.2" rx="4.61" ry="2.56" transform="translate(.1 26.68) rotate(-39.08)" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8653</svg>
8654                                                                </span>
8655                                                                    <div class="level-2-headline"
8656                                                                         role="heading"
8657                                                                         aria-level="2">
8658                                                                        Holzbestecke                                                                    </div>
8659                                                                </div>
8660                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
8661    <title>Arrow Right</title>
8662    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
8663                                                            </a>
8664                                                            <ul class="level-3">
8665                                                                                                                            </ul>
8666                                                        </div>
8667                                                    </div>
8668                                                                                                    <div class="level-2">
8669                                                        <div class="level-2-items">
8670                                                            <a href="https://www.papstar-shop.de/produkte/einwegbesteck/holzspiesse-schaschlikspiesse-holz.htm"
8671                                                               title="Holzspie&#xDF;e&#x20;&amp;&#x20;Schaschlikspie&#xDF;e"
8672                                                               class="hover:underline">
8673                                                                <div class="flex font-bold">
8674                                                                <sp
8674an>
8675                                                                    <?xml version="1.0" encoding="UTF-8"?>
8676<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 95.34" class="h-7 w-7 mr-2 stroke-4">
8677    <title>Tothpicker</title>
8678    <path d="M99.25.76l-7.82,15.51-32.91,31.4-41.48,39.48L.75,94.59l7.82-15.54,35.14-33.5,4.04-3.88,2.27-2.13,32.91-31.34L99.25.75h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8679    <path d="M50.02,39.54l-2.27,2.13-4.04,3.88-2.24,2.13L8.57,16.27.75.76l16.32,7.45,32.94,31.34h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8680    <path d="M99.25,94.59l-16.29-7.45-32.94-31.37,8.51-8.11,32.91,31.37h.03l7.78,15.54h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8681</svg>
8682                                                                </span>
8683                                                                    <div class="level-2-headline"
8684                                                                         role="heading"
8685                                                                         aria-level="2">
8686                                                                        Holzspie&#xDF;e&#x20;&amp;&#x20;Schaschlikspie&#xDF;e                                                                    </div>
8687                                                                </div>
8688                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
8689    <title>Arrow Right</title>
8690    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
8691                                                            </a>
8692                                                            <ul class="level-3">
8693                                                                                                                            </ul>
8694                                                        </div>
8695                                                    </div>
8696                                                                                                    <div class="level-2">
8697                                                        <div class="level-2-items">
8698                                                            <a href="https://www.papstar-shop.de/produkte/einwegbesteck/zahnstocher.htm"
8699                                                               title="Zahnstocher"
8700                                                               class="hover:underline">
8701                                                                <div class="flex font-bold">
8702                                                                <span>
8703                                                                    <?xml version="1.0" encoding="UTF-8"?>
8704<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 95.34" class="h-7 w-7 mr-2 stroke-4">
8705    <title>Tothpicker</title>
8706    <path d="M99.25.76l-7.82,15.51-32.91,31.4-41.48,39.48L.75,94.59l7.82-15.54,35.14-33.5,4.04-3.88,2.27-2.13,32.91-31.34L99.25.75h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8707    <path d="M50.02,39.54l-2.27,2.13-4.04,3.88-2.24,2.13L8.57,16.27.75.76l16.32,7.45,32.94,31.34h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8708    <path d="M99.25,94.59l-16.29-7.45-32.94-31.37,8.51-8.11,32.91,31.37h.03l7.78,15.54h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8709</svg>
8710                                                                </span>
8711                                                                    <div class="level-2-headline"
8712                                                                         role="heading"
8713                                                                         aria-level="2">
8714                                                                        Zahnstocher                                                                    </div>
8715                                                                </div>
8716                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
8717    <title>Arrow Right</title>
8718    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
8719                                                            </a>
8720                                                            <ul class="level-3">
8721                                                                                                                            </ul>
8722                                                        </div>
8723                                                    </div>
8724                                                                                                    <div class="level-2">
8725                                                        <div class="level-2-items">
8726                                                            <a href="https://www.papstar-shop.de/produkte/einwegbesteck/eisloffel-pommesgabeln.htm"
8727                                                               title="Eisl&#xF6;ffel&#x20;&amp;&#x20;Pommesgabeln"
8728                                                               class="hover:underline">
8729                                                                <div class="flex font-bold">
8730                                                                <sp
8730an>
8731                                                                    <?xml version="1.0" encoding="UTF-8"?>
8732<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 63.98 100" class="h-7 w-7 mr-2 stroke-4">
8733    <title>Cutlery Ice</title>
8734    <path d="M56.66,38.12s-.59.58-.85.88l4.57,52.4c0,4.33-4.3,7.85-9.61,7.85s-9.61-3.52-9.61-7.85l4.57-52.4c-.27-.3-.82-.88-.82-.88-4.3-4.45-6.59-9.55-6.59-14.75l2.94-21.31,5.39,21.78L50.8.75l3.93,22.54,5.57-21.22,2.94,21.31c0,5.19-2.26,10.28-6.56,14.75h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8735    <line x1="54.72" y1="23.29" x2="54.69" y2="23.4" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8736    <path d="M19.09,38.12s-.59.58-.85.88l4.57,52.4c0,4.33-4.3,7.85-9.61,7.85s-9.61-3.52-9.61-7.85l4.57-52.4c-.27-.3-.82-.88-.82-.88C3.04,33.67.75,28.57.75,23.38L3.68,2.07h19.05l2.94,21.31c0,5.19-2.26,10.28-6.56,14.75h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8737</svg>
8738                                                                </span>
8739                                                                    <div class="level-2-headline"
8740                                                                         role="heading"
8741                                                                         aria-level="2">
8742                                                                        Eisl&#xF6;ffel&#x20;&amp;&#x20;Pommesgabeln                                                                    </div>
8743                                                                </div>
8744                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
8745    <title>Arrow Right</title>
8746    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
8747                                                            </a>
8748                                                            <ul class="level-3">
8749                                                                                                                            </ul>
8750                                                        </div>
8751                                                    </div>
8752                                                                                                    <div class="level-2">
8753                                                        <div class="level-2-items">
8754                                                            <a href="https://www.papstar-shop.de/produkte/einwegbesteck/fingerfood-besteck-pipetten.htm"
8755                                                               title="Fingerfood-Besteck&#x20;&amp;&#x20;Pipetten"
8756                                                               class="hover:underline">
8757                                                                <div class="flex font-bold">
8758                                                                <span>
8759                                                                    <?xml version="1.0" encoding="UTF-8"?>
8760<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 99.96 100" class="h-7 w-7 mr-2 stroke-4">
8761    <title>Fingerfood</title>
8762    <path d="M16.12,75.31l8.54,8.54-7.61,7.58L.75,99.25l7.78-16.35s7.58-7.58,7.58-7.58Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8763    <path d="M51.64,48.16c1.51,1.51,3.22,2.76,5.02,3.64l-6.5,6.5-8.5-8.5,2.04-2.04,4.04-4.07.36-.36c.92,1.74,2.1,3.38,3.55,4.83h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8764    <path d="M99.21.75l-7.81,16.28-8.27,8.27c-.89-1.8-2.1-3.48-3.61-4.99-1.48-1.48-3.12-2.66-4.86-3.55l8.21-8.24L99.21.75Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8765    <path d="M58.57,66.72l-25.51,25.54-8.4-8.4-8.54-8.54-8.6-8.6,25.54-25.51,25.51,25.51Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8766    <path d="M85.29,34.27c0,5.02-1.94,10.05-5.78,13.89-3.87,3.87-8.89,5.81-13.92,5.81-3.05,0-6.14-.72-8.93-2.17-1.8-.89-3.52-2.14-5.02-3.64s-2.63-3.08-3.55-4.83c-3.87-7.42-2.69-16.77,3.5
87665-23.02,3.84-3.84,8.89-5.78,13.92-5.74,3.12,0,6.24.72,9.09,2.2,1.74.89,3.38,2.07,4.86,3.55,1.51,1.51,2.73,3.18,3.61,4.99,1.45,2.79,2.17,5.88,2.17,8.96h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8767</svg>
8768                                                                </span>
8769                                                                    <div class="level-2-headline"
8770                                                                         role="heading"
8771                                                                         aria-level="2">
8772                                                                        Fingerfood-Besteck&#x20;&amp;&#x20;Pipetten                                                                    </div>
8773                                                                </div>
8774                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
8775    <title>Arrow Right</title>
8776    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
8777                                                            </a>
8778                                                            <ul class="level-3">
8779                                                                                                                            </ul>
8780                                                        </div>
8781                                                    </div>
8782                                                                                                    <div class="level-2">
8783                                                        <div class="level-2-items">
8784                                                            <a href="https://www.papstar-shop.de/produkte/einwegbesteck/bambusbestecke.htm"
8785                                                               title="Bambusbestecke"
8786                                                               class="hover:underline">
8787                                                                <div class="flex font-bold">
8788                                                                <span>
8789                                                                    <?xml version="1.0" encoding="UTF-8"?>
8790<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80.13 100" class="h-7 w-7 mr-2 stroke-4">
8791    <title>Bamboo</title>
8792    <path d="M12.09,99.25L.75,87.44s6.29-1.75,18.26-14.22c11.97-12.47,13.24-18.62,13.24-18.62l11.34,11.81s-6.24.97-18.2,13.44c-11.97,12.47-13.29,19.39-13.29,19.39h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8793    <path d="M47.88,61.94l-11.34-11.81s6.29-1.75,18.26-14.22,13.24-18.62,13.24-18.62l11.34,11.81s-6.24.97-18.2,13.44c-11.97,12.47-13.29,19.39-13.29,19.39h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8794    <path d="M38.28,23.95c-4.54-4.73-5.88-10.99-5.88-10.99,0,0,6.01,1.4,10.55,6.13s5.88,10.99,5.88,10.99c0,0-6.01-1.4-10.55-6.13Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8795    <path d="M57.17,12.86c0,6.69-3.3,12.11-3.3,12.11,0,0-3.3-5.42-3.3-12.11s3.3-12.11,3.3-12.11c0,0,3.3,5.42,3.3,12.11Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8796    <path d="M32.31,38.78c-6.41,0-11.61-3.44-11.61-3.44,0,0,5.2-3.44,11.61-3.44s11.61,3.44,11.61,3.44c0,0-5.2,3.44-11.61,3.44Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8797</svg>
8798                                                                </span>
8799                                                                    <div class="level-2-headline"
8800                                                                         role="heading"
8801                                                                         aria-level="2">
8802                                                                        Bambusbestecke                                                                    </div>
8803                                                                </div>
8804                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
8805    <title>Arrow Right</title>
8806    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
8807                                                            </a>
8808                                                            <ul class="level-3">
8809                                                                                                                            </ul>
8810                                                        </div>
8811                                                    </div>
8812                                                                                                    <div class="level-2">
8813                                                        <div class="level-2-items">
8814                                                            <a href="https://www.papstar-shop.de/produkte/einwegbesteck/mehrwegbesteck.htm"
8815                                                               title="Mehrwegbesteck"
8816                                                               class="hover:underline">
8817                                                                <div class="flex font-bold">
8818                                                                <sp
8818an>
8819                                                                    <?xml version="1.0" encoding="UTF-8"?>
8820<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 97.23" class="h-7 w-7 mr-2 stroke-4">
8821    <title>Reusable</title>
8822    <path d="M87.73,56.01l10.26,17.7c3.57,6.19-.9,13.89-8.03,13.89h-32.97" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8823    <path d="M41.6,87.6l15.42,8.88v-17.76l-15.42,8.88h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8824    <path d="M30.47,87.6l-20.5-.18c-7.16-.09-11.54-7.81-7.92-13.94l16.73-28.32" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8825    <path d="M26.6,31.9l-15.51,8.74,15.34,9.02.18-17.76Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8826    <path d="M31.77,23.06l10.29-17.7c3.6-6.17,12.53-6.14,16.06.03l16.41,28.52" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8827    <path d="M82.22,47.27l.03-17.76-15.42,8.83,15.4,8.93Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8828</svg>
8829                                                                </span>
8830                                                                    <div class="level-2-headline"
8831                                                                         role="heading"
8832                                                                         aria-level="2">
8833                                                                        Mehrwegbesteck                                                                    </div>
8834                                                                </div>
8835                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
8836    <title>Arrow Right</title>
8837    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
8838                                                            </a>
8839                                                            <ul class="level-3">
8840                                                                                                                            </ul>
8841                                                        </div>
8842                                                    </div>
8843                                                                                                    <div class="level-2">
8844                                                        <div class="level-2-items">
8845                                                            <a href="https://www.papstar-shop.de/produkte/einwegbesteck/papierbestecke.htm"
8846                                                               title="Papierbestecke"
8847                                                               class="hover:underline">
8848                                                                <div class="flex font-bold">
8849                                                                <span>
8850                                                                    <?xml version="1.0" encoding="UTF-8"?>
8851<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90.19 100" class="h-7 w-7 mr-2 stroke-4">
8852    <title>Papersheet</title>
8853    <polygon points="69.96 90.18 69.96 99.25 .75 99.25 .75 18.9 10.49 18.9 10.49 90.18 69.96 90.18" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8854    <polygon points="79.7 81.1 79.7 90.18 10.49 90.18 10.49 9.83 20.21 9.83 20.21 81.1 79.7 81.1" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8855    <rect x="20.21" y=".75" width="69.23" height="80.35" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8856</svg>
8857                                                                </span>
8858                                                                    <div class="level-2-headline"
8859                                                                         role="heading"
8860                                                                         aria-level="2">
8861                                                                        Papierbestecke                                                                    </div>
8862                                                                </div>
8863                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
8864    <title>Arrow Right</title>
8865    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
8866                                                            </a>
8867                                                            <ul class="level-3">
8868                                                                                                                            </ul>
8869                                                        </div>
8870                                                    </div>
8871                                                                                                    <div class="level-2">
8872                                                        <div class="level-2-items">
8873                                                            <a href="https://www.papstar-shop.de/produkte/einwegbesteck/ruehrstaebchen.htm"
8874                                                               title="R&#xFC;hrst&#xE4;bchen"
8875                                                               class="hover:underline">
8876                                                                <div class="flex font-bold">
8877                                                                <sp
8877an>
8878                                                                    <?xml version="1.0" encoding="UTF-8"?>
8879<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 98.23 100" class="h-7 w-7 mr-2 stroke-4">
8880    <title>Stirrer</title>
8881    <rect x=".75" y=".75" width="81.4" height="7.02" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8882    <polyline points="72.63 44.87 77.51 7.76 5.4 7.76 16.37 91.25 40.44 91.25" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8883    <polyline points="46.39 91.25 66.53 91.25 71.24 55.46" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8884    <path d="M83.68,37.51l-12.45,17.94-24.84,35.8-4.83,6.95c-.78,1.1-2.31,1.38-3.41.61-.68-.48-1.04-1.23-1.04-2.01,0-.49.15-.98.44-1.4l2.9-4.16,32.18-46.39,7.04-10.15" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8885    <path d="M97.07,20.6l-11.08,15.96c-.53.77-1.44,1.11-2.31.97-.33-.05-.65-.18-.95-.38l-2.37-1.64c-.3-.21-.54-.48-.69-.78-.43-.75-.41-1.71.11-2.47l11.07-15.96c.74-1.05,2.19-1.33,3.25-.59l2.37,1.65c1.05.74,1.32,2.19.59,3.25Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8886    <line x1="92.36" y1="20.75" x2="84.48" y2="32.1" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8887</svg>
8888                                                                </span>
8889                                                                    <div class="level-2-headline"
8890                                                                         role="heading"
8891                                                                         aria-level="2">
8892                                                                        R&#xFC;hrst&#xE4;bchen                                                                    </div>
8893                                                                </div>
8894                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
8895    <title>Arrow Right</title>
8896    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
8897                                                            </a>
8898                                                            <ul class="level-3">
8899                                                                                                                            </ul>
8900                                                        </div>
8901                                                    </div>
8902                                                                                                                                    </div>
8903                                    </div>
8904                                </li>
8905                                                                                                                            <li class="level-1-item node-48"
8906
8907                                    x-data="initNode()"
8908                                    x-on:keydown.escape.prevent.stop="close($refs.button)"
8909                                    x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
8910                                    x-id="['navi-button']"
8911                                >
8912                                    <button
8913                                        type="button"
8914                                        x-ref="button"
8915                                        :class="{'node-active': open}"
8916                                        x-on:click="toggle()"
8917                                        :aria-expanded="open"
8918                                        :aria-controls="$id('navi-button')"
8919                                        title="Einwegverpackungen"
8920                                    >
8921                                        Einwegverpackungen                                    </button>
8922
8923                                    <div class="level-1-panel"
8924                                         x-ref="panel"
8925                                         x-show="open"
8926                                         x-transition.origin.top
8927                                         x-on:click.outside="close($refs.button)"
8928                                         :id="$id('navi-button')"
8929                                         x-cloak>
8930                                        <div class="level-1-headline-container">
8931                                            <div class="level-1-headline"
8932                                                 role="heading"
8933                                                 aria-level="1">
8934                                                Einwegverpackungen:
8935                                            </div>
8936                                            <a class="show-all-link"
8937                                               href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;produkte&#x2F;einwegverpackungen.htm"
8938                                               aria-label="alles in Einwegverpackungen anzeigen"
8939                                               title="alles in Einwegverpackungen anzeigen"
8940                                            >
8941                                                alles&#x20;in&#x20;Einwegverpackungen&#x20;anzeigen                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="pl-1 text-primary h-4">
8942    <title>Arrow Right</title>
8943    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
8944                                            </a>
8945                                        </div>
8946
8947                                        <div class="level-1-panel-container">
8948                                                                                                                                                <div class="level-2">
8949                                                        <div class="level-2-items">
8950                                                            <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/lebensmittelverpackungen.htm"
8951                                                               title="Lebensmittelverpackungen"
8952                                                               class="hover:underline">
8953                                                                <div class="flex font-bold">
8954                                                                <sp
8954an>
8955                                                                    <?xml version="1.0" encoding="UTF-8"?>
8956<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 87.8" class="h-7 w-7 mr-2 stroke-4">
8957    <title>Packaging</title>
8958    <path d="M95.62,61.25l-6.37,25.8H10.77l-6.37-25.8h21.14l3.54,6.64h43.66l3.54-6.64h19.36Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8959    <path d="M95.62,50.77H4.38l6.37-13.38h78.47l6.37,13.38h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8960    <path d="M99.25,50.77v10.47h-22.99l-3.54,6.64H29.07l-3.54-6.64H.75v-10.47h98.5Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8961    <path d="M83.53,18.27l-4.69,18.96H21.16l-4.69-18.96h15.53l2.61,4.89h32.08l2.61-4.89s14.22,0,14.22,0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8962    <path d="M83.53,10.58H16.47L21.16.75h57.68l4.69,9.83Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8963    <path d="M86.21,10.58v7.69h-16.9l-2.61,4.89h-32.08l-2.61-4.89H13.79v-7.69s72.42,0,72.42,0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
8964</svg>
8965                                                                </span>
8966                                                                    <div class="level-2-headline"
8967                                                                         role="heading"
8968                                                                         aria-level="2">
8969                                                                        Lebensmittelverpackungen                                                                    </div>
8970                                                                </div>
8971                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
8972    <title>Arrow Right</title>
8973    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
8974                                                            </a>
8975                                                            <ul class="level-3">
8976                                                                                                                                    <li class="level-3-items">
8977                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/lebensmittelverpackungen/pommesschalen-snackschalen.htm"
8978                                                                           title="Pommesschalen&#x20;&amp;&#x20;Snackschalen">
8979                                                                            <span>Pommesschalen&#x20;&amp;&#x20;Snackschalen</span>
8980                                                                        </a>
8981                                                                    </li>
8982                                                                                                                                    <li class="level-3-items">
8983                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/lebensmittelverpackungen/salatschalen-to-go.htm"
8984                                                                           title="Salatschalen&#x20;To&#x20;Go">
8985                                                                            <span>Salatschalen&#x20;To&#x20;Go</span>
8986                                                                        </a>
8987                                                                    </li>
8988                                                                                                                                    <li class="level-3-items">
8989                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/lebensmittelverpackungen/menueboxen-burger-verpackungen.htm"
8990                                                                           title="Men&#xFC;boxen&#x20;&amp;&#x20;Burger&#x20;Verpackungen">
8991                                                                            <sp
8991an>Men&#xFC;boxen&#x20;&amp;&#x20;Burger&#x20;Verpackungen</span>
8992                                                                        </a>
8993                                                                    </li>
8994                                                                                                                                    <li class="level-3-items">
8995                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/lebensmittelverpackungen/aluschalen.htm"
8996                                                                           title="Aluschalen">
8997                                                                            <span>Aluschalen</span>
8998                                                                        </a>
8999                                                                    </li>
9000                                                                                                                                    <li class="level-3-items">
9001                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/lebensmittelverpackungen/suppenbecher-to-go.htm"
9002                                                                           title="Suppenbecher&#x20;To&#x20;Go">
9003                                                                            <span>Suppenbecher&#x20;To&#x20;Go</span>
9004                                                                        </a>
9005                                                                    </li>
9006                                                                                                                                    <li class="level-3-items">
9007                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/lebensmittelverpackungen/feinkostbecher-verpackungsbecher.htm"
9008                                                                           title="Feinkostbecher&#x20;&amp;&#x20;Verpackungsbecher">
9009                                                                            <span>Feinkostbecher&#x20;&amp;&#x20;Verpackungsbecher</span>
9010                                                                        </a>
9011                                                                    </li>
9012                                                                                                                                    <li class="level-3-items">
9013                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/lebensmittelverpackungen/transportboxen-lebensmittel-tragetabletts.htm"
9014                                                                           title="Transportboxen&#x20;f&#xFC;r&#x20;Lebensmittel&#x20;&amp;&#x20;Tragetabletts">
9015                                                                            <span>Transportboxen&#x20;f&#xFC;r&#x20;Lebensmittel&#x20;&amp;&#x20;Tragetabletts</span>
9016                                                                        </a>
9017                                                                    </li>
9018                                                                                                                                    <li class="level-3-items">
9019                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/lebensmittelverpackungen/snackboxen-to-go.htm"
9020                                                                           title="Snackboxen&#x20;To&#x20;Go">
9021                                                                            <span>Snackboxen&#x20;To&#x20;Go</span>
9022                                                                        </a>
9023                                                                    </li>
9024                                                                                                                                    <li class="level-3-items">
9025                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/lebensmittelverpackungen/siegelschalen-siegelfolien.htm"
9026                                                                           title="Siegelschalen&#x20;&amp;&#x20;Siegelfolien">
9027                                                                            <sp
9027an>Siegelschalen&#x20;&amp;&#x20;Siegelfolien</span>
9028                                                                        </a>
9029                                                                    </li>
9030                                                                                                                                    <li class="level-3-items">
9031                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/lebensmittelverpackungen/eisbecher-to-go.htm"
9032                                                                           title="Eisbecher&#x20;To&#x20;Go">
9033                                                                            <span>Eisbecher&#x20;To&#x20;Go</span>
9034                                                                        </a>
9035                                                                    </li>
9036                                                                                                                            </ul>
9037                                                        </div>
9038                                                    </div>
9039                                                                                                    <div class="level-2">
9040                                                        <div class="level-2-items">
9041                                                            <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/backerei-verpackungen.htm"
9042                                                               title="B&#xE4;ckereibedarf"
9043                                                               class="hover:underline">
9044                                                                <div class="flex font-bold">
9045                                                                <span>
9046                                                                    <?xml version="1.0" encoding="UTF-8"?>
9047<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100.25 100" class="h-7 w-7 mr-2 stroke-4">
9048    <title>Bread</title>
9049    <path d="M15.03,54.76c2.15,1.75,21.97,17.76,17.2,22.05-4.62,4.15-20.55-9.95-23.33-12.46" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9050    <path d="M55.02,15.34c2.11,2.64,17.52,21.52,21.7,16.88,4.38-4.9-11.35-22.05-12.05-22.82" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9051    <path d="M30.06,37.74s17.99,19.96,23.63,16.12c5.65-3.84-15.56-24.19-15.56-24.19" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9052    <path d="M94.85,3.56c6.53,5.09,5.17,14.46,2.03,21.23-4.54,9.78-11.93,18.29-19.08,26.23-4.17,4.62-8.48,9.1-12.89,13.51-9.76,9.76-19.93,19.54-31.46,27.22-5.42,3.6-11.93,7.49-18.66,7.51-5.33,0-10.78-3.12-12.92-8.13-3.76-8.83,2.73-20.43,7.33-27.83,6.82-10.95,15.58-20.7,24.69-29.79,9.47-9.47,19.74-18.54,31.38-25.28,7.28-4.22,19.22-10.35,27.56-5.95.74.4,1.41.82,2.01,1.29Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9053</svg>
9054                                                                </span>
9055                                                                    <div class="level-2-headline"
9056                                                                         role="heading"
9057                                                                         aria-level="2">
9058                                                                        B&#xE4;ckereibedarf                                                                    </div>
9059                                                                </div>
9060                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
9061    <title>Arrow Right</title>
9062    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
9063                                                            </a>
9064                                                            <ul class="level-3">
9065                                                                                                                                    <li class="level-3-items">
9066                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/backerei-verpackungen/tortenkartons-kuchenkartons.htm"
9067                                                                           title="Tortenkartons&#x20;&amp;&#x20;Kuchenkartons">
9068                                                                            <sp
9068an>Tortenkartons&#x20;&amp;&#x20;Kuchenkartons</span>
9069                                                                        </a>
9070                                                                    </li>
9071                                                                                                                                    <li class="level-3-items">
9072                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/backerei-verpackungen/tortenspitzen-spitzenpapiere.htm"
9073                                                                           title="Tortenspitzen&#x20;&amp;&#x20;Spitzenpapiere">
9074                                                                            <span>Tortenspitzen&#x20;&amp;&#x20;Spitzenpapiere</span>
9075                                                                        </a>
9076                                                                    </li>
9077                                                                                                                                    <li class="level-3-items">
9078                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/backerei-verpackungen/backfoermchen.htm"
9079                                                                           title="Backf&#xF6;rmchen&#x20;&amp;&#x20;Einwegbackformen">
9080                                                                            <span>Backf&#xF6;rmchen&#x20;&amp;&#x20;Einwegbackformen</span>
9081                                                                        </a>
9082                                                                    </li>
9083                                                                                                                                    <li class="level-3-items">
9084                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/backerei-verpackungen/tortenunterlagen.htm"
9085                                                                           title="Tortenunterlagen">
9086                                                                            <span>Tortenunterlagen</span>
9087                                                                        </a>
9088                                                                    </li>
9089                                                                                                                            </ul>
9090                                                        </div>
9091                                                    </div>
9092                                                                                                    <div class="level-2">
9093                                                        <div class="level-2-items">
9094                                                            <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/tueten-beutel.htm"
9095                                                               title="T&#xFC;ten&#x20;&amp;&#x20;Beutel&#x20;"
9096                                                               class="hover:underline">
9097                                                                <div class="flex font-bold">
9098                                                                <span>
9099                                                                    <?xml version="1.0" encoding="UTF-8"?>
9100<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 93.44" class="h-7 w-7 mr-2 stroke-4">
9101    <title>Cupholder</title>
9102    <path d="M.75,43.84h98.5v44.48c0,2.41-1.96,4.36-4.36,4.36H5.11c-2.41,0-4.36-1.96-4.36-4.36v-44.48h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9103    <path d="M74.56.75H25.44c-2.77,0-5.34,1.85-6.76,4.89L.75,43.84h98.5L81.31,5.64c-1.42-3.03-3.99-4.89-6.76-4.89Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9104    <line x1="5.97" y1="35.12" x2="94.03" y2="35.12" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9105    <rect x="32.73" y="11.03" width="34.52" height="9.11" rx="2.4" ry="2.4" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9106    <path d="M4.93,34.94V13.65c0-2.35,1.88-4.24,4.24-4.24h7.76" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9107    <path d="M80.23,35.11h14.77V13.7c0-2.33-1.9-4.24-4.24-4.24h-7.64" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9108</svg>
9109                                                                </span>
9110                                                                    <div class="level-2-headline"
9111                                                                         role="heading"
9112                                                                         aria-level="2">
9113                                                                        T&#xFC;ten&#x20;&amp;&#x20;Beutel&#x20;                                                                    </div>
9114                                                                </div>
9115                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
9116    <title>Arrow Right</title>
9117    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
9118                                                            </a>
9119                                                            <ul class="level-3">
9120                                                                                                                                    <li class="level-3-items">
9121                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/tueten-beutel/papiertueten-papierbeutel.htm"
9122                                                                           title="Papiert&#xFC;ten&#x20;&amp;&#x20;Papierbeutel">
9123                                                                            <sp
9123an>Papiert&#xFC;ten&#x20;&amp;&#x20;Papierbeutel</span>
9124                                                                        </a>
9125                                                                    </li>
9126                                                                                                                                    <li class="level-3-items">
9127                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/tueten-beutel/spitztueten-pommestueten.htm"
9128                                                                           title="Spitzt&#xFC;ten&#x20;&amp;&#x20;Pommest&#xFC;ten">
9129                                                                            <span>Spitzt&#xFC;ten&#x20;&amp;&#x20;Pommest&#xFC;ten</span>
9130                                                                        </a>
9131                                                                    </li>
9132                                                                                                                                    <li class="level-3-items">
9133                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/tueten-beutel/plastiktueten-plastikbeutel.htm"
9134                                                                           title="Plastikt&#xFC;ten&#x20;&amp;&#x20;Plastikbeutel">
9135                                                                            <span>Plastikt&#xFC;ten&#x20;&amp;&#x20;Plastikbeutel</span>
9136                                                                        </a>
9137                                                                    </li>
9138                                                                                                                                    <li class="level-3-items">
9139                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/tueten-beutel/gefrierbeutel.htm"
9140                                                                           title="Gefrierbeutel&#x20;">
9141                                                                            <span>Gefrierbeutel&#x20;</span>
9142                                                                        </a>
9143                                                                    </li>
9144                                                                                                                                    <li class="level-3-items">
9145                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/tueten-beutel/spritzbeutel.htm"
9146                                                                           title="Spritzbeutel">
9147                                                                            <span>Spritzbeutel</span>
9148                                                                        </a>
9149                                                                    </li>
9150                                                                                                                                    <li class="level-3-items">
9151                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/tueten-beutel/vakuumbeutel-siegelrandbeutel.htm"
9152                                                                           title="Vakuumbeutel&#x20;&amp;&#x20;Siegelrandbeutel">
9153                                                                            <span>Vakuumbeutel&#x20;&amp;&#x20;Siegelrandbeutel</span>
9154                                                                        </a>
9155                                                                    </li>
9156                                                                                                                            </ul>
9157                                                        </div>
9158                                                    </div>
9159                                                                                                    <div class="level-2">
9160                                                        <div class="level-2-items">
9161                                                            <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/lebensmittelfolien-lebensmittelpapiere.htm"
9162                                                               title="Lebensmittelfolien&#x20;&amp;&#x20;Lebensmittelpapiere"
9163                                                               class="hover:underline">
9164                                                                <div class="flex font-bold">
9165                                                                <sp
9165an>
9166                                                                    <?xml version="1.0" encoding="UTF-8"?>
9167<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47.41 100" class="h-7 w-7 mr-2 stroke-4">
9168    <title>Foil</title>
9169    <path d="M28.75,94.88V5.23c-.15,2.37-6.37,4.28-14.01,4.28S.91,7.6.75,5.23v89.65" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9170    <path d="M.76,5.23c.15,2.37,6.37,4.28,14,4.28s13.86-1.92,14.01-4.28" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9171    <path d="M28.75,5.23v-.09c0-2.42-6.27-4.39-14.01-4.39S.75,2.72.75,5.14v.09" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9172    <path d="M.76,5.23c.15,2.37,6.37,4.28,14,4.28s13.86-1.92,14.01-4.28" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9173    <path d="M.76,94.88c0,2.4,6.27,4.37,14,4.37s14.01-1.97,14.01-4.37" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9174    <path d="M40.74,7.25l5.42,5.96c.67.74.67,1.95,0,2.69l-4.2,4.62c-.67.74-.67,1.95,0,2.69l4.2,4.62c.67.74.67,1.95,0,2.69l-4.2,4.62c-.67.74-.67,1.95,0,2.69l4.2,4.62c.67.74.67,1.95,0,2.69l-4.2,4.62c-.67.74-.67,1.95,0,2.69l4.2,4.62c.67.74.67,1.95,0,2.69l-4.2,4.62c-.67.74-.67,1.95,0,2.69l4.2,4.62c.67.74.67,1.95,0,2.69l-4.2,4.62c-.67.74-.67,1.95,0,2.69l4.2,4.62c.67.74.67,1.95,0,2.69l-5.42,5.96" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9175    <line x1="28.75" y1="7.25" x2="40.74" y2="7.25" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9176    <line x1="28.75" y1="94.88" x2="40.74" y2="94.88" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9177</svg>
9178                                                                </span>
9179                                                                    <div class="level-2-headline"
9180                                                                         role="heading"
9181                                                                         aria-level="2">
9182                                                                        Lebensmittelfolien&#x20;&amp;&#x20;Lebensmittelpapiere                                                                    </div>
9183                                                                </div>
9184                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
9185    <title>Arrow Right</title>
9186    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
9187                                                            </a>
9188                                                            <ul class="level-3">
9189                                                                                                                                    <li class="level-3-items">
9190                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/lebensmittelfolien-lebensmittelpapiere/frischhaltefolien.htm"
9191                                                                           title="Frischhaltefolien">
9192                                                                            <span>Frischhaltefolien</span>
9193                                                                        </a>
9194                                                                    </li>
9195                                                                                                                                    <li class="level-3-items">
9196                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/lebensmittelfolien-lebensmittelpapiere/backpapier.htm"
9197                                                                           title="Backpapier">
9198                                                                            <sp
9198an>Backpapier</span>
9199                                                                        </a>
9200                                                                    </li>
9201                                                                                                                                    <li class="level-3-items">
9202                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/lebensmittelfolien-lebensmittelpapiere/butterbrotpapiere.htm"
9203                                                                           title="Butterbrotpapiere">
9204                                                                            <span>Butterbrotpapiere</span>
9205                                                                        </a>
9206                                                                    </li>
9207                                                                                                                                    <li class="level-3-items">
9208                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/lebensmittelfolien-lebensmittelpapiere/einschlagpapiere-zuschnitte.htm"
9209                                                                           title="Einschlagpapiere&#x20;&amp;&#x20;Zuschnitte">
9210                                                                            <span>Einschlagpapiere&#x20;&amp;&#x20;Zuschnitte</span>
9211                                                                        </a>
9212                                                                    </li>
9213                                                                                                                                    <li class="level-3-items">
9214                                                                        <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/lebensmittelfolien-lebensmittelpapiere/alufolien.htm"
9215                                                                           title="Alufolien">
9216                                                                            <span>Alufolien</span>
9217                                                                        </a>
9218                                                                    </li>
9219                                                                                                                            </ul>
9220                                                        </div>
9221                                                    </div>
9222                                                                                                    <div class="level-2">
9223                                                        <div class="level-2-items">
9224                                                            <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/asia-produkte.htm"
9225                                                               title="Asia&#x20;Produkte"
9226                                                               class="hover:underline">
9227                                                                <div class="flex font-bold">
9228                                                                <span>
9229                                                                                                                                    </span>
9230                                                                    <div class="level-2-headline"
9231                                                                         role="heading"
9232                                                                         aria-level="2">
9233                                                                        Asia&#x20;Produkte                                                                    </div>
9234                                                                </div>
9235                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
9236    <title>Arrow Right</title>
9237    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
9238                                                            </a>
9239                                                            <ul class="level-3">
9240                                                                                                                            </ul>
9241                                                        </div>
9242                                                    </div>
9243                                                                                                    <div class="level-2">
9244                                                        <div class="level-2-items">
9245                                                            <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/servierplatten.htm"
9246                                                               title="Servierplatten"
9247                                                               class="hover:underline">
9248                                                                <div class="flex font-bold">
9249                                                                <span>
9250                                                                    <?xml version="1.0" encoding="UTF-8"?>
9251<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 76.48" class="h-7 w-7 mr-2 stroke-4">
9252    <title>Platter</title>
9253    <path d="M67.13,34.9c.85,5.1,5.67,8.55,10.78,7.7,5.1-.85,8.55-5.67,7.7-10.78" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9254    <line x1="85.6" y1="31.81" x2="67.13" y2="34.9" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9255    <line x1="76.37" y1="33.36" x2="77.9" y2="42.6" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9256    <line x1="76.37" y1="33.36" x2="70.92" y2="40.98" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9257    <line x1="76.37" y1="33.36" x2="83.98" y2="38.8" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9258    <path d="M74.45,7.96h10.54c7.88,0,14.26,6.39,14.26,14.28v31.78c0,7.88-6.39,14.28-14.26,14.28H31.31" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9259    <path d="M18.51,68.31h-3.5c-7.88,0-14.26-6.4-14.26-14.28v-31.78C.75,14.35,7.14,7.96,15.01,7.96h30.9" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9260    <path d="M35.03,60.81h-16.04c-5.4,0-9.78-4.45-9.78-9.95v-25.45c0-5.5,4.37-9.97,9.78-9.97h21.94" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9261    <path d="M71.53,15.46h9.47c5.4,0,9.75,4.47,9.75,9.96v25.44c0,5.51-4.35,9.95-9.75,9.95h-25.74" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9262    <polyline points="46.49 60.81 46.48 60.81 44.69 60.81 44.68 60.81" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9263    <path d="M16.78,34.12s4.14-18.14,9.87-14.14,14.81-3.3,16.06-7.54c1.25-4.24,5.78-7.46,11.64-5.28,5.87,2.18,11.61-12.56,18.26-3.37,6.65,9.19-6.09,14.42-5.65,17.04s-.94,9.04-6.83,11.18c-5.89,2.14-10.74-.68-16.19,6.3-5.45,6.99-4.96,7.9-10.76,7.26-2.96-.33-8.13-.21-12.5,0-3.72.17-6.47-3.42-5.35-6.96l1.42-4.49h.02Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9264    <path d="M24.01,35.57s9.18-2.1,18.73-7.09c8.45-4.42,18.8-12.75,21.47-17.04" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9265    <path d="M51.52,23.43c.59.66,4.03,2.62,6.39,1.15" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9266    <path d="M43.1,27.96s-.17-3.62,2.14-6.55" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9267    <path d="M37.13,31.45s2.19,2.88,4.99,2.95" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9268    <path d="M29.78,33.89s-2.21-2.85,3.81-5.46" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9269    <path d="M58.21,59.6c5.92-2.99,9.31-8.24,7.56-11.69s-7.97-3.83-13.9-.84c-4.9,2.47-8.04,6.47-8.01,9.74l-27.09,12.28c-2.65,1.34-4.14,3.71-3.34,5.3.81,1.59,3.6,1.78,6.25.45l25.94-14.55c2.61,1.96,7.7,1.79,12.59-.68v-.02Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9270    <path d="M56.93,18.82s1.48-4.76,0-6.2" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9271</svg>
9272                                                                </span>
9273                                                                    <div class="level-2-headline"
9274                                                                         role="heading"
9275                                                                         aria-level="2">
9276                                                                        Servierplatten                                                                    </div>
9277                                                                </div>
9278                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
9279    <title>Arrow Right</title>
9280    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
9281                                                            </a>
9282                                                            <ul class="level-3">
9283                                                                                                                            </ul>
9284                                                        </div>
9285                                                    </div>
9286                                                                                                    <div class="level-2">
9287                                                        <div class="level-2-items">
9288                                                            <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/tragetaschen.htm"
9289                                                               title="Tragetaschen"
9290                                                               class="hover:underline">
9291                                                                <div class="flex font-bold">
9292                                                                <sp
9292an>
9293                                                                    <?xml version="1.0" encoding="UTF-8"?>
9294<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 77.01 100" class="h-7 w-7 mr-2 stroke-4">
9295    <title>Bag</title>
9296    <polygon points="76.26 99.25 .75 99.25 7.74 26.32 69.27 26.32 76.26 99.25" stroke="currentColor" stroke-width="3" style="fill:none; stroke-linecap:round; stroke-linejoin:round;"/>
9297    <path d="M18.08,37.62v-16.43C18.08,9.9,27.23.75,38.51.75c5.64,0,10.76,2.3,14.46,6,3.68,3.68,5.98,8.8,5.98,14.44v16.43" stroke="currentColor" stroke-width="3" style="fill:none; stroke-linecap:round; stroke-linejoin:round;"/>
9298</svg>
9299                                                                </span>
9300                                                                    <div class="level-2-headline"
9301                                                                         role="heading"
9302                                                                         aria-level="2">
9303                                                                        Tragetaschen                                                                    </div>
9304                                                                </div>
9305                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
9306    <title>Arrow Right</title>
9307    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
9308                                                            </a>
9309                                                            <ul class="level-3">
9310                                                                                                                            </ul>
9311                                                        </div>
9312                                                    </div>
9313                                                                                                    <div class="level-2">
9314                                                        <div class="level-2-items">
9315                                                            <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/thermoboxen.htm"
9316                                                               title="Thermoboxen"
9317                                                               class="hover:underline">
9318                                                                <div class="flex font-bold">
9319                                                                <span>
9320                                                                    <?xml version="1.0" encoding="UTF-8"?>
9321<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="h-7 w-7 mr-2 stroke-4">
9322    <title>Snowflake</title>
9323    <line x1="89.4" y1="10.6" x2="10.6" y2="89.4" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9324    <line x1="10.6" y1="10.6" x2="89.4" y2="89.4" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9325    <polyline points="79.55 .75 79.55 20.45 99.25 20.45" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9326    <polyline points="59.85 20.45 59.85 40.15 79.55 40.15" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9327    <polyline points="99.25 79.55 79.55 79.55 79.55 99.25" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9328    <polyline points="79.55 59.85 59.85 59.85 59.85 79.55" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9329    <polyline points="20.45 99.25 20.45 79.55 .75 79.55" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9330    <polyline points="40.15 79.55 40.15 59.85 20.45 59.85" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9331    <polyline points=".75 20.45 20.45 20.45 20.45 .75" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9332    <polyline points="20.45 40.15 40.15 40.15 40.15 20.45" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9333    <line x1="99.25" y1="50" x2=".75" y2="50" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9334    <line x1="50" y1=".75" x2="50" y2="99.25" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9335</svg>
9336                                                                </span>
9337                                                                    <div class="level-2-headline"
9338                                                                         role="heading"
9339                                                                         aria-level="2">
9340                                                                        Thermoboxen                                                                    </div>
9341                                                                </div>
9342                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
9343    <title>Arrow Right</title>
9344    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
9345                                                            </a>
9346                                                            <ul class="level-3">
9347                                                                                                                            </ul>
9348                                                        </div>
9349                                                    </div>
9350                                                                                                    <div class="level-2">
9351                                                        <div class="level-2-items">
9352                                                            <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/haccp-etiketten.htm"
9353                                                               title="HACCP-Etiketten"
9354                                                               class="hover:underline">
9355                                                                <div class="flex font-bold">
9356                                                                <sp
9356an>
9357                                                                    <?xml version="1.0" encoding="UTF-8"?>
9358<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 49.87" class="h-7 w-7 mr-2 stroke-4">
9359    <title>HAACP Brand</title>
9360    <path d="M96.16,49.12H3.85c-1.71,0-3.1-1.52-3.1-3.4V4.15C.75,2.28,2.14.75,3.85.75h92.29c1.71,0,3.1,1.52,3.1,3.4v41.57c0,1.87-1.39,3.4-3.1,3.4h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9361    <path d="M17.37,23.17h6.58v-6.02h3.03v15.56h-3.03v-6.93h-6.58v6.93h-3.03v-15.56h3.03v6.02Z"/>
9362    <path d="M39.74,29.45h-6.28l-1.38,3.27h-3.29l6.7-15.56h2.38l6.51,15.56h-3.27l-1.38-3.27ZM38.85,26.97l-2.22-5.6-2.22,5.6h4.43Z"/>
9363    <path d="M55.4,29.45h-6.28l-1.38,3.27h-3.29l6.7-15.56h2.38l6.51,15.56h-3.27s-1.38-3.27-1.38-3.27ZM54.52,26.97l-2.22-5.6-2.22,5.6h4.43Z"/>
9364    <path d="M72.66,32.15c-.94.49-2.17.91-3.85.91-2.73,0-4.38-.94-5.69-2.17-1.79-1.72-2.49-3.66-2.49-5.95,0-2.83,1.16-4.86,2.49-6.09,1.57-1.47,3.5-2.05,5.71-2.05,1.09,0,2.4.19,3.82.96v3.55c-1.42-1.64-3.19-1.75-3.75-1.75-3.12,0-5.15,2.57-5.15,5.44,0,3.46,2.66,5.32,5.27,5.32,1.45,0,2.73-.63,3.64-1.7v3.55h0Z"/>
9365    <path d="M79.98,17.15c1.75,0,2.97.19,4.11,1.19,1.26,1.12,1.59,2.64,1.59,3.75,0,.61-.09,2.29-1.28,3.48-.87.87-2.15,1.38-3.94,1.38h-1.96v5.76h-3.03v-15.56h4.53,0ZM78.48,24.34h1.23c.58,0,1.33,0,1.98-.49.56-.44.84-1.14.84-1.82,0-.87-.42-1.45-.87-1.77-.63-.44-1.42-.49-2.15-.49h-1.05v4.57h.02Z"/>
9366</svg>
9367                                                                </span>
9368                                                                    <div class="level-2-headline"
9369                                                                         role="heading"
9370                                                                         aria-level="2">
9371                                                                        HACCP-Etiketten                                                                    </div>
9372                                                                </div>
9373                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
9374    <title>Arrow Right</title>
9375    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
9376                                                            </a>
9377                                                            <ul class="level-3">
9378                                                                                                                            </ul>
9379                                                        </div>
9380                                                    </div>
9381                                                                                                    <div class="level-2">
9382                                                        <div class="level-2-items">
9383                                                            <a href="https://www.papstar-shop.de/produkte/einwegverpackungen/tiefkuehltaschen.htm"
9384                                                               title="Tiefk&#xFC;hltaschen"
9385                                                               class="hover:underline">
9386                                                                <div class="flex font-bold">
9387                                                                <span>
9388                                                                    <?xml version="1.0" encoding="UTF-8"?>
9389<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="h-7 w-7 mr-2 stroke-4">
9390    <title>Snowflake</title>
9391    <line x1="89.4" y1="10.6" x2="10.6" y2="89.4" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9392    <line x1="10.6" y1="10.6" x2="89.4" y2="89.4" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9393    <polyline points="79.55 .75 79.55 20.45 99.25 20.45" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9394    <polyline points="59.85 20.45 59.85 40.15 79.55 40.15" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9395    <polyline points="99.25 79.55 79.55 79.55 79.55 99.25" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9396    <polyline points="79.55 59.85 59.85 59.85 59.85 79.55" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9397    <polyline points="20.45 99.25 20.45 79.55 .75 79.55" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9398    <polyline points="40.15 79.55 40.15 59.85 20.45 59.85" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9399    <polyline points=".75 20.45 20.45 20.45 20.45 .75" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9400    <polyline points="20.45 40.15 40.15 40.15 40.15 20.45" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9401    <line x1="99.25" y1="50" x2=".75" y2="50" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9402    <line x1="50" y1=".75" x2="50" y2="99.25" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9403</svg>
9404                                                                </span>
9405                                                                    <div class="level-2-headline"
9406                                                                         role="heading"
9407                                                                         aria-level="2">
9408                                                                        Tiefk&#xFC;hltaschen                                                                    </div>
9409                                                                </div>
9410                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
9411    <title>Arrow Right</title>
9412    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
9413                                                            </a>
9414                                                            <ul class="level-3">
9415                                                                                                                            </ul>
9416                                                        </div>
9417                                                    </div>
9418                                                                                                                                    </div>
9419                                    </div>
9420                                </li>
9421                                                                                                                            <li class="level-1-item node-1000"
9422
9423                                    x-data="initNode()"
9424                                    x-on:keydown.escape.prevent.stop="close($refs.button)"
9425                                    x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
9426                                    x-id="['navi-button']"
9427                                >
9428                                    <button
9429                                        type="button"
9430                                        x-ref="button"
9431                                        :class="{'node-active': open}"
9432                                        x-on:click="toggle()"
9433                                        :aria-expanded="open"
9434                                        :aria-controls="$id('navi-button')"
9435                                        title="Mehrweg"
9436                                    >
9437                                        Mehrweg                                    </button>
9438
9439                                    <div class="level-1-panel"
9440                                         x-ref="panel"
9441                                         x-show="open"
9442                                         x-transition.origin.top
9443                                         x-on:click.outside="close($refs.button)"
9444                                         :id="$id('navi-button')"
9445                                         x-cloak>
9446                                        <div class="level-1-headline-container">
9447                                            <div class="level-1-headline"
9448                                                 role="heading"
9449                                                 aria-level="1">
9450                                                Mehrweg:
9451                                            </div>
9452                                            <a class="show-all-link"
9453                                               href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;produkte&#x2F;mehrweggeschirr.htm"
9454                                               aria-label="alles in Mehrweg anzeigen"
9455                                               title="alles in Mehrweg anzeigen"
9456                                            >
9457                                                alles&#x20;in&#x20;Mehrweg&#x20;anzeigen                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="pl-1 text-primary h-4">
9458    <title>Arrow Right</title>
9459    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
9460                                            </a>
9461                                        </div>
9462
9463                                        <div class="level-1-panel-container">
9464                                                                                                                                                <div class="level-2">
9465                                                        <div class="level-2-items">
9466                                                            <a href="https://www.papstar-shop.de/produkte/mehrweggeschirr/mehrwegbecher.htm"
9467                                                               title="Mehrwegbecher"
9468                                                               class="hover:underline">
9469                                                                <div class="flex font-bold">
9470                                                                <sp
9470an>
9471                                                                    <?xml version="1.0" encoding="UTF-8"?>
9472<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90.09 100" class="h-7 w-7 mr-2 stroke-4">
9473    <title>Cup small</title>
9474    <rect x=".75" y=".75" width="88.59" height="7.64" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9475    <polygon points="72.34 99.25 17.75 99.25 5.8 8.39 84.29 8.39 72.34 99.25" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9476</svg>
9477                                                                </span>
9478                                                                    <div class="level-2-headline"
9479                                                                         role="heading"
9480                                                                         aria-level="2">
9481                                                                        Mehrwegbecher                                                                    </div>
9482                                                                </div>
9483                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
9484    <title>Arrow Right</title>
9485    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
9486                                                            </a>
9487                                                            <ul class="level-3">
9488                                                                                                                            </ul>
9489                                                        </div>
9490                                                    </div>
9491                                                                                                    <div class="level-2">
9492                                                        <div class="level-2-items">
9493                                                            <a href="https://www.papstar-shop.de/produkte/mehrweggeschirr/mehrwegbesteck.htm"
9494                                                               title="Mehrwegbesteck"
9495                                                               class="hover:underline">
9496                                                                <div class="flex font-bold">
9497                                                                <span>
9498                                                                    <?xml version="1.0" encoding="UTF-8"?>
9499<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56.48 100" class="h-7 w-7 mr-2 stroke-4">
9500    <title>Cutlery</title>
9501    <path d="M.75,3.77v32.24c0,1.54.62,3.01,1.7,4.1,1.08,1.09,2.56,1.7,4.1,1.7h2.91v53.15c0,2.35,2.26,4.29,4.61,4.29s4.61-1.93,4.61-4.29v-53.15h2.91c1.54,0,3.01-.62,4.1-1.7s1.7-2.56,1.7-4.1V3.77" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9502    <path d="M9.62,28.84V4.02M18.53,28.84V4.02" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
9503    <path d="M55.7,57.49l-.03-51.13c-.06-3.24.11-6.45-2.54-5.42,0,0-7.02,2.34-8.28,9.01l-3.83,41.31,5.15,2.64.09,40.98c0,2.4,2.38,4.36,4.78,4.35,2.39,0,4.69-1.96,4.7-4.36l-.02-37.4h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9504</svg>
9505                                                                </span>
9506                                                                    <div class="level-2-headline"
9507                                                                         role="heading"
9508                                                                         aria-level="2">
9509                                                                        Mehrwegbesteck                                                                    </div>
9510                                                                </div>
9511                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
9512    <title>Arrow Right</title>
9513    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
9514                                                            </a>
9515                                                            <ul class="level-3">
9516                                                                                                                            </ul>
9517                                                        </div>
9518                                                    </div>
9519                                                                                                    <div class="level-2">
9520                                                        <div class="level-2-items">
9521                                                            <a href="https://www.papstar-shop.de/produkte/mehrweggeschirr/mehrwegverpackungen.htm"
9522                                                               title="Mehrwegverpackungen"
9523                                                               class="hover:underline">
9524                                                                <div class="flex font-bold">
9525                                                                <sp
9525an>
9526                                                                    <?xml version="1.0" encoding="UTF-8"?>
9527<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 87.8" class="h-7 w-7 mr-2 stroke-4">
9528    <title>Packaging</title>
9529    <path d="M95.62,61.25l-6.37,25.8H10.77l-6.37-25.8h21.14l3.54,6.64h43.66l3.54-6.64h19.36Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9530    <path d="M95.62,50.77H4.38l6.37-13.38h78.47l6.37,13.38h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9531    <path d="M99.25,50.77v10.47h-22.99l-3.54,6.64H29.07l-3.54-6.64H.75v-10.47h98.5Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9532    <path d="M83.53,18.27l-4.69,18.96H21.16l-4.69-18.96h15.53l2.61,4.89h32.08l2.61-4.89s14.22,0,14.22,0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9533    <path d="M83.53,10.58H16.47L21.16.75h57.68l4.69,9.83Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9534    <path d="M86.21,10.58v7.69h-16.9l-2.61,4.89h-32.08l-2.61-4.89H13.79v-7.69s72.42,0,72.42,0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9535</svg>
9536                                                                </span>
9537                                                                    <div class="level-2-headline"
9538                                                                         role="heading"
9539                                                                         aria-level="2">
9540                                                                        Mehrwegverpackungen                                                                    </div>
9541                                                                </div>
9542                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
9543    <title>Arrow Right</title>
9544    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
9545                                                            </a>
9546                                                            <ul class="level-3">
9547                                                                                                                            </ul>
9548                                                        </div>
9549                                                    </div>
9550                                                                                                    <div class="level-2">
9551                                                        <div class="level-2-items">
9552                                                            <a href="https://www.papstar-shop.de/produkte/mehrweggeschirr/mehrweg-strohhalme.htm"
9553                                                               title="Mehrweg&#x20;Strohhalme"
9554                                                               class="hover:underline">
9555                                                                <div class="flex font-bold">
9556                                                                <span>
9557                                                                    <?xml version="1.0" encoding="UTF-8"?>
9558<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 45.38 100" class="h-7 w-7 mr-2 stroke-4">
9559    <title>Cup with straw</title>
9560    <polygon points="39.42 16.71 36.36 19.76 24.71 8.1 24.71 36.18 20.38 36.18 20.38 3.78 23.44 .75 39.42 16.71" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9561    <rect x=".75" y="36.18" width="43.88" height="4.89" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9562    <polygon points="41.95 41.07 36.08 99.25 9.29 99.25 3.42 41.07 41.95 41.07" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9563</svg>
9564                                                                </span>
9565                                                                    <div class="level-2-headline"
9566                                                                         role="heading"
9567                                                                         aria-level="2">
9568                                                                        Mehrweg&#x20;Strohhalme                                                                    </div>
9569                                                                </div>
9570                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
9571    <title>Arrow Right</title>
9572    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
9573                                                            </a>
9574                                                            <ul class="level-3">
9575                                                                                                                            </ul>
9576                                                        </div>
9577                                                    </div>
9578                                                                                                    <div class="level-2">
9579                                                        <div class="level-2-items">
9580                                                            <a href="https://www.papstar-shop.de/produkte/mehrweggeschirr/porzellan-geschirr.htm"
9581                                                               title="Porzellan&#x20;Geschirr"
9582                                                               class="hover:underline">
9583                                                                <div class="flex font-bold">
9584                                                                <sp
9584an>
9585                                                                    <?xml version="1.0" encoding="UTF-8"?>
9586<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 52.57" class="h-7 w-7 mr-2 stroke-4">
9587    <title>Big Bowl</title>
9588    <path d="M63.79,47.97s.05.03.07.05c-.05,0-.08.02-.13.03l.07-.08h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9589    <path d="M99.01,5.4c-1.89,20.32-16.14,37.07-35.15,42.62-.02-.02-.05-.05-.07-.05-.33-.33-.8-.51-1.3-.51h-24.99c-.49,0-.97.2-1.3.49-.02.02-.03.03-.05.05C17.13,42.46,2.88,25.73.99,5.4c.2.18.51.35.97.51,4.93,1.89,24.59,3.32,48.05,3.32s43.14-1.43,48.07-3.32c.43-.18.75-.33.95-.51Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9590    <path d="M36.29,48.06s-.08-.03-.13-.05c.02-.02.03-.03.05-.05,0,0,.08.1.08.1Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9591    <path d="M64.41,49.37v.53c0,1.05-.87,1.92-1.92,1.92h-24.99c-1.05,0-1.92-.87-1.92-1.92v-.53c0-.53.23-1.02.58-1.36.02-.02.03-.03.05-.05.33-.31.8-.49,1.3-.49h24.99c.49,0,.97.2,1.3.51.02,0,.05.03.07.05.33.33.56.82.56,1.35h-.02Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9592    <path d="M99.25,4.99c0,.15-.08.28-.24.41-.2.18-.51.33-.95.51-4.92,1.89-24.57,3.32-48.07,3.32S6.89,7.8,1.95,5.92c-.45-.16-.77-.33-.97-.51-.16-.15-.24-.28-.24-.41,0-.11.05-.23.16-.33C2.93,2.48,24.13.75,50,.75s47.07,1.73,49.09,3.91c.11.11.16.23.16.33h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9593</svg>
9594                                                                </span>
9595                                                                    <div class="level-2-headline"
9596                                                                         role="heading"
9597                                                                         aria-level="2">
9598                                                                        Porzellan&#x20;Geschirr                                                                    </div>
9599                                                                </div>
9600                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
9601    <title>Arrow Right</title>
9602    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
9603                                                            </a>
9604                                                            <ul class="level-3">
9605                                                                                                                            </ul>
9606                                                        </div>
9607                                                    </div>
9608                                                                                                                                    </div>
9609                                    </div>
9610                                </li>
9611                                                                                                                            <li class="level-1-item node-44"
9612
9613                                    x-data="initNode()"
9614                                    x-on:keydown.escape.prevent.stop="close($refs.button)"
9615                                    x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
9616                                    x-id="['navi-button']"
9617                                >
9618                                    <button
9619                                        type="button"
9620                                        x-ref="button"
9621                                        :class="{'node-active': open}"
9622                                        x-on:click="toggle()"
9623                                        :aria-expanded="open"
9624                                        :aria-controls="$id('navi-button')"
9625                                        title="Servietten"
9626                                    >
9627                                        Servietten                                    </button>
9628
9629                                    <div class="level-1-panel"
9630                                         x-ref="panel"
9631                                         x-show="open"
9632                                         x-transition.origin.top
9633                                         x-on:click.outside="close($refs.button)"
9634                                         :id="$id('navi-button')"
9635                                         x-cloak>
9636                                        <div class="level-1-headline-container">
9637                                            <div class="level-1-headline"
9638                                                 role="heading"
9639                                                 aria-level="1">
9640                                                Servietten:
9641                                            </div>
9642                                            <a class="show-all-link"
9643                                               href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;produkte&#x2F;servietten.htm"
9644                                               aria-label="alles in Servietten anzeigen"
9645                                               title="alles in Servietten anzeigen"
9646                                            >
9647                                                alles&#x20;in&#x20;Servietten&#x20;anzeigen                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="pl-1 text-primary h-4">
9648    <title>Arrow Right</title>
9649    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
9650                                            </a>
9651                                        </div>
9652
9653                                        <div class="level-1-panel-container">
9654                                                                                                                                                <div class="level-2">
9655                                                        <div class="level-2-items">
9656                                                            <a href="https://www.papstar-shop.de/produkte/servietten/servietten-stoffaehnlich.htm"
9657                                                               title="Servietten&#x20;&quot;ROYAL&#x20;Collection&quot;"
9658                                                               class="hover:underline">
9659                                                                <div class="flex font-bold">
9660                                                                <sp
9660an>
9661                                                                    <?xml version="1.0" encoding="UTF-8"?>
9662<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 33.69" class="h-7 w-7 mr-2 stroke-4">
9663    <title>Royal Collection Brand</title>
9664    <path d="M62.03,25.67c-.43-.3-.89-.52-1.38-.67-.48-.15-.99-.23-1.51-.23-1.14,0-2.06.36-2.74,1.1-.68.73-1.02,1.71-1.02,2.94,0,1.08.35,1.98,1.05,2.68.71.7,1.61,1.05,2.71,1.05.5,0,1-.09,1.52-.26.51-.18,1.01-.43,1.51-.78v1.41c-.45.26-.96.45-1.51.58-.55.13-1.13.19-1.76.19-1.41,0-2.57-.46-3.47-1.39-.91-.93-1.36-2.12-1.36-3.56s.47-2.74,1.41-3.67c.94-.95,2.17-1.41,3.67-1.41.56,0,1.08.05,1.57.16.49.11.93.27,1.31.46l-.02,1.41.02-.02Z"/>
9665    <path d="M26.71,32.44c1.01,0,1.87-.36,2.58-1.1.71-.73,1.05-1.64,1.05-2.7s-.35-1.98-1.05-2.71-1.57-1.09-2.58-1.09-1.87.36-2.57,1.09-1.05,1.64-1.05,2.71.35,1.96,1.05,2.7c.7.73,1.56,1.1,2.57,1.1M26.67,33.64c-.66,0-1.29-.13-1.9-.39-.6-.26-1.15-.63-1.64-1.12-.46-.46-.82-.99-1.06-1.59s-.36-1.24-.36-1.92.13-1.31.37-1.92c.26-.6.61-1.14,1.07-1.61.47-.47,1.01-.84,1.62-1.08.6-.25,1.24-.37,1.91-.37s1.33.13,1.95.37c.61.26,1.16.61,1.64,1.08s.85,1.01,1.1,1.62.38,1.24.38,1.91-.13,1.3-.37,1.9c-.26.6-.61,1.13-1.08,1.6-.49.49-1.04.86-1.66,1.12-.62.26-1.27.39-1.95.39"/>
9666    <rect x="34.48" y="17.06" width="1.32" height="16.16"/>
9667    <rect x="39.38" y="17.06" width="1.32" height="16.16"/>
9668    <path d="M50.64,27.54c-.07-.85-.34-1.51-.85-1.97-.5-.46-1.18-.7-2.03-.7-.78,0-1.43.25-1.95.73-.53.48-.83,1.13-.92,1.94,0,0,5.74,0,5.74,0ZM52.17,28.63h-7.35c.04,1.19.33,2.14.9,2.82s1.32,1.02,2.26,1.02c.68,0,1.28-.19,1.79-.55.51-.37.95-.93,1.28-1.67l1.18.65c-.47.94-1.05,1.63-1.73,2.07-.69.44-1.53.66-2.52.66-1.36,0-2.45-.45-3.29-1.36s-1.26-2.1-1.26-3.57.41-2.74,1.25-3.67c.83-.93,1.92-1.4,3.26-1.4s2.3.43,3.07,1.29c.77.86,1.15,2,1.15,3.44v.29h0Z"/>
9669    <polygon points="64.84 20.18 64.84 23.97 63.14 23.97 63.14 25.07 64.84 25.07 64.84 33.22 66.1 33.22 66.1 25.07 67.97 25.07 67.97 23.97 66.1 23.97 66.1 20.18 64.84 20.18"/>
9670    <path d="M69.63,20.36c0-.27.1-.5.3-.69.2-.2.42-.29.7-.29s.5.1.7.29c.2.19.3.42.3.69s-.1.51-.29.7-.42.29-.71.29-.51-.09-.71-.29c-.2-.19-.29-.42-.29-.7M69.96,23.97h1.32v9.25h-1.32v-9.25Z"/>
9671    <path d="M79.03,32.44c1.01,0,1.87-.36,2.58-1.1.71-.73,1.05-1.64,1.05-2.7s-.35-1.98-1.05-2.71-1.57-1.09-2.58-1.09-1.87.36-2.57,1.09-1.05,1.64-1.05,2.71.35,1.96,1.05,2.7c.7.73,1.56,1.1,2.57,1.1M78.99,33.64c-.66,0-1.29-.13-1.9-.39-.6-.26-1.15-.63-1.64-1.12-.46-.46-.82-.99-1.06-1.59s-.36-1.24-.36-1.92.13-1.31.37-1.92c.26-.6.61-1.14,1.07-1.61.47-.47,1.01-.84,1.62-1.08s1.24-.37,1.91-.37,1.33.13,1.95.37c.61.26,1.16.61,1.64,1.08s.85,1.01,1.1,1.62.38,1.24.38,1.91-.13,1.3-.37,1.9c-.26.6-.61,1.13-1.08,1.6-.49.49-1.04.86-1.66,1.12-.62.26-1.27.39-1.95.39"/>
9672    <path d="M86.7,33.22v-9.25h1.22v1.43c.37-.59.84-1.03,1.39-1.33.54-.3,1.17-.44,1.88-.44,1.05,0,1.87.3,2.45.88s.88,1.4.88,2.44v6.28h-1.3v-5.7c0-.93-.2-1.62-.58-2.06-.38-.45-.99-.67-1.78-.67-.99,0-1.7.3-2.17.88s-.69,1.49-.69,2.74v4.83h-1.28l-.02-.02Z"/>
9673    <line x1=".75" y1="15.4" x2="99.25" y2="15.4" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9674    <path d="M19.65,20.75c-.76-.65-1.53-1.13-2.32-1.45-.8-.32-1.63-.47-2.5-.47-1.98,0-3.58.63-4.82,1.87-1.23,1.25-1.85,2.89-1.85,4.9,0,1.01.15,1.92.45,2.72.31.81.77,1.53,1.39,2.15.61.61,1.31,1.07,2.1,1.4s1.64.48,2.54.48,1.73-.15,2.57-.45c.84-.3,1.63-.74,2.36-1.32v1.63c-.75.46-1.55.81-2.38,1.05s-1.67.37-2.49.37c-1.1,0-2.17-.2-3.17-.59s-1.87-.96-2.59-1.67c-.75-.74-1.31-1.6-1.69-2.56-.38-.98-.57-2.04-.57-3.2s.2-2.21.59-3.19.96-1.84,1.69-2.56c.72-.7,1.58-1.25,2.59-1.64,1.01-.39,2.06-.59,3.15-.59.98,0,1.87.14,2.71.4.83.27,1.59.67,2.27,1.2,0,0-.02,1.54-.02,1.54Z"/>
9675    <path d="M6.49,12.61V.29h5.56c1.29,0,2.64.15,3.77,1.27.63.63,1.16,1.57,1.16,3.02,0,1.09-.33,1.77-.68,2.2-.37.46-.98.83-1.69.98v.11c.24.13.48.32.65.57l2.77,4.16h-5.15l-1.77-3.61c-.06-.13-.11-.19-.17-.38l-.08.04v3.95h-4.36v.02ZM10.85,5.77h.51c.26,0,.67-.04.95-.28.15-.13.32-.37.32-.76,0-.28-.08-.55-.24-.74-.15-.17-.38-.33-.76-.33h-.78s0,2.11,0,2.11Z"/>
9676    <path d="M37.22,10.9c-1.05,1.07-2.77,1.98-5.11,1.98s-4.07-.91-5.11-1.98c-.96-.98-1.71-2.49-1.71-4.47s.76-3.48,1.71-4.45c1.05-1.07,2.77-1.98,5.11-1.98s4.06.91,5.
967611,1.98c.96.98,1.71,2.49,1.71,4.45s-.76,3.49-1.71,4.47ZM30.5,4.61c-.44.46-.7,1.18-.7,1.85s.26,1.39.7,1.83c.36.36.93.63,1.61.63s1.24-.26,1.61-.63c.4-.4.7-1.05.7-1.83s-.26-1.42-.7-1.85c-.33-.33-.87-.63-1.61-.63-.8,0-1.31.32-1.61.63Z"/>
9677    <path d="M45.48.29h5.06l1.05,2.26c.08.17.23.51.33.98h.13c.09-.51.22-.7.33-.98l.97-2.26h5.04l-4.21,7.02v5.3h-4.41v-5.3L45.5.29h-.02Z"/>
9678    <path d="M68.82,11.07l-.33,1.54h-4.73L68.03.29h4.94l4.39,12.32h-4.75l-.4-1.54h-3.4,0ZM70.63,4.4h-.17c-.02.52-.09.95-.21,1.39l-.61,2.36h1.79l-.57-2.36c-.11-.48-.19-.95-.24-1.39Z"/>
9679    <path d="M85.27,12.61V.29h4.47v8.35h3.76v3.97h-8.23Z"/>
9680</svg>
9681                                                                </span>
9682                                                                    <div class="level-2-headline"
9683                                                                         role="heading"
9684                                                                         aria-level="2">
9685                                                                        Servietten&#x20;&quot;ROYAL&#x20;Collection&quot;                                                                    </div>
9686                                                                </div>
9687                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
9688    <title>Arrow Right</title>
9689    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
9690                                                            </a>
9691                                                            <ul class="level-3">
9692                                                                                                                                    <li class="level-3-items">
9693                                                                        <a href="https://www.papstar-shop.de/produkte/servietten/servietten-stoffaehnlich/royal-bestecktaschen.htm"
9694                                                                           title="ROYAL&#x20;Collection&#x20;Bestecktaschen">
9695                                                                            <span>ROYAL&#x20;Collection&#x20;Bestecktaschen</span>
9696                                                                        </a>
9697                                                                    </li>
9698                                                                                                                                    <li class="level-3-items">
9699                                                                        <a href="https://www.papstar-shop.de/produkte/servietten/servietten-stoffaehnlich/servietten-dekor-40-40.htm"
9700                                                                           title="Servietten&#x20;Dekor&#x20;40&#x20;x&#x20;40&#x20;cm">
9701                                                                            <span>Servietten&#x20;Dekor&#x20;40&#x20;x&#x20;40&#x20;cm</span>
9702                                                                        </a>
9703                                                                    </li>
9704                                                                                                                                    <li class="level-3-items">
9705                                                                        <a href="https://www.papstar-shop.de/produkte/servietten/servietten-stoffaehnlich/servietten-uni-25-25.htm"
9706                                                                           title="Servietten&#x20;uni&#x20;25&#x20;x&#x20;25&#x20;cm">
9707                                                                            <span>Servietten&#x20;uni&#x20;25&#x20;x&#x20;25&#x20;cm</span>
9708                                                                        </a>
9709                                                                    </li>
9710                                                                                                                                    <li class="level-3-items">
9711                                                                        <a href="https://www.papstar-shop.de/produkte/servietten/servietten-stoffaehnlich/servietten-uni-40-40.htm"
9712                                                                           title="Servietten&#x20;uni&#x20;40&#x20;x&#x20;40&#x20;cm">
9713                                                                            <sp
9713an>Servietten&#x20;uni&#x20;40&#x20;x&#x20;40&#x20;cm</span>
9714                                                                        </a>
9715                                                                    </li>
9716                                                                                                                                    <li class="level-3-items">
9717                                                                        <a href="https://www.papstar-shop.de/produkte/servietten/servietten-stoffaehnlich/servietten-uni-48-48.htm"
9718                                                                           title="Servietten&#x20;uni&#x20;48&#x20;x&#x20;48&#x20;cm">
9719                                                                            <span>Servietten&#x20;uni&#x20;48&#x20;x&#x20;48&#x20;cm</span>
9720                                                                        </a>
9721                                                                    </li>
9722                                                                                                                                    <li class="level-3-items">
9723                                                                        <a href="https://www.papstar-shop.de/produkte/servietten/servietten-stoffaehnlich/servietten-papierverpackung.htm"
9724                                                                           title="Servietten&#x20;in&#x20;Papierverpackung">
9725                                                                            <span>Servietten&#x20;in&#x20;Papierverpackung</span>
9726                                                                        </a>
9727                                                                    </li>
9728                                                                                                                            </ul>
9729                                                        </div>
9730                                                    </div>
9731                                                                                                    <div class="level-2">
9732                                                        <div class="level-2-items">
9733                                                            <a href="https://www.papstar-shop.de/produkte/servietten/gastro-servietten.htm"
9734                                                               title="Servietten&#x20;&quot;DAILY&#x20;Collection&quot;"
9735                                                               class="hover:underline">
9736                                                                <div class="flex font-bold">
9737                                                                <span>
9738                                                                    <?xml version="1.0" encoding="UTF-8"?>
9739<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 33.51" class="h-7 w-7 mr-2 stroke-4">
9740    <title>Daily Brand</title>
9741    <path d="M62.03,25.49c-.43-.3-.89-.52-1.38-.67-.48-.15-.99-.23-1.51-.23-1.14,0-2.06.36-2.74,1.1-.68.73-1.02,1.71-1.02,2.94,0,1.08.35,1.98,1.05,2.68.71.7,1.61,1.05,2.71,1.05.5,0,1-.09,1.52-.26.51-.18,1.01-.43,1.51-.78v1.41c-.45.26-.96.45-1.51.58-.55.13-1.13.19-1.76.19-1.41,0-2.57-.46-3.47-1.39-.91-.93-1.36-2.12-1.36-3.56s.47-2.74,1.41-3.67c.94-.95,2.17-1.41,3.67-1.41.56,0,1.08.05,1.57.16.49.11.93.27,1.31.46l-.02,1.41.02-.02Z"/>
9742    <path d="M26.71,32.26c1.01,0,1.87-.36,2.58-1.1.71-.73,1.05-1.64,1.05-2.7s-.35-1.98-1.05-2.71-1.57-1.09-2.58-1.09-1.87.36-2.57,1.09-1.05,1.64-1.05,2.71.35,1.96,1.05,2.7c.7.73,1.56,1.1,2.57,1.1M26.67,33.46c-.66,0-1.29-.13-1.9-.39-.6-.26-1.15-.63-1.64-1.12-.46-.46-.82-.99-1.06-1.59s-.36-1.24-.36-1.92.13-1.31.37-1.92c.26-.6.61-1.14,1.07-1.61.47-.47,1.01-.84,1.62-1.08.6-.25,1.24-.37,1.91-.37s1.33.13,1.95.37c.61.26,1.16.61,1.64,1.08s.85,1.01,1.1,1.62.38,1.24.38,1.91-.13,1.3-.37,1.9c-.26.6-.61,1.13-1.08,1.6-.49.49-1.04.86-1.66,1.12-.62.26-1.27.39-1.95.39"/>
9743    <rect x="34.48" y="16.88" width="1.32" height="16.16"/>
9744    <rect x="39.38" y="16.88" width="1.32" height="16.16"/>
9745    <path d="M50.64,27.36c-.07-.85-.34-1.51-.85-1.97-.5-.46-1.18-.7-2.03-.7-.78,0-1.43.25-1.95.73-.53.48-.83,1.13-.92,1.94,0,0,5.74,0,5.74,0ZM52.17,28.47h-7.35c.04,1.19.33,2.14.9,2.82s1.32,1.02,2.26,1.02c.68,0,1.28-.19,1.79-.55.51-.37.95-.93,1.28-1.67l1.18.65c-.47.94-1.05,1.63-1.73,2.07-.69.44-1.53.66-2.52.66-1.36,0-2.45-.45-3.29-1.36s-1.26-2.1-1.26-3.57.41-2.74,1.25-3.67c.83-.93,1.92-1.4,3.26-1.4s2.3.43,3.07,1.29c.77.86,1.15,2,1.15,3.44v.29h0Z"/>
9746    <polygon points="64.84 20.01 64.84 23.8 63.14 23.8 63.14 24.9 64.84 24.9 64.84 33.06 66.1 33.06 66.1 24.9 67.97 24.9 67.97 23.8 66.1 23.8 66.1 20.01 64.84 20.01"/>
9747    <path d="M69.63,20.19c0-.27.1-.5.3-.69.2-.2.42-.29.7-.29s.5.1.7.29c.2.19.3.42.3.69s-.1.51-.29.7-.42.29-.71.29-.51-.09-.71-.29c-.2-.19-.29-.42-.29-.7M69.96,23.8h1.32v9.25h-1.32v-9.25Z"/>
9748    <path d="M79.03,32.26c1.01,0,1.87-.36,2.58-1.1.71-.73,1.05-1.64,1.05-2.7s-.35-1.98-1.05-2.71-1.57-1.09-2.58-1.09-1.87.36-2.57,1.09-1.05,1.64-1.05,2.71.35,1.96,1.05,2.7c.7.73,1.56,1.1,2.57,1.1M78.99,33.46c-.66,0-1.29-.13-1.9-.39-.6-.26-1.15-.63-1.64-1.12-.46-.46-.82-.99-1.06-1.59s-.36-1.24-.36-1.92.13-1.31.37-1.92c.26-.6.61-1.14,1.07-1.61.47-.47,1.01-.84,1.62-1.08s1.24-.37,1.91-.37,1.33.13,1.95.37c.61.26,1.16.61,1.64,1.08s.85,1.01,1.1,1.62.38,1.24.38,1.91-.13,1.3-.37,1.9c-.26.6-.61,1.13-1.08,1.6-.49.49-1.04.86-1.66,1.12-.62.26-1.27.39-1.95.39"/>
9749    <path d="M86.7,33.06v-9.25h1.22v1.43c.37-.59.84-1.03,1.39-1.33.54-.3,1.17-.44,1.88-.44,1.05,0,1.87.3,2.45.88s.88,1.4.88,2.44v6.28h-1.3v-5.7c0-.93-.2-1.62-.58-2.06-.38-.45-.99-.67-1.78-.67-.99,0-1.7.3-2.17.88s-.69,1.49-.69,2.74v4.83h-1.28l-.02-.02Z"/>
9750    <path d="M16.4,6.26c0,.83-.24,1.44-.7,1.83s-1.21.59-2.22.59V3.84h.2c.93,0,1.61.2,2.06.6.44.39.67,1,.67,1.82M20.97,6.26c0-1.2-.29-2.28-.87-3.21-.58-.94-1.41-1.69-2.49-2.27-.51-.27-1.18-.46-1.99-.59-.82-.13-1.8-.2-2.95-.2h-3.63v12.5h3.3
97501c1.37,0,2.45-.06,3.27-.19.82-.13,1.49-.33,2.02-.6,1.08-.57,1.92-1.33,2.49-2.27s.87-2,.87-3.19"/>
9751    <path d="M36.25,7.97h-1.87l.38-1.42c.19-.72.32-1.27.38-1.65s.11-.75.13-1.09h.08c.02.34.06.71.13,1.09s.2.94.38,1.65l.38,1.42ZM42.25,12.51L37.87,0h-5l-4.46,12.5h4.83l.38-1.58h3.39l.4,1.58h4.84Z"/>
9752    <path d="M88.44,12.51v-5.53L92.79,0h-5.09l-1.03,2.43s-.03.08-.06.15c-.16.38-.27.68-.33.88l-.03-.09c-.13-.42-.25-.74-.34-.95L84.85,0h-5.12l4.19,6.97v5.53s4.53,0,4.53,0Z"/>
9753    <line x1=".75" y1="15.23" x2="99.25" y2="15.23" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9754    <rect x="50.55" y="0" width="4.57" height="12.51"/>
9755    <polygon points="65.07 0 65.07 12.51 73.95 12.51 73.95 8.45 69.57 8.45 69.57 0 65.07 0"/>
9756    <path d="M19.65,20.58c-.76-.65-1.53-1.13-2.32-1.45-.8-.32-1.63-.47-2.5-.47-1.98,0-3.58.63-4.82,1.87-1.23,1.25-1.85,2.89-1.85,4.9,0,1.01.15,1.92.45,2.72.31.81.77,1.53,1.39,2.15.61.61,1.31,1.07,2.1,1.4s1.64.48,2.54.48,1.73-.15,2.57-.45c.84-.3,1.63-.74,2.36-1.32v1.63c-.75.46-1.55.81-2.38,1.05s-1.67.37-2.49.37c-1.1,0-2.17-.2-3.17-.59s-1.87-.96-2.59-1.67c-.75-.74-1.31-1.6-1.69-2.56-.38-.98-.57-2.04-.57-3.2s.2-2.21.59-3.19.96-1.84,1.69-2.56c.72-.7,1.58-1.25,2.59-1.64,1.01-.39,2.06-.59,3.15-.59.98,0,1.87.14,2.71.4.83.27,1.59.67,2.27,1.2,0,0-.02,1.54-.02,1.54Z"/>
9757</svg>
9758                                                                </span>
9759                                                                    <div class="level-2-headline"
9760                                                                         role="heading"
9761                                                                         aria-level="2">
9762                                                                        Servietten&#x20;&quot;DAILY&#x20;Collection&quot;                                                                    </div>
9763                                                                </div>
9764                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
9765    <title>Arrow Right</title>
9766    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
9767                                                            </a>
9768                                                            <ul class="level-3">
9769                                                                                                                                    <li class="level-3-items">
9770                                                                        <a href="https://www.papstar-shop.de/produkte/servietten/gastro-servietten/daily-bestecktaschen.htm"
9771                                                                           title="DAILY&#x20;Collection&#x20;Bestecktaschen">
9772                                                                            <span>DAILY&#x20;Collection&#x20;Bestecktaschen</span>
9773                                                                        </a>
9774                                                                    </li>
9775                                                                                                                                    <li class="level-3-items">
9776                                                                        <a href="https://www.papstar-shop.de/produkte/servietten/gastro-servietten/servietten-24-24.htm"
9777                                                                           title="Servietten&#x20;24&#x20;x&#x20;24&#x20;cm">
9778                                                                            <span>Servietten&#x20;24&#x20;x&#x20;24&#x20;cm</span>
9779                                                                        </a>
9780                                                                    </li>
9781                                                                                                                                    <li class="level-3-items">
9782                                                                        <a href="https://www.papstar-shop.de/produkte/servietten/gastro-servietten/servietten-32-32.htm"
9783                                                                           title="Servietten&#x20;32&#x20;x&#x20;32&#x20;cm">
9784                                                                            <sp
9784an>Servietten&#x20;32&#x20;x&#x20;32&#x20;cm</span>
9785                                                                        </a>
9786                                                                    </li>
9787                                                                                                                            </ul>
9788                                                        </div>
9789                                                    </div>
9790                                                                                                    <div class="level-2">
9791                                                        <div class="level-2-items">
9792                                                            <a href="https://www.papstar-shop.de/produkte/servietten/servietten-einfarbig.htm"
9793                                                               title="Servietten&#x20;einfarbig"
9794                                                               class="hover:underline">
9795                                                                <div class="flex font-bold">
9796                                                                <span>
9797                                                                    <?xml version="1.0" encoding="UTF-8"?>
9798<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 89.6 100" class="h-7 w-7 mr-2 stroke-4">
9799    <title>Napkin</title>
9800    <path d="M88.85,86.45l-48.41,12.8L87.92.75l.93,85.7Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9801    <path d="M87.92.75L.75,85.27h46.39L87.92.75Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9802</svg>
9803                                                                </span>
9804                                                                    <div class="level-2-headline"
9805                                                                         role="heading"
9806                                                                         aria-level="2">
9807                                                                        Servietten&#x20;einfarbig                                                                    </div>
9808                                                                </div>
9809                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
9810    <title>Arrow Right</title>
9811    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
9812                                                            </a>
9813                                                            <ul class="level-3">
9814                                                                                                                                    <li class="level-3-items">
9815                                                                        <a href="https://www.papstar-shop.de/produkte/servietten/servietten-einfarbig/servietten-1-lagig.htm"
9816                                                                           title="Servietten&#x20;1-lagig">
9817                                                                            <span>Servietten&#x20;1-lagig</span>
9818                                                                        </a>
9819                                                                    </li>
9820                                                                                                                                    <li class="level-3-items">
9821                                                                        <a href="https://www.papstar-shop.de/produkte/servietten/servietten-einfarbig/servietten-2-lagig.htm"
9822                                                                           title="Servietten&#x20;2-lagig">
9823                                                                            <span>Servietten&#x20;2-lagig</span>
9824                                                                        </a>
9825                                                                    </li>
9826                                                                                                                                    <li class="level-3-items">
9827                                                                        <a href="https://www.papstar-shop.de/produkte/servietten/servietten-einfarbig/servietten-3-lagig.htm"
9828                                                                           title="Servietten&#x20;3-lagig">
9829                                                                            <sp
9829an>Servietten&#x20;3-lagig</span>
9830                                                                        </a>
9831                                                                    </li>
9832                                                                                                                                    <li class="level-3-items">
9833                                                                        <a href="https://www.papstar-shop.de/produkte/servietten/servietten-einfarbig/daily-collection.htm"
9834                                                                           title="&quot;DAILY&#x20;Collection&quot;">
9835                                                                            <span>&quot;DAILY&#x20;Collection&quot;</span>
9836                                                                        </a>
9837                                                                    </li>
9838                                                                                                                            </ul>
9839                                                        </div>
9840                                                    </div>
9841                                                                                                    <div class="level-2">
9842                                                        <div class="level-2-items">
9843                                                            <a href="https://www.papstar-shop.de/produkte/servietten/motivservietten.htm"
9844                                                               title="Motivservietten"
9845                                                               class="hover:underline">
9846                                                                <div class="flex font-bold">
9847                                                                <span>
9848                                                                    <?xml version="1.0" encoding="UTF-8"?>
9849<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 99.98 100" class="h-7 w-7 mr-2 stroke-4">
9850    <title>Flower</title>
9851    <path d="M55.06,38.12c.2-.53.38-1.09.54-1.69.11-.4.11-.4,0,0,1.08-3.77,1.74-8.67,1.74-14.01,0-11.97-3.29-21.66-7.37-21.66s-7.39,9.69-7.39,21.65c0,5.33.66,10.21,1.74,13.99.18.62.36,1.19.57,1.73" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
9852    <path d="M45.18,38.01c-.25-.52-.53-1.06-.83-1.63-1.9-3.44-4.89-7.35-8.66-11.12-8.46-8.46-17.64-12.97-20.54-10.1-2.89,2.89,1.64,12.08,10.1,20.54,3.78,3.78,7.7,6.77,11.15,8.67,0,0,0,0,0,0,.54.3,1.06.56,1.59.81" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
9853    <path d="M38.11,44.93c-.53-.2-1.09-.38-1.69-.54,0,0,0,0,0,0-3.77-1.08-8.67-1.74-14.01-1.74-11.95,0-21.65,3.3-21.65,7.38s9.69,7.38,21.65,7.38c5.35,0,10.24-.67,14.01-1.74q2.51-.72,0,0c.61-.16,1.16-.34,1.69-.54" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
9854    <path d="M38,54.81c-.52.25-1.04.51-1.59.81-.36.2-.36.2,0,0-3.45,1.9-7.37,4.89-11.15,8.67-8.46,8.46-12.98,17.64-10.1,20.54,2.89,2.88,12.08-1.64,20.54-10.1,3.77-3.77,6.76-7.68,8.66-11.12.3-.56.58-1.1.83-1.63" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
9855    <path d="M44.92,61.88c-.21.54-.39,1.11-.57,1.73-1.09,3.77-1.74,8.66-1.74,13.99,0,11.95,3.31,21.65,7.39,21.65s7.38-9.69,7.38-21.65c0-5.35-.67-10.24-1.74-14.01q-.72-2.51,0,0c-.16-.61-.34-1.16-.54-1.69" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
9856    <path d="M61.98,54.81c.52.25,1.04.51,1.59.81,0,0,0,0,0,0,3.45,1.9,7.37,4.89,11.15,8.67,8.46,8.46,12.97,17.64,10.1,20.54-2.89,2.88-12.08-1.64-20.54-10.1-3.78-3.78-6.77-7.7-8.67-11.15q-1.27-2.3,0,0c-.3-.54-.56-1.06-.81-1.59" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
9857    <path d="M61.87,55.07c.53.2,1.09.38,1.69.54,0,0,0,0,0,0,3.77,1.08,8.67,1.74,14.01,1.74,11.95,0,21.65-3.3,21.65-7.38s-9.69-7.38-21.65-7.38c-5.35,0-10.24.67-14.01,1.74q-2.51.72,0,0c-.61.16-1.16.34-1.69.54" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
9858    <path d="M61.98,45.19c.52-.25,1.04-.51,1.59-.81.36-.2.36-.2,0,0,3.45-1.9,7.37-4.89,11.15-8.67,8.46-8.46,12.97-17.64,10.1-20.54-2.89-2.88-12.08,1.64-20.54,10.1-3.78,3.78-6.77,7.7-8.67,11.15q-1.27,2.3,0,0c-.3.54-.56,1.06-.81,1.59" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
9859    <path d="M61.98,54.81c-.04.1-.06.19-.11.26-.62,1.49-1.54,2.87-2.74,4.07s-2.58,2.12-4.07,2.74c-.08.05-.16.08-.26.11-3.07,1.24-6.55,1.24-9.62,0-.1-.04-.19-.06-.26-.11-1.49-.62-2.87-1.54-4.07-2.74s-2.12-2.58-2.74-4.07c-.05-.08-.08-.16-.11-.26-1.24-3.07-1.24-6.55,0-9.62.04-.1.06-.19.11-.26.62-1.49,1.54-2.87,2.74-4.07,1.2-1.2,2.58-2.12,4.07-2.74.08-.05.16-.08.26-.11,3.07-1.24,6.55-1.24,9.62,0,.1.04.19.06.26.11,1.49.62,2.87,1.54,4.07,2.74,1.2,1.2,2.12,2.58,2.74,4.07.05.08.08.16.11.26,1.24,3.07,1.24,6.55,0,9.62Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
9860</svg>
9861                                                                </span>
9862                                                                    <div class="level-2-headline"
9863                                                                         role="heading"
9864                                                                         aria-level="2">
9865                                                                        Motivservietten                                                                    </div>
9866                                                                </div>
9867                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
9868    <title>Arrow Right</title>
9869    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
9870                                                            </a>
9871                                                            <ul class="level-3">
9872                                                                                                                                    <li class="level-3-items">
9873                                                                        <a href="https://www.papstar-shop.de/produkte/servietten/motivservietten/dekorservietten-25-25.htm"
9874                                                                           title="Motivservietten&#x20;25&#x20;x&#x20;25&#x20;cm">
9875                                                                            <sp
9875an>Motivservietten&#x20;25&#x20;x&#x20;25&#x20;cm</span>
9876                                                                        </a>
9877                                                                    </li>
9878                                                                                                                                    <li class="level-3-items">
9879                                                                        <a href="https://www.papstar-shop.de/produkte/servietten/motivservietten/dekorservietten-33-33.htm"
9880                                                                           title="Motivservietten&#x20;33&#x20;x&#x20;33&#x20;cm">
9881                                                                            <span>Motivservietten&#x20;33&#x20;x&#x20;33&#x20;cm</span>
9882                                                                        </a>
9883                                                                    </li>
9884                                                                                                                                    <li class="level-3-items">
9885                                                                        <a href="https://www.papstar-shop.de/produkte/servietten/motivservietten/dekorservietten-40-40.htm"
9886                                                                           title="Motivservietten&#x20;40&#x20;x&#x20;40&#x20;cm">
9887                                                                            <span>Motivservietten&#x20;40&#x20;x&#x20;40&#x20;cm</span>
9888                                                                        </a>
9889                                                                    </li>
9890                                                                                                                            </ul>
9891                                                        </div>
9892                                                    </div>
9893                                                                                                    <div class="level-2">
9894                                                        <div class="level-2-items">
9895                                                            <a href="https://www.papstar-shop.de/produkte/servietten/bestecktaschen.htm"
9896                                                               title="Bestecktaschen&#x20;"
9897                                                               class="hover:underline">
9898                                                                <div class="flex font-bold">
9899                                                                <span>
9900                                                                    <?xml version="1.0" encoding="UTF-8"?>
9901<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 46.97 100" class="h-7 w-7 mr-2 stroke-4">
9902    <title>Cutlery Pouch</title>
9903    <path d="M9,8.28v20.63c0,4.42,1.15,8.77,3.32,12.54,0,0,.28.5.41.75l-.44,8.48" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9904    <path d="M21.54,8.28v20.63c0,4.42-1.15,8.77-3.31,12.54,0,0-.3.51-.42.75l.44,8.48" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9905    <line x1="13.12" y1="7.95" x2="13.12" y2="28.93" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9906    <line x1="17.24" y1="7.95" x2="17.24" y2="28.93" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9907    <path d="M33.33,45.34l.28,5.34h-5.75l.45-8.62h.06V7.85c0-1.06.86-1.93,1.93-1.93,2.55,0,4.41,1.04,5.62,2.73,1.21,1.69,1.78,4.03,1.78,6.6l.25,24.62c-.24,1.63-2.82,4.07-4.63,5.49h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9908    <rect x=".75" y=".75" width="45.47" height="49.94" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9909    <rect x=".75" y="50.69" width="45.47" height="48.56" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9910</svg>
9911                                                                </span>
9912                                                                    <div class="level-2-headline"
9913                                                                         role="heading"
9914                                                                         aria-level="2">
9915                                                                        Bestecktaschen&#x20;                                                                    </div>
9916                                                                </div>
9917                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
9918    <title>Arrow Right</title>
9919    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
9920                                                            </a>
9921                                                            <ul class="level-3">
9922                                                                                                                            </ul>
9923                                                        </div>
9924                                                    </div>
9925                                                                                                    <div class="level-2">
9926                                                        <div class="level-2-items">
9927                                                            <a href="https://www.papstar-shop.de/produkte/servietten/weihnachtsservietten.htm"
9928                                                               title="Weihnachtsservietten"
9929                                                               class="hover:underline">
9930                                                                <div class="flex font-bold">
9931                                                                <sp
9931an>
9932                                                                    <?xml version="1.0" encoding="UTF-8"?>
9933<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 81.54 100" class="h-7 w-7 mr-2 stroke-4">
9934    <title>Xmas Ball</title>
9935    <path d="M40.77,99.25c22.1,0,40.02-17.99,40.02-40.18S62.87,18.89,40.77,18.89.75,36.88.75,59.07s17.92,40.18,40.02,40.18Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9936    <path d="M40,18.85s.09.06.15,0c.18.09.38.09.62.09.18,0,.44,0,.62-.09.06.06.09,0,.15,0" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9937    <path d="M31.68,9.85c0-5.03,4.04-9.1,9.06-9.1s9.12,4.06,9.12,9.1" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9938    <path d="M54.96,21.49v-11.64h-28.39v11.64" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9939    <path d="M77.57,43.15H4" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9940    <path d="M77.51,74.95H4.06" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9941    <path d="M68.92,59.07c0-4.27,4.25-7.67,9.42-7.67.62,0,1.18.06,1.77.15" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9942    <path d="M68.92,59.07c0,4.21-4.22,7.61-9.39,7.61s-9.39-3.41-9.39-7.61" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9943    <path d="M50.16,59.07c0-4.24-4.22-7.64-9.36-7.64s-9.39,3.41-9.39,7.64" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9944    <path d="M31.38,59.07c0,4.21-4.22,7.61-9.39,7.61s-9.39-3.41-9.39-7.61" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9945    <path d="M1.46,51.54c.56-.09,1.15-.15,1.71-.15,5.19,0,9.42,3.41,9.42,7.67" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9946    <path d="M22,58.53c1.3,0,2.36-1.06,2.36-2.37s-1.05-2.37-2.36-2.37-2.36,1.06-2.36,2.37,1.05,2.37,2.36,2.37Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9947    <path d="M59.54,58.53c1.3,0,2.36-1.06,2.36-2.37s-1.05-2.37-2.36-2.37-2.36,1.06-2.36,2.37,1.05,2.37,2.36,2.37Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9948    <path d="M40.74,64.08c1.3,0,2.36-1.06,2.36-2.37s-1.05-2.37-2.36-2.37-2.36,1.06-2.36,2.37,1.05,2.37,2.36,2.37Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
9949</svg>
9950                                                                </span>
9951                                                                    <div class="level-2-headline"
9952                                                                         role="heading"
9953                                                                         aria-level="2">
9954                                                                        Weihnachtsservietten                                                                    </div>
9955                                                                </div>
9956                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
9957    <title>Arrow Right</title>
9958    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
9959                                                            </a>
9960                                                            <ul class="level-3">
9961                                                                                                                            </ul>
9962                                                        </div>
9963                                                    </div>
9964                                                                                                    <div class="level-2">
9965                                                        <div class="level-2-items">
9966                                                            <a href="https://www.papstar-shop.de/produkte/servietten/servietten-hochzeit.htm"
9967                                                               title="Servietten&#x20;zur&#x20;Hochzeit"
9968                                                               class="hover:underline">
9969                                                                <div class="flex font-bold">
9970                                                                <sp
9970an>
9971                                                                    <?xml version="1.0" encoding="UTF-8"?>
9972<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 67.18" class="h-7 w-7 mr-2 stroke-4">
9973    <title>Weddingrings</title>
9974    <path d="M50.01,13.2c-1.8-1.45-3.81-2.68-5.98-3.61" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
9975    <path d="M50.01,62.03c-4.83,2.8-10.44,4.4-16.43,4.4-18.14,0-32.83-14.71-32.83-32.83S15.44.75,33.58.75c5.99,0,11.6,1.61,16.43,4.4" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
9976    <path d="M55.97,9.59c6.43,5.98,10.45,14.52,10.45,24s-4.03,18.02-10.45,24" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
9977    <path d="M50.01,53.98c5.95-4.8,9.76-12.14,9.76-20.38s-3.81-15.59-9.76-20.39c-1.8-1.45-3.81-2.68-5.98-3.61-3.21-1.41-6.73-2.18-10.45-2.18-14.46,0-26.19,11.72-26.19,26.19s11.72,26.17,26.19,26.17c3.72,0,7.25-.77,10.45-2.17" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
9978    <path d="M55.97,9.59c-1.81-1.71-3.81-3.19-5.96-4.43,4.83-2.8,10.44-4.4,16.41-4.4,18.12,0,32.83,14.71,32.83,32.84s-14.71,32.83-32.83,32.83c-5.98,0-11.58-1.61-16.41-4.4-2.17-1.24-4.16-2.72-5.98-4.41-6.43-5.99-10.45-14.54-10.45-24s4.03-18.04,10.45-24c2.17.94,4.18,2.17,5.98,3.61" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
9979    <path d="M50.01,13.2c-5.96,4.8-9.77,12.15-9.77,20.39s3.81,15.59,9.77,20.38c1.8,1.47,3.81,2.69,5.96,3.63,3.21,1.39,6.73,2.17,10.45,2.17,14.46,0,26.17-11.71,26.17-26.17s-11.71-26.19-26.17-26.19c-3.72,0-7.25.77-10.45,2.18" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
9980</svg>
9981                                                                </span>
9982                                                                    <div class="level-2-headline"
9983                                                                         role="heading"
9984                                                                         aria-level="2">
9985                                                                        Servietten&#x20;zur&#x20;Hochzeit                                                                    </div>
9986                                                                </div>
9987                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
9988    <title>Arrow Right</title>
9989    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
9990                                                            </a>
9991                                                            <ul class="level-3">
9992                                                                                                                            </ul>
9993                                                        </div>
9994                                                    </div>
9995                                                                                                                                    </div>
9996                                    </div>
9997                                </li>
9998                                                                                                                            <li class="level-1-item node-46"
9999
10000                                    x-data="initNode()"
10001                                    x-on:keydown.escape.prevent.stop="close($refs.button)"
10002                                    x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
10003                                    x-id="['navi-button']"
10004                                >
10005                                    <button
10006                                        type="button"
10007                                        x-ref="button"
10008                                        :class="{'node-active': open}"
10009                                        x-on:click="toggle()"
10010                                        :aria-expanded="open"
10011                                        :aria-controls="$id('navi-button')"
10012                                        title="Tischdecken"
10013                                    >
10014                                        Tischdecken                                    </button>
10015
10016                                    <div class="level-1-panel"
10017                                         x-ref="panel"
10018                                         x-show="open"
10019                                         x-transition.origin.top
10020                                         x-on:click.outside="close($refs.button)"
10021                                         :id="$id('navi-button')"
10022                                         x-cloak>
10023                                        <div class="level-1-headline-container">
10024                                            <div class="level-1-headline"
10025                                                 role="heading"
10026                                                 aria-level="1">
10027                                                Tischdecken:
10028                                            </div>
10029                                            <a class="show-all-link"
10030                                               href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;produkte&#x2F;tischdecken-tischlaufer.htm"
10031                                               aria-label="alles in Tischdecken anzeigen"
10032                                               title="alles in Tischdecken anzeigen"
10033                                            >
10034                                                alles&#x20;in&#x20;Tischdecken&#x20;anzeigen                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="pl-1 text-primary h-4">
10035    <title>Arrow Right</title>
10036    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
10037                                            </a>
10038                                        </div>
10039
10040                                        <div class="level-1-panel-container">
10041                                                                                                                                                <div class="level-2">
10042                                                        <div class="level-2-items">
10043                                                            <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/einweg-tischdecken-tischdeckenrollen.htm"
10044                                                               title="Einwegtischdecken&#x20;&amp;&#x20;Tischdeckenrollen"
10045                                                               class="hover:underline">
10046                                                                <div class="flex font-bold">
10047                                                                <sp
10047an>
10048                                                                    <?xml version="1.0" encoding="UTF-8"?>
10049<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 53.49" class="h-7 w-7 mr-2 stroke-4">
10050    <title>Tablecloth</title>
10051    <polygon points="12.43 8.38 .75 8.38 .75 .75 12.43 8.38" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10052    <polygon points="99.25 .75 99.25 8.38 87.62 8.38 99.25 .75" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10053    <path d="M7.69,8.38v44.35" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10054    <path d="M92.34,8.38v44.35" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10055    <polygon points="99.25 .75 87.62 8.38 50.03 33.04 12.43 8.38 .75 .75 99.25 .75" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10056</svg>
10057                                                                </span>
10058                                                                    <div class="level-2-headline"
10059                                                                         role="heading"
10060                                                                         aria-level="2">
10061                                                                        Einwegtischdecken&#x20;&amp;&#x20;Tischdeckenrollen                                                                    </div>
10062                                                                </div>
10063                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
10064    <title>Arrow Right</title>
10065    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
10066                                                            </a>
10067                                                            <ul class="level-3">
10068                                                                                                                                    <li class="level-3-items">
10069                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/einweg-tischdecken-tischdeckenrollen/papiertischdecken.htm"
10070                                                                           title="Tischdecken&#x20;aus&#x20;Papier">
10071                                                                            <span>Tischdecken&#x20;aus&#x20;Papier</span>
10072                                                                        </a>
10073                                                                    </li>
10074                                                                                                                                    <li class="level-3-items">
10075                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/einweg-tischdecken-tischdeckenrollen/vlies-tischdecken.htm"
10076                                                                           title="Tischdecken&#x20;aus&#x20;Vlies">
10077                                                                            <span>Tischdecken&#x20;aus&#x20;Vlies</span>
10078                                                                        </a>
10079                                                                    </li>
10080                                                                                                                                    <li class="level-3-items">
10081                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/einweg-tischdecken-tischdeckenrollen/tischdecken-muster.htm"
10082                                                                           title="Tischdecken&#x20;mit&#x20;Muster">
10083                                                                            <sp
10083an>Tischdecken&#x20;mit&#x20;Muster</span>
10084                                                                        </a>
10085                                                                    </li>
10086                                                                                                                                    <li class="level-3-items">
10087                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/einweg-tischdecken-tischdeckenrollen/airlaid-tischdecken.htm"
10088                                                                           title="Tischdecken&#x20;aus&#x20;Airlaid">
10089                                                                            <span>Tischdecken&#x20;aus&#x20;Airlaid</span>
10090                                                                        </a>
10091                                                                    </li>
10092                                                                                                                                    <li class="level-3-items">
10093                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/einweg-tischdecken-tischdeckenrollen/tissue-tischdecken.htm"
10094                                                                           title="Tischdecken&#x20;aus&#x20;Tissue">
10095                                                                            <span>Tischdecken&#x20;aus&#x20;Tissue</span>
10096                                                                        </a>
10097                                                                    </li>
10098                                                                                                                                    <li class="level-3-items">
10099                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/einweg-tischdecken-tischdeckenrollen/beschichtete-tischdecken.htm"
10100                                                                           title="Beschichtete&#x20;Tischdecken&#x20;aus&#x20;Vlies">
10101                                                                            <span>Beschichtete&#x20;Tischdecken&#x20;aus&#x20;Vlies</span>
10102                                                                        </a>
10103                                                                    </li>
10104                                                                                                                                    <li class="level-3-items">
10105                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/einweg-tischdecken-tischdeckenrollen/tischdecken-pv-tissue.htm"
10106                                                                           title="Tischdecken&#x20;aus&#x20;PV-Tissue-Mix">
10107                                                                            <span>Tischdecken&#x20;aus&#x20;PV-Tissue-Mix</span>
10108                                                                        </a>
10109                                                                    </li>
10110                                                                                                                                    <li class="level-3-items">
10111                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/einweg-tischdecken-tischdeckenrollen/tischdecken-folien.htm"
10112                                                                           title="Tischdecken&#x20;aus&#x20;Folie">
10113                                                                            <span>Tischdecken&#x20;aus&#x20;Folie</span>
10114                                                                        </a>
10115                                                                    </li>
10116                                                                                                                            </ul>
10117                                                        </div>
10118                                                    </div>
10119                                                                                                    <div class="level-2">
10120                                                        <div class="level-2-items">
10121                                                            <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/tischlaeufer.htm"
10122                                                               title="Einwegtischl&#xE4;ufer"
10123                                                               class="hover:underline">
10124                                                                <div class="flex font-bold">
10125                                                                <sp
10125an>
10126                                                                    <?xml version="1.0" encoding="UTF-8"?>
10127<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 53.51" class="h-7 w-7 mr-2 stroke-4">
10128    <title>Tablecloth</title>
10129    <path d="M7.68,8.4v44.35" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10130    <path d="M92.33,8.4v44.35" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10131    <rect x=".75" y=".78" width="23.59" height="7.63" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10132    <rect x="75.66" y=".78" width="23.59" height="7.63" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10133    <rect x="24.34" y=".78" width="51.32" height="32.31" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10134    <rect x="24.34" y=".75" width="51.32" height=".02" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10135</svg>
10136                                                                </span>
10137                                                                    <div class="level-2-headline"
10138                                                                         role="heading"
10139                                                                         aria-level="2">
10140                                                                        Einwegtischl&#xE4;ufer                                                                    </div>
10141                                                                </div>
10142                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
10143    <title>Arrow Right</title>
10144    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
10145                                                            </a>
10146                                                            <ul class="level-3">
10147                                                                                                                                    <li class="level-3-items">
10148                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/tischlaeufer/airlaid-tischlaeufer.htm"
10149                                                                           title="Tischl&#xE4;ufer&#x20;aus&#x20;Airlaid">
10150                                                                            <span>Tischl&#xE4;ufer&#x20;aus&#x20;Airlaid</span>
10151                                                                        </a>
10152                                                                    </li>
10153                                                                                                                                    <li class="level-3-items">
10154                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/tischlaeufer/tischlaeufer-pv-tissue.htm"
10155                                                                           title="Tischl&#xE4;ufer&#x20;aus&#x20;PV-Tissue-Mix">
10156                                                                            <span>Tischl&#xE4;ufer&#x20;aus&#x20;PV-Tissue-Mix</span>
10157                                                                        </a>
10158                                                                    </li>
10159                                                                                                                                    <li class="level-3-items">
10160                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/tischlaeufer/tischlaeufer-royal-collection.htm"
10161                                                                           title="Tischl&#xE4;ufer&#x20;aus&#x20;Tissue">
10162                                                                            <sp
10162an>Tischl&#xE4;ufer&#x20;aus&#x20;Tissue</span>
10163                                                                        </a>
10164                                                                    </li>
10165                                                                                                                                    <li class="level-3-items">
10166                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/tischlaeufer/beschichtete-tischlaeufer.htm"
10167                                                                           title="Beschichtete&#x20;Tischl&#xE4;ufer&#x20;aus&#x20;Vlies">
10168                                                                            <span>Beschichtete&#x20;Tischl&#xE4;ufer&#x20;aus&#x20;Vlies</span>
10169                                                                        </a>
10170                                                                    </li>
10171                                                                                                                                    <li class="level-3-items">
10172                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/tischlaeufer/vlies-tischlaeufer.htm"
10173                                                                           title="Tischl&#xE4;ufer&#x20;aus&#x20;Vlies">
10174                                                                            <span>Tischl&#xE4;ufer&#x20;aus&#x20;Vlies</span>
10175                                                                        </a>
10176                                                                    </li>
10177                                                                                                                                    <li class="level-3-items">
10178                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/tischlaeufer/sizoflor-tischband.htm"
10179                                                                           title="Sizoflor&#x20;Tischb&#xE4;nder">
10180                                                                            <span>Sizoflor&#x20;Tischb&#xE4;nder</span>
10181                                                                        </a>
10182                                                                    </li>
10183                                                                                                                            </ul>
10184                                                        </div>
10185                                                    </div>
10186                                                                                                    <div class="level-2">
10187                                                        <div class="level-2-items">
10188                                                            <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/mitteldecken.htm"
10189                                                               title="Einwegmitteldecken"
10190                                                               class="hover:underline">
10191                                                                <div class="flex font-bold">
10192                                                                <span>
10193                                                                    <?xml version="1.0" encoding="UTF-8"?>
10194<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 53.49" class="h-7 w-7 mr-2 stroke-4">
10195    <title>Tablecloth</title>
10196    <polygon points="34.48 4.84 38.63 8.38 .75 8.38 .75 .75 29.63 .75 34.48 4.84" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10197    <polygon points="99.25 .75 99.25 8.38 61.39 8.38 65.55 4.84 70.37 .75 99.25 .75" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10198    <path d="M7.69,8.38v44.35" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10199    <path d="M92.34,8.38v44.35" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10200    <polygon points="70.37 .75 65.55 4.84 61.39 8.38 50.01 18.07 38.63 8.38 34.48 4.84 29.63 .75 70.37 .75" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10201</svg>
10202                                                                </span>
10203                                                                    <div class="level-2-headline"
10204                                                                         role="heading"
10205                                                                         aria-level="2">
10206                                                                        Einwegmitteldecken                                                                    </div>
10207                                                                </div>
10208                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
10209    <title>Arrow Right</title>
10210    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
10211                                                            </a>
10212                                                            <ul class="level-3">
10213                                                                                                                                    <li class="level-3-items">
10214                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/mitteldecken
10214/beschichtete-mitteldecken.htm"
10215                                                                           title="Beschichtete&#x20;Mitteldecken&#x20;aus&#x20;Vlies">
10216                                                                            <span>Beschichtete&#x20;Mitteldecken&#x20;aus&#x20;Vlies</span>
10217                                                                        </a>
10218                                                                    </li>
10219                                                                                                                                    <li class="level-3-items">
10220                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/mitteldecken/vlies-mitteldecken.htm"
10221                                                                           title="Mitteldecken&#x20;aus&#x20;Vlies">
10222                                                                            <span>Mitteldecken&#x20;aus&#x20;Vlies</span>
10223                                                                        </a>
10224                                                                    </li>
10225                                                                                                                                    <li class="level-3-items">
10226                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/mitteldecken/tissue-mitteldecken.htm"
10227                                                                           title="Mitteldecken&#x20;aus&#x20;Tissue">
10228                                                                            <span>Mitteldecken&#x20;aus&#x20;Tissue</span>
10229                                                                        </a>
10230                                                                    </li>
10231                                                                                                                            </ul>
10232                                                        </div>
10233                                                    </div>
10234                                                                                                    <div class="level-2">
10235                                                        <div class="level-2-items">
10236                                                            <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/tischsets-platzsets.htm"
10237                                                               title="Einwegtischsets"
10238                                                               class="hover:underline">
10239                                                                <div class="flex font-bold">
10240                                                                <span>
10241                                                                    <?xml version="1.0" encoding="UTF-8"?>
10242<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 62.96" class="h-7 w-7 mr-2 stroke-4">
10243    <title>Tablecloth set</title>
10244    <rect x=".75" y=".75" width="98.5" height="61.46" stroke="currentColor" stroke-width="2" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10245    <path d="M15.48,8.81v11.37c0,2.44-.63,4.84-1.82,6.91l-.24.41,1.27,24.6c0,2.03-1.19,3.68-2.67,3.68s-2.67-1.65-2.67-3.68l1.27-24.6c-.08-.14-.23-.41-.23-.41-1.19-2.09-1.82-4.48-1.82-6.91v-11.37" stroke="currentColor" stroke-width="2" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10246    <line x1="10.84" y1="8.63" x2="10.84" y2="20.19" stroke="currentColor" stroke-width="2" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10247    <line x1="13.1" y1="8.63" x2="13.1" y2="20.19" stroke="currentColor" stroke-width="2" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10248    <path d="M91.44,25.89l-.14-13.56c0-1.42-.32-2.7-.99-3.63-.67-.93-1.69-1.51-3.1-1.51-.59,0-1.06.48-1.06,1.06v18.86h-.03l-1.33,25.09c0,1.98,1.19,3.59,2.67,3.59s2.67-1.61,2.67-3.59l-1.23-23.29c1-.78,2.42-2.13,2.55-3.02h0Z" stroke="currentColor" stroke-width="2" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10249    <path d="M50,6.05c6.8,0,13.18,2.65,17.99,7.45,9.92,9.92,9.92,26.05,0,35.97-4.81,4.81-11.19,7.45-17.99,7.45s-13.18-2.65-17.99-7.45c-9.92-9.92
10249-9.92-26.05,0-35.97,4.81-4.81,11.19-7.45,17.99-7.45" stroke="currentColor" stroke-width="2" style="fill:none;stroke-miterlimit:10;"/>
10250    <path d="M50,15.89c-8.61,0-15.59,6.98-15.59,15.59s6.98,15.59,15.59,15.59,15.59-6.98,15.59-15.59-6.98-15.59-15.59-15.59h0Z" stroke="currentColor" stroke-width="2" style="fill:none;stroke-miterlimit:10;"/>
10251    <line x1="58.62" y1="10.15" x2="57" y2="14.15" stroke="currentColor" stroke-width="2" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
10252    <line x1="43" y1="48.82" x2="41.38" y2="52.82" stroke="currentColor" stroke-width="2" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
10253    <line x1="71.34" y1="40.1" x2="67.34" y2="38.49" stroke="currentColor" stroke-width="2" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
10254    <line x1="32.66" y1="24.48" x2="28.66" y2="22.86" stroke="currentColor" stroke-width="2" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
10255    <line x1="71.18" y1="22.49" x2="67.21" y2="24.17" stroke="currentColor" stroke-width="2" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
10256    <line x1="32.79" y1="38.79" x2="28.82" y2="40.48" stroke="currentColor" stroke-width="2" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
10257    <line x1="58.99" y1="52.66" x2="57.31" y2="48.69" stroke="currentColor" stroke-width="2" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
10258    <line x1="42.69" y1="14.27" x2="41.01" y2="10.3" stroke="currentColor" stroke-width="2" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
10259</svg>
10260                                                                </span>
10261                                                                    <div class="level-2-headline"
10262                                                                         role="heading"
10263                                                                         aria-level="2">
10264                                                                        Einwegtischsets                                                                    </div>
10265                                                                </div>
10266                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
10267    <title>Arrow Right</title>
10268    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
10269                                                            </a>
10270                                                            <ul class="level-3">
10271                                                                                                                                    <li class="level-3-items">
10272                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/tischsets-platzsets/papier-tischsets.htm"
10273                                                                           title="Tischsets&#x20;aus&#x20;Papier">
10274                                                                            <span>Tischsets&#x20;aus&#x20;Papier</span>
10275                                                                        </a>
10276                                                                    </li>
10277                                                                                                                                    <li class="level-3-items">
10278                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/tischsets-platzsets/beschichtete-tischsets.htm"
10279                                                                           title="Beschichtete&#x20;Tischsets&#x20;aus&#x20;Vlies">
10280                                                                            <span>Beschichtete&#x20;Tischsets&#x20;aus&#x20;Vlies</span>
10281                                                                        </a>
10282                                                                    </li>
10283                                                                                                                                    <li class="level-3-items">
10284                                                                        <a href="https://www.papstar-shop.de/produkte/tischdecken-tischlaufer/tischsets-platzsets/tischsets-vlies.htm"
10285                                                                           title="Tischsets&#x20;aus&#x20;Vlies">
10286                                                                            <sp
10286an>Tischsets&#x20;aus&#x20;Vlies</span>
10287                                                                        </a>
10288                                                                    </li>
10289                                                                                                                            </ul>
10290                                                        </div>
10291                                                    </div>
10292                                                                                                                                    </div>
10293                                    </div>
10294                                </li>
10295                                                                                                                            <li class="level-1-item node-352"
10296
10297                                    x-data="initNode()"
10298                                    x-on:keydown.escape.prevent.stop="close($refs.button)"
10299                                    x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
10300                                    x-id="['navi-button']"
10301                                >
10302                                    <button
10303                                        type="button"
10304                                        x-ref="button"
10305                                        :class="{'node-active': open}"
10306                                        x-on:click="toggle()"
10307                                        :aria-expanded="open"
10308                                        :aria-controls="$id('navi-button')"
10309                                        title="Kerzen"
10310                                    >
10311                                        Kerzen                                    </button>
10312
10313                                    <div class="level-1-panel"
10314                                         x-ref="panel"
10315                                         x-show="open"
10316                                         x-transition.origin.top
10317                                         x-on:click.outside="close($refs.button)"
10318                                         :id="$id('navi-button')"
10319                                         x-cloak>
10320                                        <div class="level-1-headline-container">
10321                                            <div class="level-1-headline"
10322                                                 role="heading"
10323                                                 aria-level="1">
10324                                                Kerzen:
10325                                            </div>
10326                                            <a class="show-all-link"
10327                                               href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;produkte&#x2F;kerzen.htm"
10328                                               aria-label="alles in Kerzen anzeigen"
10329                                               title="alles in Kerzen anzeigen"
10330                                            >
10331                                                alles&#x20;in&#x20;Kerzen&#x20;anzeigen                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="pl-1 text-primary h-4">
10332    <title>Arrow Right</title>
10333    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
10334                                            </a>
10335                                        </div>
10336
10337                                        <div class="level-1-panel-container">
10338                                                                                                                                                <div class="level-2">
10339                                                        <div class="level-2-items">
10340                                                            <a href="https://www.papstar-shop.de/produkte/kerzen/stabkerzen-leuchterkerzen.htm"
10341                                                               title="Stabkerzen&#x20;&amp;&#x20;Leuchterkerzen"
10342                                                               class="hover:underline">
10343                                                                <div class="flex font-bold">
10344                                                                <sp
10344an>
10345                                                                    <?xml version="1.0" encoding="UTF-8"?>
10346<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 100" class="h-7 w-7 mr-2 stroke-4">
10347    <title>Thin Candle</title>
10348    <path d="M.78,13.18C.78,10.31,4.16,4.66,7.01.75c2.87,4.01,6.24,9.55,6.24,12.43,0,3.31-1.64,5.74-4.17,6.61h-4.17c-2.51-.87-4.17-3.31-4.17-6.61h.03Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10349    <path d="M12.32,25.66H1.7v73.59h10.63V25.66Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10350    <path d="M7.01,14.97v10.69" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10351</svg>
10352                                                                </span>
10353                                                                    <div class="level-2-headline"
10354                                                                         role="heading"
10355                                                                         aria-level="2">
10356                                                                        Stabkerzen&#x20;&amp;&#x20;Leuchterkerzen                                                                    </div>
10357                                                                </div>
10358                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
10359    <title>Arrow Right</title>
10360    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
10361                                                            </a>
10362                                                            <ul class="level-3">
10363                                                                                                                            </ul>
10364                                                        </div>
10365                                                    </div>
10366                                                                                                    <div class="level-2">
10367                                                        <div class="level-2-items">
10368                                                            <a href="https://www.papstar-shop.de/produkte/kerzen/teelichter.htm"
10369                                                               title="Teelichter"
10370                                                               class="hover:underline">
10371                                                                <div class="flex font-bold">
10372                                                                <span>
10373                                                                    <?xml version="1.0" encoding="UTF-8"?>
10374<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 79.45 100" class="h-7 w-7 mr-2 stroke-4">
10375    <title>Small Candle</title>
10376    <path d="M23.6,32.87c0-7.42,8.72-22.01,16.12-32.12,7.41,10.35,16.12,24.69,16.12,32.12,0,8.54-4.24,14.83-10.77,17.08h-10.77c-6.48-2.25-10.77-8.54-10.77-17.08h.05Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10377    <path d="M78.7,65.13H.75v34.12h77.94v-34.12h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10378    <path d="M39.63,37.5v27.63" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10379</svg>
10380                                                                </span>
10381                                                                    <div class="level-2-headline"
10382                                                                         role="heading"
10383                                                                         aria-level="2">
10384                                                                        Teelichter                                                                    </div>
10385                                                                </div>
10386                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
10387    <title>Arrow Right</title>
10388    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
10389                                                            </a>
10390                                                            <ul class="level-3">
10391                                                                                                                            </ul>
10392                                                        </div>
10393                                                    </div>
10394                                                                                                    <div class="level-2">
10395                                                        <div class="level-2-items">
10396                                                            <a href="https://www.papstar-shop.de/produkte/kerzen/stearin-kerzen.htm"
10397                                                               title="Stearin-Kerzen"
10398                                                               class="hover:underline">
10399                                                                <div class="flex font-bold">
10400                                                                <sp
10400an>
10401                                                                    <?xml version="1.0" encoding="UTF-8"?>
10402<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49.88 100" class="h-7 w-7 mr-2 stroke-4">
10403    <title>Candle</title>
10404    <path d="M14.93,20.69c0-4.61,5.42-13.66,10.01-19.94,4.6,6.42,10.01,15.33,10.01,19.94,0,5.3-2.63,9.21-6.68,10.61h-6.68c-4.02-1.39-6.68-5.3-6.68-10.61h.03,0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10405    <path d="M49.13,40.71H.75v58.54h48.38v-58.54Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10406    <path d="M24.88,23.56v17.15" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10407</svg>
10408                                                                </span>
10409                                                                    <div class="level-2-headline"
10410                                                                         role="heading"
10411                                                                         aria-level="2">
10412                                                                        Stearin-Kerzen                                                                    </div>
10413                                                                </div>
10414                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
10415    <title>Arrow Right</title>
10416    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
10417                                                            </a>
10418                                                            <ul class="level-3">
10419                                                                                                                            </ul>
10420                                                        </div>
10421                                                    </div>
10422                                                                                                    <div class="level-2">
10423                                                        <div class="level-2-items">
10424                                                            <a href="https://www.papstar-shop.de/produkte/kerzen/duftkerzen.htm"
10425                                                               title="Duftkerzen"
10426                                                               class="hover:underline">
10427                                                                <div class="flex font-bold">
10428                                                                <span>
10429                                                                    <?xml version="1.0" encoding="UTF-8"?>
10430<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 99.98 100" class="h-7 w-7 mr-2 stroke-4">
10431    <title>Flower</title>
10432    <path d="M55.06,38.12c.2-.53.38-1.09.54-1.69.11-.4.11-.4,0,0,1.08-3.77,1.74-8.67,1.74-14.01,0-11.97-3.29-21.66-7.37-21.66s-7.39,9.69-7.39,21.65c0,5.33.66,10.21,1.74,13.99.18.62.36,1.19.57,1.73" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
10433    <path d="M45.18,38.01c-.25-.52-.53-1.06-.83-1.63-1.9-3.44-4.89-7.35-8.66-11.12-8.46-8.46-17.64-12.97-20.54-10.1-2.89,2.89,1.64,12.08,10.1,20.54,3.78,3.78,7.7,6.77,11.15,8.67,0,0,0,0,0,0,.54.3,1.06.56,1.59.81" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
10434    <path d="M38.11,44.93c-.53-.2-1.09-.38-1.69-.54,0,0,0,0,0,0-3.77-1.08-8.67-1.74-14.01-1.74-11.95,0-21.65,3.3-21.65,7.38s9.69,7.38,21.65,7.38c5.35,0,10.24-.67,14.01-1.74q2.51-.72,0,0c.61-.16,1.16-.34,1.69-.54" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
10435    <path d="M38,54.81c-.52.25-1.04.51-1.59.81-.36.2-.36.2,0,0-3.45,1.9-7.37,4.89-11.15,8.67-8.46,8.46-12.98,17.64-10.1,20.54,2.89,2.88,12.08-1.64,20.54-10.1,3.77-3.77,6.76-7.68,8.66-11.12.3-.56.58-1.1.83-1.63" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
10436    <path d="M44.92,61.88c-.21.54-.39,1.11-.57,1.73-1.09,3.77-1.74,8.66-1.74,13.99,0,11.95,3.31,21.65,7.39,21.65s7.38-9.69,7.38-21.65c0-5.35-.67-10.24-1.74-14.01q-.72-2.51,0,0c-.16-.61-.34-1.16-.54-1.69" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
10437    <path d="M61.98,54.81c.52.25,1.04.51,1.59.81,0,0,0,0,0,0,3.45,1.9,7.37,4.89,11.15,8.67,8.46,8.46,12.97,17.64,10.1,20.54-2.89,2.88-12.08-1.64-20.54-10.1-3.78-3.78-6.77-7.7-8.67-11.15q-1.27-2.3,0,0c-.3-.54-.56-1.06-.81-1.59" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
10438    <path d="M61.87,55.07c.53.2,1.09.38,1.69.54,0,0,0,0,0,0,3.77,1.08,8.67,1.74,14.01,1.74,11.95,0,21.65-3.3,21.65-7.38s-9.69-7.38-21.65-7.38c-5.35,0-10.24.67-14.01,1.74q-2.51.72,0,0c-.61.16-1.16.34-1.69.54" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
10439    <path d="M61.98,45.19c.52-.25,1.04-.51,1.59-.81.36-.2.36-.2,0,0,3.45-1.9,7.37-4.89,11.15-8.67,8.46-8.46,12.97-17.64,10.1-20.54-2.89-2.88-12.08,1.64-20.54,10.1-3.78,3.78-6.77,7.7-8.67,11.15q-1.27,2.3,0,0c-.3.54-.56,1.06-.81,1.59" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
10440    <path d="M61.98,54.81c-.04.1-.06.19-.11.26-.62,1.49-1.54,2.87-2.74,4.07s-2.58,2.12-4.07,2.74c-.08.05-.16.08-.26.11-3.07,1.24-6.55,1.24-9.62,0-.1-.04-.19-.06-.26-.11-1.49-.62-2.87-1.54-4.07-2.74s-2.12-2.58-2.74-4.07c-.05-.08-.08-.16-.11-.26-1.24-3.07-1.24-6.55,0-9.62.04-.1.06-.19.11-.26.62-1.49,1.54-2.87,2.74-4.07,1.2-1.2,2.58-2.12,4.07-2.74.08-.05.16-.08.26-.11,3.07-1.24,6.55-1.24,9.62,0,.1.04.19.06.26.11,1.49.62,2.87,1.54,4.07,2.74,1.2,1.2,2.12,2.58,2.74,4.07.05.08.08.16.11.26,1.24,3.07,1.24,6.55,0,9.62Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
10441</svg>
10442                                                                </span>
10443                                                                    <div class="level-2-headline"
10444                                                                         role="heading"
10445                                                                         aria-level="2">
10446                                                                        Duftkerzen                                                                    </div>
10447                                                                </div>
10448                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
10449    <title>Arrow Right</title>
10450    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
10451                                                            </a>
10452                                                            <ul class="level-3">
10453                                                                                                                                    <li class="level-3-items">
10454                                                                        <a href="https://www.papstar-shop.de/produkte/kerzen/duftkerzen/duftkerzen-glas.htm"
10455                                                                           title="Duftkerzen&#x20;im&#x20;Glas">
10456                                                                            <sp
10456an>Duftkerzen&#x20;im&#x20;Glas</span>
10457                                                                        </a>
10458                                                                    </li>
10459                                                                                                                                    <li class="level-3-items">
10460                                                                        <a href="https://www.papstar-shop.de/produkte/kerzen/duftkerzen/duft-stumpenkerzen.htm"
10461                                                                           title="Duftstumpenkerzen">
10462                                                                            <span>Duftstumpenkerzen</span>
10463                                                                        </a>
10464                                                                    </li>
10465                                                                                                                                    <li class="level-3-items">
10466                                                                        <a href="https://www.papstar-shop.de/produkte/kerzen/duftkerzen/duftteelichter.htm"
10467                                                                           title="Duftteelichter">
10468                                                                            <span>Duftteelichter</span>
10469                                                                        </a>
10470                                                                    </li>
10471                                                                                                                            </ul>
10472                                                        </div>
10473                                                    </div>
10474                                                                                                    <div class="level-2">
10475                                                        <div class="level-2-items">
10476                                                            <a href="https://www.papstar-shop.de/produkte/kerzen/tafelkerzen-kronkerzen.htm"
10477                                                               title="Tafelkerzen&#x20;&amp;&#x20;Kronkerzen"
10478                                                               class="hover:underline">
10479                                                                <div class="flex font-bold">
10480                                                                <span>
10481                                                                    <?xml version="1.0" encoding="UTF-8"?>
10482<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 100" class="h-7 w-7 mr-2 stroke-4">
10483    <title>Thin Candle</title>
10484    <path d="M.78,13.18C.78,10.31,4.16,4.66,7.01.75c2.87,4.01,6.24,9.55,6.24,12.43,0,3.31-1.64,5.74-4.17,6.61h-4.17c-2.51-.87-4.17-3.31-4.17-6.61h.03Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10485    <path d="M12.32,25.66H1.7v73.59h10.63V25.66Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10486    <path d="M7.01,14.97v10.69" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10487</svg>
10488                                                                </span>
10489                                                                    <div class="level-2-headline"
10490                                                                         role="heading"
10491                                                                         aria-level="2">
10492                                                                        Tafelkerzen&#x20;&amp;&#x20;Kronkerzen                                                                    </div>
10493                                                                </div>
10494                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
10495    <title>Arrow Right</title>
10496    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
10497                                                            </a>
10498                                                            <ul class="level-3">
10499                                                                                                                            </ul>
10500                                                        </div>
10501                                                    </div>
10502                                                                                                    <div class="level-2">
10503                                                        <div class="level-2-items">
10504                                                            <a href="https://www.papstar-shop.de/produkte/kerzen/kaminkerzen.htm"
10505                                                               title="Kaminkerzen"
10506                                                               class="hover:underline">
10507                                                                <div class="flex font-bold">
10508                                                                <sp
10508an>
10509                                                                    <?xml version="1.0" encoding="UTF-8"?>
10510<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 43.34 100" class="h-7 w-7 mr-2 stroke-4">
10511    <title>Candle High</title>
10512    <path d="M16.84,10.38c0-2.23,2.61-6.6,4.84-9.63,2.22,3.1,4.84,7.41,4.84,9.63,0,2.56-1.27,4.45-3.23,5.12h-3.23c-1.94-.67-3.23-2.56-3.23-5.12h.02Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10513    <path d="M42.59,31.64l-20.92-11.58L.75,31.64v67.61h41.84V31.64Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10514    <path d="M21.67,11.77v8.28" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10515</svg>
10516                                                                </span>
10517                                                                    <div class="level-2-headline"
10518                                                                         role="heading"
10519                                                                         aria-level="2">
10520                                                                        Kaminkerzen                                                                    </div>
10521                                                                </div>
10522                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
10523    <title>Arrow Right</title>
10524    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
10525                                                            </a>
10526                                                            <ul class="level-3">
10527                                                                                                                            </ul>
10528                                                        </div>
10529                                                    </div>
10530                                                                                                    <div class="level-2">
10531                                                        <div class="level-2-items">
10532                                                            <a href="https://www.papstar-shop.de/produkte/kerzen/kerzenstaender-kerzenhalter.htm"
10533                                                               title="Kerzenst&#xE4;nder&#x20;&amp;&#x20;Kerzenhalter"
10534                                                               class="hover:underline">
10535                                                                <div class="flex font-bold">
10536                                                                <span>
10537                                                                    <?xml version="1.0" encoding="UTF-8"?>
10538<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 67.72" class="h-7 w-7 mr-2 stroke-4">
10539    <title>Candle Stand</title>
10540    <path d="M95.54,3.24c-.94,21.34-20.98,38.37-45.55,38.37S5.38,24.58,4.44,3.24" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10541    <path d="M8.36.75c-.33,1.46-1.63,2.49-3.12,2.49h-1.39C2.37,3.24,1.07,2.21.75.75h7.61Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10542    <path d="M82.1,3.24c-1.03,14.77-15.01,26.43-32.1,26.43S18.92,18,17.89,3.24" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10543    <path d="M69.37,3.24c-1.09,8.54-9.35,15.17-19.39,15.17S31.71,11.78,30.62,3.24" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10544    <polyline points="50 55.45 50 41.62 50 29.68 50 18.41 50 3.24" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10545    <path d="M46.81,55.45h6.35c6.9,0,12.87,4.79,14.37,11.52h-35.1c1.5-6.73,7.48-11.52,14.37-11.52Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10546    <path d="M18.76,3.25h-1.38c-1.5,0-2.8-1.03-3.12-2.5h7.61c-.33,1.46-1.63,2.5-3.12,2.5h0
10546Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10547    <path d="M31.04,3.25h-1.38c-1.5,0-2.8-1.03-3.12-2.5h7.61c-.33,1.46-1.63,2.5-3.12,2.5h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10548    <path d="M50.69,3.25h-1.38c-1.5,0-2.8-1.03-3.12-2.5h7.61c-.33,1.46-1.63,2.5-3.12,2.5h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10549    <path d="M70.35,3.25h-1.38c-1.5,0-2.8-1.03-3.12-2.5h7.61c-.33,1.46-1.63,2.5-3.12,2.5h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10550    <path d="M82.63,3.25h-1.38c-1.5,0-2.8-1.03-3.12-2.5h7.61c-.33,1.46-1.63,2.5-3.12,2.5h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10551    <path d="M96.14,3.25h-1.38c-1.5,0-2.8-1.03-3.12-2.5h7.61c-.33,1.46-1.63,2.5-3.12,2.5h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10552</svg>
10553                                                                </span>
10554                                                                    <div class="level-2-headline"
10555                                                                         role="heading"
10556                                                                         aria-level="2">
10557                                                                        Kerzenst&#xE4;nder&#x20;&amp;&#x20;Kerzenhalter                                                                    </div>
10558                                                                </div>
10559                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
10560    <title>Arrow Right</title>
10561    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
10562                                                            </a>
10563                                                            <ul class="level-3">
10564                                                                                                                            </ul>
10565                                                        </div>
10566                                                    </div>
10567                                                                                                    <div class="level-2">
10568                                                        <div class="level-2-items">
10569                                                            <a href="https://www.papstar-shop.de/produkte/kerzen/stumpenkerzen.htm"
10570                                                               title="Stumpe
10570nkerzen"
10571                                                               class="hover:underline">
10572                                                                <div class="flex font-bold">
10573                                                                <span>
10574                                                                    <?xml version="1.0" encoding="UTF-8"?>
10575<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 43.34 100" class="h-7 w-7 mr-2 stroke-4">
10576    <title>Candle High</title>
10577    <path d="M16.84,10.38c0-2.23,2.61-6.6,4.84-9.63,2.22,3.1,4.84,7.41,4.84,9.63,0,2.56-1.27,4.45-3.23,5.12h-3.23c-1.94-.67-3.23-2.56-3.23-5.12h.02Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10578    <path d="M42.59,31.64l-20.92-11.58L.75,31.64v67.61h41.84V31.64Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10579    <path d="M21.67,11.77v8.28" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10580</svg>
10581                                                                </span>
10582                                                                    <div class="level-2-headline"
10583                                                                         role="heading"
10584                                                                         aria-level="2">
10585                                                                        Stumpenkerzen                                                                    </div>
10586                                                                </div>
10587                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
10588    <title>Arrow Right</title>
10589    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
10590                                                            </a>
10591                                                            <ul class="level-3">
10592                                                                                                                            </ul>
10593                                                        </div>
10594                                                    </div>
10595                                                                                                    <div class="level-2">
10596                                                        <div class="level-2-items">
10597                                                            <a href="https://www.papstar-shop.de/produkte/kerzen/kerzen-themen.htm"
10598                                                               title="Kerzen&#x20;nach&#x20;Themen&#x20;&amp;&#x20;Anl&#xE4;ssen"
10599                                                               class="hover:underline">
10600                                                                <div class="flex font-bold">
10601                                                                <span>
10602                                                                    <?xml version="1.0" encoding="UTF-8"?>
10603<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 81.54 100" class="h-7 w-7 mr-2 stroke-4">
10604    <title>Xmas Ball</title>
10605    <path d="M40.77,99.25c22.1,0,40.02-17.99,40.02-40.18S62.87,18.89,40.77,18.89.75,36.88.75,59.07s17.92,40.18,40.02,40.18Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10606    <path d="M40,18.85s.09.06.15,0c.18.09.38.09.62.09.18,0,.44,0,.62-.09.06.06.09,0,.15,0" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10607    <path d="M31.68,9.85c0-5.03,4.04-9.1,9.06-9.1s9.12,4.06,9.12,9.1" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10608    <path d="M54.96,21.49v-11.64h-28.39v11.64" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10609    <path d="M77.57,43.15H4" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10610    <path d="M77.51,74.95H4.06" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10611    <path d="M68.92,59.07c0-4.27,4.25-7.67,9.42-7.67.62,0,1.18.06,1.77.15" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10612    <path d="M68.92,59.07c0,4.21-4.22,7.61-9.39,7.61s-9.39-3.41-9.39-7.61" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10613    <path d="M50.16,59.07c0-4.24-4.22-7.64-9.36-7.64s-9.39,3.41-9.39,7.64" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10614    <path d="M31.38,59.07c0,4.21-4.22,7.61-9.39,7.61s-9.39-3.41-9.39-7.61" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10615    <path d="M1.46,51.54c.56-.09,1.15-.15,1.71-.15,5.19,0,9.42,3.41,9.42,7.67" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10616    <path d="M22,58.53c1.3,0,2.36-1.06,2.36-2.37s-1.05-2.37-2.36-2.37-2.36,1.06-2.36,2.37,1.05,2.37,2.36,2.37Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10617    <path d="M59.54,58.53c1.3,0,2.36-1.06,2.36-2.37s-1.05-2.37-2.36-2.37-2.36,1.06-2.36,2.37,1.05,2.37,2.36,2.37Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10618    <path d="M40.74,64.08c1.3,0,2.36-1.06,2.36-2.37s-1.05-2.37-2.36-2.37-2.36,1.06-2.36,2.37,1.05,2.37,2.36,2.37Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10619</svg>
10620                                                                </span>
10621                                                                    <div class="level-2-headline"
10622                                                                         role="heading"
10623                                                                         aria-level="2">
10624                                                                        Kerzen&#x20;nach&#x20;Themen&#x20;&amp;&#x20;Anl&#xE4;ssen                                                                    </div>
10625                                                                </div>
10626                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
10627    <title>Arrow Right</title>
10628    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
10629                                                            </a>
10630                                                            <ul class="level-3">
10631                                                                                                                                    <li class="level-3-items">
10632                                                                        <a href="https://www.papstar-shop.de/produkte/kerzen/kerzen-themen/grablichter-oellichter.htm"
10633                                                                           title="Grablichter&#x20;&amp;&#x20;&#xD6;llichter">
10634                                                                            <sp
10634an>Grablichter&#x20;&amp;&#x20;&#xD6;llichter</span>
10635                                                                        </a>
10636                                                                    </li>
10637                                                                                                                                    <li class="level-3-items">
10638                                                                        <a href="https://www.papstar-shop.de/produkte/kerzen/kerzen-themen/brennpasten.htm"
10639                                                                           title="Brennpasten">
10640                                                                            <span>Brennpasten</span>
10641                                                                        </a>
10642                                                                    </li>
10643                                                                                                                                    <li class="level-3-items">
10644                                                                        <a href="https://www.papstar-shop.de/produkte/kerzen/kerzen-themen/geburtstagskerzen.htm"
10645                                                                           title="Geburtstagskerzen">
10646                                                                            <span>Geburtstagskerzen</span>
10647                                                                        </a>
10648                                                                    </li>
10649                                                                                                                                    <li class="level-3-items">
10650                                                                        <a href="https://www.papstar-shop.de/produkte/kerzen/kerzen-themen/weihnachtskerzen.htm"
10651                                                                           title="Weihnachtskerzen">
10652                                                                            <span>Weihnachtskerzen</span>
10653                                                                        </a>
10654                                                                    </li>
10655                                                                                                                            </ul>
10656                                                        </div>
10657                                                    </div>
10658                                                                                                    <div class="level-2">
10659                                                        <div class="level-2-items">
10660                                                            <a href="https://www.papstar-shop.de/produkte/kerzen/kerzen-sonderformen.htm"
10661                                                               title="Kerzen&#x20;Sonderformen"
10662                                                               class="hover:underline">
10663                                                                <div class="flex font-bold">
10664                                                                <span>
10665                                                                    <?xml version="1.0" encoding="UTF-8"?>
10666<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 76.73 100" class="h-7 w-7 mr-2 stroke-4">
10667    <title>Starcandle</title>
10668    <path d="M28.3,20.83c0-4.64,5.46-13.77,10.09-20.08,4.63,6.47,10.09,15.44,10.09,20.08,0,5.34-2.65,9.28-6.74,10.69h-6.74c-4.05-1.41-6.74-5.34-6.74-10.69h.04Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10669    <path d="M38.32,23.74v17.28" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10670    <polygon points="75.98 24.02 58.69 61.63 75.98 99.25 38.37 81.95 .75 99.25 18.05 61.63 .75 24.02 38.37 41.31 75.98 24.02" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10671</svg>
10672                                                                </span>
10673                                                                    <div class="level-2-headline"
10674                                                                         role="heading"
10675                                                                         aria-level="2">
10676                                                                        Kerzen&#x20;Sonderformen                                                                    </div>
10677                                                                </div>
10678                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
10679    <title>Arrow Right</title>
10680    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
10681                                                            </a>
10682                                                            <ul class="level-3">
10683                                                                                                                                    <li class="level-3-items">
10684                                                                        <a href="https://www.papstar-shop.de/produkte/kerzen/kerzen-sonderformen/kugelkerzen.htm"
10685                                                                           title="Kugelkerzen">
10686                                                                            <sp
10686an>Kugelkerzen</span>
10687                                                                        </a>
10688                                                                    </li>
10689                                                                                                                            </ul>
10690                                                        </div>
10691                                                    </div>
10692                                                                                                    <div class="level-2">
10693                                                        <div class="level-2-items">
10694                                                            <a href="https://www.papstar-shop.de/produkte/kerzen/led-kerzen.htm"
10695                                                               title="LED-Kerzen"
10696                                                               class="hover:underline">
10697                                                                <div class="flex font-bold">
10698                                                                <span>
10699                                                                                                                                    </span>
10700                                                                    <div class="level-2-headline"
10701                                                                         role="heading"
10702                                                                         aria-level="2">
10703                                                                        LED-Kerzen                                                                    </div>
10704                                                                </div>
10705                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
10706    <title>Arrow Right</title>
10707    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
10708                                                            </a>
10709                                                            <ul class="level-3">
10710                                                                                                                            </ul>
10711                                                        </div>
10712                                                    </div>
10713                                                                                                                                    </div>
10714                                    </div>
10715                                </li>
10716                                                                                                                            <li class="level-1-item node-49"
10717
10718                                    x-data="initNode()"
10719                                    x-on:keydown.escape.prevent.stop="close($refs.button)"
10720                                    x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
10721                                    x-id="['navi-button']"
10722                                >
10723                                    <button
10724                                        type="button"
10725                                        x-ref="button"
10726                                        :class="{'node-active': open}"
10727                                        x-on:click="toggle()"
10728                                        :aria-expanded="open"
10729                                        :aria-controls="$id('navi-button')"
10730                                        title="Hygiene &amp; Medizin"
10731                                    >
10732                                        Hygiene &amp; Medizin                                    </button>
10733
10734                                    <div class="level-1-panel"
10735                                         x-ref="panel"
10736                                         x-show="open"
10737                                         x-transition.origin.top
10738                                         x-on:click.outside="close($refs.button)"
10739                                         :id="$id('navi-button')"
10740                                         x-cloak>
10741                                        <div class="level-1-headline-container">
10742                                            <div class="level-1-headline"
10743                                                 role="heading"
10744                                                 aria-level="1">
10745                                                Hygiene&#x20;&amp;&#x20;Medizin:
10746                                            </div>
10747                                            <a class="show-all-link"
10748                                               href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;produkte&#x2F;hygieneartikel-medizinprodukte.htm"
10749                                               aria-label="alles in Hygiene&#x20;&amp;&#x20;Medizin anzeigen"
10750                                               title="alles in Hygiene&#x20;&amp;&#x20;Medizin anzeigen"
10751                                            >
10752                                                alles&#x20;in&#x20;Hygiene&#x20;&amp;&#x20;Medizin&#x20;anzeigen                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="pl-1 text-primary h-4">
10753    <title>Arrow Right</title>
10754    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
10755                                            </a>
10756                                        </div>
10757
10758                                        <div class="level-1-panel-container">
10759                                                                                                                                                <div class="level-2">
10760                                                        <div class="level-2-items">
10761                                                            <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/hygienepapier.htm"
10762                                                               title="Hygienepapiere"
10763                                                               class="hover:underline">
10764                                                                <div class="flex font-bold">
10765                                                                <sp
10765an>
10766                                                                    <?xml version="1.0" encoding="UTF-8"?>
10767<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 101.5 93.85" class="h-7 w-7 mr-2 stroke-4">
10768    <title>Dispenser</title>
10769    <polygon points="36.51 29.25 36.51 37.77 22.9 37.77 22.9 51.38 14.38 51.38 14.38 37.77 .75 37.77 .75 29.25 14.38 29.25 14.38 15.62 22.9 15.62 22.9 29.25 36.51 29.25" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10770    <path d="M60.31,4.86v.08c-.22,2.22-9.48,4.01-20.84,4.01s-20.61-1.79-20.84-4.01v-.08c0-2.27,9.35-4.11,20.84-4.11s20.84,1.84,20.84,4.11Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10771    <path d="M60.31,4.94v84.06c0,2.25-9.33,4.1-20.84,4.1s-20.84-1.84-20.84-4.1v-37.62h4.28v-13.61h13.61v-8.52h-13.61v-13.63h-4.28V4.94c.23,2.22,9.5,4.01,20.84,4.01s20.63-1.79,20.84-4.01Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10772    <path d="M95.2,11.57l5.08,5.08c.63.63.63,1.66,0,2.29l-3.93,3.93c-.63.63-.63,1.66,0,2.29l3.93,3.93c.63.63.63,1.66,0,2.29l-3.93,3.93c-.63.63-.63,1.66,0,2.29l3.93,3.93c.63.63.63,1.66,0,2.29l-3.93,3.93c-.63.63-.63,1.66,0,2.29l3.93,3.93c.63.63.63,1.66,0,2.29l-3.93,3.93c-.63.63-.63,1.66,0,2.29l3.93,3.93c.63.63.63,1.66,0,2.29l-3.93,3.93c-.63.63-.63,1.66,0,2.29l3.93,3.93c.63.63.63,1.66,0,2.29l-5.08,5.08" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10773    <line x1="60.31" y1="11.57" x2="95.2" y2="11.57" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10774    <line x1="60.31" y1="86.22" x2="95.2" y2="86.22" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10775</svg>
10776                                                                </span>
10777                                                                    <div class="level-2-headline"
10778                                                                         role="heading"
10779                                                                         aria-level="2">
10780                                                                        Hygienepapiere                                                                    </div>
10781                                                                </div>
10782                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
10783    <title>Arrow Right</title>
10784    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
10785                                                            </a>
10786                                                            <ul class="level-3">
10787                                                                                                                                    <li class="level-3-items">
10788                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/hygienepapier/toilettenpapier.htm"
10789                                                                           title="Toilettenpapier">
10790                                                                            <span>Toilettenpapier</span>
10791                                                                        </a>
10792                                                                    </li>
10793                                                                                                                                    <li class="level-3-items">
10794                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/hygienepapier/papierhandtuecher.htm"
10795                                                                           title="Papierhandt&#xFC;cher">
10796                                                                            <sp
10796an>Papierhandt&#xFC;cher</span>
10797                                                                        </a>
10798                                                                    </li>
10799                                                                                                                                    <li class="level-3-items">
10800                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/hygienepapier/erfrischungstuecher.htm"
10801                                                                           title="Erfrischungst&#xFC;cher">
10802                                                                            <span>Erfrischungst&#xFC;cher</span>
10803                                                                        </a>
10804                                                                    </li>
10805                                                                                                                                    <li class="level-3-items">
10806                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/hygienepapier/aerztekrepp.htm"
10807                                                                           title="&#xC4;rztekrepp">
10808                                                                            <span>&#xC4;rztekrepp</span>
10809                                                                        </a>
10810                                                                    </li>
10811                                                                                                                                    <li class="level-3-items">
10812                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/hygienepapier/putztuchrollen.htm"
10813                                                                           title="Putztuchrollen&#x20;">
10814                                                                            <span>Putztuchrollen&#x20;</span>
10815                                                                        </a>
10816                                                                    </li>
10817                                                                                                                                    <li class="level-3-items">
10818                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/hygienepapier/kuchenrollen.htm"
10819                                                                           title="K&#xFC;chenrollen">
10820                                                                            <span>K&#xFC;chenrollen</span>
10821                                                                        </a>
10822                                                                    </li>
10823                                                                                                                            </ul>
10824                                                        </div>
10825                                                    </div>
10826                                                                                                    <div class="level-2">
10827                                                        <div class="level-2-items">
10828                                                            <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/einmalhandschuhe-einweghandschuhe.htm"
10829                                                               title="Einmalhandschuhe"
10830                                                               class="hover:underline">
10831                                                                <div class="flex font-bold">
10832                                                                <span>
10833                                                                    <?xml version="1.0" encoding="UTF-8"?>
10834<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 98.29" class="h-7 w-7 mr-2 stroke-4">
10835    <title>Gloves</title>
10836    <path d="M93.98,53.59c-.96-2.67-4.05-2.58-6.76-1.76l-12.62,3.61,22.28-16.95c2.22-1.59,3.09-4.65,1.72-7.02-1.58-2.73-5.1-3.44-7.59-1.64l-22.09,15.9c-2.04,1.47-4.4-1.34-2.61-3.09l23.5-23.17c1.95-1.92,2.34-5.07.63-7.2-1.97-2.45-5.57-2.61-7.75-.45l-23.23,22.89c-1.77,1.74-4.51-.64-3.03-2.63l16.88-22.74c1.63-2.2,1.54-5.37-.49-7.21-2.32-2.12-5.91-1.72-7.73.74l-26.41,35.59,4.08-19.47c.66-3.16-1.11-6.49-4.23-7.32-3.33-.89-6.68,1.21-7.37,4.54l-4.19,9.81c-2.72,6.36-4.8,12.99-6.22,19.76l-.58,2.76c-1.71,4.6-4.41,8.75-7.9,12.2l-4.75,4.68,26.24,26.62,14.42-14.22h0c8.4-1.66,16.49-4.61,24-8.71l3.66-2c1.23-.48,2.45-.99,3.65-1.56l10.33-4.82c2.86-.86,5.18-4.29,4.15-7.13h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10837    <rect x="14.91" y="58.46" width="5.98" height="43.49" rx=".58" ry=".58" transform="translate(-51.15 35.65) rotate(-44.59)" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10838</svg>
10839                                                                </span>
10840                                                                    <div class="level-2-headline"
10841                                                                         role="heading"
10842                                                                         aria-level="2">
10843                                                                        Einmalhandschuhe                                                                    </div>
10844                                                                </div>
10845                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
10846    <title>Arrow Right</title>
10847    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
10848                                                            </a>
10849                                                            <ul class="level-3">
10850                                                                                                                                    <li class="level-3-items">
10851                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/einmalhandschuhe-einweghandschuhe/nitril-handschuhe.htm"
10852                                                                           title="Nitrilhandschuhe">
10853                                                                            <sp
10853an>Nitrilhandschuhe</span>
10854                                                                        </a>
10855                                                                    </li>
10856                                                                                                                                    <li class="level-3-items">
10857                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/einmalhandschuhe-einweghandschuhe/bunte-einmalhandschuhe.htm"
10858                                                                           title="Bunte&#x20;Einmalhandschuhe">
10859                                                                            <span>Bunte&#x20;Einmalhandschuhe</span>
10860                                                                        </a>
10861                                                                    </li>
10862                                                                                                                                    <li class="level-3-items">
10863                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/einmalhandschuhe-einweghandschuhe/latexhandschuhe.htm"
10864                                                                           title="Latexhandschuhe">
10865                                                                            <span>Latexhandschuhe</span>
10866                                                                        </a>
10867                                                                    </li>
10868                                                                                                                                    <li class="level-3-items">
10869                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/einmalhandschuhe-einweghandschuhe/pe-handschuhe.htm"
10870                                                                           title="PE-Handschuhe">
10871                                                                            <span>PE-Handschuhe</span>
10872                                                                        </a>
10873                                                                    </li>
10874                                                                                                                                    <li class="level-3-items">
10875                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/einmalhandschuhe-einweghandschuhe/baumwollhandschuhe.htm"
10876                                                                           title="Baumwollhandschuhe">
10877                                                                            <span>Baumwollhandschuhe</span>
10878                                                                        </a>
10879                                                                    </li>
10880                                                                                                                                    <li class="level-3-items">
10881                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/einmalhandschuhe-einweghandschuhe/vinyl-handschuhe.htm"
10882                                                                           title="Vinylhandschuhe">
10883                                                                            <span>Vinylhandschuhe</span>
10884                                                                        </a>
10885                                                                    </li>
10886                                                                                                                                    <li class="level-3-items">
10887                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/einmalhandschuhe-einweghandschuhe/schnittschutzhandschuhe.htm"
10888                                                                           title="Schnittschutzhandschuhe">
10889                                                                            <sp
10889an>Schnittschutzhandschuhe</span>
10890                                                                        </a>
10891                                                                    </li>
10892                                                                                                                            </ul>
10893                                                        </div>
10894                                                    </div>
10895                                                                                                    <div class="level-2">
10896                                                        <div class="level-2-items">
10897                                                            <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/tattoo-bedarf.htm"
10898                                                               title="Tattoo&#x20;Bedarf"
10899                                                               class="hover:underline">
10900                                                                <div class="flex font-bold">
10901                                                                <span>
10902                                                                                                                                    </span>
10903                                                                    <div class="level-2-headline"
10904                                                                         role="heading"
10905                                                                         aria-level="2">
10906                                                                        Tattoo&#x20;Bedarf                                                                    </div>
10907                                                                </div>
10908                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
10909    <title>Arrow Right</title>
10910    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
10911                                                            </a>
10912                                                            <ul class="level-3">
10913                                                                                                                                    <li class="level-3-items">
10914                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/tattoo-bedarf/tattoo-handschuhe.htm"
10915                                                                           title="Tattoo&#x20;Handschuhe">
10916                                                                            <span>Tattoo&#x20;Handschuhe</span>
10917                                                                        </a>
10918                                                                    </li>
10919                                                                                                                                    <li class="level-3-items">
10920                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/tattoo-bedarf/tattoo-zubehor.htm"
10921                                                                           title="Tattoo&#x20;Zubeh&#xF6;r">
10922                                                                            <span>Tattoo&#x20;Zubeh&#xF6;r</span>
10923                                                                        </a>
10924                                                                    </li>
10925                                                                                                                                    <li class="level-3-items">
10926                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/tattoo-bedarf/tattoo-hygiene.htm"
10927                                                                           title="Tattoo&#x20;Hygiene">
10928                                                                            <sp
10928an>Tattoo&#x20;Hygiene</span>
10929                                                                        </a>
10930                                                                    </li>
10931                                                                                                                                    <li class="level-3-items">
10932                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/tattoo-bedarf/hygienepapier-tattoo.htm"
10933                                                                           title="&#xC4;rztekrepp&#x20;&amp;&#x20;Hygienepapier&#x20;f&#xFC;r&#x20;Tattoostudios&#x20;">
10934                                                                            <span>&#xC4;rztekrepp&#x20;&amp;&#x20;Hygienepapier&#x20;f&#xFC;r&#x20;Tattoostudios&#x20;</span>
10935                                                                        </a>
10936                                                                    </li>
10937                                                                                                                                    <li class="level-3-items">
10938                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/tattoo-bedarf/tattoo-schutzkleidung.htm"
10939                                                                           title="Tattoo&#x20;Schutzkleidung">
10940                                                                            <span>Tattoo&#x20;Schutzkleidung</span>
10941                                                                        </a>
10942                                                                    </li>
10943                                                                                                                            </ul>
10944                                                        </div>
10945                                                    </div>
10946                                                                                                    <div class="level-2">
10947                                                        <div class="level-2-items">
10948                                                            <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/schutzkleidung-hygienekleidung.htm"
10949                                                               title="Schutz-&#x20;&amp;&#x20;Hygienekleidung"
10950                                                               class="hover:underline">
10951                                                                <div class="flex font-bold">
10952                                                                <span>
10953                                                                    <?xml version="1.0" encoding="UTF-8"?>
10954<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 57.19" class="h-7 w-7 mr-2 stroke-4">
10955    <title>Hygiene Clothes</title>
10956    <path d="M82.69,53.01c-21.7,4.57-43.5,4.57-65.4,0-1.26,0-2.29-1.02-2.29-2.29V14.46c0-1.26,1.02-2.29,2.29-2.29,21.82,3.14,43.57,2.95,65.4,0,1.26,0,2.29,1.02,2.29,2.29v36.27c0,1.26-1.02,2.29-2.29,2.29Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10957    <path d="M25.46,22.19c16.16,4.06,32.53,3.88,49.07,0" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10958    <path d="M25.46,32.82c16.16,4.06,32.53,3.88,49.07,0" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10959    <path d="M25.46,43.45c16.16,4.06,32.53,3.88,49.07,0" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10960    <path d="M84.98,12.19s6.79-15.65,10.8-10.33,5.22,27.44,0,32.47-10.8,6.71-10.8,6.71" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10961    <path d="M15.02,12.19S8.23-3.47,4.23,1.85s-5.22,27.44,0,32.47,10.8,6.71,10.8,6.71" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
10962</svg>
10963                                                                </span>
10964                                                                    <div class="level-2-headline"
10965                                                                         role="heading"
10966                                                                         aria-level="2">
10967                                                                        Schutz-&#x20;&amp;&#x20;Hygienekleidung                                                                    </div>
10968                                                                </div>
10969                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
10970    <title>Arrow Right</title>
10971    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
10972                                                            </a>
10973                                                            <ul class="level-3">
10974                                                                                                                                    <li class="level-3-items">
10975                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/schutzkleidung-hygienekleidung/einweghauben-kochmuetzen.htm"
10976                                                                           title="Einweghauben&#x20;&amp;&#x20;Kochm&#xFC;tzen">
10977                                                                            <sp
10977an>Einweghauben&#x20;&amp;&#x20;Kochm&#xFC;tzen</span>
10978                                                                        </a>
10979                                                                    </li>
10980                                                                                                                                    <li class="level-3-items">
10981                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/schutzkleidung-hygienekleidung/ueberziehschuhe.htm"
10982                                                                           title="&#xDC;berziehschuhe">
10983                                                                            <span>&#xDC;berziehschuhe</span>
10984                                                                        </a>
10985                                                                    </li>
10986                                                                                                                                    <li class="level-3-items">
10987                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/schutzkleidung-hygienekleidung/mundschutz.htm"
10988                                                                           title="Mundschutz">
10989                                                                            <span>Mundschutz</span>
10990                                                                        </a>
10991                                                                    </li>
10992                                                                                                                                    <li class="level-3-items">
10993                                                                        <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/schutzkleidung-hygienekleidung/einwegschuerzen-schutzkittel.htm"
10994                                                                           title="Einwegsch&#xFC;rzen&#x20;&amp;&#x20;Schutzkittel">
10995                                                                            <span>Einwegsch&#xFC;rzen&#x20;&amp;&#x20;Schutzkittel</span>
10996                                                                        </a>
10997                                                                    </li>
10998                                                                                                                            </ul>
10999                                                        </div>
11000                                                    </div>
11001                                                                                                    <div class="level-2">
11002                                                        <div class="level-2-items">
11003                                                            <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/hygienespender.htm"
11004                                                               title="Hygienespender"
11005                                                               class="hover:underline">
11006                                                                <div class="flex font-bold">
11007                                                                <span>
11008                                                                    <?xml version="1.0" encoding="UTF-8"?>
11009<svg xmlns="http://www.w3.org/2000/svg" id="Icon-Gruppen" viewBox="0 0 61.57 100" class="h-7 w-7 mr-2 stroke-4">
11010    <path d="M48.04,41.61v.14h0c.08,2.46,2.1,4.42,4.56,4.42s4.49-1.96,4.57-4.42h0v-.15c0-1-.33-1.93-.88-2.69-.82-1.12-1.61-2.28-2.21-3.53l-1.49-3.06-1.48,3.06c-.61,1.26-1.39,2.41-2.22,3.55-.55.76-.88,1.68-.88,2.68h0Z" fill="none" stroke="currentColor" style="stroke-linecap:round; stroke-linejoin:round; stroke-width:2.5"/>
11011    <path d="M.75,95.04c0,2.31,1.89,4.21,4.19,4.21h22.19c2.3,0,4.19-1.89,4.19-4.21V19.47c0-2.3-1.89-4.19-4.19-4.19H4.94c-2.3,0-4.19,1.89-4.19,4.19v75.58Z" fill="none" stroke="currentColor" style="stroke-linecap:round; stroke-linejoin:round; stroke-width:2.5"/>
11012    <path d="M27.13,15.27c2.3,0,4.19,1.89,4.19,4.19v9.25c3.93-4.37,13.11-7.46,18.06-7.46h4.04v-5.98s-26.28,0-26.28,0Z" fill="none" stroke="currentColor" style="stroke-linecap:round; stroke-linejoin:round; stroke-width:2.5"/>
11013    <line x1="28.48" y1="14.87" x2="60.82" y2=".75" fill="none" stroke="currentColor" style="stroke-linecap:round; stroke-linejoin:round; stroke-width:2.5"/>
11014</svg>
11015                                                                </span>
11016                                                                    <div class="level-2-headline"
11017                                                                         role="heading"
11018                                                                         aria-level="2">
11019                                                                        Hygienespender                                                                    </div>
11020                                                                </div>
11021                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
11022    <title>Arrow Right</title>
11023    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
11024                                                            </a>
11025                                                            <ul class="level-3">
11026                                                                                                                            </ul>
11027                                                        </div>
11028                                                    </div>
11029                                                                                                    <div class="level-2">
11030                                                        <div class="level-2-items">
11031                                                            <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/hotelkosmetik.htm"
11032                                                               title="Hotelkosmetik"
11033                                                               class="hover:underline">
11034                                                                <div class="flex font-bold">
11035                                                                <sp
11035an>
11036                                                                    <?xml version="1.0" encoding="UTF-8"?>
11037<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 96.56" class="h-7 w-7 mr-2 stroke-4">
11038    <title>Soap and Lotion</title>
11039    <path d="M20.25,27.25h12.29c10.76,0,19.5,8.67,19.5,19.33v49.23H.75v-49.23c0-10.66,8.75-19.33,19.5-19.33Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11040    <path d="M35.73,27.48c.07-.26.1-.55.1-.85v-6.75c0-3.29-2.7-6-6.05-6h-6.78c-3.35,0-6.05,2.71-6.05,6v6.75c0,.33.03.65.1.95" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11041    <path d="M26.4,13.89V3.94v9.95Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11042    <path d="M42.56,3.94h-19.76c-2.17,0-4.24.85-5.75,2.38l-6.81,6.75" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11043    <path d="M93.42,83.23h-32.88v12.55h32.88v-12.55Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11044    <path d="M89.97.75h-25.97c-5.39,0-9.66,4.56-9.24,9.91l5.79,72.57h32.88l5.79-72.57c.42-5.35-3.85-9.91-9.24-9.91h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11045    <path d="M76.98,58.32c5.25,0,9.5-7.31,9.5-16.33s-4.25-16.33-9.5-16.33-9.5,7.31-9.5,16.33,4.25,16.33,9.5,16.33Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11046    <path d="M28.4,56.84c.08-.21.15-.43.22-.67q.05-.16,0,0c.42-1.49.69-3.43.69-5.54,0-4.72-1.3-8.55-2.92-8.55s-2.92,3.83-2.92,8.55c0,2.11.26,4.04.69,5.53.07.25.14.47.23.69" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
11047    <path d="M24.5,56.8c-.1-.21-.21-.42-.33-.64-.75-1.36-1.93-2.91-3.42-4.39-3.34-3.34-6.97-5.12-8.11-3.99-1.14,1.14.65,4.77,3.99,8.11,1.5,1.5,3.04,2.67,4.4,3.43h0c.22.12.42.22.63.32" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
11048    <path d="M21.7,59.53c-.21-.08-.43-.15-.67-.22h0c-1.49-.42-3.43-.69-5.54-.69-4.72,0-8.55,1.3-8.55,2.92s3.83,2.92,8.55,2.92c2.11,0,4.05-.27,5.54-.69q.99-.28,0,0c.24-.06.46-.14.67-.22" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
11049    <path d="M21.66,63.43c-.21.1-.41.2-.63.32q-.14.08,0,0c-1.36.75-2.91,1.93-4.4,3.43-3.34,3.34-5.13,6.97-3.99,8.11s4.77-.65,8.11-3.99c1.49-1.49,2.67-3.03,3.42-4.39.12-.22.23-.43.33-.64" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
11050    <path d="M24.39,66.23c-.08.22-.16.44-.23.69-.43,1.49-.69,3.42-.69,5.53,0,4.72,1.31,8.55,2.92,8.55s2.92-3.83,2.92-8.55c0-2.11-.27-4.05-.69-5.54q-.28-.99,0,0c-.06-.24-.14-.46-.22-.67" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
11051    <path d="M31.13,63.43c.21.1.41.2.63.32h0c1.36.75,2.91,1.93,4.4,3.43,3.34,3.34,5.12,6.97,3.99,8.11-1.14,1.13-4.77-.65-8.11-3.99-1.5-1.5-2.67-3.04-3.43-4.4q-.51-.91,0,0c-.12-.22-.22-.42-.32-.63" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
11052    <path d="M31.09,63.54c.21.08.43.15.67.22h0c1.49.42,3.43.69,5.54.69,4.72,0,8.55-1.3,8.55-2.92s-3.83-2.92-8.55-2.92c-2.11,0-4.05.27-5.54.69q-.99.28,0,0c-.24.06-.46.14-.67.22" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
11053    <path d="M31.13,59.64c.21-.1.41-.2.63-.32q.14-.08,0,0c1.36-.75,2.91-1.93,4.4-3.43,3.34-3.34,5.12-6.97,3.99-8.11-1.14-1.13-4.77.65-8.11,3.99-1.5,1.5-2.67,3.04-3.43,4.4q-.51.91,0,0c-.12.22-.22.42-.32.63" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
11054    <path d="M31.13,63.43s-.02.07-.04.1c-.25.59-.61,1.13-1.08,1.61s-1.01.84-1.61,1.08c-.03.02-.06.03-.1.04-1.21.49-2.59.49-3.8,0-.04,0-.07-.02-.1-.04-.59-.25-1.13-.61-1.61-1.08s-.84-1.01-1.08-1.61c-.02-.03-.03-.06-.04-.1-.49-1.21-.49-2.59,0-3.8,0-.04.02-.07.04-.1.25-.59.61-1.13,1.08-1.61s1.01-.84,1.61-1.08c.03-.02.06-.03.1-.04,1.21-.49,2.59-.49,3.8,0,.04,0,.07.02.1.04.59.25,
110541.13.61,1.61,1.08s.84,1.01,1.08,1.61c.02.03.03.06.04.1.49,1.21.49,2.59,0,3.8Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
11055</svg>
11056                                                                </span>
11057                                                                    <div class="level-2-headline"
11058                                                                         role="heading"
11059                                                                         aria-level="2">
11060                                                                        Hotelkosmetik                                                                    </div>
11061                                                                </div>
11062                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
11063    <title>Arrow Right</title>
11064    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
11065                                                            </a>
11066                                                            <ul class="level-3">
11067                                                                                                                            </ul>
11068                                                        </div>
11069                                                    </div>
11070                                                                                                    <div class="level-2">
11071                                                        <div class="level-2-items">
11072                                                            <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/selbsthaftende-pflaster.htm"
11073                                                               title="Selbsthaftende&#x20;Pflaster"
11074                                                               class="hover:underline">
11075                                                                <div class="flex font-bold">
11076                                                                <span>
11077                                                                    <?xml version="1.0" encoding="UTF-8"?>
11078<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 99.86 99.86" class="h-7 w-7 mr-2 stroke-4">
11079    <title>Plaster</title>
11080    <rect x="-9.68" y="33.54" width="119.21" height="32.78" rx="11" ry="11" transform="translate(-20.68 49.93) rotate(-45)" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11081    <rect x="36.46" y="38.37" width="26.95" height="23.14" rx="1.16" ry="1.16" transform="translate(-20.69 49.93) rotate(-45)" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11082    <circle cx="21.2" cy="71.09" r=".47" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11083    <circle cx="24.99" cy="74.88" r=".47" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11084    <circle cx="28.77" cy="78.67" r=".47" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11085    <circle cx="25.37" cy="66.92" r=".47" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11086    <circle cx="29.15" cy="70.71" r=".47" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11087    <circle cx="32.95" cy="74.49" r=".47" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11088    <circle cx="69.63" cy="22.66" r=".47" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11089    <circle cx="73.41" cy="26.45" r=".47" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11090    <circle cx="77.2" cy="30.24" r=".47" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11091    <circle cx="73.79" cy="18.49" r=".47" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11092    <circle cx="77.59" cy="22.28" r=".47" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11093    <circle cx="81.37" cy="26.07" r=".47" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11094</svg>
11095                                                                </span>
11096                                                                    <div class="level-2-headline"
11097                                                                         role="heading"
11098                                                                         aria-level="2">
11099                                                                        Selbsthaftende&#x20;Pflaster                                                                    </div>
11100                                                                </div>
11101                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
11102    <title>Arrow Right</title>
11103    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
11104                                                            </a>
11105                                                            <ul class="level-3">
11106                                                                                                                            </ul>
11107                                                        </div>
11108                                                    </div>
11109                                                                                                    <div class="level-2">
11110                                                        <div class="level-2-items">
11111                                                            <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/hygienebeutel.htm"
11112                                                               title="Hygienebeutel"
11113                                                               class="hover:underline">
11114                                                                <div class="flex font-bold">
11115                                                                <sp
11115an>
11116                                                                    <?xml version="1.0" encoding="UTF-8"?>
11117<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88.26 100" class="h-7 w-7 mr-2 stroke-4">
11118    <title>Firstaid Bag</title>
11119    <polygon points="61.8 47.7 61.8 56.13 48.35 56.13 48.35 69.57 39.93 69.57 39.93 56.13 26.46 56.13 26.46 47.7 39.93 47.7 39.93 34.24 48.35 34.24 48.35 47.7 61.8 47.7" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11120    <polygon points="87.51 99.25 .75 99.25 4.53 .75 83.73 .75 87.51 99.25" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11121    <path d="M55.13,14.45v-3.32c0-1.14-1.23-2.18-3.22-2.92s-4.75-1.21-7.78-1.21c-6.07,0-11,1.85-11,4.13v3.32h22" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11122</svg>
11123                                                                </span>
11124                                                                    <div class="level-2-headline"
11125                                                                         role="heading"
11126                                                                         aria-level="2">
11127                                                                        Hygienebeutel                                                                    </div>
11128                                                                </div>
11129                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
11130    <title>Arrow Right</title>
11131    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
11132                                                            </a>
11133                                                            <ul class="level-3">
11134                                                                                                                            </ul>
11135                                                        </div>
11136                                                    </div>
11137                                                                                                    <div class="level-2">
11138                                                        <div class="level-2-items">
11139                                                            <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/verbandskasten-erste-hilfe.htm"
11140                                                               title="Verbandsk&#xE4;sten&#x20;&amp;&#x20;erste&#x20;Hilfe"
11141                                                               class="hover:underline">
11142                                                                <div class="flex font-bold">
11143                                                                <span>
11144                                                                    <?xml version="1.0" encoding="UTF-8"?>
11145<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="h-7 w-7 mr-2 stroke-4">
11146    <title>Firstaid</title>
11147    <polygon points="99.25 38.29 99.25 61.76 61.76 61.76 61.76 99.25 38.29 99.25 38.29 61.76 .75 61.76 .75 38.29 38.29 38.29 38.29 .75 61.76 .75 61.76 38.29 99.25 38.29" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11148</svg>
11149                                                                </span>
11150                                                                    <div class="level-2-headline"
11151                                                                         role="heading"
11152                                                                         aria-level="2">
11153                                                                        Verbandsk&#xE4;sten&#x20;&amp;&#x20;erste&#x20;Hilfe                                                                    </div>
11154                                                                </div>
11155                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
11156    <title>Arrow Right</title>
11157    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
11158                                                            </a>
11159                                                            <ul class="level-3">
11160                                                                                                                            </ul>
11161                                                        </div>
11162                                                    </div>
11163                                                                                                    <div class="level-2">
11164                                                        <div class="level-2-items">
11165                                                            <a href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte/haccp-etiketten.htm"
11166                                                               title="HACCP-Etiketten"
11167                                                               class="hover:underline">
11168                                                                <div class="flex font-bold">
11169                                                                <sp
11169an>
11170                                                                    <?xml version="1.0" encoding="UTF-8"?>
11171<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 49.87" class="h-7 w-7 mr-2 stroke-4">
11172    <title>HAACP Brand</title>
11173    <path d="M96.16,49.12H3.85c-1.71,0-3.1-1.52-3.1-3.4V4.15C.75,2.28,2.14.75,3.85.75h92.29c1.71,0,3.1,1.52,3.1,3.4v41.57c0,1.87-1.39,3.4-3.1,3.4h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11174    <path d="M17.37,23.17h6.58v-6.02h3.03v15.56h-3.03v-6.93h-6.58v6.93h-3.03v-15.56h3.03v6.02Z"/>
11175    <path d="M39.74,29.45h-6.28l-1.38,3.27h-3.29l6.7-15.56h2.38l6.51,15.56h-3.27l-1.38-3.27ZM38.85,26.97l-2.22-5.6-2.22,5.6h4.43Z"/>
11176    <path d="M55.4,29.45h-6.28l-1.38,3.27h-3.29l6.7-15.56h2.38l6.51,15.56h-3.27s-1.38-3.27-1.38-3.27ZM54.52,26.97l-2.22-5.6-2.22,5.6h4.43Z"/>
11177    <path d="M72.66,32.15c-.94.49-2.17.91-3.85.91-2.73,0-4.38-.94-5.69-2.17-1.79-1.72-2.49-3.66-2.49-5.95,0-2.83,1.16-4.86,2.49-6.09,1.57-1.47,3.5-2.05,5.71-2.05,1.09,0,2.4.19,3.82.96v3.55c-1.42-1.64-3.19-1.75-3.75-1.75-3.12,0-5.15,2.57-5.15,5.44,0,3.46,2.66,5.32,5.27,5.32,1.45,0,2.73-.63,3.64-1.7v3.55h0Z"/>
11178    <path d="M79.98,17.15c1.75,0,2.97.19,4.11,1.19,1.26,1.12,1.59,2.64,1.59,3.75,0,.61-.09,2.29-1.28,3.48-.87.87-2.15,1.38-3.94,1.38h-1.96v5.76h-3.03v-15.56h4.53,0ZM78.48,24.34h1.23c.58,0,1.33,0,1.98-.49.56-.44.84-1.14.84-1.82,0-.87-.42-1.45-.87-1.77-.63-.44-1.42-.49-2.15-.49h-1.05v4.57h.02Z"/>
11179</svg>
11180                                                                </span>
11181                                                                    <div class="level-2-headline"
11182                                                                         role="heading"
11183                                                                         aria-level="2">
11184                                                                        HACCP-Etiketten                                                                    </div>
11185                                                                </div>
11186                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
11187    <title>Arrow Right</title>
11188    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
11189                                                            </a>
11190                                                            <ul class="level-3">
11191                                                                                                                            </ul>
11192                                                        </div>
11193                                                    </div>
11194                                                                                                                                    </div>
11195                                    </div>
11196                                </li>
11197                                                                                                                            <li class="level-1-item node-1006"
11198
11199                                    x-data="initNode()"
11200                                    x-on:keydown.escape.prevent.stop="close($refs.button)"
11201                                    x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
11202                                    x-id="['navi-button']"
11203                                >
11204                                    <button
11205                                        type="button"
11206                                        x-ref="button"
11207                                        :class="{'node-active': open}"
11208                                        x-on:click="toggle()"
11209                                        :aria-expanded="open"
11210                                        :aria-controls="$id('navi-button')"
11211                                        title="Reinigung"
11212                                    >
11213                                        Reinigung                                    </button>
11214
11215                                    <div class="level-1-panel"
11216                                         x-ref="panel"
11217                                         x-show="open"
11218                                         x-transition.origin.top
11219                                         x-on:click.outside="close($refs.button)"
11220                                         :id="$id('navi-button')"
11221                                         x-cloak>
11222                                        <div class="level-1-headline-container">
11223                                            <div class="level-1-headline"
11224                                                 role="heading"
11225                                                 aria-level="1">
11226                                                Reinigung:
11227                                            </div>
11228                                            <a class="show-all-link"
11229                                               href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;produkte&#x2F;reinigungsmittel-putzutensilien.htm"
11230                                               aria-label="alles in Reinigung anzeigen"
11231                                               title="alles in Reinigung anzeigen"
11232                                            >
11233                                                alles&#x20;in&#x20;Reinigung&#x20;anzeigen                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="pl-1 text-primary h-4">
11234    <title>Arrow Right</title>
11235    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
11236                                            </a>
11237                                        </div>
11238
11239                                        <div class="level-1-panel-container">
11240                                                                                                                                                <div class="level-2">
11241                                                        <div class="level-2-items">
11242                                                            <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/mullbeutel-mullsacke.htm"
11243                                                               title="M&#xFC;llbeutel&#x20;&amp;&#x20;M&#xFC;lls&#xE4;cke"
11244                                                               class="hover:underline">
11245                                                                <div class="flex font-bold">
11246                                                                <sp
11246an>
11247                                                                    <?xml version="1.0" encoding="UTF-8"?>
11248<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 67.44 100" class="h-7 w-7 mr-2 stroke-4">
11249    <title>Trashcan</title>
11250    <polygon points="57.47 99.25 9.97 99.25 3.26 17.26 64.17 17.26 57.47 99.25" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11251    <line x1="16.45" y1="32.21" x2="19.55" y2="84.3" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11252    <line x1="50.98" y1="32.21" x2="47.88" y2="84.3" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11253    <line x1="33.72" y1="30.39" x2="33.72" y2="84.3" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11254    <polygon points="66.69 17.26 .75 17.26 2.71 9.89 64.73 9.89 66.69 17.26" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11255    <path d="M25.09,9.22v-.28c0-4.52,3.86-8.2,8.63-8.2,2.38,0,4.54.92,6.11,2.4,1.56,1.48,2.52,3.53,2.52,5.79v.28" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11256</svg>
11257                                                                </span>
11258                                                                    <div class="level-2-headline"
11259                                                                         role="heading"
11260                                                                         aria-level="2">
11261                                                                        M&#xFC;llbeutel&#x20;&amp;&#x20;M&#xFC;lls&#xE4;cke                                                                    </div>
11262                                                                </div>
11263                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
11264    <title>Arrow Right</title>
11265    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
11266                                                            </a>
11267                                                            <ul class="level-3">
11268                                                                                                                                    <li class="level-3-items">
11269                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/mullbeutel-mullsacke/muellbeutel.htm"
11270                                                                           title="M&#xFC;llbeutel">
11271                                                                            <span>M&#xFC;llbeutel</span>
11272                                                                        </a>
11273                                                                    </li>
11274                                                                                                                                    <li class="level-3-items">
11275                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/mullbeutel-mullsacke/bio-muellbeutel-kompostsaecke.htm"
11276                                                                           title="Bio-M&#xFC;llbeutel&#x20;&amp;&#x20;Komposts&#xE4;cke">
11277                                                                            <span>Bio-M&#xFC;llbeutel&#x20;&amp;&#x20;Komposts&#xE4;cke</span>
11278                                                                        </a>
11279                                                                    </li>
11280                                                                                                                                    <li class="level-3-items">
11281                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/mullbeutel-mullsacke/muellsaecke.htm"
11282                                                                           title="M&#xFC;lls&#xE4;cke">
11283                                                                            <sp
11283an>M&#xFC;lls&#xE4;cke</span>
11284                                                                        </a>
11285                                                                    </li>
11286                                                                                                                            </ul>
11287                                                        </div>
11288                                                    </div>
11289                                                                                                    <div class="level-2">
11290                                                        <div class="level-2-items">
11291                                                            <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/putztuecher.htm"
11292                                                               title="Putzt&#xFC;cher"
11293                                                               class="hover:underline">
11294                                                                <div class="flex font-bold">
11295                                                                <span>
11296                                                                    <?xml version="1.0" encoding="UTF-8"?>
11297<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="h-7 w-7 mr-2 stroke-4">
11298    <title>Hotelsupplies</title>
11299    <path d="M9.82,56.68L.75,47.61,47.62.75l51.63,51.63-46.87,46.87-7.38-7.38" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11300    <path d="M60.11,40.37l3.25-3.25c1.68-1.68,4.42-1.7,6.08-.05s1.64,4.39-.05,6.08l-3.29,3.29" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11301    <path d="M48.94,63.58l17.16-17.15c1.68-1.68,4.41-1.7,6.08-.05,1.65,1.65,1.64,4.39-.05,6.08l-14.42,14.42M11.29,81.77c-.88-2.49-.83-5.18.21-8.59l12.63-35.15c.59-1.98,3.21-2.17,4.55-.63l1.26,1.57c1.36,2.13,1.62,3.79,1.16,6.45l-1.06,11.98M27.23,61.19l26.85-26.85c1.69-1.68,4.42-1.7,6.08-.05,1.65,1.66,1.64,4.39-.05,6.08l-17.38,17.38" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11302    <path d="M62.28,62.29l3.94-3.94c1.68-1.68,4.41-1.7,6.08-.05,1.65,1.66,1.64,4.39-.05,6.08l-25.97,25.97c-4.62,4.62-9.92,7.55-15.16,7.55" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11303</svg>
11304                                                                </span>
11305                                                                    <div class="level-2-headline"
11306                                                                         role="heading"
11307                                                                         aria-level="2">
11308                                                                        Putzt&#xFC;cher                                                                    </div>
11309                                                                </div>
11310                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
11311    <title>Arrow Right</title>
11312    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
11313                                                            </a>
11314                                                            <ul class="level-3">
11315                                                                                                                                    <li class="level-3-items">
11316                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/putztuecher/allzwecktuecher.htm"
11317                                                                           title="Allzweckt&#xFC;cher">
11318                                                                            <span>Allzweckt&#xFC;cher</span>
11319                                                                        </a>
11320                                                                    </li>
11321                                                                                                                                    <li class="level-3-items">
11322                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/putztuecher/microfasertuecher.htm"
11323                                                                           title="Microfasert&#xFC;cher">
11324                                                                            <sp
11324an>Microfasert&#xFC;cher</span>
11325                                                                        </a>
11326                                                                    </li>
11327                                                                                                                                    <li class="level-3-items">
11328                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/putztuecher/geschirrtucher.htm"
11329                                                                           title="Geschirrt&#xFC;cher">
11330                                                                            <span>Geschirrt&#xFC;cher</span>
11331                                                                        </a>
11332                                                                    </li>
11333                                                                                                                            </ul>
11334                                                        </div>
11335                                                    </div>
11336                                                                                                    <div class="level-2">
11337                                                        <div class="level-2-items">
11338                                                            <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/reinigungsmittel-pflegemittel.htm"
11339                                                               title="Reinigungsmittel&#x20;&amp;&#x20;Pflegemittel"
11340                                                               class="hover:underline">
11341                                                                <div class="flex font-bold">
11342                                                                <span>
11343                                                                    <?xml version="1.0" encoding="UTF-8"?>
11344<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50.84 100" class="h-7 w-7 mr-2 stroke-4">
11345    <title>Spray</title>
11346    <path d="M50.08,39.33v59.92h-28.56v-28.35c0-4.61,1.09-9.14,3.21-13.25l13.19-25.62h8.15c4.04,0,4.03,3.28,4.03,7.32v-.02Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11347    <rect x="38.13" y="26.73" width="10.68" height="5.29" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11348    <rect x="20.83" y="6.36" width="4.14" height="7" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11349    <path d="M46.99,10.64v16.09h-7v-7.95c0-2.99-2.42-5.42-5.42-5.42h-9.59v-6.98h17.76c.25,0,.5.02.73.07,2.01.33,3.53,2.08,3.53,4.19Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11350    <line x1="32.23" y1="13.36" x2="28.47" y2="28.38" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11351    <line x1=".75" y1="10" x2="13.58" y2="10" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11352    <line x1="7.91" y1="19.25" x2="15.67" y2="12.1" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11353    <line x1="7.79" y1=".75" x2="15.67" y2="7.8" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11354</svg>
11355                                                                </span>
11356                                                                    <div class="level-2-headline"
11357                                                                         role="heading"
11358                                                                         aria-level="2">
11359                                                                        Reinigungsmittel&#x20;&amp;&#x20;Pflegemittel                                                                    </div>
11360                                                                </div>
11361                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
11362    <title>Arrow Right</title>
11363    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
11364                                                            </a>
11365                                                            <ul class="level-3">
11366                                                                                                                                    <li class="level-3-items">
11367                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/reinigungsmittel-pflegemittel/thekenreiniger.htm"
11368                                                                           title="Thekenreiniger">
11369                                                                            <sp
11369an>Thekenreiniger</span>
11370                                                                        </a>
11371                                                                    </li>
11372                                                                                                                                    <li class="level-3-items">
11373                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/reinigungsmittel-pflegemittel/desinfektionsmittel-desinfektionsreiniger.htm"
11374                                                                           title="Desinfektionsmittel&#x20;&amp;&#x20;Desinfektionsreiniger">
11375                                                                            <span>Desinfektionsmittel&#x20;&amp;&#x20;Desinfektionsreiniger</span>
11376                                                                        </a>
11377                                                                    </li>
11378                                                                                                                                    <li class="level-3-items">
11379                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/reinigungsmittel-pflegemittel/geschirrreiniger.htm"
11380                                                                           title="Geschirrreiniger">
11381                                                                            <span>Geschirrreiniger</span>
11382                                                                        </a>
11383                                                                    </li>
11384                                                                                                                                    <li class="level-3-items">
11385                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/reinigungsmittel-pflegemittel/lufterfrischer.htm"
11386                                                                           title="Lufterfrischer">
11387                                                                            <span>Lufterfrischer</span>
11388                                                                        </a>
11389                                                                    </li>
11390                                                                                                                                    <li class="level-3-items">
11391                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/reinigungsmittel-pflegemittel/sanitaerreiniger.htm"
11392                                                                           title="Sanit&#xE4;rreiniger">
11393                                                                            <span>Sanit&#xE4;rreiniger</span>
11394                                                                        </a>
11395                                                                    </li>
11396                                                                                                                                    <li class="level-3-items">
11397                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/reinigungsmittel-pflegemittel/kuechenreiniger.htm"
11398                                                                           title="K&#xFC;chenreiniger">
11399                                                                            <span>K&#xFC;chenreiniger</span>
11400                                                                        </a>
11401                                                                    </li>
11402                                                                                                                                    <li class="level-3-items">
11403                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/reinigungsmittel-pflegemittel/oberflaechenreiniger.htm"
11404                                                                           title="Oberfl&#xE4;chenreiniger">
11405                                                                            <sp
11405an>Oberfl&#xE4;chenreiniger</span>
11406                                                                        </a>
11407                                                                    </li>
11408                                                                                                                                    <li class="level-3-items">
11409                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/reinigungsmittel-pflegemittel/waschlotionen-handwaschseifen.htm"
11410                                                                           title="Waschlotionen&#x20;&amp;&#x20;Handwaschseifen">
11411                                                                            <span>Waschlotionen&#x20;&amp;&#x20;Handwaschseifen</span>
11412                                                                        </a>
11413                                                                    </li>
11414                                                                                                                            </ul>
11415                                                        </div>
11416                                                    </div>
11417                                                                                                    <div class="level-2">
11418                                                        <div class="level-2-items">
11419                                                            <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/putzschwaemme-topfreiniger.htm"
11420                                                               title="Putzschw&#xE4;mme&#x20;&amp;&#x20;Topfreiniger"
11421                                                               class="hover:underline">
11422                                                                <div class="flex font-bold">
11423                                                                <span>
11424                                                                    <?xml version="1.0" encoding="UTF-8"?>
11425<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 90.65" class="h-7 w-7 mr-2 stroke-4">
11426    <title>Sponge</title>
11427    <path d="M79.51,14.44c0,3.91-17.63,7.06-39.39,7.06S.75,18.35.75,14.44s17.61-7.06,39.36-7.06,39.39,3.15,39.39,7.06h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11428    <path d="M79.51,14.44v41.72l-6.06.91c-3.95.6-8.01.6-11.95,0l-7.7-1.15c-5,0-9.52,1.44-12.8,3.79-3.28,2.32-5.31,5.57-5.31,9.13v7.08c-19.66-.38-34.95-3.38-34.95-7V14.44c0,3.91,17.61,7.05,39.37,7.05s39.39-3.14,39.39-7.05Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11429    <path d="M27.28,15.09v-.46c0-7.66,5.76-13.88,12.85-13.88,3.55,0,6.77,1.56,9.09,4.08,2.31,2.5,3.76,5.98,3.76,9.81v.46" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11430    <line x1="35.7" y1="77.79" x2="35.7" y2="76.98" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
11431    <path d="M99.25,68.84c0,1.42-.33,2.79-.94,4.06-.9,1.94-2.41,3.66-4.38,5.07-3.25,2.33-7.79,3.79-12.79,3.79l-7.72-1.15c-3.93-.61-7.98-.61-11.91,0l-7.71,1.15c-6.32,0-11.88-2.3-15.09-5.8-.89-.95-1.58-1.96-2.08-3.05-.61-1.28-.94-2.65-.94-4.06,0-3.57,2.03-6.81,5.31-9.13,3.27-2.34,7.79-3.79,12.8-3.79l7.7,1.15c3.94.6,8,.6,11.95,0l6.06-.91,1.64-.25c9.99,0,18.1,5.79,18.1,12.92h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
11432    <path d="M99.25,68.84v8.14c0,3.57-2.03,6.8-5.32,9.13-3.25,2.33-7.79,3.79-12.79,3.79l-7.72-1.17c-3.93-.58-7.98-.58-11.91,0l-7.71,1.17c-10,0-18.1-5.79-18.1-12.92v-8.14c0,1.42.33,2.79.94,4.06.49,1.09,1.19,2.11,2.08,3.05,3.22,3.51,8.77,5.8,15.09,5.8l7.71-1.15c3.94-.61,7.99-.61,11.91,0l7.72,1.15c4.99,0,9.52-1.46,12.79-3.79,1.98-1.41,3.49-3.13,4.38-5.07.61-1.28.94-2.65.94-4.06h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
11433    <line x1="99.24" y1="77.79" x2="99.24" y2="76.98" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
11434</svg>
11435                                                                </span>
11436                                                                    <div class="level-2-headline"
11437                                                                         role="heading"
11438                                                                         aria-level="2">
11439                                                                        Putzschw&#xE4;mme&#x20;&amp;&#x20;Topfreiniger                                                                    </div>
11440                                                                </div>
11441                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
11442    <title>Arrow Right</title>
11443    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
11444                                                            </a>
11445                                                            <ul class="level-3">
11446                                                                                                                                    <li class="level-3-items">
11447                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/putzschwaemme-topfreiniger/putzschwaemme.htm"
11448                                                                           title="Putzschw&#xE4;mme">
11449                                                                            <sp
11449an>Putzschw&#xE4;mme</span>
11450                                                                        </a>
11451                                                                    </li>
11452                                                                                                                                    <li class="level-3-items">
11453                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/putzschwaemme-topfreiniger/topfreiniger-stahlschwaemme.htm"
11454                                                                           title="Topfreiniger&#x20;&amp;&#x20;Stahlschw&#xE4;mme">
11455                                                                            <span>Topfreiniger&#x20;&amp;&#x20;Stahlschw&#xE4;mme</span>
11456                                                                        </a>
11457                                                                    </li>
11458                                                                                                                            </ul>
11459                                                        </div>
11460                                                    </div>
11461                                                                                                    <div class="level-2">
11462                                                        <div class="level-2-items">
11463                                                            <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/bodenwischer-zubehoer.htm"
11464                                                               title="Bodenwischer&#x20;Zubeh&#xF6;r"
11465                                                               class="hover:underline">
11466                                                                <div class="flex font-bold">
11467                                                                <span>
11468                                                                                                                                    </span>
11469                                                                    <div class="level-2-headline"
11470                                                                         role="heading"
11471                                                                         aria-level="2">
11472                                                                        Bodenwischer&#x20;Zubeh&#xF6;r                                                                    </div>
11473                                                                </div>
11474                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
11475    <title>Arrow Right</title>
11476    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
11477                                                            </a>
11478                                                            <ul class="level-3">
11479                                                                                                                                    <li class="level-3-items">
11480                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/bodenwischer-zubehoer/vileda-ultraspeed.htm"
11481                                                                           title="Vileda&#x20;UltraSpeed">
11482                                                                            <span>Vileda&#x20;UltraSpeed</span>
11483                                                                        </a>
11484                                                                    </li>
11485                                                                                                                                    <li class="level-3-items">
11486                                                                        <a href="https://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/bodenwischer-zubehoer/vileda-combispeed.htm"
11487                                                                           title="Vileda&#x20;CombiSpeed">
11488                                                                            <sp
11488an>Vileda&#x20;CombiSpeed</span>
11489                                                                        </a>
11490                                                                    </li>
11491                                                                                                                            </ul>
11492                                                        </div>
11493                                                    </div>
11494                                                                                                                                    </div>
11495                                    </div>
11496                                </li>
11497                                                                                                                            <li class="level-1-item node-50"
11498
11499                                    x-data="initNode()"
11500                                    x-on:keydown.escape.prevent.stop="close($refs.button)"
11501                                    x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
11502                                    x-id="['navi-button']"
11503                                >
11504                                    <button
11505                                        type="button"
11506                                        x-ref="button"
11507                                        :class="{'node-active': open}"
11508                                        x-on:click="toggle()"
11509                                        :aria-expanded="open"
11510                                        :aria-controls="$id('navi-button')"
11511                                        title="Party &amp; Deko"
11512                                    >
11513                                        Party &amp; Deko                                    </button>
11514
11515                                    <div class="level-1-panel"
11516                                         x-ref="panel"
11517                                         x-show="open"
11518                                         x-transition.origin.top
11519                                         x-on:click.outside="close($refs.button)"
11520                                         :id="$id('navi-button')"
11521                                         x-cloak>
11522                                        <div class="level-1-headline-container">
11523                                            <div class="level-1-headline"
11524                                                 role="heading"
11525                                                 aria-level="1">
11526                                                Party&#x20;&amp;&#x20;Deko:
11527                                            </div>
11528                                            <a class="show-all-link"
11529                                               href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;produkte&#x2F;party-deko.htm"
11530                                               aria-label="alles in Party&#x20;&amp;&#x20;Deko anzeigen"
11531                                               title="alles in Party&#x20;&amp;&#x20;Deko anzeigen"
11532                                            >
11533                                                alles&#x20;in&#x20;Party&#x20;&amp;&#x20;Deko&#x20;anzeigen                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="pl-1 text-primary h-4">
11534    <title>Arrow Right</title>
11535    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
11536                                            </a>
11537                                        </div>
11538
11539                                        <div class="level-1-panel-container">
11540                                                                                                                                                <div class="level-2">
11541                                                        <div class="level-2-items">
11542                                                            <a href="https://www.papstar-shop.de/produkte/party-deko/luftballons.htm"
11543                                                               title="Luftballons"
11544                                                               class="hover:underline">
11545                                                                <div class="flex font-bold">
11546                                                                <sp
11546an>
11547                                                                    <?xml version="1.0" encoding="UTF-8"?>
11548<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 97.72 100" class="h-7 w-7 mr-2 stroke-4">
11549    <title>Balloon</title>
11550    <path d="M41.62,72.89c0,3.49-.19,10.71-1.81,10.71-2.14,0-5-3.51-6.92-5.36-1.92-1.85-7.88-2.9-7.8-5.85-.06-1.74,6.75-3.29,10.36-3.98,1.02,1.02,2.16,1.96,3.38,2.81.91.62,1.83,1.18,2.8,1.67Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11551    <path d="M38.82,71.21c14.3,9.91,36.33,3.19,49.21-15,12.87-18.19,11.72-40.97-2.58-50.88-14.3-9.91-36.33-3.19-49.21,15-12.87,18.19-11.72,40.97,2.58,50.88Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11552    <path d="M68.2,8.6c-5.39.64-10.92,2.93-15.89,6.64M46.98,20.02c-1.28,1.37-2.49,2.86-3.61,4.44" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11553    <path d="M.75,99.25s5.67-8.79,17.57-10.14c9.56-1.08,14.01-10.14,14.01-10.14" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11554</svg>
11555                                                                </span>
11556                                                                    <div class="level-2-headline"
11557                                                                         role="heading"
11558                                                                         aria-level="2">
11559                                                                        Luftballons                                                                    </div>
11560                                                                </div>
11561                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
11562    <title>Arrow Right</title>
11563    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
11564                                                            </a>
11565                                                            <ul class="level-3">
11566                                                                                                                                    <li class="level-3-items">
11567                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/luftballons/luftballons-sonderformen.htm"
11568                                                                           title="Luftballons&#x20;in&#x20;Sonderformen">
11569                                                                            <span>Luftballons&#x20;in&#x20;Sonderformen</span>
11570                                                                        </a>
11571                                                                    </li>
11572                                                                                                                                    <li class="level-3-items">
11573                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/luftballons/luftballons-einfarbig.htm"
11574                                                                           title="Einfarbige&#x20;Luftballons">
11575                                                                            <span>Einfarbige&#x20;Luftballons</span>
11576                                                                        </a>
11577                                                                    </li>
11578                                                                                                                                    <li class="level-3-items">
11579                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/luftballons/luftballons-geburtstag.htm"
11580                                                                           title="Luftballons&#x20;f&#xFC;r&#x20;Geburtstage">
11581                                                                            <sp
11581an>Luftballons&#x20;f&#xFC;r&#x20;Geburtstage</span>
11582                                                                        </a>
11583                                                                    </li>
11584                                                                                                                                    <li class="level-3-items">
11585                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/luftballons/luftballons-hochzeit.htm"
11586                                                                           title="Luftballons&#x20;f&#xFC;r&#x20;Hochzeiten">
11587                                                                            <span>Luftballons&#x20;f&#xFC;r&#x20;Hochzeiten</span>
11588                                                                        </a>
11589                                                                    </li>
11590                                                                                                                                    <li class="level-3-items">
11591                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/luftballons/zahlen-luftballons.htm"
11592                                                                           title="Zahlenballons">
11593                                                                            <span>Zahlenballons</span>
11594                                                                        </a>
11595                                                                    </li>
11596                                                                                                                                    <li class="level-3-items">
11597                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/luftballons/luftballons-bunt.htm"
11598                                                                           title="Bunte&#x20;Luftballon-Sets">
11599                                                                            <span>Bunte&#x20;Luftballon-Sets</span>
11600                                                                        </a>
11601                                                                    </li>
11602                                                                                                                                    <li class="level-3-items">
11603                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/luftballons/motiv-luftballons.htm"
11604                                                                           title="Luftballons&#x20;mit&#x20;Motiv">
11605                                                                            <span>Luftballons&#x20;mit&#x20;Motiv</span>
11606                                                                        </a>
11607                                                                    </li>
11608                                                                                                                                    <li class="level-3-items">
11609                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/luftballons/luftballonpumpen.htm"
11610                                                                           title="Luftballonpumpen">
11611                                                                            <span>Luftballonpumpen</span>
11612                                                                        </a>
11613                                                                    </li>
11614                                                                                                                            </ul>
11615                                                        </div>
11616                                                    </div>
11617                                                                                                    <div class="level-2">
11618                                                        <div class="level-2-items">
11619                                                            <a href="https://www.papstar-shop.de/produkte/party-deko/partydeko-festbedarf.htm"
11620                                                               title="Partydeko&#x20;&amp;&#x20;Festbedarf"
11621                                                               class="hover:underline">
11622                                                                <div class="flex font-bold">
11623                                                                <sp
11623an>
11624                                                                    <?xml version="1.0" encoding="UTF-8"?>
11625<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 28.38" class="h-7 w-7 mr-2 stroke-4">
11626    <title>Birthday Decoration</title>
11627    <path d="M99.25.75c-1.79,2.05-4.2,3.97-7.09,5.7-4.13,2.48-9.28,4.58-15.17,6.18-.08.02-.16.04-.24.07-5.43,1.46-11.48,2.48-17.91,2.97-.18.02-.35.03-.52.05h0c-2.71.2-5.48.3-8.31.3s-5.61-.1-8.31-.3h0c-.18-.02-.35-.03-.52-.05-6.44-.49-12.48-1.52-17.91-2.97l-.25-.07c-5.89-1.6-11.04-3.69-15.17-6.18C4.95,4.73,2.55,2.82.75.76" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
11628    <path d="M50,16c2.83,0,5.61-.1,8.31-.3-3.19,3.66-5.98,7.66-8.31,11.93-2.33-4.27-5.12-8.26-8.31-11.93,2.71.2,5.48.3,8.31.3Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11629    <path d="M23.24,12.7c5.43,1.45,11.47,2.47,17.91,2.97-4.36,3.17-8.34,6.86-11.84,10.97-1.49-4.87-3.53-9.55-6.07-13.94Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11630    <path d="M7.83,6.45c4.13,2.48,9.28,4.58,15.17,6.18-4.03,2.3-7.82,5.01-11.31,8.1-.76-4.89-2.06-9.67-3.86-14.27Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11631    <path d="M76.75,12.69c-2.54,4.4-4.58,9.08-6.07,13.95-3.5-4.13-7.48-7.81-11.84-10.97,6.44-.49,12.49-1.52,17.91-2.97Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11632    <path d="M92.16,6.45c-1.8,4.6-3.1,9.38-3.86,14.27-3.49-3.08-7.28-5.79-11.31-8.1,5.89-1.6,11.04-3.69,15.17-6.18Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11633</svg>
11634                                                                </span>
11635                                                                    <div class="level-2-headline"
11636                                                                         role="heading"
11637                                                                         aria-level="2">
11638                                                                        Partydeko&#x20;&amp;&#x20;Festbedarf                                                                    </div>
11639                                                                </div>
11640                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
11641    <title>Arrow Right</title>
11642    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
11643                                                            </a>
11644                                                            <ul class="level-3">
11645                                                                                                                                    <li class="level-3-items">
11646                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/partydeko-festbedarf/geburtstagskerzen.htm"
11647                                                                           title="Geburtstagskerzen&#x20;&amp;&#x20;Zahlenkerzen">
11648                                                                            <span>Geburtstagskerzen&#x20;&amp;&#x20;Zahlenkerzen</span>
11649                                                                        </a>
11650                                                                    </li>
11651                                                                                                                                    <li class="level-3-items">
11652                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/partydeko-festbedarf/geschenkpapiere-geschenkfolien.htm"
11653                                                                           title="Geschenkpapiere&#x20;&amp;&#x20;Geschenkfolien">
11654                                                                            <sp
11654an>Geschenkpapiere&#x20;&amp;&#x20;Geschenkfolien</span>
11655                                                                        </a>
11656                                                                    </li>
11657                                                                                                                                    <li class="level-3-items">
11658                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/partydeko-festbedarf/girlanden-wimpelketten.htm"
11659                                                                           title="Girlanden&#x20;&amp;&#x20;Wimpelketten">
11660                                                                            <span>Girlanden&#x20;&amp;&#x20;Wimpelketten</span>
11661                                                                        </a>
11662                                                                    </li>
11663                                                                                                                                    <li class="level-3-items">
11664                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/partydeko-festbedarf/krepppapiere.htm"
11665                                                                           title="Krepppapiere">
11666                                                                            <span>Krepppapiere</span>
11667                                                                        </a>
11668                                                                    </li>
11669                                                                                                                                    <li class="level-3-items">
11670                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/partydeko-festbedarf/konfetti-luftschlangen.htm"
11671                                                                           title="Konfetti&#x20;&amp;&#x20;Luftschlangen">
11672                                                                            <span>Konfetti&#x20;&amp;&#x20;Luftschlangen</span>
11673                                                                        </a>
11674                                                                    </li>
11675                                                                                                                                    <li class="level-3-items">
11676                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/partydeko-festbedarf/partyzubehor.htm"
11677                                                                           title="Partyzubeh&#xF6;r&#x20;&amp;&#x20;Accessoires">
11678                                                                            <span>Partyzubeh&#xF6;r&#x20;&amp;&#x20;Accessoires</span>
11679                                                                        </a>
11680                                                                    </li>
11681                                                                                                                                    <li class="level-3-items">
11682                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/partydeko-festbedarf/streudeko.htm"
11683                                                                           title="Streudeko">
11684                                                                            <span>Streudeko</span>
11685                                                                        </a>
11686                                                                    </li>
11687                                                                                                                                    <li class="level-3-items">
11688                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/partydeko-festbedarf/wabenbaelle-deko-faecher.htm"
11689                                                                           title="Wabenb&#xE4;lle&#x20;&amp;&#x20;Deko-F&#xE4;cher">
11690                                                                            <sp
11690an>Wabenb&#xE4;lle&#x20;&amp;&#x20;Deko-F&#xE4;cher</span>
11691                                                                        </a>
11692                                                                    </li>
11693                                                                                                                            </ul>
11694                                                        </div>
11695                                                    </div>
11696                                                                                                    <div class="level-2">
11697                                                        <div class="level-2-items">
11698                                                            <a href="https://www.papstar-shop.de/produkte/party-deko/osterdeko.htm"
11699                                                               title="Osterdeko&#x20;&amp;&#x20;Fr&#xFC;hlingsdeko&#x20;"
11700                                                               class="hover:underline">
11701                                                                <div class="flex font-bold">
11702                                                                <span>
11703                                                                    <?xml version="1.0" encoding="UTF-8"?>
11704<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 95.65" class="h-7 w-7 mr-2 stroke-4">
11705    <title>Eggs</title>
11706    <path d="M35.96,50.28c0,.63.04,1.25.1,1.87h-18.33c1.24-8.98,7.13-22.17,14.22-22.17,2.87,0,5.54,2.17,7.79,5.34-2.34,5.06-3.78,10.91-3.78,14.96Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11707    <path d="M36.06,52.14h-18.33c1.24-8.98,7.13-22.17,14.22-22.17,2.87,0,5.54,2.17,7.79,5.34" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11708    <path d="M64.79,52.14c.06-.62.1-1.23.1-1.87,0-3.31-.96-7.82-2.58-12.12,2.54-4.65,5.89-8.19,9.56-8.19,7.09,0,12.98,13.19,14.22,22.17,0,0-21.31,0-21.31,0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11709    <path d="M62.31,38.16c2.54-4.65,5.89-8.19,9.56-8.19,7.09,0,12.98,13.19,14.22,22.17h-21.31" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11710    <path d="M94.92,60.93c-1.23,31.32-20.88,33.96-44.94,33.96S6.28,91.69,5.02,60.93c0,0,89.89,0,89.89,0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11711    <path d="M64.89,50.28c0,.63-.04,1.25-.1,1.87h-28.73c-.06-.62-.1-1.23-.1-1.87,0-4.06,1.43-9.9,3.78-14.96,2.65-5.69,6.45-10.39,10.69-10.39,4.93,0,9.27,6.35,11.88,13.24,1.64,4.29,2.58,8.81,2.58,12.12Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11712    <path d="M93.96,52.14h-29.17c.06-.62.1-1.23.1-1.87,0-3.31-.96-7.82-2.58-12.12-2.61-6.9-6.95-13.24-11.88-13.24-4.24,0-8.04,4.7-10.69,10.39-2.34,5.06-3.78,10.91-3.78,14.96,0,.63.04,1.25.1,1.87H7.29C7.85,23.64,27.04.75,50.64.75s42.76,22.9,43.32,51.4h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11713    <path d="M99.25,55.37v5.58H.75v-5.58c0-1.78,1.45-3.22,3.22-3.22h92.05c1.78,0,3.22,1.45,3.22,3.22h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11714</svg>
11715                                                                </span>
11716                                                                    <div class="level-2-headline"
11717                                                                         role="heading"
11718                                                                         aria-level="2">
11719                                                                        Osterdeko&#x20;&amp;&#x20;Fr&#xFC;hlingsdeko&#x20;                                                                    </div>
11720                                                                </div>
11721                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
11722    <title>Arrow Right</title>
11723    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
11724                                                            </a>
11725                                                            <ul class="level-3">
11726                                                                                                                            </ul>
11727                                                        </div>
11728                                                    </div>
11729                                                                                                    <div class="level-2">
11730                                                        <div class="level-2-items">
11731                                                            <a href="https://www.papstar-shop.de/produkte/party-deko/hochzeitstischdeko.htm"
11732                                                               title="Hochzeitstischdeko"
11733                                                               class="hover:underline">
11734                                                                <div class="flex font-bold">
11735                                                                <sp
11735an>
11736                                                                    <?xml version="1.0" encoding="UTF-8"?>
11737<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 67.18" class="h-7 w-7 mr-2 stroke-4">
11738    <title>Weddingrings</title>
11739    <path d="M50.01,13.2c-1.8-1.45-3.81-2.68-5.98-3.61" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
11740    <path d="M50.01,62.03c-4.83,2.8-10.44,4.4-16.43,4.4-18.14,0-32.83-14.71-32.83-32.83S15.44.75,33.58.75c5.99,0,11.6,1.61,16.43,4.4" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
11741    <path d="M55.97,9.59c6.43,5.98,10.45,14.52,10.45,24s-4.03,18.02-10.45,24" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
11742    <path d="M50.01,53.98c5.95-4.8,9.76-12.14,9.76-20.38s-3.81-15.59-9.76-20.39c-1.8-1.45-3.81-2.68-5.98-3.61-3.21-1.41-6.73-2.18-10.45-2.18-14.46,0-26.19,11.72-26.19,26.19s11.72,26.17,26.19,26.17c3.72,0,7.25-.77,10.45-2.17" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
11743    <path d="M55.97,9.59c-1.81-1.71-3.81-3.19-5.96-4.43,4.83-2.8,10.44-4.4,16.41-4.4,18.12,0,32.83,14.71,32.83,32.84s-14.71,32.83-32.83,32.83c-5.98,0-11.58-1.61-16.41-4.4-2.17-1.24-4.16-2.72-5.98-4.41-6.43-5.99-10.45-14.54-10.45-24s4.03-18.04,10.45-24c2.17.94,4.18,2.17,5.98,3.61" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
11744    <path d="M50.01,13.2c-5.96,4.8-9.77,12.15-9.77,20.39s3.81,15.59,9.77,20.38c1.8,1.47,3.81,2.69,5.96,3.63,3.21,1.39,6.73,2.17,10.45,2.17,14.46,0,26.17-11.71,26.17-26.17s-11.71-26.19-26.17-26.19c-3.72,0-7.25.77-10.45,2.18" stroke="currentColor" stroke-width="3" style="fill:none;stroke-miterlimit:10;"/>
11745</svg>
11746                                                                </span>
11747                                                                    <div class="level-2-headline"
11748                                                                         role="heading"
11749                                                                         aria-level="2">
11750                                                                        Hochzeitstischdeko                                                                    </div>
11751                                                                </div>
11752                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
11753    <title>Arrow Right</title>
11754    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
11755                                                            </a>
11756                                                            <ul class="level-3">
11757                                                                                                                            </ul>
11758                                                        </div>
11759                                                    </div>
11760                                                                                                    <div class="level-2">
11761                                                        <div class="level-2-items">
11762                                                            <a href="https://www.papstar-shop.de/produkte/party-deko/fussball-deko.htm"
11763                                                               title="Fu&#xDF;ball&#x20;Deko&#x20;&amp;&#x20;Zubeh&#xF6;r"
11764                                                               class="hover:underline">
11765                                                                <div class="flex font-bold">
11766                                                                <span>
11767                                                                    <?xml version="1.0" encoding="UTF-8"?>
11768<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 99.99 100" class="h-7 w-7 mr-2 stroke-4">
11769    <title>Ball</title>
11770    <polygon points="60.47 31.86 39.54 31.86 29.06 50 39.54 68.14 60.47 68.14 70.94 50 60.47 31.86" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11771    <path d="M70.94,13.72l-10.47,18.14h-20.94l-10.47-18.14,6.2-10.73c4.65-1.46,9.6-2.25,14.73-2.25s10.11.79,14.76,2.26l6.19,10.72Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11772    <path d="M70.94,86.28l-6.19,10.72c-4.66,1.46-9.61,2.26-14.76,2.26s-10.1-.79-14.75-2.25l-6.19-10.72,10.47-18.14h20.94l10.47,18.14h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11773    <path d="M98.07,60.7c-2.22,10.01-7.49,18.87-14.77,25.58h-12.35l-10.47-18.14,10.47-18.14h20.94l6.18,10.71h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11774    <path d="M98.07,39.29l-6.18,10.71h-20.94l-10.47-18.13,10.47-18.14h12.35c7.29,6.7,12.55,15.55,14.77,25.57h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11775    <path d="M39.51,68.14l-10.47,18.14h-12.35c-7.29-6.71-12.55-15.57-14.76-25.58h0l6.18-10.7h20.94l10.47,18.14h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11776    <path d="M39.51,31.86l-10.47,18.13H8.1l-6.18-10.7c2.22-10.02,7.48-18.88,14.76-25.58h12.35s10.47,18.14,10.47,18.14Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11777    <path d="M99.24,50c0,3.68-.4,7.26-1.17,10.71-2.22,10.01-7.49,18.87-14.77,25.58-5.25,4.83-11.56,8.52-18.54,10.72-4.66,1.46-9.61,2.26-14.76,2.26s-10.1-.79-14.75-2.25c-6.98-2.19-13.3-5.89-18.56-10.72-7.29-6.71-12.55-15.57-14.76-25.58h0c-.77-3.45-1.17-7.02-1.17-10.7s.4-7.25,1.17-10.7c2.22-10.02,7.48-18.88,14.76-25.58,5.26-4.84,11.58-8.54,18.57-10.73,4.66-1.48,9.61-2.27,14.74-2.27s10.11.79,14.76,2.26c6.98,2.19,13.29,5.89,18.54,10.72,7.29,6.7,12.55,15.55,14.77,25.57.77,3.45,1.17,7.02,1.17,10.71Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11778</svg>
11779                                                                </span>
11780                                                                    <div class="level-2-headline"
11781                                                                         role="heading"
11782                                                                         aria-level="2">
11783                                                                        Fu&#xDF;ball&#x20;Deko&#x20;&amp;&#x20;Zubeh&#xF6;r                                                                    </div>
11784                                                                </div>
11785                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
11786    <title>Arrow Right</title>
11787    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
11788                                                            </a>
11789                                                            <ul class="level-3">
11790                                                                                                                            </ul>
11791                                                        </div>
11792                                                    </div>
11793                                                                                                    <div class="level-2">
11794                                                        <div class="level-2-items">
11795                                                            <a href="https://www.papstar-shop.de/produkte/party-deko/partyset-serien.htm"
11796                                                               title="Partyset-Serien"
11797                                                               class="hover:underline">
11798                                                                <div class="flex font-bold">
11799                                                                <sp
11799an>
11800                                                                    <?xml version="1.0" encoding="UTF-8"?>
11801<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 90.19 100" class="h-7 w-7 mr-2 stroke-4">
11802    <title>Papersheet</title>
11803    <polygon points="69.96 90.18 69.96 99.25 .75 99.25 .75 18.9 10.49 18.9 10.49 90.18 69.96 90.18" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11804    <polygon points="79.7 81.1 79.7 90.18 10.49 90.18 10.49 9.83 20.21 9.83 20.21 81.1 79.7 81.1" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11805    <rect x="20.21" y=".75" width="69.23" height="80.35" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11806</svg>
11807                                                                </span>
11808                                                                    <div class="level-2-headline"
11809                                                                         role="heading"
11810                                                                         aria-level="2">
11811                                                                        Partyset-Serien                                                                    </div>
11812                                                                </div>
11813                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
11814    <title>Arrow Right</title>
11815    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
11816                                                            </a>
11817                                                            <ul class="level-3">
11818                                                                                                                            </ul>
11819                                                        </div>
11820                                                    </div>
11821                                                                                                    <div class="level-2">
11822                                                        <div class="level-2-items">
11823                                                            <a href="https://www.papstar-shop.de/produkte/party-deko/laender-deko-flaggen.htm"
11824                                                               title="L&#xE4;nder-Deko,&#x20;Flaggen&#x20;&amp;&#x20;Zubeh&#xF6;r"
11825                                                               class="hover:underline">
11826                                                                <div class="flex font-bold">
11827                                                                <span>
11828                                                                    <?xml version="1.0" encoding="UTF-8"?>
11829<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65.74 100" class="h-7 w-7 mr-2 stroke-4">
11830    <title>Flag</title>
11831    <path d="M64.99,47.48c-6.94,4.11-16.68,8.19-26.29,5.32-4.61-1.38-6.34-3.5-11.06-5.6-5.94-2.65-12.88-4.63-26.89-1V2.73C14.76-.9,21.7,1.08,27.64,3.73c4.72,2.11,6.45,4.23,11.06,5.6,9.61,2.87,19.36-1.21,26.29-5.32v43.46Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11832    <line x1="64.99" y1="4.02" x2="64.99" y2="99.25" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11833</svg>
11834                                                                </span>
11835                                                                    <div class="level-2-headline"
11836                                                                         role="heading"
11837                                                                         aria-level="2">
11838                                                                        L&#xE4;nder-Deko,&#x20;Flaggen&#x20;&amp;&#x20;Zubeh&#xF6;r                                                                    </div>
11839                                                                </div>
11840                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
11841    <title>Arrow Right</title>
11842    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
11843                                                            </a>
11844                                                            <ul class="level-3">
11845                                                                                                                            </ul>
11846                                                        </div>
11847                                                    </div>
11848                                                                                                    <div class="level-2">
11849                                                        <div class="level-2-items">
11850                                                            <a href="https://www.papstar-shop.de/produkte/party-deko/herbstdeko.htm"
11851                                                               title="Tischdeko&#x20;Herbst"
11852                                                               class="hover:underline">
11853                                                                <div class="flex font-bold">
11854                                                                <sp
11854an>
11855                                                                    <?xml version="1.0" encoding="UTF-8"?>
11856<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 99.63" class="h-7 w-7 mr-2 stroke-4">
11857    <title>Autumn</title>
11858    <path d="M53.54,72.81c8.35,1.35,17.85,2.19,25.6-2.13,8.69-4.83,7.24-15.49-2.94-16.13,8.43-1.56,19.49-4.11,20.69-13.8,1.21-9.85-10.03-9.22-13.93-8.79,6.1-3.57,23.32-17.89,13.14-28.01-10.12-10.18-24.88,6.61-28.45,12.71.42-3.9,1.06-15.15-8.79-13.93-9.69,1.19-12.24,12.25-13.8,20.69-.63-10.19-11.3-11.62-16.13-2.94-4.31,7.75-3.48,17.26-2.13,25.6-1.48-4.14-3.94-11.76-9.05-11.83-8.95-.12-11.22,14.56-10.82,21.01.41,6.46,2.54,13.38,4.32,19.57.71,2.46,3.22,10.65,3.22,10.65h0l.02.06s8.1,2.72,11.18,3.61c6.2,1.78,12.19,3.1,18.66,3.52,6.44.41,21.12-1.86,21.01-10.82-.07-5.11-7.68-7.57-11.83-9.05h.03Z" stroke="currentColor" stroke-width="3" style="fill:none; stroke-linecap:round; stroke-linejoin:round;"/>
11859    <line x1="82.61" y1="17.01" x2=".75" y2="98.88" stroke="currentColor" stroke-width="3" style="fill:none; stroke-linecap:round; stroke-linejoin:round;"/>
11860    <polyline points="59.39 24.87 59.39 40.13 74.87 40.13" stroke="currentColor" stroke-width="3" style="fill:none; stroke-linecap:round; stroke-linejoin:round;"/>
11861    <polyline points="41.59 35.83 41.59 57.88 63.95 57.88" stroke="currentColor" stroke-width="3" style="fill:none; stroke-linecap:round; stroke-linejoin:round;"/>
11862    <polyline points="21.83 56.16 21.83 77.64 43.62 77.64" stroke="currentColor" stroke-width="3" style="fill:none; stroke-linecap:round; stroke-linejoin:round;"/>
11863</svg>
11864                                                                </span>
11865                                                                    <div class="level-2-headline"
11866                                                                         role="heading"
11867                                                                         aria-level="2">
11868                                                                        Tischdeko&#x20;Herbst                                                                    </div>
11869                                                                </div>
11870                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
11871    <title>Arrow Right</title>
11872    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
11873                                                            </a>
11874                                                            <ul class="level-3">
11875                                                                                                                            </ul>
11876                                                        </div>
11877                                                    </div>
11878                                                                                                    <div class="level-2">
11879                                                        <div class="level-2-items">
11880                                                            <a href="https://www.papstar-shop.de/produkte/party-deko/bayrische-deko.htm"
11881                                                               title="Bayrische&#x20;Deko&#x20;&amp;&#x20;Zubeh&#xF6;r"
11882                                                               class="hover:underline">
11883                                                                <div class="flex font-bold">
11884                                                                <span>
11885                                                                    <?xml version="1.0" encoding="UTF-8"?>
11886<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 73.28 100" class="h-7 w-7 mr-2 stroke-4">
11887    <title>Beer</title>
11888    <path d="M61.7,38.43v49.63c0,6.18-5,11.19-11.19,11.19H17.96c-6.18,0-11.19-5-11.19-11.19v-49.63h35.53c2.62,2.08,5.93,3.32,9.52,3.32s6.89-1.24,9.51-3.32c0,0,.36,0,.36,0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11889    <line x1="19.7" y1="51.12" x2="19.7" y2="86.55" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11890    <line x1="34.24" y1="51.12" x2="34.24" y2="86.55" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11891    <line x1="48.76" y1="51.12" x2="48.76" y2="86.55" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11892    <path d="M61.7,50.45h6.5c2.39,0,4.33,1.94,4.33,4.33v28.1c0,2.39-1.94,4.33-4.33,4.33h-6.5v-36.78h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11893    <path d="M42.29,38.43H8.28c-4.17,0-7.53-3.37-7.53-7.53s3.32-7.5,7.45-7.54c-.35-1-.54-2.09-.54-3.21,0-5.46,4.43-9.89,9.88-9.89,1.28,0,2.51.24,3.63.69,1.22-5.82,6.39-10.19,12.58-10.19,6.59,0,12.03,4.97,12.75,11.36,1.64-.62,3.45-.96,5.32-.96,8.44,0,15.3,6.85,15.3,15.3,0,4.85-2.27,9.17-5.79,11.98" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11894</svg>
11895                                                                </span>
11896                                                                    <div class="level-2-headline"
11897                                                                         role="heading"
11898                                                                         aria-level="2">
11899                                                                        Bayrische&#x20;Deko&#x20;&amp;&#x20;Zubeh&#xF6;r                                                                    </div>
11900                                                                </div>
11901                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
11902    <title>Arrow Right</title>
11903    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
11904                                                            </a>
11905                                                            <ul class="level-3">
11906                                                                                                                            </ul>
11907                                                        </div>
11908                                                    </div>
11909                                                                                                    <div class="level-2">
11910                                                        <div class="level-2-items">
11911                                                            <a href="https://www.papstar-shop.de/produkte/party-deko/silvester-deko.htm"
11912                                                               title="Silvester&#x20;Deko&#x20;&amp;&#x20;Zubeh&#xF6;r"
11913                                                               class="hover:underline">
11914                                                                <div class="flex font-bold">
11915                                                                <sp
11915an>
11916                                                                    <?xml version="1.0" encoding="UTF-8"?>
11917<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" class="h-7 w-7 mr-2 stroke-4">
11918    <title>Firework</title>
11919    <line x1="84.83" y1="15.17" x2="56.9" y2="43.1" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
11920    <line x1="43.1" y1="56.9" x2="15.17" y2="84.83" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
11921    <line x1="84.83" y1="84.83" x2="56.9" y2="56.9" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
11922    <line x1="43.1" y1="43.1" x2="15.17" y2="15.17" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
11923    <line x1="99.25" y1="50" x2="59.75" y2="50" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
11924    <line x1="40.25" y1="50" x2=".75" y2="50" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
11925    <line x1="50" y1=".75" x2="50" y2="40.25" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
11926    <line x1="50" y1="59.75" x2="50" y2="99.25" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
11927    <line x1="9.7" y1="66.7" x2="35.72" y2="55.92" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
11928    <line x1="64.28" y1="44.08" x2="90.3" y2="33.3" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
11929    <line x1="90.3" y1="66.7" x2="64.28" y2="55.92" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
11930    <line x1="35.72" y1="44.08" x2="9.7" y2="33.3" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
11931    <line x1="33.3" y1="90.3" x2="44.08" y2="64.28" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
11932    <line x1="55.92" y1="35.72" x2="66.7" y2="9.7" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
11933    <line x1="33.3" y1="9.7" x2="44.08" y2="35.72" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
11934    <line x1="55.92" y1="64.28" x2="66.7" y2="90.3" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-miterlimit:10;"/>
11935</svg>
11936                                                                </span>
11937                                                                    <div class="level-2-headline"
11938                                                                         role="heading"
11939                                                                         aria-level="2">
11940                                                                        Silvester&#x20;Deko&#x20;&amp;&#x20;Zubeh&#xF6;r                                                                    </div>
11941                                                                </div>
11942                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
11943    <title>Arrow Right</title>
11944    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
11945                                                            </a>
11946                                                            <ul class="level-3">
11947                                                                                                                            </ul>
11948                                                        </div>
11949                                                    </div>
11950                                                                                                    <div class="level-2">
11951                                                        <div class="level-2-items">
11952                                                            <a href="https://www.papstar-shop.de/produkte/party-deko/weihnachten.htm"
11953                                                               title="Weihnachtsdeko&#x20;&amp;&#x20;Zubeh&#xF6;r"
11954                                                               class="hover:underline">
11955                                                                <div class="flex font-bold">
11956                                                                <sp
11956an>
11957                                                                    <?xml version="1.0" encoding="UTF-8"?>
11958<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 81.54 100" class="h-7 w-7 mr-2 stroke-4">
11959    <title>Xmas Ball</title>
11960    <path d="M40.77,99.25c22.1,0,40.02-17.99,40.02-40.18S62.87,18.89,40.77,18.89.75,36.88.75,59.07s17.92,40.18,40.02,40.18Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11961    <path d="M40,18.85s.09.06.15,0c.18.09.38.09.62.09.18,0,.44,0,.62-.09.06.06.09,0,.15,0" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11962    <path d="M31.68,9.85c0-5.03,4.04-9.1,9.06-9.1s9.12,4.06,9.12,9.1" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11963    <path d="M54.96,21.49v-11.64h-28.39v11.64" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11964    <path d="M77.57,43.15H4" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11965    <path d="M77.51,74.95H4.06" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11966    <path d="M68.92,59.07c0-4.27,4.25-7.67,9.42-7.67.62,0,1.18.06,1.77.15" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11967    <path d="M68.92,59.07c0,4.21-4.22,7.61-9.39,7.61s-9.39-3.41-9.39-7.61" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11968    <path d="M50.16,59.07c0-4.24-4.22-7.64-9.36-7.64s-9.39,3.41-9.39,7.64" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11969    <path d="M31.38,59.07c0,4.21-4.22,7.61-9.39,7.61s-9.39-3.41-9.39-7.61" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11970    <path d="M1.46,51.54c.56-.09,1.15-.15,1.71-.15,5.19,0,9.42,3.41,9.42,7.67" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11971    <path d="M22,58.53c1.3,0,2.36-1.06,2.36-2.37s-1.05-2.37-2.36-2.37-2.36,1.06-2.36,2.37,1.05,2.37,2.36,2.37Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11972    <path d="M59.54,58.53c1.3,0,2.36-1.06,2.36-2.37s-1.05-2.37-2.36-2.37-2.36,1.06-2.36,2.37,1.05,2.37,2.36,2.37Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11973    <path d="M40.74,64.08c1.3,0,2.36-1.06,2.36-2.37s-1.05-2.37-2.36-2.37-2.36,1.06-2.36,2.37,1.05,2.37,2.36,2.37Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
11974</svg>
11975                                                                </span>
11976                                                                    <div class="level-2-headline"
11977                                                                         role="heading"
11978                                                                         aria-level="2">
11979                                                                        Weihnachtsdeko&#x20;&amp;&#x20;Zubeh&#xF6;r                                                                    </div>
11980                                                                </div>
11981                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
11982    <title>Arrow Right</title>
11983    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
11984                                                            </a>
11985                                                            <ul class="level-3">
11986                                                                                                                                    <li class="level-3-items">
11987                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/weihnachten/weihnachtstischdecken-weihnachtstischlaeufer.htm"
11988                                                                           title="Weihnachtstischdecken&#x20;&amp;&#x20;Weihnachtstischl&#xE4;ufer">
11989                                                                            <sp
11989an>Weihnachtstischdecken&#x20;&amp;&#x20;Weihnachtstischl&#xE4;ufer</span>
11990                                                                        </a>
11991                                                                    </li>
11992                                                                                                                                    <li class="level-3-items">
11993                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/weihnachten/einwegteller-einwegbecher-weihnachten.htm"
11994                                                                           title="Einwegteller&#x20;&amp;&#x20;Einwegbecher&#x20;f&#xFC;r&#x20;Weihnachten">
11995                                                                            <span>Einwegteller&#x20;&amp;&#x20;Einwegbecher&#x20;f&#xFC;r&#x20;Weihnachten</span>
11996                                                                        </a>
11997                                                                    </li>
11998                                                                                                                                    <li class="level-3-items">
11999                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/weihnachten/weihnachtsservietten.htm"
12000                                                                           title="Weihnachtsservietten">
12001                                                                            <span>Weihnachtsservietten</span>
12002                                                                        </a>
12003                                                                    </li>
12004                                                                                                                                    <li class="level-3-items">
12005                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/weihnachten/weihnachtstueten-weihnachtsbeutel.htm"
12006                                                                           title="Weihnachtst&#xFC;ten&#x20;&amp;&#x20;Kekst&#xFC;ten">
12007                                                                            <span>Weihnachtst&#xFC;ten&#x20;&amp;&#x20;Kekst&#xFC;ten</span>
12008                                                                        </a>
12009                                                                    </li>
12010                                                                                                                                    <li class="level-3-items">
12011                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/weihnachten/weihnachtskerzen.htm"
12012                                                                           title="Weihnachtskerzen">
12013                                                                            <span>Weihnachtskerzen</span>
12014                                                                        </a>
12015                                                                    </li>
12016                                                                                                                                    <li class="level-3-items">
12017                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/weihnachten/christmas-shine.htm"
12018                                                                           title="Weihnachtsserie&#x20;&quot;Christmas&#x20;Shine&quot;">
12019                                                                            <span>Weihnachtsserie&#x20;&quot;Christmas&#x20;Shine&quot;</span>
12020                                                                        </a>
12021                                                                    </li>
12022                                                                                                                                    <li class="level-3-items">
12023                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/weihnachten/just-stars.htm"
12024                                                                           title="Weihnachtsserie&#x20;&quot;Just&#x20;Stars&quot;">
12025                                                                            <sp
12025an>Weihnachtsserie&#x20;&quot;Just&#x20;Stars&quot;</span>
12026                                                                        </a>
12027                                                                    </li>
12028                                                                                                                                    <li class="level-3-items">
12029                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/weihnachten/rising-star.htm"
12030                                                                           title="Weihnachtsserie&#x20;&quot;Rising&#x20;Star&quot;">
12031                                                                            <span>Weihnachtsserie&#x20;&quot;Rising&#x20;Star&quot;</span>
12032                                                                        </a>
12033                                                                    </li>
12034                                                                                                                                    <li class="level-3-items">
12035                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/weihnachten/stardust.htm"
12036                                                                           title="Weihnachtsserie&#x20;&quot;Stardust&quot;">
12037                                                                            <span>Weihnachtsserie&#x20;&quot;Stardust&quot;</span>
12038                                                                        </a>
12039                                                                    </li>
12040                                                                                                                                    <li class="level-3-items">
12041                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/weihnachten/golden-star.htm"
12042                                                                           title="Weihnachtsserie&#x20;&quot;Golden&#x20;Star&quot;">
12043                                                                            <span>Weihnachtsserie&#x20;&quot;Golden&#x20;Star&quot;</span>
12044                                                                        </a>
12045                                                                    </li>
12046                                                                                                                                    <li class="level-3-items">
12047                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/weihnachten/plain-christmas-trees.htm"
12048                                                                           title="Weihnachtsserie&#x20;&quot;Plain&#x20;Christmas&#x20;Trees&quot;">
12049                                                                            <span>Weihnachtsserie&#x20;&quot;Plain&#x20;Christmas&#x20;Trees&quot;</span>
12050                                                                        </a>
12051                                                                    </li>
12052                                                                                                                                    <li class="level-3-items">
12053                                                                        <a href="https://www.papstar-shop.de/produkte/party-deko/weihnachten/winterly.htm"
12054                                                                           title="Weihnachtsserie&#x20;&quot;Winterly&quot;">
12055                                                                            <span>Weihnachtsserie&#x20;&quot;Winterly&quot;</span>
12056                                                                        </a>
12057                                                                    </li>
12058                                                                                                                            </ul>
12059                                                        </div>
12060                                                    </div>
12061                                                                                                    <div class="level-2">
12062                                                        <div class="level-2-items">
12063                                                            <a href="https://www.papstar-shop.de/produkte/party-deko/weihnachtsmarkt-verkauf.htm"
12064                                                               title="Weihnachtsmarkt&#x20;Verkauf"
12065                                                               class="hover:underline">
12066                                                                <div class="flex font-bold">
12067                                                                <sp
12067an>
12068                                                                    <?xml version="1.0" encoding="UTF-8"?>
12069<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 91.79" class="h-7 w-7 mr-2 stroke-4">
12070    <title>Christmal</title>
12071    <rect x="10.64" y="34.52" width="78.72" height="56.52" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
12072    <polygon points="50 .75 .75 34.48 99.25 34.48 50 .75" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
12073    <polygon points="50 41.48 54.07 55.73 68.44 52.13 58.14 62.78 68.44 73.42 54.07 69.82 50 84.07 45.93 69.82 31.56 73.42 41.86 62.78 31.56 52.13 45.93 55.73 50 41.48" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
12074</svg>
12075                                                                </span>
12076                                                                    <div class="level-2-headline"
12077                                                                         role="heading"
12078                                                                         aria-level="2">
12079                                                                        Weihnachtsmarkt&#x20;Verkauf                                                                    </div>
12080                                                                </div>
12081                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
12082    <title>Arrow Right</title>
12083    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
12084                                                            </a>
12085                                                            <ul class="level-3">
12086                                                                                                                            </ul>
12087                                                        </div>
12088                                                    </div>
12089                                                                                                    <div class="level-2">
12090                                                        <div class="level-2-items">
12091                                                            <a href="https://www.papstar-shop.de/produkte/party-deko/fasching-karneval-deko.htm"
12092                                                               title="Faschingsdeko&#x20;&amp;&#x20;Karnevalsdeko"
12093                                                               class="hover:underline">
12094                                                                <div class="flex font-bold">
12095                                                                <span>
12096                                                                    <?xml version="1.0" encoding="UTF-8"?>
12097<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 60.28" class="h-7 w-7 mr-2 stroke-4">
12098    <title>Carnevalhat</title>
12099    <line x1="75.83" y1="59.52" x2="54.38" y2="59.38" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
12100    <path d="M23.6,4.68c0,.25-.02.48-.06.71-.13.7-.44,1.34-.89,1.85-.72.84-1.79,1.37-2.97,1.37-2.17,0-3.93-1.76-3.93-3.93s1.76-3.93,3.93-3.93,3.93,1.76,3.93,3.93h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
12101    <path d="M8.36,28.78c5.53,2.29,15.81,6.85,20.42,10.88,1.45,1.27,2.77,2.83,3.93,4.46" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
12102    <path d="M8.6,27.05c7.25-.36,23-.56,33.82,3.59" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
12103    <path d="M22.65,7.24c5.16,4.98,15.61,15.58,19.77,23.39.16.3.32.59.45.88,2.18,4.52,3.31,10.25,3.88,15.33" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
12104    <path d="M77.16,50.42h0" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
12105    <path d="M23.53,5.38c9.33,2.48,33.08,9.84,43.47,22.66,1.1,1.36,2.12,2.8,3.03,4.27" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
12106    <path d="M56.95,48.82c1.18-3.3,2.8-6.55,4.98-9.39,2.07-2.69,4.93-5.06,8.1-7.12,7.32-4.74,16.35-7.82,21.51-9.33" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
12107    <path d="M92.73,24.82c-4,4.12-10.89,11.67-13.34,17.09-1.13,2.52-1.82,5.56-2.24,8.51h0c-.11.76-.19,1.51-.27,2.25" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
12108    <polygon points="78.43 52.97 76.56 59.53 75.83 59.52 54.38 59.38 33.93 59.23 28.44 43.3 32.71 44.13 46.75 46.84 56.95 48.82 62.57 49.91 76.9 52.68 78.43 52.97" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
12109    <path d="M8.61,27.4c0,.48-.09.96-.26,1.39-.56,1.49-1.99,2.55-3.67,2.55-2.17,0-3.93-1.76-3.93-3.93s1.76-3.93,3.93-3.93,3.74,1.58,3.92,3.59c0,.11.02.24.02.34h0Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
12110    <path d="M99.25,21.87c0,2.17-1.76,3.93-3.93,3.93-.99,0-1.9-.36-2.59-.98-.55-.48-.97-1.12-1.18-1.84-.11-.35-.16-.73-.16-1.11,0-2.17,1.76-3.93,3.93-3.93s3.93,1.76,3.93,3.93Z" stroke="currentColor" stroke-width="3" style="fill:none;stroke-linecap:round; stroke-linejoin:round;"/>
12111</svg>
12112                                                                </span>
12113                                                                    <div class="level-2-headline"
12114                                                                         role="heading"
12115                                                                         aria-level="2">
12116                                                                        Faschingsdeko&#x20;&amp;&#x20;Karnevalsdeko                                                                    </div>
12117                                                                </div>
12118                                                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-primary h-5">
12119    <title>Arrow Right</title>
12120    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
12121                                                            </a>
12122                                                            <ul class="level-3">
12123                                                                                                                            </ul>
12124                                                        </div>
12125                                                    </div>
12126                                                                                                                                    </div>
12127                                    </div>
12128                                </li>
12129                                                                                                                                                                                </ul>
12130            </div>
12131        </div>
12132    </nav>
12133</div>
12134<script>
12135    "use strict";
12136
12137    const initNode = () => {
12138        return {
12139            open: false,
12140
12141            toggle() {
12142                if (this.open) {
12143                    return this.close();
12144                }
12145                this.$refs.button.focus();
12146                this.open = true;
12147            },
12148
12149            close(focusAfter) {
12150                if (!this.open) {
12151                    return;
12152                }
12153                this.open = false;
12154                focusAfter && focusAfter.focus();
12155            }
12156        };
12157    };
12158
12159    function checkResolutionForNav() {
12160        return {
12161            isMobile: (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) || window.innerWidth < 1024,
12162            //isMobile: window.innerWidth < 1024,
12163
12164            // Init function will automatically be fired
12165            init() {
12166                window.addEventListener("resize", this.updateIsMobile.bind(this));
12167            },
12168
12169            // Update isMobile data on resize
12170            updateIsMobile() {
12171                this.isMobile = (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) || window.innerWidth < 1024;
12172                //this.isMobile = window.innerWidth < 1024;
12173            }
12174        };
12175    }
12176</script>
12176
12177
12178    <!--Cart Drawer-->
12179    
12180    <!--Authentication Pop-Up-->
12181    
12181<script>
12182    function initAuthentication() {
12183        return {
12184            open: false,
12185            forceAuthentication: false,
12186            checkoutUrl: 'https://www.papstar-shop.de/checkout/index/',
12187            errors: 0,
12188            hasCaptchaToken: 0,
12189            displayErrorMessage: false,
12190            errorMessages: [],
12191            setErrorMessages: function setErrorMessages(messages) {
12192                this.errorMessages = [messages];
12193                this.displayErrorMessage = this.errorMessages.length;
12194            },
12195            submitForm: function () {
12196                // Do not rename $form, the variable is expected to be declared in the recaptcha output
12197                const $form = document.querySelector('#login-form');
12198                
12199                if (this.errors === 0) {
12200                    this.dispatchLoginRequest($form);
12201                }
12202            },
12203            onPrivateContentLoaded: function (data) {
12204                const isLoggedIn = data.customer && data.customer.firstname;
12205                if (data.cart && !isLoggedIn) {
12206                    this.forceAuthentication = !data.cart.isGuestCheckoutAllowed;
12207                }
12208            },
12209            redirectIfAuthenticated: function (event) {
12210                if (event.detail && event.detail.url) {
12211                    this.checkoutUrl = event.detail.url;
12212                }
12213                if (!this.forceAuthentication) {
12214                    window.location.href = this.checkoutUrl;
12215                }
12216            },
12217            dispatchLoginRequest: function(form) {
12218                this.isLoading = true;
12219                const username = this.$refs['customer-email'].value;
12220                const password = this.$refs['customer-password'].value;
12221                const formKey = hyva.getFormKey();
12222                const bodyFields = {
12223                    'username': username,
12224                    'password': password,
12225                    'formKey': formKey
12226                };
12227                                const fieldName = 'g\u002Drecaptcha\u002Dresponse';
12228                const recaptchaField = fieldName && form[fieldName];
12229                if (recaptchaField) {
12230                    bodyFields[fieldName] = recaptchaField.value;
12231                }
12232                fetch('https://www.papstar-shop.de/customer/ajax/login/', {
12233                        method: 'POST',
12234                        headers: {
12235                            'Content-Type': 'application/json',
12236                            'X-Requested-With': 'XMLHttpRequest'
12237                        },
12238                        body: JSON.stringify(bodyFields)
12239                    }
12240                ).then(response => {
12241                        return response.json()
12242                    }
12243                ).then(data=> {
12244                    this.isLoading = false;
12245                    if (data.errors) {
12246                        dispatchMessages([{
12247                            type: 'error',
12248                            text: data.message
12249                        }], 5000);
12250                        this.errors = 1;
12251                        this.hasCaptchaToken = 0;
12252                    } else {
12253                        window.location.href = this.checkoutUrl;
12254                    }
12255                });
12256            }
12257        }
12258    }
12259</script>
12259
12260<section id="authentication-popup"
12261         x-data="initAuthentication()"
12262         @private-content-loaded.window="onPrivateContentLoaded($event.detail.data)"
12263         @toggle-authentication.window="open = forceAuthentication; redirectIfAuthenticated(event)"
12264         @keydown.window.escape="open = false"
12265>
12266        <div role="dialog"
12267             aria-modal="true"
12268             @click.outside="open = false"
12269             class="hidden inset-y-0 right-0 z-30 flex max-w-full"
12270             :class="{ 'hidden': !open, 'fixed': open }"
12271             x-cloak
12272             x-show="open"
12273        >
12274            <div class="relative w-screen max-w-md pt-16 bg-container-lighter"
12275                 x-show="open"
12276                 x-cloak=""
12277                 x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700"
12278                 x-transition:enter-start="translate-x-full"
12279                 x-transition:enter-end="translate-x-0"
12280                 x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700"
12281                 x-transition:leave-start="translate-x-0"
12282                 x-transition:leave-end="translate-x-full"
12283            >
12284                <div
12285                    x-show="open"
12286                    x-cloak=""
12287                    x-transition:enter="ease-in-out duration-500"
12288                    x-transition:enter-start="opacity-0"
12289                    x-transition:enter-end="opacity-100"
12290                    x-transition:leave="ease-in-out duration-500"
12291                    x-transition:leave-start="opacity-100"
12292                    x-transition:leave-end="opacity-0" class="absolute top-0 right-0 flex p-2 mt-2">
12293                    <button type="button" @click="open = false;"
12294                            aria-label="Bereich&#x20;schlie&#xDF;en"
12295                            class="p-2 text-gray-300 transition duration-150 ease-in-out hover:text-black">
12296                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="enable-background:new 0 0 24 24;" version="1.1" viewBox="0 0 24 24" fill="currentColor" xml:space="preserve" class="w-6 h-6 mx-auto" width="24" height="24" title="Close panel">
12297        <title>Close</title>
12298    <g><g><path d="M21,21.5c-0.13,0-0.26-0.05-0.35-0.15l-18-18c-0.2-0.2-0.2-0.51,0-0.71s0.51-0.2,0.71,0l18,18c0.2,0.2,0.2,0.51,0,0.71    C21.26,21.45,21.13,21.5,21,21.5z"/></g>
12299        <g><path d="M3,21.5c-0.13,0-0.26-0.05-0.35-0.15c-0.2-0.2-0.2-0.51,0-0.71l18-18c0.2-0.2,0.51-0.2,0.71,0s0.2,0.51,0,0.71l-18,18    C3.26,21.45,3.13,21.5,3,21.5z"/></g></g>
12300    <g/></svg>
12301                    </button>
12302                </div>
12303                <div class="flex flex-col h-full py-6 space-y-6 bg-white shadow-xl overflow-y-auto">
12304                    <div class="block-customer-login bg-container border border-container mx-4 p-4 shadow-sm">
12305
12306                        <form class="form form-login"
12307                              method="post"
12308                              @submit.prevent="submitForm();"
12309                              id="login-form"
12310                        >
12311                                                        <div class="fieldset login">
12312                                <div class="field email required">
12313                                    <label class="label" for="form-login-username" form="login-form" >
12314                                        <span>E-Mail-Adresse</span>
12315                                    </label>
12316                                    <div class="control">
12317                                        <input name="username"
12318                                               id="form-login-username"
12319                                               x-ref="customer-email"
12320                                               @change="errors = 0"
12321                                               type="email"
12322                                               required
12323                                               autocomplete="off"
12324                                               class="form-input input-text"
12325                                        >
12326                                    </div>
12327                                </div>
12328                                <div class="field password required">
12329                                    <label for="form-login-password" class="label" form="login-form">
12330                                        <span>Passwort</span>
12331                                    </label>
12332                                    <div class="control">
12333                                        <input name="password"
12334                                               id="form-login-password"
12335                                               type="password"
12336                                               class="form-input input-text"
12337                                               required
12338                                               x-ref="customer-password"
12339                                               autocomplete="off"
12340                                               @change="errors = 0"
12341                                        >
12342                                    </div>
12343                                </div>
12344
12345                                <input name="context" type="hidden" value="checkout" />
12346                                <div class="actions-toolbar flex justify-between pt-6 pb-2 items-center">
12347                                    <button type="submit"                                            class="inline-flex btn btn-primary disabled:opacity-75"
12348                                    >
12349                                        Anmelden                                    </button>
12350                                    <a href="https://www.papstar-shop.de/customer/account/forgotpassword/"
12351                                    >
12352                                        Passwort vergessen?                                    </a>
12353                                </div>
12354
12355                            </div>
12356                        </form>
12357                    </div>
12358                    <div class="mx-4">
12359                                            </div>
12360                    <div class="block-new-customer bg-container border border-container mx-4 p-4 shadow-sm">
12361                        <div class="block-content">
12362                            <p class="mb-1">
12363                                Creating an account has many benefits:                            </p>
12364                            <ul class="list-disc pl-5">
12365                                <li> See order and shipping status</li>
12366                                <li> Track order history</li>
12367                                <li> Check out faster</li>
12368                            </ul>
12369                            <div class="actions-toolbar flex justify-between mt-6 mb-2 items-center">
12370                                <a href="https://www.papstar-shop.de/customer/account/create/"
12371                                   class="inline-flex btn btn-primary">
12372                                    Konto erstellen                                </a>
12373                            </div>
12374                        </div>
12375                    </div>
12376                </div>
12377            </div>
12378        </div>
12379</section>
12380</header>
12381
12382<div class="top-container">
12383
12384<script>
12385    "use strict";
12386
12387    function checkMobileResolution() {
12388        return {
12389            isMobile: (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) || window.innerWidth < 1024,
12390            //isMobile: window.innerWidth < 1024,
12391
12392            // Init function will automatically be fired
12393            init() {
12394                window.addEventListener("resize", this.updateIsMobile.bind(this));
12395            },
12396
12397            // Update isMobile data on resize
12398            updateIsMobile() {
12399                this.isMobile = (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) || window.innerWidth < 1024;
12400                //this.isMobile = window.innerWidth < 1024;
12401            }
12402        };
12403    }
12404</script>
12404
12405</div><main id="maincontent" class="page-main"><a id="contentarea" tabindex="-1"></a>
12406<div class="page messages">
12406<script>
12407        window.defaultSuccessMessageTimeout = 6000;
12408        function initMessages() {
12409        "use strict";
12410        return {
12411            messages: window.mageMessages || [],
12412            isEmpty() {
12413                return this.messages.reduce(
12414                    function (isEmpty, message) {
12415                        return isEmpty && message === undefined
12416                    }, true
12417                )
12418            },
12419            hasMessages() {
12420                return !this.isEmpty();
12421            },
12422            hasMessage() {
12423                return !!this.message;
12424            },
12425            removeMessage() {
12426                this.messages[this.index] = undefined;
12427            },
12428            addMessages(messages, hideAfter) {
12429                messages.map((message) => {
12430                    this.messages = this.messages.concat(message);
12431                    if (hideAfter === undefined && message.type === 'success' && window.defaultSuccessMessageTimeout) {
12432                        hideAfter = window.defaultSuccessMessageTimeout;
12433                    }
12434                    if (hideAfter) {
12435                        this.setHideTimeOut(this.messages.length -1, hideAfter);
12436                    }
12437                });
12438            },
12439            setHideTimeOut(messageIndex, hideAfter) {
12440                setTimeout((messageIndex) => {
12441                    this.messages[messageIndex] = undefined;
12442                }, hideAfter, messageIndex);
12443            },
12444            eventListeners: {
12445                ['@messages-loaded.window'](event) {
12446                    this.addMessages(event.detail.messages, event.detail.hideAfter)
12447                },
12448                ['@private-content-loaded.window'](event) {
12449                    const data = event.detail.data;
12450                    if (
12451                        data.messages &&
12452                        data.messages.messages &&
12453                        data.messages.messages.length
12454                    ) {
12455                        this.addMessages(data.messages.messages);
12456                    }
12457                },
12458                ['@clear-messages.window']() {
12459                    this.messages = [];
12460                }
12461            },
12462            getMessageUiId() {
12463                return 'message-' + this.message.type;
12464            }
12465        }
12466    }
12467
12468    window.addEventListener('alpine:init', () => Alpine.data('initMessages', initMessages), {once: true})
12469</script>
12469
12470<section id="messages"
12471         x-data="initMessages"
12472         x-bind="eventListeners"
12473         aria-live="assertive"
12474         role="alert"
12475>
12476    <template x-if="hasMessages">
12477        <div class="w-full">
12478            <div class="messages container mx-auto py-3">
12479                <template x-for="(message, index) in messages" :key="index">
12480                    <div>
12481                        <template x-if="hasMessage">
12482                            <div class="message"
12483                                 :class="message.type"
12484                                 :ui-id="getMessageUiId"
12485                            >
12486                                <span x-html="message.text"></span>
12487                                <button
12488                                    type="button"
12489                                    class="close cursor-pointer"
12490                                    title="close"
12491                                    aria-label="Close message"
12492                                    @click.prevent="removeMessage"
12493                                >
12494                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="enable-background:new 0 0 24 24;" version="1.1" viewBox="0 0 24 24" fill="currentColor" xml:space="preserve" class="text-white" width="18" height="18" aria-hidden="true">
12495        <title>Close</title>
12496    <g><g><path d="M21,21.5c-0.13,0-0.26-0.05-0.35-0.15l-18-18c-0.2-0.2-0.2-0.51,0-0.71s0.51-0.2,0.71,0l18,18c0.2,0.2,0.2,0.51,0,0.71    C21.26,21.45,21.13,21.5,21,21.5z"/></g>
12497        <g><path d="M3,21.5c-0.13,0-0.26-0.05-0.35-0.15c-0.2-0.2-0.2-0.51,0-0.71l18-18c0.2-0.2,0.51-0.2,0.71,0s0.2,0.51,0,0.71l-18,18    C3.26,21.45,3.13,21.5,3,21.5z"/></g></g>
12498    <g/></svg>
12499                                </button>
12500                            </div>
12501                        </template>
12502                    </div>
12503                </template>
12504            </div>
12505        </div>
12506    </template>
12507</section>
12508</div><div class="columns"><div class="column main">
12509<section x-data="recommendedProducts_above_main_content()"
12510         x-init="initProductRecBlock()"
12511         id="recs_block_above_main_content"
12512         x-cloak>
12513    <template x-if="productBanners">
12514        <div x-ref="slider" class="splide is-overflow-sb px-10"
12515             role="group"
12516             aria-roledescription="carousel"
12517             aria-label="Produktempfehlungen"
12518             data-splide="&#x7B;&quot;type&quot;&#x3A;&quot;slide&quot;,&quot;start&quot;&#x3A;0,&quot;arrows&quot;&#x3A;true,&quot;pagination&quot;&#x3A;true,&quot;mediaQuery&quot;&#x3A;&quot;min&quot;,&quot;breakpoints&quot;&#x3A;&#x7B;&quot;480&quot;&#x3A;&#x7B;&quot;perPage&quot;&#x3A;1&#x7D;,&quot;680&quot;&#x3A;&#x7B;&quot;perPage&quot;&#x3A;2&#x7D;,&quot;1024&quot;&#x3A;&#x7B;&quot;perPage&quot;&#x3A;3&#x7D;,&quot;1280&quot;&#x3A;&#x7B;&quot;perPage&quot;&#x3A;4&#x7D;&#x7D;&#x7D;">
12519            <template x-for="banner in productBanners">
12520                <div class="product-slider mt-8 mb-16" x-intersect.once="scrollViewEvent(banner.unitId)">
12521                    <h2 x-text='banner.storefrontLabel' class="text-2xl text-center mt-8 mb-10"></h2>
12522                    <div class="splide__track">
12523                        <ul class="splide__list">
12524                            <template x-for="product in banner.products">
12525                                <li class="splide__slide px-3">
12526                                    <form method="post"
12527                                          class="item product product-item product_addtocart_form border rounded p-2.5 bg-container-white hover:shadow-lg flex flex-col w-full h-full">
12528                                        <input name="form_key" type="hidden" :value="hyva.getFormKey()" />
12529                                        <input type="hidden" name="product" x-bind:value="product.productId">
12530                                        <div class="relative product photo product-item-photo block mb-3 px-12 ">
12531                                            <a @click="recsClickEvent(banner.unitId, product.productId, product.url)"
12532                                               class="product photo product-item-photo block mx-auto mb-3 cursor-pointer"
12533                                               tabindex="-1">
12534                                                <img class="object-contain mx-auto py-3"
12535                                                     loading="lazy"
12536                                                     :alt="product.image.label || ''"
12537                                                     :title="product.image.label || ''"
12538                                                     :src="product.image.url || 'https://www.papstar-shop.de/media/catalog/product/placeholder/default/Placeholder_30x30_1.jpeg'"
12539                                                     width="360"
12540                                                     height="360">
12541                                            </a>
12542                                        </div>
12543
12544                                        <div class="product-info flex flex-col flex-grow">
12545                                            <div x-show="product.attributes.marke != ''">
12546                                                <div class="font-semibold text-base text-left"
12547                                                     :class="{'text-primary-darker': product.attributes.marke == 'PAPSTAR', 'text-black': product.attributes.marke != 'PAPSTAR'}">
12548                                                    <span x-text='product.attributes.marke'></span>
12549                                                </div>
12550                                            </div>
12551
12552                                            <div class="mt-1 text-black font-semibold text-base sm:min-h-90px text-left">
12553                                                <a class="product-item-link cursor-pointer"
12554                                                   @click="recsClickEvent(banner.unitId, product.productId, product.url)"
12555                                                   x-text="product.name"></a>
12556                                            </div>
12557
12558                                            <div class="flex mt-1 lg:mb-0 mb-1">
12559                                                <div class="mt-auto sku text-sm">
12560                                                    <span>Artikel-Nr.: </span>
12561                                                    <span x-text='product.sku'></span>
12562                                                </div>
12563                                            </div>
12564
12565                                            <template x-if="product.prices">
12566                                                <div class="flex mb-4 sm:min-h-42px w-full">
12567                                                    <div
12568                                                        class="price-box mt-3 price-final_price flex flex-wrap justify-between w-full"
12569                                                        data-role="priceBox"
12570                                                        x-bind:data-product-id="product.productId">
12571                                                        <div class="normal-price text-left">
12572                                                            <div class="price-container price-final_price tax weee">
12573                                                                <div
12574                                                                    class="old-price text-xs including-tax line-through"></div>
12575                                                                <div data-price-type="finalPrice"
12576                                                                     class="price-wrapper price-including-tax finalPrice flex items-end">
12577                                                                    <span
12578                                                                        class="tax pl-0 pr-1">Ab</span>
12579                                                                    <span class="price"
12580                                                                          x-text="hyva.formatPrice(product.prices.minimum.final)"></span>
12581                                                                    <span
12582                                                                        class="tax font-normal">ohne MwSt.</span>
12583                                                                </div>
12584                                                                <div class="unitPrice text-xs"></div>
12585                                                            </div>
12586                                                        </div>
12587                                                    </div>
12588                                                </div>
12589                                            </template>
12590                                            <div class="mt-auto pt-3 flex flex-wrap justify-center items-center">
12591                                                <button
12592                                                    class="cursor-pointer w-full btn btn-add-to-cart justify-center text-sm"
12593                                                    @click="recsClickEvent(banner.unitId, product.productId, product.url)"
12594                                                    aria-label="Zu den Produktdetails">
12595                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
12596    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
12597                                                    <span class="sm:pl-2 md:hidden lg:block">
12598                                                        Zu den Produktdetails                                                    </span>
12599                                                </button>
12600                                            </div>
12601                                        </div>
12602                                    </form>
12603                                </li>
12604                            </template>
12605                        </ul>
12606                    </div>
12607                </div>
12608            </template>
12609        </div>
12610    </template>
12611</section>
12612
12613<script>
12614    function recommendedProducts_above_main_content() {
12615        return {
12616            productBanners: [],
12617            pagePreconfiguredDeferred: {},
12618            bannerPlacement: 'above-main-content',
12619
12620            initProductRecBlock: function(placement) {
12621                let self = this;
12622                window.magentoStorefrontEvents.subscribe.recsResponseReceived(function() {
12623                    let recsData = window.magentoStorefrontEvents.context.getRecommendations();
12624                    self.renderProductRecs(recsData);
12625                });
12626            },
12627            renderProductRecs: function(recsData) {
12628                let self = this;
12629
12630                recsData.units.sort((a, b) => a.displayOrder - b.displayOrder);
12631
12632                recsData.units.forEach(function(unit, index) {
12633                    if (unit.pagePlacement === self.bannerPlacement) {
12634                        self.productBanners.push(unit);
12635
12636                        /** @todo move event outside of recsResponseReceived event **/
12637                        window.magentoStorefrontEvents.publish.recsUnitRender(
12638                            unit.unitId, magentoStorefrontEvents.context
12639                        );
12640                    }
12641                });
12642            },
12643            addToCartRecsEvent: function(e, unitId, productId) {
12644                // requires recommendationsContext to be set
12645                magentoStorefrontEvents.publish.recsItemAddToCartClick(
12646                    unitId, productId, magentoStorefrontEvents.context
12647                );
12648                // Timeout to prevent submission before event has fired.
12649                setTimeout(() => e.submit(), 500);
12650            },
12651            scrollViewEvent: function(unitId) {
12652                const slider = new Splide(this.$refs.slider);
12653                slider.mount();
12654
12655                magentoStorefrontEvents.publish.recsUnitView(
12656                    unitId, magentoStorefrontEvents.context
12657                );
12658            },
12659            recsClickEvent: function(unitId, productId, productUrl) {
12660                magentoStorefrontEvents.publish.recsItemClick(
12661                    unitId, productId, magentoStorefrontEvents.context
12662                );
12663                // Timeout to prevent submission before event has fired.
12664                setTimeout(() => window.location.href = productUrl, 500);
12665            },
12666            brand: function(brandName) {
12667                console.log(brandName);
12668
12669            },
12670            createAddToCartUrl: function(productId) {
12671                const currentLocationUENC = encodeURIComponent(
12672                    this.encodeUenc(BASE_URL)
12673                );
12674                return BASE_URL +
12675                    "checkout/cart/add/uenc/" +
12676                    currentLocationUENC +
12677                    "/product/" +
12678                    productId;
12679            },
12680            encodeUenc: function(value) {
12681                const regex = /=/gi;
12682                return btoa(value).replace(regex, ",");
12683            }
12684        };
12685    }
12686</script>
12686
12687
12688<div class="storyblok-page">
12689            
12690<style>
12691    .m-6ac21b442d32d {
12692        margin: 0px 0px 0px 0px
12693    }
12694
12695    .p-6ac21b442d32d {
12696        padding: 0px 0px 0px 0px    }
12697</style>
12698
12699
12700<div
12701    class="pap-grid -full-width full-width col-gap-4   m-6ac21b442d32d p-6ac21b442d32d "
12702    style="border-width: 0; background-color:;">
12703            
12704<style>
12705    .p-6ac21b442d4ed {
12706        padding: 0px 0px 0px 0px    }
12707</style>
12708
12709<div class="component grid-col justify-start self-start -none   p-6ac21b442d4ed"
12710     style="border-width:0px; background-color:;">
12711            <div class="child">
12712            
12713    <style>
12714        .gradiant-color-d7904af1-8d9d-4852-bc9f-c15c6fc68448::after {
12715            --tw-gradient-from: #8b7b6e;
12716            --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)) 72%;
12717            background-image: linear-gradient(to right, var(--tw-gradient-stops));
12718        }
12719    </style>
12720
12721    
12722
12723
12724
12725
12726
12727<div class="pap-banner banner-bg-center&#x20;text-left&#x20;  " style="overflow&#x3A;&#x20;hidden&#x3B;&#x20;height&#x3A;375px&#x3B;">
12728            <div class="pap-banner-content  flex items-center"
12729             style="padding&#x3A;60px&#x20;0px&#x20;60px&#x20;0px&#x3B;&#x20;width&#x3A;100&#x25;"
12730        >
12731            <div>
12732                <h1><span style="color:#FFFFFF">Der Herbst kann kommen!</span></h1><h2><span style="color:#FFFFFF"><b>Heißgetränkebecher für Pumpkin Spice Latte, Kaffee &amp; mehr</b></span></h2><p><br/></p>
12733<a class="btn-sb&#x20;btn-primary&#x20;"
12734   style="margin-top&#x3A;px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
12735   role="button"
12736   href="https://www.papstar-shop.de/produkte/becher-glaeser/heissgetraenkebecher.htm"
12737   target="">
12738    
12739    <span>Jetzt entdecken</span>
12740
12741            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
12742    <title>Arrow Right</title>
12743  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
12744</svg>
12745    </a>
12746            </div>
12747        </div>
12748        <div class="pap-banner-background grad&#x20;gradiant-color-d7904af1-8d9d-4852-bc9f-c15c6fc68448    banner-bg-center">
12749        
12750    
12751
12752<!-- Phase2 Mask -->
12753<!--svg width="0" height="0">
12754    <path d="M0,100 C150,200 350,0 500,100 L500,00 L0,0 Z"></path>
12755</svg-->
12756
12757        <div class="background-image        picture&#x20;object-cover&#x20;bg-cover&#x20;    "
12758         style="background-image: url(https://a.storyblok.com/f/174288/1900x375/2589a2b591/banner-heissgetrankebecher.png/m/)">
12759    </div>
12760
12761
12762    </div>
12763</div>
12764        </div>
12765    </div>
12766    </div>
12767
12768<style>
12769    .m-6ac21b442e98f {
12770        margin: 0px 0px 0px 0px
12771    }
12772
12773    .p-6ac21b442e98f {
12774        padding: 0px 0px 0px 0px    }
12775</style>
12776
12777
12778<div
12779    class="pap-grid -full-width full-width col-gap-4   m-6ac21b442e98f p-6ac21b442e98f "
12780    style="border-width: 0; background-color:;">
12781            
12782<style>
12783    .p-6ac21b442ea29 {
12784        padding: 0px 0px 0px 0px    }
12785</style>
12786
12787<div class="component grid-col justify-start self-start -child-right   p-6ac21b442ea29"
12788     style="border-width:0px; background-color:;">
12789            <div class="child">
12790            
12791<div class="storyblok component storyblok-text text-right&#x20;&#x20;leading-3&#x20;&#x20;&#x20;&#x20;"
12792     style="&#x20;border-width&#x3A;0px&#x3B;&#x20;padding-top&#x3A;0px&#x3B;&#x20;padding-right&#x3A;12px&#x3B;&#x20;padding-bottom&#x3A;0px&#x3B;&#x20;padding-left&#x3A;0px&#x3B;">
12793    <p><sub>KI-generiert</sub></p></div>
12794        </div>
12795    </div>
12796    </div>
12797
12798<section class="pap-categories-list component ">
12799    <h2 class="pap-categories-list-header">
12800        Aktuell beliebte Kategorien    </h2>
12801    <div class="pap-categories">
12802        <div
12803    class="pap-category "
12804    x-data="{
12805        initial: &#x5B;&#x7B;&quot;name&quot;&#x3A;&quot;Lebensmittelverpackungen&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;einwegverpackungen&#x5C;&#x2F;lebensmittelverpackungen.htm&quot;&#x7D;,&#x7B;&quot;name&quot;&#x3A;&quot;Lebensmittelfolien&#x20;&amp;&#x20;Lebensmittelpapiere&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;einwegverpackungen&#x5C;&#x2F;lebensmittelfolien-lebensmittelpapiere.htm&quot;&#x7D;,&#x7B;&quot;name&quot;&#x3A;&quot;T&#x5C;u00fcten&#x20;&amp;&#x20;Beutel&#x20;&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;einwegverpackungen&#x5C;&#x2F;tueten-beutel.htm&quot;&#x7D;,&#x7B;&quot;name&quot;&#x3A;&quot;Thermoboxen&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;einwegverpackungen&#x5C;&#x2F;thermoboxen.htm&quot;&#x7D;&#x5D;,
12806        rest: &#x5B;&#x7B;&quot;name&quot;&#x3A;&quot;Asia&#x20;Produkte&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;einwegverpackungen&#x5C;&#x2F;asia-produkte.htm&quot;&#x7D;,&#x7B;&quot;name&quot;&#x3A;&quot;Servierplatten&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;einwegverpackungen&#x5C;&#x2F;servierplatten.htm&quot;&#x7D;,&#x7B;&quot;name&quot;&#x3A;&quot;Tragetaschen&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;einwegverpackungen&#x5C;&#x2F;tragetaschen.htm&quot;&#x7D;,&#x7B;&quot;name&quot;&#x3A;&quot;Tiefk&#x5C;u00fchltaschen&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;einwegverpackungen&#x5C;&#x2F;tiefkuehltaschen.htm&quot;&#x7D;,&#x7B;&quot;name&quot;&#x3A;&quot;B&#x5C;u00e4ckereibedarf&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;einwegverpackungen&#x5C;&#x2F;backerei-verpackungen.htm&quot;&#x7D;,&#x7B;&quot;name&quot;&#x3A;&quot;HACCP-Etiketten&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;einwegverpackungen&#x5C;&#x2F;haccp-etiketten.htm&quot;&#x7D;&#x5D;,
12807        isExpanded: false,
12808        toShowInitially: 4,
12809        size: 10    }"
12810>
12811    <ul class="pap-category-list">
12812        <li class="pap-category-list-item -root">
12813            <a class="pap-category-list-item-link hover:text-black" href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;produkte&#x2F;einwegverpackungen.htm">
12814                <span class="pap-category-parent-name lg:px-[20px] lg:py-[10px]">
12815                    Einwegverpackungen                </span>
12816                <img
12817                    class="pap-category-parent-image"
12818                    src="https&#x3A;&#x2F;&#x2F;a.storyblok.com&#x2F;f&#x2F;174288&#x2F;605x310&#x2F;e940d4a0d4&#x2F;kategorie-lebensmittelverpackungen.jpg&#x2F;m&#x2F;640x0"
12819                    alt="Verschiedene&#x20;Lebensmittelverpackungen&#x20;aus&#x20;Pappe&#x20;und&#x20;Zuckerrohr&#x20;f&#xFC;r&#x20;Imbiss&#x20;und&#x20;Take&#x20;Away"
12820                    loading="lazy"
12821                    itemprop="image"
12822                >
12823            </a>
12824                                            <ul class="pap-category-list -children">
12825                    <template x-for="child in initial" :key="child.name">
12826                        <li class="pap-category-list-item">
12827                            <a
12828                                class="pap-category-list-item-link"
12829                                :href="child.url"
12830                            >
12831                                <span x-text="child.name"></span>
12832                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="pap-category-list-item-icon" width="15" height="15">
12833    <title>Arrow Right</title>
12834  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
12835</svg>
12836                            </a>
12837                        </li>
12838                    </template>
12839                    <template x-for="child in rest" :key="child.name">
12840                        <li
12841                            class="pap-category-list-item"
12842                            x-show.transition="isExpanded"
12843                        >
12844                            <a
12845                                class="pap-category-list-item-link"
12846                                :href="child.url"
12847                            >
12848                                <span x-text="child.name"></span>
12849                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="pap-category-list-item-icon" width="15" height="15">
12850    <title>Arrow Right</title>
12851  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
12852</svg>
12853                            </a>
12854                        </li>
12855                    </template>
12856                </ul>
12857                    </li>
12858    </ul>
12859    <template x-if="size > toShowInitially">
12860        <button
12861            class="pap-category-show-more-button"
12862            type="button"
12863            @click="isExpanded = !isExpanded"
12864        >
12865            <span x-show="!isExpanded">Mehr</span>
12866            <span x-show="isExpanded">Weniger</span>
12867            <span
12868                class="transform"
12869                :class="isExpanded ? '-rotate-90' : 'rotate-90'"
12870            >
12871                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="pap-category-list-item-icon" width="15" height="15">
12872    <title>Arrow Right</title>
12873  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
12874</svg>
12875            </span>
12876        </button>
12877    </template>
12878</div>
12879<div
12880    class="pap-category hide-on-mobile-grid"
12881    x-data="{
12882        initial: &#x5B;&#x7B;&quot;name&quot;&#x3A;&quot;Servietten&#x20;&#x5C;&quot;ROYAL&#x20;Collection&#x5C;&quot;&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;servietten&#x5C;&#x2F;servietten-stoffaehnlich.htm&quot;&#x7D;,&#x7B;&quot;name&quot;&#x3A;&quot;Servietten&#x20;einfarbig&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;servietten&#x5C;&#x2F;servietten-einfarbig.htm&quot;&#x7D;,&#x7B;&quot;name&quot;&#x3A;&quot;Bestecktaschen&#x20;&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;servietten&#x5C;&#x2F;bestecktaschen.htm&quot;&#x7D;,&#x7B;&quot;name&quot;&#x3A;&quot;Servietten&#x20;&#x5C;&quot;DAILY&#x20;Collection&#x5C;&quot;&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;servietten&#x5C;&#x2F;gastro-servietten.htm&quot;&#x7D;&#x5D;,
12883        rest: &#x5B;&#x7B;&quot;name&quot;&#x3A;&quot;Motivservietten&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;servietten&#x5C;&#x2F;motivservietten.htm&quot;&#x7D;,&#x7B;&quot;name&quot;&#x3A;&quot;Weihnachtsservietten&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;servietten&#x5C;&#x2F;weihnachtsservietten.htm&quot;&#x7D;,&#x7B;&quot;name&quot;&#x3A;&quot;Servietten&#x20;zur&#x20;Hochzeit&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;servietten&#x5C;&#x2F;servietten-hochzeit.htm&quot;&#x7D;&#x5D;,
12884        isExpanded: false,
12885        toShowInitially: 4,
12886        size: 7    }"
12887>
12888    <ul class="pap-category-list">
12889        <li class="pap-category-list-item -root">
12890            <a class="pap-category-list-item-link hover:text-black" href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;produkte&#x2F;servietten.htm">
12891                <span class="pap-category-parent-name lg:px-[20px] lg:py-[10px]">
12892                    Servietten                </span>
12893                <img
12894                    class="pap-category-parent-image"
12895                    src="https&#x3A;&#x2F;&#x2F;a.storyblok.com&#x2F;f&#x2F;174288&#x2F;605x310&#x2F;081e3e7a4c&#x2F;kategorie-servietten.jpg&#x2F;m&#x2F;640x0"
12896                    alt="Servietten&#x20;in&#x20;Gr&#xFC;n&#x20;und&#x20;Beige,&#x20;passend&#x20;zum&#x20;Fr&#xFC;hling&#x20;mit&#x20;verschiedenen&#x20;Motiven"
12897                    loading="lazy"
12898                    itemprop="image"
12899                >
12900            </a>
12901                                            <ul class="pap-category-list -children">
12902                    <template x-for="child in initial" :key="child.name">
12903                        <li class="pap-category-list-item">
12904                            <a
12905                                class="pap-category-list-item-link"
12906                                :href="child.url"
12907                            >
12908                                <span x-text="child.name"></span>
12909                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="pap-category-list-item-icon" width="15" height="15">
12910    <title>Arrow Right</title>
12911  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
12912</svg>
12913                            </a>
12914                        </li>
12915                    </template>
12916                    <template x-for="child in rest" :key="child.name">
12917                        <li
12918                            class="pap-category-list-item"
12919                            x-show.transition="isExpanded"
12920                        >
12921                            <a
12922                                class="pap-category-list-item-link"
12923                                :href="child.url"
12924                            >
12925                                <span x-text="child.name"></span>
12926                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="pap-category-list-item-icon" width="15" height="15">
12927    <title>Arrow Right</title>
12928  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
12929</svg>
12930                            </a>
12931                        </li>
12932                    </template>
12933                </ul>
12934                    </li>
12935    </ul>
12936    <template x-if="size > toShowInitially">
12937        <button
12938            class="pap-category-show-more-button"
12939            type="button"
12940            @click="isExpanded = !isExpanded"
12941        >
12942            <span x-show="!isExpanded">Mehr</span>
12943            <span x-show="isExpanded">Weniger</span>
12944            <span
12945                class="transform"
12946                :class="isExpanded ? '-rotate-90' : 'rotate-90'"
12947            >
12948                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="pap-category-list-item-icon" width="15" height="15">
12949    <title>Arrow Right</title>
12950  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
12951</svg>
12952            </span>
12953        </button>
12954    </template>
12955</div>
12956<div
12957    class="pap-category hide-on-mobile-grid"
12958    x-data="{
12959        initial: &#x5B;&#x7B;&quot;name&quot;&#x3A;&quot;Kaltgetr&#x5C;u00e4nkebecher&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;becher-glaeser&#x5C;&#x2F;kaltgetraenkebecher.htm&quot;&#x7D;,&#x7B;&quot;name&quot;&#x3A;&quot;Mehrwegbecher&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;becher-glaeser&#x5C;&#x2F;mehrwegbecher.htm&quot;&#x7D;,&#x7B;&quot;name&quot;&#x3A;&quot;Strohhalme&#x20;&amp;&#x20;Shake-Halme&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;becher-glaeser&#x5C;&#x2F;strohhalme.htm&quot;&#x7D;,&#x7B;&quot;name&quot;&#x3A;&quot;Barzubeh&#x5C;u00f6r&#x20;&amp;&#x20;Cocktail-Zubeh&#x5C;u00f6r&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;becher-glaeser&#x5C;&#x2F;barzubehoer-cocktail-zubehoer.htm&quot;&#x7D;&#x5D;,
12960        rest: &#x5B;&#x7B;&quot;name&quot;&#x3A;&quot;Becherspender&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;becher-glaeser&#x5C;&#x2F;becherspender.htm&quot;&#x7D;,&#x7B;&quot;name&quot;&#x3A;&quot;Hei&#x5C;u00dfgetr&#x5C;u00e4nkebecher&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;becher-glaeser&#x5C;&#x2F;heissgetraenkebecher.htm&quot;&#x7D;,&#x7B;&quot;name&quot;&#x3A;&quot;Einweggl&#x5C;u00e4ser&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;becher-glaeser&#x5C;&#x2F;einwegglaeser.htm&quot;&#x7D;,&#x7B;&quot;name&quot;&#x3A;&quot;Bechertr&#x5C;u00e4ger&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;becher-glaeser&#x5C;&#x2F;bechertraeger.htm&quot;&#x7D;,&#x7B;&quot;name&quot;&#x3A;&quot;Becherdeckel&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;becher-glaeser&#x5C;&#x2F;becherdeckel.htm&quot;&#x7D;&#x5D;,
12961        isExpanded: false,
12962        toShowInitially: 4,
12963        size: 9    }"
12964>
12965    <ul class="pap-category-list">
12966        <li class="pap-category-list-item -root">
12967            <a class="pap-category-list-item-link hover:text-black" href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;produkte&#x2F;becher-glaeser.htm">
12968                <span class="pap-category-parent-name lg:px-[20px] lg:py-[10px]">
12969                    Becher                </span>
12970                <img
12971                    class="pap-category-parent-image"
12972                    src="https&#x3A;&#x2F;&#x2F;a.storyblok.com&#x2F;f&#x2F;174288&#x2F;605x310&#x2F;01b921d77e&#x2F;kategorie-becher.jpg&#x2F;m&#x2F;640x0"
12973                    alt="Kaffeebecher,&#x20;Kunststoffbecher&#x20;und&#x20;Strohhalme&#x20;f&#xFC;r&#x20;kalte&#x20;und&#x20;warme&#x20;Getr&#xE4;nke"
12974                    loading="lazy"
12975                    itemprop="image"
12976                >
12977            </a>
12978                                            <ul class="pap-category-list -children">
12979                    <template x-for="child in initial" :key="child.name">
12980                        <li class="pap-category-list-item">
12981                            <a
12982                                class="pap-category-list-item-link"
12983                                :href="child.url"
12984                            >
12985                                <span x-text="child.name"></span>
12986                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="pap-category-list-item-icon" width="15" height="15">
12987    <title>Arrow Right</title>
12988  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
12989</svg>
12990                            </a>
12991                        </li>
12992                    </template>
12993                    <template x-for="child in rest" :key="child.name">
12994                        <li
12995                            class="pap-category-list-item"
12996                            x-show.transition="isExpanded"
12997                        >
12998                            <a
12999                                class="pap-category-list-item-link"
13000                                :href="child.url"
13001                            >
13002                                <span x-text="child.name"></span>
13003                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="pap-category-list-item-icon" width="15" height="15">
13004    <title>Arrow Right</title>
13005  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
13006</svg>
13007                            </a>
13008                        </li>
13009                    </template>
13010                </ul>
13011                    </li>
13012    </ul>
13013    <template x-if="size > toShowInitially">
13014        <button
13015            class="pap-category-show-more-button"
13016            type="button"
13017            @click="isExpanded = !isExpanded"
13018        >
13019            <span x-show="!isExpanded">Mehr</span>
13020            <span x-show="isExpanded">Weniger</span>
13021            <span
13022                class="transform"
13023                :class="isExpanded ? '-rotate-90' : 'rotate-90'"
13024            >
13025                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="pap-category-list-item-icon" width="15" height="15">
13026    <title>Arrow Right</title>
13027  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
13028</svg>
13029            </span>
13030        </button>
13031    </template>
13032</div>
13033<div
13034    class="pap-category hide-on-mobile-grid"
13035    x-data="{
13036        initial: &#x5B;&#x7B;&quot;name&quot;&#x3A;&quot;LED-Kerzen&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;kerzen&#x5C;&#x2F;led-kerzen.htm&quot;&#x7D;,&#x7B;&quot;name&quot;&#x3A;&quot;Stabkerzen&#x20;&amp;&#x20;Leuchterkerzen&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;kerzen&#x5C;&#x2F;stabkerzen-leuchterkerzen.htm&quot;&#x7D;,&#x7B;&quot;name&quot;&#x3A;&quot;Tafelkerzen&#x20;&amp;&#x20;Kronkerzen&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;kerzen&#x5C;&#x2F;tafelkerzen-kronkerzen.htm&quot;&#x7D;,&#x7B;&quot;name&quot;&#x3A;&quot;Stumpenkerzen&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;kerzen&#x5C;&#x2F;stumpenkerzen.htm&quot;&#x7D;&#x5D;,
13037        rest: &#x5B;&#x7B;&quot;name&quot;&#x3A;&quot;Teelichter&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;kerzen&#x5C;&#x2F;teelichter.htm&quot;&#x7D;,&#x7B;&quot;name&quot;&#x3A;&quot;Stearin-Kerzen&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;kerzen&#x5C;&#x2F;stearin-kerzen.htm&quot;&#x7D;,&#x7B;&quot;name&quot;&#x3A;&quot;Kerzen&#x20;Sonderformen&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;kerzen&#x5C;&#x2F;kerzen-sonderformen.htm&quot;&#x7D;,&#x7B;&quot;name&quot;&#x3A;&quot;Kerzen&#x20;nach&#x20;Themen&#x20;&amp;&#x20;Anl&#x5C;u00e4ssen&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;kerzen&#x5C;&#x2F;kerzen-themen.htm&quot;&#x7D;,&#x7B;&quot;name&quot;&#x3A;&quot;Duftkerzen&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;kerzen&#x5C;&#x2F;duftkerzen.htm&quot;&#x7D;,&#x7B;&quot;name&quot;&#x3A;&quot;Kerzenst&#x5C;u00e4nder&#x20;&amp;&#x20;Kerzenhalter&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;kerzen&#x5C;&#x2F;kerzenstaender-kerzenhalter.htm&quot;&#x7D;,&#x7B;&quot;name&quot;&#x3A;&quot;Kaminkerzen&quot;,&quot;url&quot;&#x3A;&quot;https&#x3A;&#x5C;&#x2F;&#x5C;&#x2F;www.papstar-shop.de&#x5C;&#x2F;produkte&#x5C;&#x2F;kerzen&#x5C;&#x2F;kaminkerzen.htm&quot;&#x7D;&#x5D;,
13038        isExpanded: false,
13039        toShowInitially: 4,
13040        size: 11    }"
13041>
13042    <ul class="pap-category-list">
13043        <li class="pap-category-list-item -root">
13044            <a class="pap-category-list-item-link hover:text-black" href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;produkte&#x2F;kerzen.htm">
13045                <span class="pap-category-parent-name lg:px-[20px] lg:py-[10px]">
13046                    Kerzen                </span>
13047                <img
13048                    class="pap-category-parent-image"
13049                    src="https&#x3A;&#x2F;&#x2F;a.storyblok.com&#x2F;f&#x2F;174288&#x2F;605x310&#x2F;100fcc473a&#x2F;kategorie-kerzen.jpg&#x2F;m&#x2F;640x0"
13050                    alt="Kerzen&#x20;in&#x20;frischen&#x20;Farbt&#xF6;nen&#x20;-&#x20;perfekt&#x20;f&#xFC;r&#x20;den&#x20;Fr&#xFC;hling"
13051                    loading="lazy"
13052                    itemprop="image"
13053                >
13054            </a>
13055                                            <ul class="pap-category-list -children">
13056                    <template x-for="child in initial" :key="child.name">
13057                        <li class="pap-category-list-item">
13058                            <a
13059                                class="pap-category-list-item-link"
13060                                :href="child.url"
13061                            >
13062                                <span x-text="child.name"></span>
13063                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="pap-category-list-item-icon" width="15" height="15">
13064    <title>Arrow Right</title>
13065  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
13066</svg>
13067                            </a>
13068                        </li>
13069                    </template>
13070                    <template x-for="child in rest" :key="child.name">
13071                        <li
13072                            class="pap-category-list-item"
13073                            x-show.transition="isExpanded"
13074                        >
13075                            <a
13076                                class="pap-category-list-item-link"
13077                                :href="child.url"
13078                            >
13079                                <span x-text="child.name"></span>
13080                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="pap-category-list-item-icon" width="15" height="15">
13081    <title>Arrow Right</title>
13082  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
13083</svg>
13084                            </a>
13085                        </li>
13086                    </template>
13087                </ul>
13088                    </li>
13089    </ul>
13090    <template x-if="size > toShowInitially">
13091        <button
13092            class="pap-category-show-more-button"
13093            type="button"
13094            @click="isExpanded = !isExpanded"
13095        >
13096            <span x-show="!isExpanded">Mehr</span>
13097            <span x-show="isExpanded">Weniger</span>
13098            <span
13099                class="transform"
13100                :class="isExpanded ? '-rotate-90' : 'rotate-90'"
13101            >
13102                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="pap-category-list-item-icon" width="15" height="15">
13103    <title>Arrow Right</title>
13104  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
13105</svg>
13106            </span>
13107        </button>
13108    </template>
13109</div>
13110    </div>
13111    </section>
13112
13113    <h2 class="text-center mt-8 ">Unsere Bestseller</h2>
13114
13115
13116<script>
13117    "use strict";
13118
13119    function splideSlider9c77695662724eb1983dfc00e9139702() {
13120        const slider = new Splide(this.$refs.slider);
13121        slider.mount();
13122    }
13123</script>
13123
13124<section
13125    x-data
13126    x-init="splideSlider9c77695662724eb1983dfc00e9139702"
13127    x-ref="slider"
13128    class="splide sb-splide mt-8 mb-8 pl-10 pr-10  is-overflow-sb"
13129    data-splide="&#x7B;&quot;type&quot;&#x3A;&quot;slide&quot;,&quot;rewind&quot;&#x3A;true,&quot;arrows&quot;&#x3A;true,&quot;autoplay&quot;&#x3A;false,&quot;interval&quot;&#x3A;&quot;4000&quot;,&quot;pagination&quot;&#x3A;true,&quot;gap&quot;&#x3A;&quot;20px&quot;,&quot;mobile&quot;&#x3A;&quot;1&quot;,&quot;tablet&quot;&#x3A;&quot;2&quot;,&quot;desktop&quot;&#x3A;&quot;3&quot;,&quot;mediaQuery&quot;&#x3A;&quot;min&quot;,&quot;perPage&quot;&#x3A;1,&quot;breakpoints&quot;&#x3A;&#x7B;&quot;480&quot;&#x3A;&#x7B;&quot;perPage&quot;&#x3A;&quot;1&quot;&#x7D;,&quot;680&quot;&#x3A;&#x7B;&quot;perPage&quot;&#x3A;&quot;2&quot;&#x7D;,&quot;1024&quot;&#x3A;&#x7B;&quot;perPage&quot;&#x3A;&quot;3&quot;&#x7D;,&quot;1280&quot;&#x3A;&#x7B;&quot;perPage&quot;&#x3A;&quot;4&quot;&#x7D;&#x7D;&#x7D;"
13130    aria-label="Bestseller"
13131    role="region"
13132    aria-roledescription="carousel"
13133>
13134    <div class="splide__track">
13135        <ul class="splide__list">
13136                                                <li class="splide__slide">
13137                        <div class="h-full">
13138    <form method="post"
13139          aria-label="Product&#x20;tile&#x20;for&#x3A;&#x20;Mehrweg-Plastikbecher&#x20;f&#xFC;r&#x20;Caipirinha,&#x20;PP&#x20;0,3&#x20;l&#x20;&#xD8;&#x20;8&#x20;cm&#x20;&#xB7;&#x20;11&#x20;cm&#x20;transluzent&#x20;unzerbrechlich"
13140          action="https://www.papstar-shop.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cucGFwc3Rhci1zaG9wLmRlLz9tc2Nsa2lkPWI5ODJhMjlkYWVkYzFjMWQyM2I2Yzg1ZmEzZjY4ZjFj/product/82555/"
13141          class="item product product-item product_addtocart_form border rounded p-2.5 bg-container-white hover:shadow-lg flex flex-col w-full h-full"
13142            >
13143        <input name="form_key" type="hidden" value="rKVCmaFj7egUOB24" />        <input type="hidden" name="product" value="82555"/>
13144        <div
13145            class="relative product photo product-item-photo block mb-3 px-12 ">
13146                <a x-data="ReqBlind_6ac211b51d191()"
13147       href="https://www.papstar-shop.de/customer/account/"
13148       title="Mehrweg-Plastikbecher für Caipirinha, PP 0,3 l Ø 8 cm · 11 cm transluzent unzerbrechlich Zum Merkzettel hinzufügen"
13149       aria-label="Mehrweg-Plastikbecher für Caipirinha, PP 0,3 l Ø 8 cm · 11 cm transluzent unzerbrechlich Zum Merkzettel hinzufügen"
13150       @click.prevent="open($event)"
13151       class="p-2 bg-transparent absolute right-0 hover:text-primary-darker bottom-0">
13152        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85" xml:space="preserve" fill="currentColor" class="mx-auto bg-transparent text-black" width="36" height="36">
13153    <path d="M23.895 23.457a8.424 8.424 0 0 0-2.896 1.895c-3.408 3.41-3.308 9.06.226 12.594" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/><path d="M68.801 42.971c6.287-6.289 6.389-16.478.224-22.645-6.165-6.164-16.354-6.063-22.644.225l-3.896 3.871-3.87-3.871c-6.287-6.288-16.477-6.389-22.641-.225-6.164 6.167-6.064 16.355.225 22.645l26.295 26.262 26.307-26.262z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/></svg>
13154        <span class="sr-only">Zum Merkzettel hinzufügen</span>
13155    </a>
13156    
13156<script>
13157        function ReqBlind_6ac211b51d191() {
13158            return {
13159                open: function (event) {
13160                    window.scrollTo(0, 0);
13161                    dispatchMessages([{
13162                        type: 'notice',
13163                        text: 'Sie müssen eingeloggt sein, um die Merkzettel-Funktion zu nutzen.'
13164                    }], 5000);
13165                    let href = event.currentTarget.href;
13166                    setTimeout(function() {
13167                        window.location = href;
13168                    }, 4000);
13169                }
13170            }
13171        }
13172    </script>
13172
13173                                        <ul class="product-tile__badges z-10">
13174                                                    <li class="product-tile__badges-item
13175                badge-topseller-82555"
13176                                    >
13177                                            Topseller                                    </li>
13178                        </ul>
13179                        <a href="https://www.papstar-shop.de/mehrweg-plastikbecher-fuer-caipirinha-pp-0-3-l-8-cm-11-cm-transluzent-unzerb-82555.htm"
13180               tabindex="-1"
13181                            >
13182                <picture class="object-contain mx-auto py-3 product-image-photo"><source type="image/webp" srcset="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/M/e/Mehrweg-Plastikbecher-fuer-Caipirinha-PP-0-3-l-8-cm-11-cm-transluzent-unzerb-82555_b_0_2.webp"><img class="object-contain mx-auto py-3 product-image-photo" x-data="" @update-gallery-82555.window="$el.src = $event.detail" src="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/M/e/Mehrweg-Plastikbecher-fuer-Caipirinha-PP-0-3-l-8-cm-11-cm-transluzent-unzerb-82555_b_0_2.jpg" loading="lazy" itemprop="image" width="360" height="360" alt="Mehrweg-Plastikbecher&#x20;f&#xFC;r&#x20;Caipirinha,&#x20;PP&#x20;0,3&#x20;l&#x20;&#xD8;&#x20;8&#x20;cm&#x20;&#xB7;&#x20;11&#x20;cm&#x20;transluzent&#x20;unzerbrechlich" title="Mehrweg-Plastikbecher&#x20;f&#xFC;r&#x20;Caipirinha,&#x20;PP&#x20;0,3&#x20;l&#x20;&#xD8;&#x20;8&#x20;cm&#x20;&#xB7;&#x20;11&#x20;cm&#x20;transluzent&#x20;unzerbrechlich" loading="lazy" /></picture>
13183            </a>
13184        </div>
13185        <div class="product-info flex flex-col flex-grow">
13186            <div class="text-black font-semibold text-base">
13187                                    &nbsp;                            </div>
13188                        <div
13189                class="mt-1 text-black font-semibold text-base text-left sm:min-h-90px">
13190                <a class="product-item-link "
13191                   href="https://www.papstar-shop.de/mehrweg-plastikbecher-fuer-caipirinha-pp-0-3-l-8-cm-11-cm-transluzent-unzerb-82555.htm"
13192                                    >
13193                    Mehrweg-Plastikbecher für Caipirinha, PP 0,3 l Ø 8 cm · 11 cm transluzent unzerbrechlich                </a>
13194                            </div>
13195            <div class="flex mt-1 mb-1">
13196                <div class="mt-auto sku text-sm">
13197                    <span>Artikel-Nr.: </span>82555                </div>
13198                                    <div class="lg:w-auto ml-auto block ">
13199                                            </div>
13200                            </div>
13201
13202                        <div class="mt-1 text-xs text-gray-600 italic">
13203                                    Verfügbar in 2 Varianten                            </div>
13204
13205            <div class="h-full flex justify-between flex-col">
13206                                                                
13206<script>
13207        function initConfigurableSwatchOptions_82555() {
13208            const configurableOptionsComponent = initConfigurableOptions(
13209                '82555',
13210                {"attributes":{"254":{"id":"254","code":"order_unit","label":"Bestelleinheit","options":[{"id":"7057","label":"Einzelpack","products":["282555"]},{"id":"7059","label":"Karton","products":["182555"]},{"id":"7061","label":"Palette","products":["682555"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"682555":{"baseOldPrice":{"amount":1572},"oldPrice":{"amount":1870.680001},"basePrice":{"amount":1572},"finalPrice":{"amount":1870.680001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"25,98\u00a0Cent \/ St\u00fcck","basePrice":"21,83\u00a0Cent \/ St\u00fcck"}},"unitSavings":"15.9% Ersparnis"},"182555":{"baseOldPrice":{"amount":109.35},"oldPrice":{"amount":130.126501},"basePrice":{"amount":109.35},"finalPrice":{"amount":130.126501},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"28,92\u00a0Cent \/ St\u00fcck","basePrice":"24,30\u00a0Cent \/ St\u00fcck"}},"unitSavings":"6.4% Ersparnis"},"282555":{"baseOldPrice":{"amount":7.79},"oldPrice":{"amount":9.270101},"basePrice":{"amount":7.79},"finalPrice":{"amount":9.270101},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"30,90\u00a0Cent \/ St\u00fcck","basePrice":"25,97\u00a0Cent \/ St\u00fcck"}}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":7.79},"oldPrice":{"amount":9.270101},"basePrice":{"amount":7.79},"finalPrice":{"amount":9.270101}},"productId":"82555","chooseText":"W\u00e4hlen Sie eine Option\u2026","images":[],"index":{"682555":{"254":"7061"},"182555":{"254":"7059"},"282555":{"254":"7057"}},"salable":{"254":{"7061":["682555"],"7059":["182555"],"7057":["282555"]}},"canDisplayShowOutOfStockStatus":true,"preSelectedGallery":[],"channel":"website","salesChannelCode":"papstar_de","sku":{"682555":"4049026440397","182555":"4002911925553","282555":"4002911825556"},"quantities":{"682555":14,"182555":226,"282555":3415}}            );
13211            const swatchOptionsComponent = initSwatchOptions({"254":{"7057":{"type":"0","value":null,"label":"Einzelpack","unit":"###VPE### St\u00fcck (1 x 30)","vpe":"30"},"7059":{"type":"0","value":null,"label":"Karton","unit":"###VPE### St\u00fcck (15 x 30)","vpe":"450"},"7061":{"type":"0","value":null,"label":"Palette","unit":"###VPE### St\u00fcck (240 x 30)","vpe":"7200"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}});
13212
13213            return Object.assign(
13214                configurableOptionsComponent,
13215                swatchOptionsComponent,
13216                {
13217                    mediaCallback: "https\u003A\u002F\u002Fwww.papstar\u002Dshop.de\u002Fswatches\u002Fajax\u002Fmedia\u002F",
13218                    changeOption(optionId, value, skipUpdateGallery) {
13219                        if (value === '') {
13220                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
13221                        } else {
13222                            this.selectedValues[optionId] = value;
13223                        }
13224                        this.findSimpleIndex();
13225                        this.findAllowedAttributeOptions();
13226                        this.updateStock();
13227                        this.updatePrices();
13228                        this.updateSavingPriceInfo();
13229                    },
13230                    unitSavingsPrice: null,
13231                    hasSpecialPrice: false,
13232                    finalPrice: {
13233                        amount: 0.00
13234                    },
13235                    oldPrice: {
13236                        amount: 0.00
13237                    },
13238
13239                    updateHasSpecialPrice() {
13240                        this.hasSpecialPrice = this.finalPrice.amount < this.oldPrice.amount;
13241                    },
13242                    updateSavingPriceInfo() {
13243                        const detail = this.optionConfig.optionPrices[this.productIndex];
13244                        this.oldPrice.amount = detail.oldPrice.amount;
13245                        this.finalPrice.amount = detail.finalPrice.amount;
13246
13247                        this.updateHasSpecialPrice();
13248
13249                        if (!this.hasSpecialPrice) {
13250                            this.unitSavingsPrice = detail.unitSavings;
13251                        }
13252                    },
13253                    preselectQuerystringItems: function() {
13254                        let found = false;
13255                        // pre-select option like ?size=167
13256                        const urlQueryParams = new URLSearchParams(window.location.search.replace("?", ""));
13257                        Object.values(this.optionConfig.attributes).map(attribute => {
13258                            const skipUpdateGallery = true;
13259                            if (urlQueryParams.get(attribute.code) !== null) {
13260                                let optionId = urlQueryParams.get(attribute.code);
13261                                found = false;
13262                                Object.values(attribute.options).map(option => {
13263                                    if (found === false && option.label === optionId) {
13264                                        optionId = option.id;
13265                                        found = true;
13266                                    }
13267                                });
13268                                this.changeOption(attribute.id, optionId, skipUpdateGallery);
13269                            }
13270                        });
13271                        if (found === false) {
13272                            // pre-select first option
13273                            Object.values(this.optionConfig.attributes).map(attribute => {
13274                                if (attribute.code === "order_unit") {
13275                                    let optionId = 0;
13276                                    Object.values(attribute.options).map(option => {
13277                                        if (this.selectedValues.length === 0) {
13278                                            if (found === false && option.products.length > 0) {
13279                                                optionId = option.id;
13280                                                this.changeOption(attribute.id, optionId, true);
13281                                                found = true;
13282                                            }
13283                                        } else {
13284                                            optionId = this.selectedValues[attribute.id];
13285                                            this.changeOption(attribute.id, optionId, true);
13286                                            found = true;
13287                                        }
13288                                    });
13289                                }
13290                            });
13291                        }
13292                    },
13293                    mouseDown: false,
13294                    startX: 0,
13295                    maxScroll: 0,
13296                    scrollLeft: null,
13297                    slider: null,
13298                    scrollEvents: {
13299                        ["@mousedown"](e) {
13300                            this.slider = e.target.closest(".snap");
13301                            if (!this.slider) {
13302                                return;
13303                            }
13304                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
13305                            this.startX = e.pageX - this.slider.offsetLeft;
13306                            this.scrollLeft = this.slider.scrollLeft;
13307                            this.mouseDown = true;
13308                        },
13309                        ["@mouseout.self"]() {
13310                            this.mouseDown = false;
13311                        },
13312                        ["@mouseup"]() {
13313                            this.mouseDown = false;
13314                        },
13315                        ["@mousemove"](e) {
13316                            e.preventDefault();
13317                            if (!this.mouseDown) {
13318                                return;
13319                            }
13320                            const x = e.pageX - this.slider.offsetLeft;
13321                            const scroll = x - this.startX;
13322                            const scrollLeft = this.scrollLeft - scroll;
13323
13324                            if (scrollLeft > this.maxScroll) {
13325                                this.slider.scrollLeft = this.maxScroll;
13326                                return;
13327                            }
13328                            this.slider.scrollLeft = this.scrollLeft - scroll;
13329                        },
13330                        ["@onselectstart"]() {
13331                            return false;
13332                        }
13333                    },
13334                    resizeEvent() {
13335                        Array.from(this.$el.querySelectorAll(".snap")).forEach(slider => {
13336                            slider.scrollLeft = 0;
13337                        });
13338                    }
13339                }
13340            );
13341        }
13342    </script>
13342
13343
13344    <div x-data="initConfigurableSwatchOptions_82555();"
13345         x-defer="intersect"
13346         x-init="getAllowedAttributeOptions();() => preselectQuerystringItems();preselectQuerystringItems();"
13347         @private-content-loaded.window="onGetCartData($event.detail.data)"
13348         @update-prices-82555.window="unitSavingsInfo = $event.detail.unitSavings"
13349         @touchstart.passive="preselectQuerystringItems()"
13350         @resize.window="resizeEvent()"
13351         class="relative md:w-full"
13352         @preselectswatch.window="preselectQuerystringItems()"
13353    >
13354        <div>
13355                                            
13356                                <div class="swatch-attribute order_unit">
13357                    <div class="w-full overflow-x-hidden swatch-attribute-options pt-2">
13358                        <div
13359                            class="w-full overflow-auto transition-all snap items-center min-h-14 product-listing-option-wrapper grid gap-2 pb-2"
13360                            id="attribute-label-82555-254"
13361                                                        :role="optionConfig.attributes?.[254]?.options?.length ? 'radiogroup' : null"
13362                            :aria-label="optionConfig.attributes?.[254]?.options?.length ? 'Attribut-order_unit' : null"
13363                            x-bind="scrollEvents">
13364                            <template x-for="(item, index) in optionConfig.attributes[254].options"
13365                                      :key="item.id"
13366                            >
13367                                
13368<div class="swatch-item">
13369        <label
13370            :for="'attribute-option-swatch-input6ac211b532d096.4964197182555-'+item.id"
13371            class="rounded swatch-option flex flex-col relative shadow-sm cursor-pointer select-none text-center product-option-value-label"
13372            :class="{
13373                'bg-secondary border-container-lighter text-white' : (selectedValues[254] === item.id),
13374                'bg-container-lighter' : (selectedValues[254] !== item.id),
13375                'w-6 h-6' : !isTextSwatch(254, item.id),
13376                'bg-secondary text-white' : focusedLabel === item.id
13377            }"
13378            :style="getSwatchBackgroundStyle('254',item.id)"
13379        >
13380            <input
13381                :id="'attribute-option-swatch-input6ac211b532d096.4964197182555-'+item.id"
13382                :value="item.id"
13383                name="super_attribute[254]-82555]"
13384                type="radio"
13385                role="radio"
13386                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
13387                style="z-index:-1"
13388                x-on:focus="focusLabel(item.id)"
13389                x-on:blur="blurLabel()"
13390                x-on:change="changeOption(254, $event.target.value)"
13391                x-model="selectedValues[254]"
13392                :required="getAllowedAttributeOptions(254).filter(
13393                                                                    attributeOption => selectedValues[attributeOption]
13394                                                                ).length === 0"
13395                :aria-label="getSwatchText(254, item.id) + ': ' + getSwatchUnitText(254, item.id)"
13396            >
13397            <div x-html="getSwatchText(254, item.id)"
13398                 class="whitespace-nowrap text-sm font-bold"
13399                 :class="{ 'sr-only' : !isTextSwatch(254, item.id) }"
13400                 aria-hidden="false"
13401            ></div>
13402            <!-- N98 custom attributes start-->
13403            <div x-html="getSwatchUnitText(254, item.id)"
13404                 class="text-xs" aria-hidden="false"></div>
13405            <!-- N98 custom attributes end-->
13406        </label>
13407        <template x-if="unitSavingsInfo && selectedValues[254] === item.id">
13408            <div class="unit-savings-price">
13409                <span class="-info" x-html="unitSavingsInfo"></span>
13410            </div>
13411        </template>
13412    <template x-if="index != 0 && selectedValues[254] !== item.id">
13413        <div class="unit-savings-price">
13414            <span class="-info">
13415            <span><?xml version="1.0" encoding="UTF-8"?>
13416<svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" version="1.1" viewBox="0 0 18 22" width="16" height="16">
13417    <title>Percent</title>
13418  <defs>
13419    <style>
13420      .st0 {
13421        stroke-linecap: round;
13422        stroke-linejoin: round;
13423      }
13424
13425      .st0, .st1 {
13426        fill: none;
13427        stroke-width: 1.5px;
13428      }
13429
13430      .st1 {
13431        stroke-miterlimit: 10;
13432      }
13433    </style>
13434  </defs>
13435  <path class="st1" stroke="currentColor" d="M16.2,16.6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
13436  <g>
13437    <path class="st1" stroke="currentColor" d="M8,6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
13438    <path class="st0" stroke="currentColor" d="M3.5,18.7L15.4,3.9"/>
13439  </g>
13440</svg>
13441</span>
13442            </span>
13443        </div>
13444    </template>
13445</div>
13446                            </template>
13447                        </div>
13448                    </div>
13449                </div>
13450                    </div>
13451                    <template x-if="isTooltipVisible()">
13452    <div class="absolute shadow-lg"
13453        :style="isLayeredSwatch == false && getTooltipPosition()"
13454    >
13455        <div class="absolute top-0 left-0 z-50 p-2 -mt-6 text-sm leading-tight text-black
13456                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
13457        >
13458        <!--template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
13459            <div x-show="getSwatchType(activeTooltipItem.type) !== 'color'"
13460                class="inline-block shadow-sm"
13461                :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
13462            ></div>
13463        </template-->
13464            <span class="mx-2 text-sm font-semibold whitespace-nowrap subtitle"
13465                    x-html="getTooltipLabel()"
13466            ></span>
13467        </div>
13468        <svg class="absolute z-50 w-8 h-8 text-white transform -translate-x-3
13469                -translate-y-8 fill-current stroke-current"
13470                width="12"
13471                height="12"
13472        >
13473            <title>Tooltip Icon</title>
13474            <rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
13475        </svg>
13476    </div>
13477</template>
13478            </div>
13479                                        
13480                
13480<script>
13481                    function initPriceBox__9c77695662724eb1983dfc00e9139702_6ac211b51cca2() {
13482                        return {
13483                            updatePrice(priceData, productId) {
13484                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
13485                                const regularOldPriceElement = this.$el.querySelector('.normal-price .old-price');
13486                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
13487                                const regularPriceElementTax = this.$el.querySelector('.normal-price .price-container .tax');
13488                                const regularOldBasePriceElement = this.$el.querySelector('.base-price .old-price');
13489                                const regularBasePriceElement = this.$el.querySelector('.base-price .price-wrapper .price');
13490                                const regularBasePriceElementTax = this.$el.querySelector('.base-price .price-container .tax');
13491                                const unitPriceElement = this.$el.querySelector('.normal-price .unitPrice');
13492                                const unitBasePriceElement = this.$el.querySelector('.base-price .unitPrice');
13493                                const productTileBadge = document.querySelector('.badge-discounted-' + productId);
13494
13495                                let specialPrice = false;
13496                                let specialPricePercent;
13497
13498                                if (regularPriceLabel) {
13499                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
13500                                        regularPriceLabel.classList.remove('hidden');
13501                                    } else {
13502                                        regularPriceLabel.classList.add('hidden');
13503                                    }
13504                                }
13505
13506                                if (productTileBadge) {
13507                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
13508                                        specialPricePercent = (priceData.oldPrice.amount - priceData.finalPrice.amount)
13509                                            / priceData.oldPrice.amount * 100;
13510                                        productTileBadge.innerText = '-' + Math.round(specialPricePercent) + '%';
13511                                        productTileBadge.classList.remove('hidden');
13512                                    }
13513                                }
13514
13515                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
13516                                    specialPrice = true;
13517                                } else {
13518                                    specialPrice = false;
13519                                }
13520
13521                                if (regularOldPriceElement && priceData.oldPrice.amount) {
13522                                    if (specialPrice) {
13523                                        regularOldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount);
13524                                    } else {
13525                                        regularOldPriceElement.innerText = '';
13526                                    }
13527                                }
13528
13529                                if (regularPriceElement) {
13530                                    regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
13531                                    regularPriceElementTax.style.display = 'block';
13532                                }
13533
13534                                if (unitPriceElement) {
13535                                    unitPriceElement.innerText = '';
13536                                }
13537
13538                                if (unitPriceElement && priceData.unitPrice.pricePerUnitHTML.price) {
13539                                    unitPriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.price;
13540                                }
13541
13542                                if (regularOldBasePriceElement && priceData.baseOldPrice.amount) {
13543                                    if (specialPrice) {
13544                                        regularOldBasePriceElement.innerText =
13545                                            hyva.formatPrice(priceData.baseOldPrice.amount);
13546                                    } else {
13547                                        regularOldBasePriceElement.innerText = '';
13548                                    }
13549                                }
13550
13551                                if (regularBasePriceElement) {
13552                                    regularBasePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount);
13553                                    regularBasePriceElementTax.style.display = 'block';
13554                                }
13555
13556                                if (unitBasePriceElement) {
13557                                    unitBasePriceElement.innerText = '';
13558                                }
13559
13560                                if (unitBasePriceElement && priceData.unitPrice.pricePerUnitHTML.basePrice) {
13561                                    unitBasePriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.basePrice;
13562                                }
13563
13564                                if (priceData.finalPrice.amount === priceData.basePrice.amount) {
13565                                    this.$el.querySelector('.normal-price').classList.add('hidden');
13566                                } else {
13567                                    this.$el.querySelector('.normal-price').classList.remove('hidden');
13568                                }
13569                            }
13570                        }
13571                    }
13572
13573                    function initQtyField__9c77695662724eb1983dfc00e9139702_6ac211b51cca2() {
13574                        return {
13575                            qty: 1,
13576                            input: document.getElementById('qty[82555_9c77695662724eb1983dfc00e9139702_6ac211b51cca2]'),
13577                            addToCart: document.getElementById('add-to-cart[82555_9c77695662724eb1983dfc00e9139702_6ac211b51cca2]'),
13578                            qtyAlert: document.getElementById('qty-alert[82555_9c77695662724eb1983dfc00e9139702_6ac211b51cca2]'),
13579                            currentStock: 0,
13580
13581                            validateQty(qty) {
13582                                let regex = /^\d+$/;
13583                                let pattern = regex.test(qty);
13584
13585                                this.addToCart.disabled = qty === 0
13586                                    || qty === null
13587                                    || qty > 10000                                    || !pattern
13588                                    || this.addToCart.classList.contains('not-available');
13589
13590                                if (qty === 0
13591                                    || qty === null
13592                                    || qty > 10000                                    || !pattern) {
13593                                    this.qtyAlert.style.display = 'block';
13594                                } else {
13595                                    this.qtyAlert.style.display = 'none';
13596                                }
13597                            },
13598
13599                            stepUp() {
13600                                this.input.stepUp();
13601                                let qty = document.getElementById('qty[82555_9c77695662724eb1983dfc00e9139702_6ac211b51cca2]').value;
13602                                this.validateQty(qty);
13603
13604                            },
13605
13606                            stepDown() {
13607                                this.input.stepDown();
13608                                let qty = document.getElementById('qty[82555_9c77695662724eb1983dfc00e9139702_6ac211b51cca2]').value;
13609                                this.validateQty(qty);
13610                            }
13611                        };
13612                    }
13613                </script>
13613
13614                <div class="relative price-block">
13615                    <div class="flex my-4 sm:min-h-42px w-full">
13616                                                <div class="w-full"
13617                             x-data="initPriceBox__9c77695662724eb1983dfc00e9139702_6ac211b51cca2()"
13618                             x-init="() => $dispatch('preselectswatch')"
13619                             @update-prices-82555.window="updatePrice($event.detail,82555);">
13620                            <div
13621                                class="price-box mt-3 price-final_price flex flex-wrap justify-between"
13622                                data-role="priceBox">
13623                                <div class="normal-price text-left ">
13624                                <span class="price-container price-final_price tax weee">
13625                                    <div class="old-price text-xs including-tax line-through"></div>
13626                                    <div id="price-including-tax-product-price-82555"
13627                                         data-price-type="finalPrice"
13628                                         class="price-wrapper price-including-tax finalPrice flex items-end">
13629                                        <span class="price"></span>
13630                                        <span class="tax font-normal hidden">mit MwSt.</span>
13631                                    </div>
13632                                    <div class="unitPrice text-xs"></div>
13633                                </span>
13634                                </div>
13635
13636                                <div class="base-price text-left ">
13637                                <span class="price-container price-final_price tax weee">
13638                                    <div class="old-price text-xs excluding-tax line-through"></div>
13639                                    <div id="price-excluding-tax-product-price-82555"
13640                                         data-price-type="finalPrice"
13641                                         class="price-wrapper price-excluding-tax finalPrice flex items-end">
13642                                        <span class="price"></span>
13643                                        <span class="tax font-normal hidden">ohne MwSt.</span>
13644                                    </div>
13645                                    <div class="unitPrice text-xs"></div>
13646                                </span>
13647                                </div>
13648                            </div>
13649                        </div>
13650                    </div>
13651
13652                                            <div x-data="{ currentStock: 0 }"
13653                             x-init="() => $dispatch('preselectswatch')"
13654                             @update-stock-82555.window="currentStock = $event.detail"
13655                             class="flex flex-wrap mt-auto text-left">
13656                            <div class="stock-status text-xs w-full mb-3 mt-auto basis-full">
13657                                <template x-if="currentStock">
13658                                    <div>
13659                                    <span x-show="currentStock > 0" class="text-green-main">
13660                                        Sofort versandfertig, Lieferzeit: 1-3 Werktage                                    </span>
13661                                        <span x-show="currentStock <= 0 && currentStock > -1000"
13662                                              class="text-yellow-700">
13663                                        Aktuell nicht lieferbar, Lieferzeit: 5-10 Werktage                                    </span>
13664                                        <span x-show="currentStock <= -1000 && currentStock > -5000"
13665                                              class="text-red-600">
13666                                        Aktuell nicht lieferbar                                    </span>
13667                                    </div>
13668                                </template>
13669                            </div>
13670                        </div>
13671                    
13672                    
13673                    <div class="flex gap-4 mt-auto justify-end lg:justify-between"
13674                         x-data="initQtyField__9c77695662724eb1983dfc00e9139702_6ac211b51cca2()"
13675                         x-init="() => $dispatch('preselectswatch')"
13676                         @update-stock-82555.window="currentStock = $event.detail;">
13677                                                    <div class="w-1/2 flex"
13678                                x-show="currentStock > -5000"
13679                                :aria-hidden="currentStock <= -5000">
13680                                <button
13681                                    class="qty-button -minus-button"
13682                                    type="button"
13683                                    title="Weniger"
13684                                    x-on:click="stepDown()">
13685                                    <?xml version="1.0" encoding="utf-8"?>
13686<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
13687<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="w-5 h-5" width="20" height="20">
13688        <title>Minus</title>
13689    <g>
13690	<g>
13691		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
13692	</g>
13693</g>
13694</svg>
13695                                </button>
13696                                <label for="qty[82555_9c77695662724eb1983dfc00e9139702_6ac211b51cca2]"
13697                                       class="sr-only">
13698                                    Anzahl                                </label>
13699                                <input name="qty"
13700                                       class="form-input rounded-none px-2 text-center invalid:ring-2 invalid:ring-red-500 w-11/12"
13701                                       id="qty[82555_9c77695662724eb1983dfc00e9139702_6ac211b51cca2]"
13702                                       type="number"
13703                                       inputmode="numeric"
13704                                       maxlength="5"
13705                                       min="1"                                       max="10000"                                       step="1"                                       :value="qty"
13706                                       x-model.number="qty"
13707                                       x-on:input.change="validateQty(qty);"
13708                                />
13709                                <button
13710                                    class="qty-button -plus-button"
13711                                    type="button"
13712                                    title="Mehr"
13713                                    class="plus"
13714                                    x-on:click="stepUp()">
13715                                    <?xml version="1.0" encoding="utf-8"?>
13716<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
13717<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="text-white" width="20" height="20">
13718        <title>Plus Sign</title>
13719    <g>
13720	<g>
13721		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
13722	</g>
13723	<g>
13724		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
13725	</g>
13726</g>
13727</svg>
13728                                </button>
13729                            </div>
13730                            <div class="w-1/2"
13731                                 x-show="currentStock > -5000"
13732                                 :aria-hidden="currentStock <= -5000">
13733                                                                    <button class="btn btn-add-to-cart w-full h-full px-2 py-0"
13734                                            :disabled="currentStock <= -1000 || false"
13735                                            :class="{'not-available': currentStock <= -1000 || false}"
13736                                            id="add-to-cart[82555_9c77695662724eb1983dfc00e9139702_6ac211b51cca2]"
13737                                            title="Mehrweg-Plastikbecher&#x20;f&#xFC;r&#x20;Caipirinha,&#x20;PP&#x20;0,3&#x20;l&#x20;&#xD8;&#x20;8&#x20;cm&#x20;&#xB7;&#x20;11&#x20;cm&#x20;transluzent&#x20;unzerbrechlich&#x20;In&#x20;den&#x20;Warenkorb"
13738                                            aria-label="Mehrweg-Plastikbecher&#x20;f&#xFC;r&#x20;Caipirinha,&#x20;PP&#x20;0,3&#x20;l&#x20;&#xD8;&#x20;8&#x20;cm&#x20;&#xB7;&#x20;11&#x20;cm&#x20;transluzent&#x20;unzerbrechlich&#x20;In&#x20;den&#x20;Warenkorb">
13739                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
13740    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
13741                                        <span class="sm:pl-2 md:hidden lg:block">
13742                                            In&#x20;den&#x20;Warenkorb                                        </span>
13743                                    </button>
13744                                                            </div>
13745                        
13746                        <a x-cloak
13747                           x-show="currentStock <= -5000"
13748                           :aria-hidden="currentStock > -5000"
13749                           href="https://www.papstar-shop.de/mehrweg-plastikbecher-fuer-caipirinha-pp-0-3-l-8-cm-11-cm-transluzent-unzerb-82555.htm"
13750                           class="btn btn-add-to-cart w-full h-full px-2 py-0"
13751                           id="add-to-cart[82555_9c77695662724eb1983dfc00e9139702_6ac211b51cca2]"
13752                           title="Mehrweg-Plastikbecher&#x20;f&#xFC;r&#x20;Caipirinha,&#x20;PP&#x20;0,3&#x20;l&#x20;&#xD8;&#x20;8&#x20;cm&#x20;&#xB7;&#x20;11&#x20;cm&#x20;transluzent&#x20;unzerbrechlich&#x20;Produkt&#x20;individualisieren"
13753                           aria-label="Mehrweg-Plastikbecher&#x20;f&#xFC;r&#x20;Caipirinha,&#x20;PP&#x20;0,3&#x20;l&#x20;&#xD8;&#x20;8&#x20;cm&#x20;&#xB7;&#x20;11&#x20;cm&#x20;transluzent&#x20;unzerbrechlich&#x20;Produkt&#x20;individualisieren">
13754                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
13755    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
13756                            <span class="sm:pl-2 md:hidden lg:block py-4">
13757                                            Produkt&#x20;individualisieren                                        </span>
13758                        </a>
13759
13760                                                    
13760<script>
13761    'use strict';
13762
13763    (() => {
13764        window.addEventListener(
13765            'ga-initialized',
13766            () => {
13767                const productForm = document.querySelector(
13768                    'form\u005Bdata\u002Dsku\u003D\u002282555\u0022\u005D'
13769                );
13770
13771                if (!productForm) {
13772                    return;
13773                }
13774
13775                let sku = '82555';
13776
13777                window.addEventListener(
13778                    'listing\u002Dconfigurable-selection-changed',
13779                    (event) => {
13780                        if (event.detail.skuCandidates.length === 1
13781                            && event.detail.productId === '82555'
13782                        ) {
13783                            sku = event.detail.skuCandidates[0];
13784                        }
13785                    }
13786                );
13787
13788                function bindEventListener(element, event)
13789                {
13790                    element.addEventListener(event, () => {
13791                        if (productForm.checkValidity()) {
13792                            const priceSelector = false                                ? '#product-price-82555 .price'
13793                                : '[data-price-box="product-id-82555"] .price';
13794
13795                            window.dispatchEvent(new CustomEvent('cart-item-added', {
13796                                detail: [{
13797                                    product_sku: sku,
13798                                    product_name: 'Mehrweg\u002DPlastikbecher\u0020f\u00FCr\u0020Caipirinha,\u0020PP\u00200,3\u0020l\u0020\u00D8\u00208\u0020cm\u0020\u00B7\u002011\u0020cm\u0020transluzent\u0020unzerbrechlich',
13799                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),
13800
13801                                                                            qty: 1,
13802                                                                    }],
13803                            }));
13804                        }
13805                    });
13806                }
13807
13808                                    const button = productForm.querySelector(
13809                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
13810                    );
13811
13812                    if (!button) {
13813                        return;
13814                    }
13815
13816                    bindEventListener(button, 'click');
13817                            },
13818            { once: true }
13819        );
13820    })();
13821</script>
13821
13822                                            </div>
13823                    <div class="qty-alert hidden" id="qty-alert[82555_9c77695662724eb1983dfc00e9139702_6ac211b51cca2]">
13824                        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill="currentColor" viewBox="0 0 20 20" class="w-3 h-3 mr-1 text-energy inline-block align-text-top">
13825<title>Warning</title>
13826    <path d="M19.64 16.36L11.53 2.3A1.85 1.85 0 0 0 10 1.21 1.85 1.85 0 0 0 8.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>
13827</svg>
13828                        <span>Bitte&#x20;nur&#x20;ganze&#x20;Zahlen&#x20;eingeben.</span>
13829                    </div>
13830                </div>
13831            </div>
13832        </div>
13833    </form>
13834</div>
13835                    </li>
13836                                                                    <li class="splide__slide">
13837                        <div class="h-full">
13838    <form method="post"
13839          aria-label="Product&#x20;tile&#x20;for&#x3A;&#x20;Shake-Halme,&#x20;Papier&#x20;&#xD8;&#x20;8&#x20;mm&#x20;&#xB7;&#x20;21&#x20;cm&#x20;schwarz"
13840          action="https://www.papstar-shop.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cucGFwc3Rhci1zaG9wLmRlLz9tc2Nsa2lkPWI5ODJhMjlkYWVkYzFjMWQyM2I2Yzg1ZmEzZjY4ZjFj/product/87511/"
13841          class="item product product-item product_addtocart_form border rounded p-2.5 bg-container-white hover:shadow-lg flex flex-col w-full h-full"
13842            >
13843        <input name="form_key" type="hidden" value="rKVCmaFj7egUOB24" />        <input type="hidden" name="product" value="87511"/>
13844        <div
13845            class="relative product photo product-item-photo block mb-3 px-12 ">
13846                <a x-data="ReqBlind_6ac211b53e5fe()"
13847       href="https://www.papstar-shop.de/customer/account/"
13848       title="Shake-Halme, Papier Ø 8 mm · 21 cm schwarz Zum Merkzettel hinzufügen"
13849       aria-label="Shake-Halme, Papier Ø 8 mm · 21 cm schwarz Zum Merkzettel hinzufügen"
13850       @click.prevent="open($event)"
13851       class="p-2 bg-transparent absolute right-0 hover:text-primary-darker bottom-0">
13852        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85" xml:space="preserve" fill="currentColor" class="mx-auto bg-transparent text-black" width="36" height="36">
13853    <path d="M23.895 23.457a8.424 8.424 0 0 0-2.896 1.895c-3.408 3.41-3.308 9.06.226 12.594" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/><path d="M68.801 42.971c6.287-6.289 6.389-16.478.224-22.645-6.165-6.164-16.354-6.063-22.644.225l-3.896 3.871-3.87-3.871c-6.287-6.288-16.477-6.389-22.641-.225-6.164 6.167-6.064 16.355.225 22.645l26.295 26.262 26.307-26.262z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/></svg>
13854        <span class="sr-only">Zum Merkzettel hinzufügen</span>
13855    </a>
13856    
13856<script>
13857        function ReqBlind_6ac211b53e5fe() {
13858            return {
13859                open: function (event) {
13860                    window.scrollTo(0, 0);
13861                    dispatchMessages([{
13862                        type: 'notice',
13863                        text: 'Sie müssen eingeloggt sein, um die Merkzettel-Funktion zu nutzen.'
13864                    }], 5000);
13865                    let href = event.currentTarget.href;
13866                    setTimeout(function() {
13867                        window.location = href;
13868                    }, 4000);
13869                }
13870            }
13871        }
13872    </script>
13872
13873                                        <ul class="product-tile__badges z-10">
13874                                                    <li class="product-tile__badges-item
13875                badge-topseller-87511"
13876                                    >
13877                                            Topseller                                    </li>
13878                        </ul>
13879                        <a href="https://www.papstar-shop.de/shake-halme-papier-8-mm-21-cm-schwarz-87511.htm"
13880               tabindex="-1"
13881                            >
13882                <picture class="object-contain mx-auto py-3 product-image-photo"><source type="image/webp" srcset="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/S/h/Shake-Halme-Papier-pure-8-mm-21-cm-schwarz-87511_b_0.webp"><img class="object-contain mx-auto py-3 product-image-photo" x-data="" @update-gallery-87511.window="$el.src = $event.detail" src="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/S/h/Shake-Halme-Papier-pure-8-mm-21-cm-schwarz-87511_b_0.jpg" loading="lazy" itemprop="image" width="360" height="360" alt="Shake-Halme,&#x20;Papier&#x20;&#xD8;&#x20;8&#x20;mm&#x20;&#xB7;&#x20;21&#x20;cm&#x20;schwarz" title="Shake-Halme,&#x20;Papier&#x20;&#xD8;&#x20;8&#x20;mm&#x20;&#xB7;&#x20;21&#x20;cm&#x20;schwarz" loading="lazy" /></picture>
13883            </a>
13884        </div>
13885        <div class="product-info flex flex-col flex-grow">
13886            <div class="text-black font-semibold text-base">
13887                                    &nbsp;                            </div>
13888                        <div
13889                class="mt-1 text-black font-semibold text-base text-left sm:min-h-90px">
13890                <a class="product-item-link "
13891                   href="https://www.papstar-shop.de/shake-halme-papier-8-mm-21-cm-schwarz-87511.htm"
13892                                    >
13893                    Shake-Halme, Papier Ø 8 mm · 21 cm schwarz                </a>
13894                            </div>
13895            <div class="flex mt-1 mb-1">
13896                <div class="mt-auto sku text-sm">
13897                    <span>Artikel-Nr.: </span>87511                </div>
13898                                    <div class="lg:w-auto ml-auto block ">
13899                                            </div>
13900                            </div>
13901
13902                        <div class="mt-1 text-xs text-gray-600 italic">
13903                                    Verfügbar in 2 Varianten                            </div>
13904
13905            <div class="h-full flex justify-between flex-col">
13906                                                                
13906<script>
13907        function initConfigurableSwatchOptions_87511() {
13908            const configurableOptionsComponent = initConfigurableOptions(
13909                '87511',
13910                {"attributes":{"254":{"id":"254","code":"order_unit","label":"Bestelleinheit","options":[{"id":"7059","label":"Karton","products":["187511"]},{"id":"7061","label":"Palette","products":["687511"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"687511":{"baseOldPrice":{"amount":1296},"oldPrice":{"amount":1542.240001},"basePrice":{"amount":1296},"finalPrice":{"amount":1542.240001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"3,21\u00a0Cent \/ St\u00fcck","basePrice":"2,70\u00a0Cent \/ St\u00fcck"}},"unitSavings":"10% Ersparnis"},"187511":{"baseOldPrice":{"amount":30},"oldPrice":{"amount":35.700001},"basePrice":{"amount":30},"finalPrice":{"amount":35.700001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"3,57\u00a0Cent \/ St\u00fcck","basePrice":"3,00\u00a0Cent \/ St\u00fcck"}}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":30},"oldPrice":{"amount":35.700001},"basePrice":{"amount":30},"finalPrice":{"amount":35.700001}},"productId":"87511","chooseText":"W\u00e4hlen Sie eine Option\u2026","images":[],"index":{"687511":{"254":"7061"},"187511":{"254":"7059"}},"salable":{"254":{"7061":["687511"],"7059":["187511"]}},"canDisplayShowOutOfStockStatus":true,"preSelectedGallery":[],"channel":"website","salesChannelCode":"papstar_de","sku":{"687511":"4049026756603","187511":"4002911389522"},"quantities":{"687511":48,"187511":2325}}            );
13911            const swatchOptionsComponent = initSwatchOptions({"254":{"7059":{"type":"0","value":null,"label":"Karton","unit":"###VPE### St\u00fcck (10 x 100)","vpe":"1000"},"7061":{"type":"0","value":null,"label":"Palette","unit":"###VPE### St\u00fcck (480 x 100)","vpe":"48000"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}});
13912
13913            return Object.assign(
13914                configurableOptionsComponent,
13915                swatchOptionsComponent,
13916                {
13917                    mediaCallback: "https\u003A\u002F\u002Fwww.papstar\u002Dshop.de\u002Fswatches\u002Fajax\u002Fmedia\u002F",
13918                    changeOption(optionId, value, skipUpdateGallery) {
13919                        if (value === '') {
13920                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
13921                        } else {
13922                            this.selectedValues[optionId] = value;
13923                        }
13924                        this.findSimpleIndex();
13925                        this.findAllowedAttributeOptions();
13926                        this.updateStock();
13927                        this.updatePrices();
13928                        this.updateSavingPriceInfo();
13929                    },
13930                    unitSavingsPrice: null,
13931                    hasSpecialPrice: false,
13932                    finalPrice: {
13933                        amount: 0.00
13934                    },
13935                    oldPrice: {
13936                        amount: 0.00
13937                    },
13938
13939                    updateHasSpecialPrice() {
13940                        this.hasSpecialPrice = this.finalPrice.amount < this.oldPrice.amount;
13941                    },
13942                    updateSavingPriceInfo() {
13943                        const detail = this.optionConfig.optionPrices[this.productIndex];
13944                        this.oldPrice.amount = detail.oldPrice.amount;
13945                        this.finalPrice.amount = detail.finalPrice.amount;
13946
13947                        this.updateHasSpecialPrice();
13948
13949                        if (!this.hasSpecialPrice) {
13950                            this.unitSavingsPrice = detail.unitSavings;
13951                        }
13952                    },
13953                    preselectQuerystringItems: function() {
13954                        let found = false;
13955                        // pre-select option like ?size=167
13956                        const urlQueryParams = new URLSearchParams(window.location.search.replace("?", ""));
13957                        Object.values(this.optionConfig.attributes).map(attribute => {
13958                            const skipUpdateGallery = true;
13959                            if (urlQueryParams.get(attribute.code) !== null) {
13960                                let optionId = urlQueryParams.get(attribute.code);
13961                                found = false;
13962                                Object.values(attribute.options).map(option => {
13963                                    if (found === false && option.label === optionId) {
13964                                        optionId = option.id;
13965                                        found = true;
13966                                    }
13967                                });
13968                                this.changeOption(attribute.id, optionId, skipUpdateGallery);
13969                            }
13970                        });
13971                        if (found === false) {
13972                            // pre-select first option
13973                            Object.values(this.optionConfig.attributes).map(attribute => {
13974                                if (attribute.code === "order_unit") {
13975                                    let optionId = 0;
13976                                    Object.values(attribute.options).map(option => {
13977                                        if (this.selectedValues.length === 0) {
13978                                            if (found === false && option.products.length > 0) {
13979                                                optionId = option.id;
13980                                                this.changeOption(attribute.id, optionId, true);
13981                                                found = true;
13982                                            }
13983                                        } else {
13984                                            optionId = this.selectedValues[attribute.id];
13985                                            this.changeOption(attribute.id, optionId, true);
13986                                            found = true;
13987                                        }
13988                                    });
13989                                }
13990                            });
13991                        }
13992                    },
13993                    mouseDown: false,
13994                    startX: 0,
13995                    maxScroll: 0,
13996                    scrollLeft: null,
13997                    slider: null,
13998                    scrollEvents: {
13999                        ["@mousedown"](e) {
14000                            this.slider = e.target.closest(".snap");
14001                            if (!this.slider) {
14002                                return;
14003                            }
14004                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
14005                            this.startX = e.pageX - this.slider.offsetLeft;
14006                            this.scrollLeft = this.slider.scrollLeft;
14007                            this.mouseDown = true;
14008                        },
14009                        ["@mouseout.self"]() {
14010                            this.mouseDown = false;
14011                        },
14012                        ["@mouseup"]() {
14013                            this.mouseDown = false;
14014                        },
14015                        ["@mousemove"](e) {
14016                            e.preventDefault();
14017                            if (!this.mouseDown) {
14018                                return;
14019                            }
14020                            const x = e.pageX - this.slider.offsetLeft;
14021                            const scroll = x - this.startX;
14022                            const scrollLeft = this.scrollLeft - scroll;
14023
14024                            if (scrollLeft > this.maxScroll) {
14025                                this.slider.scrollLeft = this.maxScroll;
14026                                return;
14027                            }
14028                            this.slider.scrollLeft = this.scrollLeft - scroll;
14029                        },
14030                        ["@onselectstart"]() {
14031                            return false;
14032                        }
14033                    },
14034                    resizeEvent() {
14035                        Array.from(this.$el.querySelectorAll(".snap")).forEach(slider => {
14036                            slider.scrollLeft = 0;
14037                        });
14038                    }
14039                }
14040            );
14041        }
14042    </script>
14042
14043
14044    <div x-data="initConfigurableSwatchOptions_87511();"
14045         x-defer="intersect"
14046         x-init="getAllowedAttributeOptions();() => preselectQuerystringItems();preselectQuerystringItems();"
14047         @private-content-loaded.window="onGetCartData($event.detail.data)"
14048         @update-prices-87511.window="unitSavingsInfo = $event.detail.unitSavings"
14049         @touchstart.passive="preselectQuerystringItems()"
14050         @resize.window="resizeEvent()"
14051         class="relative md:w-full"
14052         @preselectswatch.window="preselectQuerystringItems()"
14053    >
14054        <div>
14055                                            
14056                                <div class="swatch-attribute order_unit">
14057                    <div class="w-full overflow-x-hidden swatch-attribute-options pt-2">
14058                        <div
14059                            class="w-full overflow-auto transition-all snap items-center min-h-14 product-listing-option-wrapper grid gap-2 pb-2"
14060                            id="attribute-label-87511-254"
14061                                                        :role="optionConfig.attributes?.[254]?.options?.length ? 'radiogroup' : null"
14062                            :aria-label="optionConfig.attributes?.[254]?.options?.length ? 'Attribut-order_unit' : null"
14063                            x-bind="scrollEvents">
14064                            <template x-for="(item, index) in optionConfig.attributes[254].options"
14065                                      :key="item.id"
14066                            >
14067                                
14068<div class="swatch-item">
14069        <label
14070            :for="'attribute-option-swatch-input6ac211b5485c78.4073966287511-'+item.id"
14071            class="rounded swatch-option flex flex-col relative shadow-sm cursor-pointer select-none text-center product-option-value-label"
14072            :class="{
14073                'bg-secondary border-container-lighter text-white' : (selectedValues[254] === item.id),
14074                'bg-container-lighter' : (selectedValues[254] !== item.id),
14075                'w-6 h-6' : !isTextSwatch(254, item.id),
14076                'bg-secondary text-white' : focusedLabel === item.id
14077            }"
14078            :style="getSwatchBackgroundStyle('254',item.id)"
14079        >
14080            <input
14081                :id="'attribute-option-swatch-input6ac211b5485c78.4073966287511-'+item.id"
14082                :value="item.id"
14083                name="super_attribute[254]-87511]"
14084                type="radio"
14085                role="radio"
14086                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
14087                style="z-index:-1"
14088                x-on:focus="focusLabel(item.id)"
14089                x-on:blur="blurLabel()"
14090                x-on:change="changeOption(254, $event.target.value)"
14091                x-model="selectedValues[254]"
14092                :required="getAllowedAttributeOptions(254).filter(
14093                                                                    attributeOption => selectedValues[attributeOption]
14094                                                                ).length === 0"
14095                :aria-label="getSwatchText(254, item.id) + ': ' + getSwatchUnitText(254, item.id)"
14096            >
14097            <div x-html="getSwatchText(254, item.id)"
14098                 class="whitespace-nowrap text-sm font-bold"
14099                 :class="{ 'sr-only' : !isTextSwatch(254, item.id) }"
14100                 aria-hidden="false"
14101            ></div>
14102            <!-- N98 custom attributes start-->
14103            <div x-html="getSwatchUnitText(254, item.id)"
14104                 class="text-xs" aria-hidden="false"></div>
14105            <!-- N98 custom attributes end-->
14106        </label>
14107        <template x-if="unitSavingsInfo && selectedValues[254] === item.id">
14108            <div class="unit-savings-price">
14109                <span class="-info" x-html="unitSavingsInfo"></span>
14110            </div>
14111        </template>
14112    <template x-if="index != 0 && selectedValues[254] !== item.id">
14113        <div class="unit-savings-price">
14114            <span class="-info">
14115            <span><?xml version="1.0" encoding="UTF-8"?>
14116<svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" version="1.1" viewBox="0 0 18 22" width="16" height="16">
14117    <title>Percent</title>
14118  <defs>
14119    <style>
14120      .st0 {
14121        stroke-linecap: round;
14122        stroke-linejoin: round;
14123      }
14124
14125      .st0, .st1 {
14126        fill: none;
14127        stroke-width: 1.5px;
14128      }
14129
14130      .st1 {
14131        stroke-miterlimit: 10;
14132      }
14133    </style>
14134  </defs>
14135  <path class="st1" stroke="currentColor" d="M16.2,16.6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
14136  <g>
14137    <path class="st1" stroke="currentColor" d="M8,6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
14138    <path class="st0" stroke="currentColor" d="M3.5,18.7L15.4,3.9"/>
14139  </g>
14140</svg>
14141</span>
14142            </span>
14143        </div>
14144    </template>
14145</div>
14146                            </template>
14147                        </div>
14148                    </div>
14149                </div>
14150                    </div>
14151                    <template x-if="isTooltipVisible()">
14152    <div class="absolute shadow-lg"
14153        :style="isLayeredSwatch == false && getTooltipPosition()"
14154    >
14155        <div class="absolute top-0 left-0 z-50 p-2 -mt-6 text-sm leading-tight text-black
14156                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
14157        >
14158        <!--template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
14159            <div x-show="getSwatchType(activeTooltipItem.type) !== 'color'"
14160                class="inline-block shadow-sm"
14161                :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
14162            ></div>
14163        </template-->
14164            <span class="mx-2 text-sm font-semibold whitespace-nowrap subtitle"
14165                    x-html="getTooltipLabel()"
14166            ></span>
14167        </div>
14168        <svg class="absolute z-50 w-8 h-8 text-white transform -translate-x-3
14169                -translate-y-8 fill-current stroke-current"
14170                width="12"
14171                height="12"
14172        >
14173            <title>Tooltip Icon</title>
14174            <rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
14175        </svg>
14176    </div>
14177</template>
14178            </div>
14179                                        
14180                
14180<script>
14181                    function initPriceBox__9c77695662724eb1983dfc00e9139702_6ac211b53e2a4() {
14182                        return {
14183                            updatePrice(priceData, productId) {
14184                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
14185                                const regularOldPriceElement = this.$el.querySelector('.normal-price .old-price');
14186                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
14187                                const regularPriceElementTax = this.$el.querySelector('.normal-price .price-container .tax');
14188                                const regularOldBasePriceElement = this.$el.querySelector('.base-price .old-price');
14189                                const regularBasePriceElement = this.$el.querySelector('.base-price .price-wrapper .price');
14190                                const regularBasePriceElementTax = this.$el.querySelector('.base-price .price-container .tax');
14191                                const unitPriceElement = this.$el.querySelector('.normal-price .unitPrice');
14192                                const unitBasePriceElement = this.$el.querySelector('.base-price .unitPrice');
14193                                const productTileBadge = document.querySelector('.badge-discounted-' + productId);
14194
14195                                let specialPrice = false;
14196                                let specialPricePercent;
14197
14198                                if (regularPriceLabel) {
14199                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
14200                                        regularPriceLabel.classList.remove('hidden');
14201                                    } else {
14202                                        regularPriceLabel.classList.add('hidden');
14203                                    }
14204                                }
14205
14206                                if (productTileBadge) {
14207                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
14208                                        specialPricePercent = (priceData.oldPrice.amount - priceData.finalPrice.amount)
14209                                            / priceData.oldPrice.amount * 100;
14210                                        productTileBadge.innerText = '-' + Math.round(specialPricePercent) + '%';
14211                                        productTileBadge.classList.remove('hidden');
14212                                    }
14213                                }
14214
14215                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
14216                                    specialPrice = true;
14217                                } else {
14218                                    specialPrice = false;
14219                                }
14220
14221                                if (regularOldPriceElement && priceData.oldPrice.amount) {
14222                                    if (specialPrice) {
14223                                        regularOldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount);
14224                                    } else {
14225                                        regularOldPriceElement.innerText = '';
14226                                    }
14227                                }
14228
14229                                if (regularPriceElement) {
14230                                    regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
14231                                    regularPriceElementTax.style.display = 'block';
14232                                }
14233
14234                                if (unitPriceElement) {
14235                                    unitPriceElement.innerText = '';
14236                                }
14237
14238                                if (unitPriceElement && priceData.unitPrice.pricePerUnitHTML.price) {
14239                                    unitPriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.price;
14240                                }
14241
14242                                if (regularOldBasePriceElement && priceData.baseOldPrice.amount) {
14243                                    if (specialPrice) {
14244                                        regularOldBasePriceElement.innerText =
14245                                            hyva.formatPrice(priceData.baseOldPrice.amount);
14246                                    } else {
14247                                        regularOldBasePriceElement.innerText = '';
14248                                    }
14249                                }
14250
14251                                if (regularBasePriceElement) {
14252                                    regularBasePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount);
14253                                    regularBasePriceElementTax.style.display = 'block';
14254                                }
14255
14256                                if (unitBasePriceElement) {
14257                                    unitBasePriceElement.innerText = '';
14258                                }
14259
14260                                if (unitBasePriceElement && priceData.unitPrice.pricePerUnitHTML.basePrice) {
14261                                    unitBasePriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.basePrice;
14262                                }
14263
14264                                if (priceData.finalPrice.amount === priceData.basePrice.amount) {
14265                                    this.$el.querySelector('.normal-price').classList.add('hidden');
14266                                } else {
14267                                    this.$el.querySelector('.normal-price').classList.remove('hidden');
14268                                }
14269                            }
14270                        }
14271                    }
14272
14273                    function initQtyField__9c77695662724eb1983dfc00e9139702_6ac211b53e2a4() {
14274                        return {
14275                            qty: 1,
14276                            input: document.getElementById('qty[87511_9c77695662724eb1983dfc00e9139702_6ac211b53e2a4]'),
14277                            addToCart: document.getElementById('add-to-cart[87511_9c77695662724eb1983dfc00e9139702_6ac211b53e2a4]'),
14278                            qtyAlert: document.getElementById('qty-alert[87511_9c77695662724eb1983dfc00e9139702_6ac211b53e2a4]'),
14279                            currentStock: 0,
14280
14281                            validateQty(qty) {
14282                                let regex = /^\d+$/;
14283                                let pattern = regex.test(qty);
14284
14285                                this.addToCart.disabled = qty === 0
14286                                    || qty === null
14287                                    || qty > 10000                                    || !pattern
14288                                    || this.addToCart.classList.contains('not-available');
14289
14290                                if (qty === 0
14291                                    || qty === null
14292                                    || qty > 10000                                    || !pattern) {
14293                                    this.qtyAlert.style.display = 'block';
14294                                } else {
14295                                    this.qtyAlert.style.display = 'none';
14296                                }
14297                            },
14298
14299                            stepUp() {
14300                                this.input.stepUp();
14301                                let qty = document.getElementById('qty[87511_9c77695662724eb1983dfc00e9139702_6ac211b53e2a4]').value;
14302                                this.validateQty(qty);
14303
14304                            },
14305
14306                            stepDown() {
14307                                this.input.stepDown();
14308                                let qty = document.getElementById('qty[87511_9c77695662724eb1983dfc00e9139702_6ac211b53e2a4]').value;
14309                                this.validateQty(qty);
14310                            }
14311                        };
14312                    }
14313                </script>
14313
14314                <div class="relative price-block">
14315                    <div class="flex my-4 sm:min-h-42px w-full">
14316                                                <div class="w-full"
14317                             x-data="initPriceBox__9c77695662724eb1983dfc00e9139702_6ac211b53e2a4()"
14318                             x-init="() => $dispatch('preselectswatch')"
14319                             @update-prices-87511.window="updatePrice($event.detail,87511);">
14320                            <div
14321                                class="price-box mt-3 price-final_price flex flex-wrap justify-between"
14322                                data-role="priceBox">
14323                                <div class="normal-price text-left ">
14324                                <span class="price-container price-final_price tax weee">
14325                                    <div class="old-price text-xs including-tax line-through"></div>
14326                                    <div id="price-including-tax-product-price-87511"
14327                                         data-price-type="finalPrice"
14328                                         class="price-wrapper price-including-tax finalPrice flex items-end">
14329                                        <span class="price"></span>
14330                                        <span class="tax font-normal hidden">mit MwSt.</span>
14331                                    </div>
14332                                    <div class="unitPrice text-xs"></div>
14333                                </span>
14334                                </div>
14335
14336                                <div class="base-price text-left ">
14337                                <span class="price-container price-final_price tax weee">
14338                                    <div class="old-price text-xs excluding-tax line-through"></div>
14339                                    <div id="price-excluding-tax-product-price-87511"
14340                                         data-price-type="finalPrice"
14341                                         class="price-wrapper price-excluding-tax finalPrice flex items-end">
14342                                        <span class="price"></span>
14343                                        <span class="tax font-normal hidden">ohne MwSt.</span>
14344                                    </div>
14345                                    <div class="unitPrice text-xs"></div>
14346                                </span>
14347                                </div>
14348                            </div>
14349                        </div>
14350                    </div>
14351
14352                                            <div x-data="{ currentStock: 0 }"
14353                             x-init="() => $dispatch('preselectswatch')"
14354                             @update-stock-87511.window="currentStock = $event.detail"
14355                             class="flex flex-wrap mt-auto text-left">
14356                            <div class="stock-status text-xs w-full mb-3 mt-auto basis-full">
14357                                <template x-if="currentStock">
14358                                    <div>
14359                                    <span x-show="currentStock > 0" class="text-green-main">
14360                                        Sofort versandfertig, Lieferzeit: 1-3 Werktage                                    </span>
14361                                        <span x-show="currentStock <= 0 && currentStock > -1000"
14362                                              class="text-yellow-700">
14363                                        Aktuell nicht lieferbar, Lieferzeit: 5-10 Werktage                                    </span>
14364                                        <span x-show="currentStock <= -1000 && currentStock > -5000"
14365                                              class="text-red-600">
14366                                        Aktuell nicht lieferbar                                    </span>
14367                                    </div>
14368                                </template>
14369                            </div>
14370                        </div>
14371                    
14372                    
14373                    <div class="flex gap-4 mt-auto justify-end lg:justify-between"
14374                         x-data="initQtyField__9c77695662724eb1983dfc00e9139702_6ac211b53e2a4()"
14375                         x-init="() => $dispatch('preselectswatch')"
14376                         @update-stock-87511.window="currentStock = $event.detail;">
14377                                                    <div class="w-1/2 flex"
14378                                x-show="currentStock > -5000"
14379                                :aria-hidden="currentStock <= -5000">
14380                                <button
14381                                    class="qty-button -minus-button"
14382                                    type="button"
14383                                    title="Weniger"
14384                                    x-on:click="stepDown()">
14385                                    <?xml version="1.0" encoding="utf-8"?>
14386<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
14387<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="w-5 h-5" width="20" height="20">
14388        <title>Minus</title>
14389    <g>
14390	<g>
14391		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
14392	</g>
14393</g>
14394</svg>
14395                                </button>
14396                                <label for="qty[87511_9c77695662724eb1983dfc00e9139702_6ac211b53e2a4]"
14397                                       class="sr-only">
14398                                    Anzahl                                </label>
14399                                <input name="qty"
14400                                       class="form-input rounded-none px-2 text-center invalid:ring-2 invalid:ring-red-500 w-11/12"
14401                                       id="qty[87511_9c77695662724eb1983dfc00e9139702_6ac211b53e2a4]"
14402                                       type="number"
14403                                       inputmode="numeric"
14404                                       maxlength="5"
14405                                       min="1"                                       max="10000"                                       step="1"                                       :value="qty"
14406                                       x-model.number="qty"
14407                                       x-on:input.change="validateQty(qty);"
14408                                />
14409                                <button
14410                                    class="qty-button -plus-button"
14411                                    type="button"
14412                                    title="Mehr"
14413                                    class="plus"
14414                                    x-on:click="stepUp()">
14415                                    <?xml version="1.0" encoding="utf-8"?>
14416<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
14417<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="text-white" width="20" height="20">
14418        <title>Plus Sign</title>
14419    <g>
14420	<g>
14421		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
14422	</g>
14423	<g>
14424		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
14425	</g>
14426</g>
14427</svg>
14428                                </button>
14429                            </div>
14430                            <div class="w-1/2"
14431                                 x-show="currentStock > -5000"
14432                                 :aria-hidden="currentStock <= -5000">
14433                                                                    <button class="btn btn-add-to-cart w-full h-full px-2 py-0"
14434                                            :disabled="currentStock <= -1000 || false"
14435                                            :class="{'not-available': currentStock <= -1000 || false}"
14436                                            id="add-to-cart[87511_9c77695662724eb1983dfc00e9139702_6ac211b53e2a4]"
14437                                            title="Shake-Halme,&#x20;Papier&#x20;&#xD8;&#x20;8&#x20;mm&#x20;&#xB7;&#x20;21&#x20;cm&#x20;schwarz&#x20;In&#x20;den&#x20;Warenkorb"
14438                                            aria-label="Shake-Halme,&#x20;Papier&#x20;&#xD8;&#x20;8&#x20;mm&#x20;&#xB7;&#x20;21&#x20;cm&#x20;schwarz&#x20;In&#x20;den&#x20;Warenkorb">
14439                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
14440    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
14441                                        <span class="sm:pl-2 md:hidden lg:block">
14442                                            In&#x20;den&#x20;Warenkorb                                        </span>
14443                                    </button>
14444                                                            </div>
14445                        
14446                        <a x-cloak
14447                           x-show="currentStock <= -5000"
14448                           :aria-hidden="currentStock > -5000"
14449                           href="https://www.papstar-shop.de/shake-halme-papier-8-mm-21-cm-schwarz-87511.htm"
14450                           class="btn btn-add-to-cart w-full h-full px-2 py-0"
14451                           id="add-to-cart[87511_9c77695662724eb1983dfc00e9139702_6ac211b53e2a4]"
14452                           title="Shake-Halme,&#x20;Papier&#x20;&#xD8;&#x20;8&#x20;mm&#x20;&#xB7;&#x20;21&#x20;cm&#x20;schwarz&#x20;Produkt&#x20;individualisieren"
14453                           aria-label="Shake-Halme,&#x20;Papier&#x20;&#xD8;&#x20;8&#x20;mm&#x20;&#xB7;&#x20;21&#x20;cm&#x20;schwarz&#x20;Produkt&#x20;individualisieren">
14454                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
14455    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
14456                            <span class="sm:pl-2 md:hidden lg:block py-4">
14457                                            Produkt&#x20;individualisieren                                        </span>
14458                        </a>
14459
14460                                                    
14460<script>
14461    'use strict';
14462
14463    (() => {
14464        window.addEventListener(
14465            'ga-initialized',
14466            () => {
14467                const productForm = document.querySelector(
14468                    'form\u005Bdata\u002Dsku\u003D\u002287511\u0022\u005D'
14469                );
14470
14471                if (!productForm) {
14472                    return;
14473                }
14474
14475                let sku = '87511';
14476
14477                window.addEventListener(
14478                    'listing\u002Dconfigurable-selection-changed',
14479                    (event) => {
14480                        if (event.detail.skuCandidates.length === 1
14481                            && event.detail.productId === '87511'
14482                        ) {
14483                            sku = event.detail.skuCandidates[0];
14484                        }
14485                    }
14486                );
14487
14488                function bindEventListener(element, event)
14489                {
14490                    element.addEventListener(event, () => {
14491                        if (productForm.checkValidity()) {
14492                            const priceSelector = false                                ? '#product-price-87511 .price'
14493                                : '[data-price-box="product-id-87511"] .price';
14494
14495                            window.dispatchEvent(new CustomEvent('cart-item-added', {
14496                                detail: [{
14497                                    product_sku: sku,
14498                                    product_name: 'Shake\u002DHalme,\u0020Papier\u0020\u00D8\u00208\u0020mm\u0020\u00B7\u002021\u0020cm\u0020schwarz',
14499                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),
14500
14501                                                                            qty: 1,
14502                                                                    }],
14503                            }));
14504                        }
14505                    });
14506                }
14507
14508                                    const button = productForm.querySelector(
14509                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
14510                    );
14511
14512                    if (!button) {
14513                        return;
14514                    }
14515
14516                    bindEventListener(button, 'click');
14517                            },
14518            { once: true }
14519        );
14520    })();
14521</script>
14521
14522                                            </div>
14523                    <div class="qty-alert hidden" id="qty-alert[87511_9c77695662724eb1983dfc00e9139702_6ac211b53e2a4]">
14524                        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill="currentColor" viewBox="0 0 20 20" class="w-3 h-3 mr-1 text-energy inline-block align-text-top">
14525<title>Warning</title>
14526    <path d="M19.64 16.36L11.53 2.3A1.85 1.85 0 0 0 10 1.21 1.85 1.85 0 0 0 8.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>
14527</svg>
14528                        <span>Bitte&#x20;nur&#x20;ganze&#x20;Zahlen&#x20;eingeben.</span>
14529                    </div>
14530                </div>
14531            </div>
14532        </div>
14533    </form>
14534</div>
14535                    </li>
14536                                                                    <li class="splide__slide">
14537                        <div class="h-full">
14538    <form method="post"
14539          aria-label="Product&#x20;tile&#x20;for&#x3A;&#x20;Pappteller&#x20;rund&#x20;&#xD8;,&#x20;23&#x20;cm,&#x20;&quot;Bayrisch&#x20;Blau&quot;"
14540          action="https://www.papstar-shop.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cucGFwc3Rhci1zaG9wLmRlLz9tc2Nsa2lkPWI5ODJhMjlkYWVkYzFjMWQyM2I2Yzg1ZmEzZjY4ZjFj/product/88791/"
14541          class="item product product-item product_addtocart_form border rounded p-2.5 bg-container-white hover:shadow-lg flex flex-col w-full h-full"
14542            >
14543        <input name="form_key" type="hidden" value="rKVCmaFj7egUOB24" />        <input type="hidden" name="product" value="88791"/>
14544        <div
14545            class="relative product photo product-item-photo block mb-3 px-12 ">
14546                <a x-data="ReqBlind_6ac211b554aea()"
14547       href="https://www.papstar-shop.de/customer/account/"
14548       title="Pappteller rund Ø, 23 cm, &quot;Bayrisch Blau&quot; Zum Merkzettel hinzufügen"
14549       aria-label="Pappteller rund Ø, 23 cm, &quot;Bayrisch Blau&quot; Zum Merkzettel hinzufügen"
14550       @click.prevent="open($event)"
14551       class="p-2 bg-transparent absolute right-0 hover:text-primary-darker bottom-0">
14552        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85" xml:space="preserve" fill="currentColor" class="mx-auto bg-transparent text-black" width="36" height="36">
14553    <path d="M23.895 23.457a8.424 8.424 0 0 0-2.896 1.895c-3.408 3.41-3.308 9.06.226 12.594" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/><path d="M68.801 42.971c6.287-6.289 6.389-16.478.224-22.645-6.165-6.164-16.354-6.063-22.644.225l-3.896 3.871-3.87-3.871c-6.287-6.288-16.477-6.389-22.641-.225-6.164 6.167-6.064 16.355.225 22.645l26.295 26.262 26.307-26.262z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/></svg>
14554        <span class="sr-only">Zum Merkzettel hinzufügen</span>
14555    </a>
14556    
14556<script>
14557        function ReqBlind_6ac211b554aea() {
14558            return {
14559                open: function (event) {
14560                    window.scrollTo(0, 0);
14561                    dispatchMessages([{
14562                        type: 'notice',
14563                        text: 'Sie müssen eingeloggt sein, um die Merkzettel-Funktion zu nutzen.'
14564                    }], 5000);
14565                    let href = event.currentTarget.href;
14566                    setTimeout(function() {
14567                        window.location = href;
14568                    }, 4000);
14569                }
14570            }
14571        }
14572    </script>
14572
14573                                                            <a href="https://www.papstar-shop.de/pappteller-rund-23-cm-bayrisch-blau-88791.htm"
14574               tabindex="-1"
14575                            >
14576                <picture class="object-contain mx-auto py-3 product-image-photo"><source type="image/webp" srcset="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/P/a/Pappteller-rund-23-cm-Bayrisch-Blau-88791_b_0_1.webp"><img class="object-contain mx-auto py-3 product-image-photo" x-data="" @update-gallery-88791.window="$el.src = $event.detail" src="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/P/a/Pappteller-rund-23-cm-Bayrisch-Blau-88791_b_0_1.jpg" loading="lazy" itemprop="image" width="360" height="360" alt="Pappteller&#x20;rund&#x20;&#xD8;,&#x20;23&#x20;cm,&#x20;&quot;Bayrisch&#x20;Blau&quot;" title="Pappteller&#x20;rund&#x20;&#xD8;,&#x20;23&#x20;cm,&#x20;&quot;Bayrisch&#x20;Blau&quot;" loading="lazy" /></picture>
14577            </a>
14578        </div>
14579        <div class="product-info flex flex-col flex-grow">
14580            <div class="text-black font-semibold text-base">
14581                                    &nbsp;                            </div>
14582                        <div
14583                class="mt-1 text-black font-semibold text-base text-left sm:min-h-90px">
14584                <a class="product-item-link "
14585                   href="https://www.papstar-shop.de/pappteller-rund-23-cm-bayrisch-blau-88791.htm"
14586                                    >
14587                    Pappteller rund Ø, 23 cm, &quot;Bayrisch Blau&quot;                </a>
14588                            </div>
14589            <div class="flex mt-1 mb-1">
14590                <div class="mt-auto sku text-sm">
14591                    <span>Artikel-Nr.: </span>88791                </div>
14592                                    <div class="lg:w-auto ml-auto block ">
14593                                            </div>
14594                            </div>
14595
14596                        <div class="mt-1 text-xs text-gray-600 italic">
14597                                    &nbsp;
14598                            </div>
14599
14600            <div class="h-full flex justify-between flex-col">
14601                                                                
14601<script>
14602        function initConfigurableSwatchOptions_88791() {
14603            const configurableOptionsComponent = initConfigurableOptions(
14604                '88791',
14605                {"attributes":{"254":{"id":"254","code":"order_unit","label":"Bestelleinheit","options":[{"id":"7057","label":"Einzelpack","products":["288791"]},{"id":"7059","label":"Karton","products":["188791"]},{"id":"7061","label":"Palette","products":["688791"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"188791":{"baseOldPrice":{"amount":77.5},"oldPrice":{"amount":92.225001},"basePrice":{"amount":77.5},"finalPrice":{"amount":92.225001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"18,45\u00a0Cent \/ St\u00fcck","basePrice":"15,50\u00a0Cent \/ St\u00fcck"}},"unitSavings":"6.1% Ersparnis"},"288791":{"baseOldPrice":{"amount":8.25},"oldPrice":{"amount":9.817501},"basePrice":{"amount":8.25},"finalPrice":{"amount":9.817501},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"19,64\u00a0Cent \/ St\u00fcck","basePrice":"16,50\u00a0Cent \/ St\u00fcck"}}},"688791":{"baseOldPrice":{"amount":2780},"oldPrice":{"amount":3308.200001},"basePrice":{"amount":2780},"finalPrice":{"amount":3308.200001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"16,54\u00a0Cent \/ St\u00fcck","basePrice":"13,90\u00a0Cent \/ St\u00fcck"}},"unitSavings":"15.8% Ersparnis"}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":8.25},"oldPrice":{"amount":9.817501},"basePrice":{"amount":8.25},"finalPrice":{"amount":9.817501}},"productId":"88791","chooseText":"W\u00e4hlen Sie eine Option\u2026","images":[],"index":{"188791":{"254":"7059"},"288791":{"254":"7057"},"688791":{"254":"7061"}},"salable":{"254":{"7059":["188791"],"7057":["288791"],"7061":["688791"]}},"canDisplayShowOutOfStockStatus":true,"preSelectedGallery":[],"channel":"website","salesChannelCode":"papstar_de","sku":{"188791":"4002911722541","288791":"4002911887912","688791":"4049026040962"},"quantities":{"188791":131,"288791":1311,"688791":3}}            );
14606            const swatchOptionsComponent = initSwatchOptions({"254":{"7057":{"type":"0","value":null,"label":"Einzelpack","unit":"###VPE### St\u00fcck (1 x 50)","vpe":"50"},"7059":{"type":"0","value":null,"label":"Karton","unit":"###VPE### St\u00fcck (10 x 50)","vpe":"500"},"7061":{"type":"0","value":null,"label":"Palette","unit":"###VPE### St\u00fcck (400 x 50)","vpe":"20000"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}});
14607
14608            return Object.assign(
14609                configurableOptionsComponent,
14610                swatchOptionsComponent,
14611                {
14612                    mediaCallback: "https\u003A\u002F\u002Fwww.papstar\u002Dshop.de\u002Fswatches\u002Fajax\u002Fmedia\u002F",
14613                    changeOption(optionId, value, skipUpdateGallery) {
14614                        if (value === '') {
14615                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
14616                        } else {
14617                            this.selectedValues[optionId] = value;
14618                        }
14619                        this.findSimpleIndex();
14620                        this.findAllowedAttributeOptions();
14621                        this.updateStock();
14622                        this.updatePrices();
14623                        this.updateSavingPriceInfo();
14624                    },
14625                    unitSavingsPrice: null,
14626                    hasSpecialPrice: false,
14627                    finalPrice: {
14628                        amount: 0.00
14629                    },
14630                    oldPrice: {
14631                        amount: 0.00
14632                    },
14633
14634                    updateHasSpecialPrice() {
14635                        this.hasSpecialPrice = this.finalPrice.amount < this.oldPrice.amount;
14636                    },
14637                    updateSavingPriceInfo() {
14638                        const detail = this.optionConfig.optionPrices[this.productIndex];
14639                        this.oldPrice.amount = detail.oldPrice.amount;
14640                        this.finalPrice.amount = detail.finalPrice.amount;
14641
14642                        this.updateHasSpecialPrice();
14643
14644                        if (!this.hasSpecialPrice) {
14645                            this.unitSavingsPrice = detail.unitSavings;
14646                        }
14647                    },
14648                    preselectQuerystringItems: function() {
14649                        let found = false;
14650                        // pre-select option like ?size=167
14651                        const urlQueryParams = new URLSearchParams(window.location.search.replace("?", ""));
14652                        Object.values(this.optionConfig.attributes).map(attribute => {
14653                            const skipUpdateGallery = true;
14654                            if (urlQueryParams.get(attribute.code) !== null) {
14655                                let optionId = urlQueryParams.get(attribute.code);
14656                                found = false;
14657                                Object.values(attribute.options).map(option => {
14658                                    if (found === false && option.label === optionId) {
14659                                        optionId = option.id;
14660                                        found = true;
14661                                    }
14662                                });
14663                                this.changeOption(attribute.id, optionId, skipUpdateGallery);
14664                            }
14665                        });
14666                        if (found === false) {
14667                            // pre-select first option
14668                            Object.values(this.optionConfig.attributes).map(attribute => {
14669                                if (attribute.code === "order_unit") {
14670                                    let optionId = 0;
14671                                    Object.values(attribute.options).map(option => {
14672                                        if (this.selectedValues.length === 0) {
14673                                            if (found === false && option.products.length > 0) {
14674                                                optionId = option.id;
14675                                                this.changeOption(attribute.id, optionId, true);
14676                                                found = true;
14677                                            }
14678                                        } else {
14679                                            optionId = this.selectedValues[attribute.id];
14680                                            this.changeOption(attribute.id, optionId, true);
14681                                            found = true;
14682                                        }
14683                                    });
14684                                }
14685                            });
14686                        }
14687                    },
14688                    mouseDown: false,
14689                    startX: 0,
14690                    maxScroll: 0,
14691                    scrollLeft: null,
14692                    slider: null,
14693                    scrollEvents: {
14694                        ["@mousedown"](e) {
14695                            this.slider = e.target.closest(".snap");
14696                            if (!this.slider) {
14697                                return;
14698                            }
14699                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
14700                            this.startX = e.pageX - this.slider.offsetLeft;
14701                            this.scrollLeft = this.slider.scrollLeft;
14702                            this.mouseDown = true;
14703                        },
14704                        ["@mouseout.self"]() {
14705                            this.mouseDown = false;
14706                        },
14707                        ["@mouseup"]() {
14708                            this.mouseDown = false;
14709                        },
14710                        ["@mousemove"](e) {
14711                            e.preventDefault();
14712                            if (!this.mouseDown) {
14713                                return;
14714                            }
14715                            const x = e.pageX - this.slider.offsetLeft;
14716                            const scroll = x - this.startX;
14717                            const scrollLeft = this.scrollLeft - scroll;
14718
14719                            if (scrollLeft > this.maxScroll) {
14720                                this.slider.scrollLeft = this.maxScroll;
14721                                return;
14722                            }
14723                            this.slider.scrollLeft = this.scrollLeft - scroll;
14724                        },
14725                        ["@onselectstart"]() {
14726                            return false;
14727                        }
14728                    },
14729                    resizeEvent() {
14730                        Array.from(this.$el.querySelectorAll(".snap")).forEach(slider => {
14731                            slider.scrollLeft = 0;
14732                        });
14733                    }
14734                }
14735            );
14736        }
14737    </script>
14737
14738
14739    <div x-data="initConfigurableSwatchOptions_88791();"
14740         x-defer="intersect"
14741         x-init="getAllowedAttributeOptions();() => preselectQuerystringItems();preselectQuerystringItems();"
14742         @private-content-loaded.window="onGetCartData($event.detail.data)"
14743         @update-prices-88791.window="unitSavingsInfo = $event.detail.unitSavings"
14744         @touchstart.passive="preselectQuerystringItems()"
14745         @resize.window="resizeEvent()"
14746         class="relative md:w-full"
14747         @preselectswatch.window="preselectQuerystringItems()"
14748    >
14749        <div>
14750                                            
14751                                <div class="swatch-attribute order_unit">
14752                    <div class="w-full overflow-x-hidden swatch-attribute-options pt-2">
14753                        <div
14754                            class="w-full overflow-auto transition-all snap items-center min-h-14 product-listing-option-wrapper grid gap-2 pb-2"
14755                            id="attribute-label-88791-254"
14756                                                        :role="optionConfig.attributes?.[254]?.options?.length ? 'radiogroup' : null"
14757                            :aria-label="optionConfig.attributes?.[254]?.options?.length ? 'Attribut-order_unit' : null"
14758                            x-bind="scrollEvents">
14759                            <template x-for="(item, index) in optionConfig.attributes[254].options"
14760                                      :key="item.id"
14761                            >
14762                                
14763<div class="swatch-item">
14764        <label
14765            :for="'attribute-option-swatch-input6ac211b55e2b56.2800318588791-'+item.id"
14766            class="rounded swatch-option flex flex-col relative shadow-sm cursor-pointer select-none text-center product-option-value-label"
14767            :class="{
14768                'bg-secondary border-container-lighter text-white' : (selectedValues[254] === item.id),
14769                'bg-container-lighter' : (selectedValues[254] !== item.id),
14770                'w-6 h-6' : !isTextSwatch(254, item.id),
14771                'bg-secondary text-white' : focusedLabel === item.id
14772            }"
14773            :style="getSwatchBackgroundStyle('254',item.id)"
14774        >
14775            <input
14776                :id="'attribute-option-swatch-input6ac211b55e2b56.2800318588791-'+item.id"
14777                :value="item.id"
14778                name="super_attribute[254]-88791]"
14779                type="radio"
14780                role="radio"
14781                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
14782                style="z-index:-1"
14783                x-on:focus="focusLabel(item.id)"
14784                x-on:blur="blurLabel()"
14785                x-on:change="changeOption(254, $event.target.value)"
14786                x-model="selectedValues[254]"
14787                :required="getAllowedAttributeOptions(254).filter(
14788                                                                    attributeOption => selectedValues[attributeOption]
14789                                                                ).length === 0"
14790                :aria-label="getSwatchText(254, item.id) + ': ' + getSwatchUnitText(254, item.id)"
14791            >
14792            <div x-html="getSwatchText(254, item.id)"
14793                 class="whitespace-nowrap text-sm font-bold"
14794                 :class="{ 'sr-only' : !isTextSwatch(254, item.id) }"
14795                 aria-hidden="false"
14796            ></div>
14797            <!-- N98 custom attributes start-->
14798            <div x-html="getSwatchUnitText(254, item.id)"
14799                 class="text-xs" aria-hidden="false"></div>
14800            <!-- N98 custom attributes end-->
14801        </label>
14802        <template x-if="unitSavingsInfo && selectedValues[254] === item.id">
14803            <div class="unit-savings-price">
14804                <span class="-info" x-html="unitSavingsInfo"></span>
14805            </div>
14806        </template>
14807    <template x-if="index != 0 && selectedValues[254] !== item.id">
14808        <div class="unit-savings-price">
14809            <span class="-info">
14810            <span><?xml version="1.0" encoding="UTF-8"?>
14811<svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" version="1.1" viewBox="0 0 18 22" width="16" height="16">
14812    <title>Percent</title>
14813  <defs>
14814    <style>
14815      .st0 {
14816        stroke-linecap: round;
14817        stroke-linejoin: round;
14818      }
14819
14820      .st0, .st1 {
14821        fill: none;
14822        stroke-width: 1.5px;
14823      }
14824
14825      .st1 {
14826        stroke-miterlimit: 10;
14827      }
14828    </style>
14829  </defs>
14830  <path class="st1" stroke="currentColor" d="M16.2,16.6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
14831  <g>
14832    <path class="st1" stroke="currentColor" d="M8,6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
14833    <path class="st0" stroke="currentColor" d="M3.5,18.7L15.4,3.9"/>
14834  </g>
14835</svg>
14836</span>
14837            </span>
14838        </div>
14839    </template>
14840</div>
14841                            </template>
14842                        </div>
14843                    </div>
14844                </div>
14845                    </div>
14846                    <template x-if="isTooltipVisible()">
14847    <div class="absolute shadow-lg"
14848        :style="isLayeredSwatch == false && getTooltipPosition()"
14849    >
14850        <div class="absolute top-0 left-0 z-50 p-2 -mt-6 text-sm leading-tight text-black
14851                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
14852        >
14853        <!--template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
14854            <div x-show="getSwatchType(activeTooltipItem.type) !== 'color'"
14855                class="inline-block shadow-sm"
14856                :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
14857            ></div>
14858        </template-->
14859            <span class="mx-2 text-sm font-semibold whitespace-nowrap subtitle"
14860                    x-html="getTooltipLabel()"
14861            ></span>
14862        </div>
14863        <svg class="absolute z-50 w-8 h-8 text-white transform -translate-x-3
14864                -translate-y-8 fill-current stroke-current"
14865                width="12"
14866                height="12"
14867        >
14868            <title>Tooltip Icon</title>
14869            <rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
14870        </svg>
14871    </div>
14872</template>
14873            </div>
14874                                        
14875                
14875<script>
14876                    function initPriceBox__9c77695662724eb1983dfc00e9139702_6ac211b55461c() {
14877                        return {
14878                            updatePrice(priceData, productId) {
14879                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
14880                                const regularOldPriceElement = this.$el.querySelector('.normal-price .old-price');
14881                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
14882                                const regularPriceElementTax = this.$el.querySelector('.normal-price .price-container .tax');
14883                                const regularOldBasePriceElement = this.$el.querySelector('.base-price .old-price');
14884                                const regularBasePriceElement = this.$el.querySelector('.base-price .price-wrapper .price');
14885                                const regularBasePriceElementTax = this.$el.querySelector('.base-price .price-container .tax');
14886                                const unitPriceElement = this.$el.querySelector('.normal-price .unitPrice');
14887                                const unitBasePriceElement = this.$el.querySelector('.base-price .unitPrice');
14888                                const productTileBadge = document.querySelector('.badge-discounted-' + productId);
14889
14890                                let specialPrice = false;
14891                                let specialPricePercent;
14892
14893                                if (regularPriceLabel) {
14894                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
14895                                        regularPriceLabel.classList.remove('hidden');
14896                                    } else {
14897                                        regularPriceLabel.classList.add('hidden');
14898                                    }
14899                                }
14900
14901                                if (productTileBadge) {
14902                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
14903                                        specialPricePercent = (priceData.oldPrice.amount - priceData.finalPrice.amount)
14904                                            / priceData.oldPrice.amount * 100;
14905                                        productTileBadge.innerText = '-' + Math.round(specialPricePercent) + '%';
14906                                        productTileBadge.classList.remove('hidden');
14907                                    }
14908                                }
14909
14910                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
14911                                    specialPrice = true;
14912                                } else {
14913                                    specialPrice = false;
14914                                }
14915
14916                                if (regularOldPriceElement && priceData.oldPrice.amount) {
14917                                    if (specialPrice) {
14918                                        regularOldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount);
14919                                    } else {
14920                                        regularOldPriceElement.innerText = '';
14921                                    }
14922                                }
14923
14924                                if (regularPriceElement) {
14925                                    regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
14926                                    regularPriceElementTax.style.display = 'block';
14927                                }
14928
14929                                if (unitPriceElement) {
14930                                    unitPriceElement.innerText = '';
14931                                }
14932
14933                                if (unitPriceElement && priceData.unitPrice.pricePerUnitHTML.price) {
14934                                    unitPriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.price;
14935                                }
14936
14937                                if (regularOldBasePriceElement && priceData.baseOldPrice.amount) {
14938                                    if (specialPrice) {
14939                                        regularOldBasePriceElement.innerText =
14940                                            hyva.formatPrice(priceData.baseOldPrice.amount);
14941                                    } else {
14942                                        regularOldBasePriceElement.innerText = '';
14943                                    }
14944                                }
14945
14946                                if (regularBasePriceElement) {
14947                                    regularBasePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount);
14948                                    regularBasePriceElementTax.style.display = 'block';
14949                                }
14950
14951                                if (unitBasePriceElement) {
14952                                    unitBasePriceElement.innerText = '';
14953                                }
14954
14955                                if (unitBasePriceElement && priceData.unitPrice.pricePerUnitHTML.basePrice) {
14956                                    unitBasePriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.basePrice;
14957                                }
14958
14959                                if (priceData.finalPrice.amount === priceData.basePrice.amount) {
14960                                    this.$el.querySelector('.normal-price').classList.add('hidden');
14961                                } else {
14962                                    this.$el.querySelector('.normal-price').classList.remove('hidden');
14963                                }
14964                            }
14965                        }
14966                    }
14967
14968                    function initQtyField__9c77695662724eb1983dfc00e9139702_6ac211b55461c() {
14969                        return {
14970                            qty: 1,
14971                            input: document.getElementById('qty[88791_9c77695662724eb1983dfc00e9139702_6ac211b55461c]'),
14972                            addToCart: document.getElementById('add-to-cart[88791_9c77695662724eb1983dfc00e9139702_6ac211b55461c]'),
14973                            qtyAlert: document.getElementById('qty-alert[88791_9c77695662724eb1983dfc00e9139702_6ac211b55461c]'),
14974                            currentStock: 0,
14975
14976                            validateQty(qty) {
14977                                let regex = /^\d+$/;
14978                                let pattern = regex.test(qty);
14979
14980                                this.addToCart.disabled = qty === 0
14981                                    || qty === null
14982                                    || qty > 10000                                    || !pattern
14983                                    || this.addToCart.classList.contains('not-available');
14984
14985                                if (qty === 0
14986                                    || qty === null
14987                                    || qty > 10000                                    || !pattern) {
14988                                    this.qtyAlert.style.display = 'block';
14989                                } else {
14990                                    this.qtyAlert.style.display = 'none';
14991                                }
14992                            },
14993
14994                            stepUp() {
14995                                this.input.stepUp();
14996                                let qty = document.getElementById('qty[88791_9c77695662724eb1983dfc00e9139702_6ac211b55461c]').value;
14997                                this.validateQty(qty);
14998
14999                            },
15000
15001                            stepDown() {
15002                                this.input.stepDown();
15003                                let qty = document.getElementById('qty[88791_9c77695662724eb1983dfc00e9139702_6ac211b55461c]').value;
15004                                this.validateQty(qty);
15005                            }
15006                        };
15007                    }
15008                </script>
15008
15009                <div class="relative price-block">
15010                    <div class="flex my-4 sm:min-h-42px w-full">
15011                                                <div class="w-full"
15012                             x-data="initPriceBox__9c77695662724eb1983dfc00e9139702_6ac211b55461c()"
15013                             x-init="() => $dispatch('preselectswatch')"
15014                             @update-prices-88791.window="updatePrice($event.detail,88791);">
15015                            <div
15016                                class="price-box mt-3 price-final_price flex flex-wrap justify-between"
15017                                data-role="priceBox">
15018                                <div class="normal-price text-left ">
15019                                <span class="price-container price-final_price tax weee">
15020                                    <div class="old-price text-xs including-tax line-through"></div>
15021                                    <div id="price-including-tax-product-price-88791"
15022                                         data-price-type="finalPrice"
15023                                         class="price-wrapper price-including-tax finalPrice flex items-end">
15024                                        <span class="price"></span>
15025                                        <span class="tax font-normal hidden">mit MwSt.</span>
15026                                    </div>
15027                                    <div class="unitPrice text-xs"></div>
15028                                </span>
15029                                </div>
15030
15031                                <div class="base-price text-left ">
15032                                <span class="price-container price-final_price tax weee">
15033                                    <div class="old-price text-xs excluding-tax line-through"></div>
15034                                    <div id="price-excluding-tax-product-price-88791"
15035                                         data-price-type="finalPrice"
15036                                         class="price-wrapper price-excluding-tax finalPrice flex items-end">
15037                                        <span class="price"></span>
15038                                        <span class="tax font-normal hidden">ohne MwSt.</span>
15039                                    </div>
15040                                    <div class="unitPrice text-xs"></div>
15041                                </span>
15042                                </div>
15043                            </div>
15044                        </div>
15045                    </div>
15046
15047                                            <div x-data="{ currentStock: 0 }"
15048                             x-init="() => $dispatch('preselectswatch')"
15049                             @update-stock-88791.window="currentStock = $event.detail"
15050                             class="flex flex-wrap mt-auto text-left">
15051                            <div class="stock-status text-xs w-full mb-3 mt-auto basis-full">
15052                                <template x-if="currentStock">
15053                                    <div>
15054                                    <span x-show="currentStock > 0" class="text-green-main">
15055                                        Sofort versandfertig, Lieferzeit: 1-3 Werktage                                    </span>
15056                                        <span x-show="currentStock <= 0 && currentStock > -1000"
15057                                              class="text-yellow-700">
15058                                        Aktuell nicht lieferbar, Lieferzeit: 5-10 Werktage                                    </span>
15059                                        <span x-show="currentStock <= -1000 && currentStock > -5000"
15060                                              class="text-red-600">
15061                                        Aktuell nicht lieferbar                                    </span>
15062                                    </div>
15063                                </template>
15064                            </div>
15065                        </div>
15066                    
15067                    
15068                    <div class="flex gap-4 mt-auto justify-end lg:justify-between"
15069                         x-data="initQtyField__9c77695662724eb1983dfc00e9139702_6ac211b55461c()"
15070                         x-init="() => $dispatch('preselectswatch')"
15071                         @update-stock-88791.window="currentStock = $event.detail;">
15072                                                    <div class="w-1/2 flex"
15073                                x-show="currentStock > -5000"
15074                                :aria-hidden="currentStock <= -5000">
15075                                <button
15076                                    class="qty-button -minus-button"
15077                                    type="button"
15078                                    title="Weniger"
15079                                    x-on:click="stepDown()">
15080                                    <?xml version="1.0" encoding="utf-8"?>
15081<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
15082<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="w-5 h-5" width="20" height="20">
15083        <title>Minus</title>
15084    <g>
15085	<g>
15086		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
15087	</g>
15088</g>
15089</svg>
15090                                </button>
15091                                <label for="qty[88791_9c77695662724eb1983dfc00e9139702_6ac211b55461c]"
15092                                       class="sr-only">
15093                                    Anzahl                                </label>
15094                                <input name="qty"
15095                                       class="form-input rounded-none px-2 text-center invalid:ring-2 invalid:ring-red-500 w-11/12"
15096                                       id="qty[88791_9c77695662724eb1983dfc00e9139702_6ac211b55461c]"
15097                                       type="number"
15098                                       inputmode="numeric"
15099                                       maxlength="5"
15100                                       min="1"                                       max="10000"                                       step="1"                                       :value="qty"
15101                                       x-model.number="qty"
15102                                       x-on:input.change="validateQty(qty);"
15103                                />
15104                                <button
15105                                    class="qty-button -plus-button"
15106                                    type="button"
15107                                    title="Mehr"
15108                                    class="plus"
15109                                    x-on:click="stepUp()">
15110                                    <?xml version="1.0" encoding="utf-8"?>
15111<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
15112<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="text-white" width="20" height="20">
15113        <title>Plus Sign</title>
15114    <g>
15115	<g>
15116		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
15117	</g>
15118	<g>
15119		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
15120	</g>
15121</g>
15122</svg>
15123                                </button>
15124                            </div>
15125                            <div class="w-1/2"
15126                                 x-show="currentStock > -5000"
15127                                 :aria-hidden="currentStock <= -5000">
15128                                                                    <button class="btn btn-add-to-cart w-full h-full px-2 py-0"
15129                                            :disabled="currentStock <= -1000 || false"
15130                                            :class="{'not-available': currentStock <= -1000 || false}"
15131                                            id="add-to-cart[88791_9c77695662724eb1983dfc00e9139702_6ac211b55461c]"
15132                                            title="Pappteller&#x20;rund&#x20;&#xD8;,&#x20;23&#x20;cm,&#x20;&quot;Bayrisch&#x20;Blau&quot;&#x20;In&#x20;den&#x20;Warenkorb"
15133                                            aria-label="Pappteller&#x20;rund&#x20;&#xD8;,&#x20;23&#x20;cm,&#x20;&quot;Bayrisch&#x20;Blau&quot;&#x20;In&#x20;den&#x20;Warenkorb">
15134                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
15135    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
15136                                        <span class="sm:pl-2 md:hidden lg:block">
15137                                            In&#x20;den&#x20;Warenkorb                                        </span>
15138                                    </button>
15139                                                            </div>
15140                        
15141                        <a x-cloak
15142                           x-show="currentStock <= -5000"
15143                           :aria-hidden="currentStock > -5000"
15144                           href="https://www.papstar-shop.de/pappteller-rund-23-cm-bayrisch-blau-88791.htm"
15145                           class="btn btn-add-to-cart w-full h-full px-2 py-0"
15146                           id="add-to-cart[88791_9c77695662724eb1983dfc00e9139702_6ac211b55461c]"
15147                           title="Pappteller&#x20;rund&#x20;&#xD8;,&#x20;23&#x20;cm,&#x20;&quot;Bayrisch&#x20;Blau&quot;&#x20;Produkt&#x20;individualisieren"
15148                           aria-label="Pappteller&#x20;rund&#x20;&#xD8;,&#x20;23&#x20;cm,&#x20;&quot;Bayrisch&#x20;Blau&quot;&#x20;Produkt&#x20;individualisieren">
15149                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
15150    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
15151                            <span class="sm:pl-2 md:hidden lg:block py-4">
15152                                            Produkt&#x20;individualisieren                                        </span>
15153                        </a>
15154
15155                                                    
15155<script>
15156    'use strict';
15157
15158    (() => {
15159        window.addEventListener(
15160            'ga-initialized',
15161            () => {
15162                const productForm = document.querySelector(
15163                    'form\u005Bdata\u002Dsku\u003D\u002288791\u0022\u005D'
15164                );
15165
15166                if (!productForm) {
15167                    return;
15168                }
15169
15170                let sku = '88791';
15171
15172                window.addEventListener(
15173                    'listing\u002Dconfigurable-selection-changed',
15174                    (event) => {
15175                        if (event.detail.skuCandidates.length === 1
15176                            && event.detail.productId === '88791'
15177                        ) {
15178                            sku = event.detail.skuCandidates[0];
15179                        }
15180                    }
15181                );
15182
15183                function bindEventListener(element, event)
15184                {
15185                    element.addEventListener(event, () => {
15186                        if (productForm.checkValidity()) {
15187                            const priceSelector = false                                ? '#product-price-88791 .price'
15188                                : '[data-price-box="product-id-88791"] .price';
15189
15190                            window.dispatchEvent(new CustomEvent('cart-item-added', {
15191                                detail: [{
15192                                    product_sku: sku,
15193                                    product_name: 'Pappteller\u0020rund\u0020\u00D8,\u002023\u0020cm,\u0020\u0022Bayrisch\u0020Blau\u0022',
15194                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),
15195
15196                                                                            qty: 1,
15197                                                                    }],
15198                            }));
15199                        }
15200                    });
15201                }
15202
15203                                    const button = productForm.querySelector(
15204                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
15205                    );
15206
15207                    if (!button) {
15208                        return;
15209                    }
15210
15211                    bindEventListener(button, 'click');
15212                            },
15213            { once: true }
15214        );
15215    })();
15216</script>
15216
15217                                            </div>
15218                    <div class="qty-alert hidden" id="qty-alert[88791_9c77695662724eb1983dfc00e9139702_6ac211b55461c]">
15219                        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill="currentColor" viewBox="0 0 20 20" class="w-3 h-3 mr-1 text-energy inline-block align-text-top">
15220<title>Warning</title>
15221    <path d="M19.64 16.36L11.53 2.3A1.85 1.85 0 0 0 10 1.21 1.85 1.85 0 0 0 8.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>
15222</svg>
15223                        <span>Bitte&#x20;nur&#x20;ganze&#x20;Zahlen&#x20;eingeben.</span>
15224                    </div>
15225                </div>
15226            </div>
15227        </div>
15228    </form>
15229</div>
15230                    </li>
15231                                                                    <li class="splide__slide">
15232                        <div class="h-full">
15233    <form method="post"
15234          aria-label="Product&#x20;tile&#x20;for&#x3A;&#x20;Servietten&#x20;&quot;ROYAL&#x20;Collection&quot;&#x20;1&#x2F;4-Falz&#x20;40&#x20;&#xD7;&#x20;40&#x20;cm&#x20;champagner"
15235          action="https://www.papstar-shop.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cucGFwc3Rhci1zaG9wLmRlLz9tc2Nsa2lkPWI5ODJhMjlkYWVkYzFjMWQyM2I2Yzg1ZmEzZjY4ZjFj/product/88553/"
15236          class="item product product-item product_addtocart_form border rounded p-2.5 bg-container-white hover:shadow-lg flex flex-col w-full h-full"
15237            >
15238        <input name="form_key" type="hidden" value="rKVCmaFj7egUOB24" />        <input type="hidden" name="product" value="88553"/>
15239        <div
15240            class="relative product photo product-item-photo block mb-3 px-12 ">
15241                <a x-data="ReqBlind_6ac211b569d44()"
15242       href="https://www.papstar-shop.de/customer/account/"
15243       title="Servietten &quot;ROYAL Collection&quot; 1/4-Falz 40 × 40 cm champagner Zum Merkzettel hinzufügen"
15244       aria-label="Servietten &quot;ROYAL Collection&quot; 1/4-Falz 40 × 40 cm champagner Zum Merkzettel hinzufügen"
15245       @click.prevent="open($event)"
15246       class="p-2 bg-transparent absolute right-0 hover:text-primary-darker bottom-0">
15247        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85" xml:space="preserve" fill="currentColor" class="mx-auto bg-transparent text-black" width="36" height="36">
15248    <path d="M23.895 23.457a8.424 8.424 0 0 0-2.896 1.895c-3.408 3.41-3.308 9.06.226 12.594" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/><path d="M68.801 42.971c6.287-6.289 6.389-16.478.224-22.645-6.165-6.164-16.354-6.063-22.644.225l-3.896 3.871-3.87-3.871c-6.287-6.288-16.477-6.389-22.641-.225-6.164 6.167-6.064 16.355.225 22.645l26.295 26.262 26.307-26.262z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/></svg>
15249        <span class="sr-only">Zum Merkzettel hinzufügen</span>
15250    </a>
15251    
15251<script>
15252        function ReqBlind_6ac211b569d44() {
15253            return {
15254                open: function (event) {
15255                    window.scrollTo(0, 0);
15256                    dispatchMessages([{
15257                        type: 'notice',
15258                        text: 'Sie müssen eingeloggt sein, um die Merkzettel-Funktion zu nutzen.'
15259                    }], 5000);
15260                    let href = event.currentTarget.href;
15261                    setTimeout(function() {
15262                        window.location = href;
15263                    }, 4000);
15264                }
15265            }
15266        }
15267    </script>
15267
15268                                        <ul class="product-tile__badges z-10">
15269                                                    <li class="product-tile__badges-item
15270                badge-topseller-88553"
15271                                    >
15272                                            Topseller                                    </li>
15273                        </ul>
15274                        <a href="https://www.papstar-shop.de/servietten-royal-collection-1-4-falz-40-40-cm-champagner-88553.htm"
15275               tabindex="-1"
15276                            >
15277                <picture class="object-contain mx-auto py-3 product-image-photo"><source type="image/webp" srcset="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/S/e/Servietten-ROYAL-Collection-1-4-Falz-40-x-40-cm-champagner-88553_b_0_1.webp"><img class="object-contain mx-auto py-3 product-image-photo" x-data="" @update-gallery-88553.window="$el.src = $event.detail" src="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/S/e/Servietten-ROYAL-Collection-1-4-Falz-40-x-40-cm-champagner-88553_b_0_1.jpg" loading="lazy" itemprop="image" width="360" height="360" alt="Servietten&#x20;&quot;ROYAL&#x20;Collection&quot;&#x20;1&#x2F;4-Falz&#x20;40&#x20;&#xD7;&#x20;40&#x20;cm&#x20;champagner" title="Servietten&#x20;&quot;ROYAL&#x20;Collection&quot;&#x20;1&#x2F;4-Falz&#x20;40&#x20;&#xD7;&#x20;40&#x20;cm&#x20;champagner" loading="lazy" /></picture>
15278            </a>
15279        </div>
15280        <div class="product-info flex flex-col flex-grow">
15281            <div class="text-black font-semibold text-base">
15282                                    &nbsp;                            </div>
15283                        <div
15284                class="mt-1 text-black font-semibold text-base text-left sm:min-h-90px">
15285                <a class="product-item-link "
15286                   href="https://www.papstar-shop.de/servietten-royal-collection-1-4-falz-40-40-cm-c
15286hampagner-88553.htm"
15287                                    >
15288                    Servietten &quot;ROYAL Collection&quot; 1/4-Falz 40 × 40 cm champagner                </a>
15289                            </div>
15290            <div class="flex mt-1 mb-1">
15291                <div class="mt-auto sku text-sm">
15292                    <span>Artikel-Nr.: </span>88553                </div>
15293                                    <div class="lg:w-auto ml-auto block ">
15294                                            </div>
15295                            </div>
15296
15297                        <div class="mt-1 text-xs text-gray-600 italic">
15298                                    Verfügbar in 13 Varianten                            </div>
15299
15300            <div class="h-full flex justify-between flex-col">
15301                                                                
15301<script>
15302        function initConfigurableSwatchOptions_88553() {
15303            const configurableOptionsComponent = initConfigurableOptions(
15304                '88553',
15305                {"attributes":{"254":{"id":"254","code":"order_unit","label":"Bestelleinheit","options":[{"id":"7059","label":"Karton","products":["188553"]},{"id":"7061","label":"Palette","products":["688553"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"188553":{"baseOldPrice":{"amount":11.5},"oldPrice":{"amount":13.685001},"basePrice":{"amount":11.5},"finalPrice":{"amount":13.685001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"13,69\u00a0Cent \/ St\u00fcck","basePrice":"11,50\u00a0Cent \/ St\u00fcck"}}},"688553":{"baseOldPrice":{"amount":1260},"oldPrice":{"amount":1499.400001},"basePrice":{"amount":1260},"finalPrice":{"amount":1499.400001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"12,50\u00a0Cent \/ St\u00fcck","basePrice":"10,50\u00a0Cent \/ St\u00fcck"}},"unitSavings":"8.7% Ersparnis"}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":11.5},"oldPrice":{"amount":13.685001},"basePrice":{"amount":11.5},"finalPrice":{"amount":13.685001}},"productId":"88553","chooseText":"W\u00e4hlen Sie eine Option\u2026","images":[],"index":{"188553":{"254":"7059"},"688553":{"254":"7061"}},"salable":{"254":{"7059":["188553"],"7061":["688553"]}},"canDisplayShowOutOfStockStatus":true,"preSelectedGallery":[],"channel":"website","salesChannelCode":"papstar_de","sku":{"188553":"4002911334935","688553":"4049026686757"},"quantities":{"188553":999,"688553":8}}            );
15306            const swatchOptionsComponent = initSwatchOptions({"254":{"7059":{"type":"0","value":null,"label":"Karton","unit":"###VPE### St\u00fcck (1 x 100)","vpe":"100"},"7061":{"type":"0","value":null,"label":"Palette","unit":"###VPE### St\u00fcck (120 x 100)","vpe":"12000"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}});
15307
15308            return Object.assign(
15309                configurableOptionsComponent,
15310                swatchOptionsComponent,
15311                {
15312                    mediaCallback: "https\u003A\u002F\u002Fwww.papstar\u002Dshop.de\u002Fswatches\u002Fajax\u002Fmedia\u002F",
15313                    changeOption(optionId, value, skipUpdateGallery) {
15314                        if (value === '') {
15315                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
15316                        } else {
15317                            this.selectedValues[optionId] = value;
15318                        }
15319                        this.findSimpleIndex();
15320                        this.findAllowedAttributeOptions();
15321                        this.updateStock();
15322                        this.updatePrices();
15323                        this.updateSavingPriceInfo();
15324                    },
15325                    unitSavingsPrice: null,
15326                    hasSpecialPrice: false,
15327                    finalPrice: {
15328                        amount: 0.00
15329                    },
15330                    oldPrice: {
15331                        amount: 0.00
15332                    },
15333
15334                    updateHasSpecialPrice() {
15335                        this.hasSpecialPrice = this.finalPrice.amount < this.oldPrice.amount;
15336                    },
15337                    updateSavingPriceInfo() {
15338                        const detail = this.optionConfig.optionPrices[this.productIndex];
15339                        this.oldPrice.amount = detail.oldPrice.amount;
15340                        this.finalPrice.amount = detail.finalPrice.amount;
15341
15342                        this.updateHasSpecialPrice();
15343
15344                        if (!this.hasSpecialPrice) {
15345                            this.unitSavingsPrice = detail.unitSavings;
15346                        }
15347                    },
15348                    preselectQuerystringItems: function() {
15349                        let found = false;
15350                        // pre-select option like ?size=167
15351                        const urlQueryParams = new URLSearchParams(window.location.search.replace("?", ""));
15352                        Object.values(this.optionConfig.attributes).map(attribute => {
15353                            const skipUpdateGallery = true;
15354                            if (urlQueryParams.get(attribute.code) !== null) {
15355                                let optionId = urlQueryParams.get(attribute.code);
15356                                found = false;
15357                                Object.values(attribute.options).map(option => {
15358                                    if (found === false && option.label === optionId) {
15359                                        optionId = option.id;
15360                                        found = true;
15361                                    }
15362                                });
15363                                this.changeOption(attribute.id, optionId, skipUpdateGallery);
15364                            }
15365                        });
15366                        if (found === false) {
15367                            // pre-select first option
15368                            Object.values(this.optionConfig.attributes).map(attribute => {
15369                                if (attribute.code === "order_unit") {
15370                                    let optionId = 0;
15371                                    Object.values(attribute.options).map(option => {
15372                                        if (this.selectedValues.length === 0) {
15373                                            if (found === false && option.products.length > 0) {
15374                                                optionId = option.id;
15375                                                this.changeOption(attribute.id, optionId, true);
15376                                                found = true;
15377                                            }
15378                                        } else {
15379                                            optionId = this.selectedValues[attribute.id];
15380                                            this.changeOption(attribute.id, optionId, true);
15381                                            found = true;
15382                                        }
15383                                    });
15384                                }
15385                            });
15386                        }
15387                    },
15388                    mouseDown: false,
15389                    startX: 0,
15390                    maxScroll: 0,
15391                    scrollLeft: null,
15392                    slider: null,
15393                    scrollEvents: {
15394                        ["@mousedown"](e) {
15395                            this.slider = e.target.closest(".snap");
15396                            if (!this.slider) {
15397                                return;
15398                            }
15399                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
15400                            this.startX = e.pageX - this.slider.offsetLeft;
15401                            this.scrollLeft = this.slider.scrollLeft;
15402                            this.mouseDown = true;
15403                        },
15404                        ["@mouseout.self"]() {
15405                            this.mouseDown = false;
15406                        },
15407                        ["@mouseup"]() {
15408                            this.mouseDown = false;
15409                        },
15410                        ["@mousemove"](e) {
15411                            e.preventDefault();
15412                            if (!this.mouseDown) {
15413                                return;
15414                            }
15415                            const x = e.pageX - this.slider.offsetLeft;
15416                            const scroll = x - this.startX;
15417                            const scrollLeft = this.scrollLeft - scroll;
15418
15419                            if (scrollLeft > this.maxScroll) {
15420                                this.slider.scrollLeft = this.maxScroll;
15421                                return;
15422                            }
15423                            this.slider.scrollLeft = this.scrollLeft - scroll;
15424                        },
15425                        ["@onselectstart"]() {
15426                            return false;
15427                        }
15428                    },
15429                    resizeEvent() {
15430                        Array.from(this.$el.querySelectorAll(".snap")).forEach(slider => {
15431                            slider.scrollLeft = 0;
15432                        });
15433                    }
15434                }
15435            );
15436        }
15437    </script>
15437
15438
15439    <div x-data="initConfigurableSwatchOptions_88553();"
15440         x-defer="intersect"
15441         x-init="getAllowedAttributeOptions();() => preselectQuerystringItems();preselectQuerystringItems();"
15442         @private-content-loaded.window="onGetCartData($event.detail.data)"
15443         @update-prices-88553.window="unitSavingsInfo = $event.detail.unitSavings"
15444         @touchstart.passive="preselectQuerystringItems()"
15445         @resize.window="resizeEvent()"
15446         class="relative md:w-full"
15447         @preselectswatch.window="preselectQuerystringItems()"
15448    >
15449        <div>
15450                                            
15451                                <div class="swatch-attribute order_unit">
15452                    <div class="w-full overflow-x-hidden swatch-attribute-options pt-2">
15453                        <div
15454                            class="w-full overflow-auto transition-all snap items-center min-h-14 product-listing-option-wrapper grid gap-2 pb-2"
15455                            id="attribute-label-88553-254"
15456                                                        :role="optionConfig.attributes?.[254]?.options?.length ? 'radiogroup' : null"
15457                            :aria-label="optionConfig.attributes?.[254]?.options?.length ? 'Attribut-order_unit' : null"
15458                            x-bind="scrollEvents">
15459                            <template x-for="(item, index) in optionConfig.attributes[254].options"
15460                                      :key="item.id"
15461                            >
15462                                
15463<div class="swatch-item">
15464        <label
15465            :for="'attribute-option-swatch-input6ac211b5714a11.4336861388553-'+item.id"
15466            class="rounded swatch-option flex flex-col relative shadow-sm cursor-pointer select-none text-center product-option-value-label"
15467            :class="{
15468                'bg-secondary border-container-lighter text-white' : (selectedValues[254] === item.id),
15469                'bg-container-lighter' : (selectedValues[254] !== item.id),
15470                'w-6 h-6' : !isTextSwatch(254, item.id),
15471                'bg-secondary text-white' : focusedLabel === item.id
15472            }"
15473            :style="getSwatchBackgroundStyle('254',item.id)"
15474        >
15475            <input
15476                :id="'attribute-option-swatch-input6ac211b5714a11.4336861388553-'+item.id"
15477                :value="item.id"
15478                name="super_attribute[254]-88553]"
15479                type="radio"
15480                role="radio"
15481                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
15482                style="z-index:-1"
15483                x-on:focus="focusLabel(item.id)"
15484                x-on:blur="blurLabel()"
15485                x-on:change="changeOption(254, $event.target.value)"
15486                x-model="selectedValues[254]"
15487                :required="getAllowedAttributeOptions(254).filter(
15488                                                                    attributeOption => selectedValues[attributeOption]
15489                                                                ).length === 0"
15490                :aria-label="getSwatchText(254, item.id) + ': ' + getSwatchUnitText(254, item.id)"
15491            >
15492            <div x-html="getSwatchText(254, item.id)"
15493                 class="whitespace-nowrap text-sm font-bold"
15494                 :class="{ 'sr-only' : !isTextSwatch(254, item.id) }"
15495                 aria-hidden="false"
15496            ></div>
15497            <!-- N98 custom attributes start-->
15498            <div x-html="getSwatchUnitText(254, item.id)"
15499                 class="text-xs" aria-hidden="false"></div>
15500            <!-- N98 custom attributes end-->
15501        </label>
15502        <template x-if="unitSavingsInfo && selectedValues[254] === item.id">
15503            <div class="unit-savings-price">
15504                <span class="-info" x-html="unitSavingsInfo"></span>
15505            </div>
15506        </template>
15507    <template x-if="index != 0 && selectedValues[254] !== item.id">
15508        <div class="unit-savings-price">
15509            <span class="-info">
15510            <span><?xml version="1.0" encoding="UTF-8"?>
15511<svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" version="1.1" viewBox="0 0 18 22" width="16" height="16">
15512    <title>Percent</title>
15513  <defs>
15514    <style>
15515      .st0 {
15516        stroke-linecap: round;
15517        stroke-linejoin: round;
15518      }
15519
15520      .st0, .st1 {
15521        fill: none;
15522        stroke-width: 1.5px;
15523      }
15524
15525      .st1 {
15526        stroke-miterlimit: 10;
15527      }
15528    </style>
15529  </defs>
15530  <path class="st1" stroke="currentColor" d="M16.2,16.6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
15531  <g>
15532    <path class="st1" stroke="currentColor" d="M8,6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
15533    <path class="st0" stroke="currentColor" d="M3.5,18.7L15.4,3.9"/>
15534  </g>
15535</svg>
15536</span>
15537            </span>
15538        </div>
15539    </template>
15540</div>
15541                            </template>
15542                        </div>
15543                    </div>
15544                </div>
15545                    </div>
15546                    <template x-if="isTooltipVisible()">
15547    <div class="absolute shadow-lg"
15548        :style="isLayeredSwatch == false && getTooltipPosition()"
15549    >
15550        <div class="absolute top-0 left-0 z-50 p-2 -mt-6 text-sm leading-tight text-black
15551                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
15552        >
15553        <!--template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
15554            <div x-show="getSwatchType(activeTooltipItem.type) !== 'color'"
15555                class="inline-block shadow-sm"
15556                :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
15557            ></div>
15558        </template-->
15559            <span class="mx-2 text-sm font-semibold whitespace-nowrap subtitle"
15560                    x-html="getTooltipLabel()"
15561            ></span>
15562        </div>
15563        <svg class="absolute z-50 w-8 h-8 text-white transform -translate-x-3
15564                -translate-y-8 fill-current stroke-current"
15565                width="12"
15566                height="12"
15567        >
15568            <title>Tooltip Icon</title>
15569            <rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
15570        </svg>
15571    </div>
15572</template>
15573            </div>
15574                                        
15575                
15575<script>
15576                    function initPriceBox__9c77695662724eb1983dfc00e9139702_6ac211b56987c() {
15577                        return {
15578                            updatePrice(priceData, productId) {
15579                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
15580                                const regularOldPriceElement = this.$el.querySelector('.normal-price .old-price');
15581                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
15582                                const regularPriceElementTax = this.$el.querySelector('.normal-price .price-container .tax');
15583                                const regularOldBasePriceElement = this.$el.querySelector('.base-price .old-price');
15584                                const regularBasePriceElement = this.$el.querySelector('.base-price .price-wrapper .price');
15585                                const regularBasePriceElementTax = this.$el.querySelector('.base-price .price-container .tax');
15586                                const unitPriceElement = this.$el.querySelector('.normal-price .unitPrice');
15587                                const unitBasePriceElement = this.$el.querySelector('.base-price .unitPrice');
15588                                const productTileBadge = document.querySelector('.badge-discounted-' + productId);
15589
15590                                let specialPrice = false;
15591                                let specialPricePercent;
15592
15593                                if (regularPriceLabel) {
15594                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
15595                                        regularPriceLabel.classList.remove('hidden');
15596                                    } else {
15597                                        regularPriceLabel.classList.add('hidden');
15598                                    }
15599                                }
15600
15601                                if (productTileBadge) {
15602                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
15603                                        specialPricePercent = (priceData.oldPrice.amount - priceData.finalPrice.amount)
15604                                            / priceData.oldPrice.amount * 100;
15605                                        productTileBadge.innerText = '-' + Math.round(specialPricePercent) + '%';
15606                                        productTileBadge.classList.remove('hidden');
15607                                    }
15608                                }
15609
15610                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
15611                                    specialPrice = true;
15612                                } else {
15613                                    specialPrice = false;
15614                                }
15615
15616                                if (regularOldPriceElement && priceData.oldPrice.amount) {
15617                                    if (specialPrice) {
15618                                        regularOldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount);
15619                                    } else {
15620                                        regularOldPriceElement.innerText = '';
15621                                    }
15622                                }
15623
15624                                if (regularPriceElement) {
15625                                    regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
15626                                    regularPriceElementTax.style.display = 'block';
15627                                }
15628
15629                                if (unitPriceElement) {
15630                                    unitPriceElement.innerText = '';
15631                                }
15632
15633                                if (unitPriceElement && priceData.unitPrice.pricePerUnitHTML.price) {
15634                                    unitPriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.price;
15635                                }
15636
15637                                if (regularOldBasePriceElement && priceData.baseOldPrice.amount) {
15638                                    if (specialPrice) {
15639                                        regularOldBasePriceElement.innerText =
15640                                            hyva.formatPrice(priceData.baseOldPrice.amount);
15641                                    } else {
15642                                        regularOldBasePriceElement.innerText = '';
15643                                    }
15644                                }
15645
15646                                if (regularBasePriceElement) {
15647                                    regularBasePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount);
15648                                    regularBasePriceElementTax.style.display = 'block';
15649                                }
15650
15651                                if (unitBasePriceElement) {
15652                                    unitBasePriceElement.innerText = '';
15653                                }
15654
15655                                if (unitBasePriceElement && priceData.unitPrice.pricePerUnitHTML.basePrice) {
15656                                    unitBasePriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.basePrice;
15657                                }
15658
15659                                if (priceData.finalPrice.amount === priceData.basePrice.amount) {
15660                                    this.$el.querySelector('.normal-price').classList.add('hidden');
15661                                } else {
15662                                    this.$el.querySelector('.normal-price').classList.remove('hidden');
15663                                }
15664                            }
15665                        }
15666                    }
15667
15668                    function initQtyField__9c77695662724eb1983dfc00e9139702_6ac211b56987c() {
15669                        return {
15670                            qty: 1,
15671                            input: document.getElementById('qty[88553_9c77695662724eb1983dfc00e9139702_6ac211b56987c]'),
15672                            addToCart: document.getElementById('add-to-cart[88553_9c77695662724eb1983dfc00e9139702_6ac211b56987c]'),
15673                            qtyAlert: document.getElementById('qty-alert[88553_9c77695662724eb1983dfc00e9139702_6ac211b56987c]'),
15674                            currentStock: 0,
15675
15676                            validateQty(qty) {
15677                                let regex = /^\d+$/;
15678                                let pattern = regex.test(qty);
15679
15680                                this.addToCart.disabled = qty === 0
15681                                    || qty === null
15682                                    || qty > 10000                                    || !pattern
15683                                    || this.addToCart.classList.contains('not-available');
15684
15685                                if (qty === 0
15686                                    || qty === null
15687                                    || qty > 10000                                    || !pattern) {
15688                                    this.qtyAlert.style.display = 'block';
15689                                } else {
15690                                    this.qtyAlert.style.display = 'none';
15691                                }
15692                            },
15693
15694                            stepUp() {
15695                                this.input.stepUp();
15696                                let qty = document.getElementById('qty[88553_9c77695662724eb1983dfc00e9139702_6ac211b56987c]').value;
15697                                this.validateQty(qty);
15698
15699                            },
15700
15701                            stepDown() {
15702                                this.input.stepDown();
15703                                let qty = document.getElementById('qty[88553_9c77695662724eb1983dfc00e9139702_6ac211b56987c]').value;
15704                                this.validateQty(qty);
15705                            }
15706                        };
15707                    }
15708                </script>
15708
15709                <div class="relative price-block">
15710                    <div class="flex my-4 sm:min-h-42px w-full">
15711                                                <div class="w-full"
15712                             x-data="initPriceBox__9c77695662724eb1983dfc00e9139702_6ac211b56987c()"
15713                             x-init="() => $dispatch('preselectswatch')"
15714                             @update-prices-88553.window="updatePrice($event.detail,88553);">
15715                            <div
15716                                class="price-box mt-3 price-final_price flex flex-wrap justify-between"
15717                                data-role="priceBox">
15718                                <div class="normal-price text-left ">
15719                                <span class="price-container price-final_price tax weee">
15720                                    <div class="old-price text-xs including-tax line-through"></div>
15721                                    <div id="price-including-tax-product-price-88553"
15722                                         data-price-type="finalPrice"
15723                                         class="price-wrapper price-including-tax finalPrice flex items-end">
15724                                        <span class="price"></span>
15725                                        <span class="tax font-normal hidden">mit MwSt.</span>
15726                                    </div>
15727                                    <div class="unitPrice text-xs"></div>
15728                                </span>
15729                                </div>
15730
15731                                <div class="base-price text-left ">
15732                                <span class="price-container price-final_price tax weee">
15733                                    <div class="old-price text-xs excluding-tax line-through"></div>
15734                                    <div id="price-excluding-tax-product-price-88553"
15735                                         data-price-type="finalPrice"
15736                                         class="price-wrapper price-excluding-tax finalPrice flex items-end">
15737                                        <span class="price"></span>
15738                                        <span class="tax font-normal hidden">ohne MwSt.</span>
15739                                    </div>
15740                                    <div class="unitPrice text-xs"></div>
15741                                </span>
15742                                </div>
15743                            </div>
15744                        </div>
15745                    </div>
15746
15747                                            <div x-data="{ currentStock: 0 }"
15748                             x-init="() => $dispatch('preselectswatch')"
15749                             @update-stock-88553.window="currentStock = $event.detail"
15750                             class="flex flex-wrap mt-auto text-left">
15751                            <div class="stock-status text-xs w-full mb-3 mt-auto basis-full">
15752                                <template x-if="currentStock">
15753                                    <div>
15754                                    <span x-show="currentStock > 0" class="text-green-main">
15755                                        Sofort versandfertig, Lieferzeit: 1-3 Werktage                                    </span>
15756                                        <span x-show="currentStock <= 0 && currentStock > -1000"
15757                                              class="text-yellow-700">
15758                                        Aktuell nicht lieferbar, Lieferzeit: 5-10 Werktage                                    </span>
15759                                        <span x-show="currentStock <= -1000 && currentStock > -5000"
15760                                              class="text-red-600">
15761                                        Aktuell nicht lieferbar                                    </span>
15762                                    </div>
15763                                </template>
15764                            </div>
15765                        </div>
15766                    
15767                    
15768                    <div class="flex gap-4 mt-auto justify-end lg:justify-between"
15769                         x-data="initQtyField__9c77695662724eb1983dfc00e9139702_6ac211b56987c()"
15770                         x-init="() => $dispatch('preselectswatch')"
15771                         @update-stock-88553.window="currentStock = $event.detail;">
15772                                                    <div class="w-1/2 flex"
15773                                x-show="currentStock > -5000"
15774                                :aria-hidden="currentStock <= -5000">
15775                                <button
15776                                    class="qty-button -minus-button"
15777                                    type="button"
15778                                    title="Weniger"
15779                                    x-on:click="stepDown()">
15780                                    <?xml version="1.0" encoding="utf-8"?>
15781<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
15782<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="w-5 h-5" width="20" height="20">
15783        <title>Minus</title>
15784    <g>
15785	<g>
15786		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
15787	</g>
15788</g>
15789</svg>
15790                                </button>
15791                                <label for="qty[88553_9c77695662724eb1983dfc00e9139702_6ac211b56987c]"
15792                                       class="sr-only">
15793                                    Anzahl                                </label>
15794                                <input name="qty"
15795                                       class="form-input rounded-none px-2 text-center invalid:ring-2 invalid:ring-red-500 w-11/12"
15796                                       id="qty[88553_9c77695662724eb1983dfc00e9139702_6ac211b56987c]"
15797                                       type="number"
15798                                       inputmode="numeric"
15799                                       maxlength="5"
15800                                       min="1"                                       max="10000"                                       step="1"                                       :value="qty"
15801                                       x-model.number="qty"
15802                                       x-on:input.change="validateQty(qty);"
15803                                />
15804                                <button
15805                                    class="qty-button -plus-button"
15806                                    type="button"
15807                                    title="Mehr"
15808                                    class="plus"
15809                                    x-on:click="stepUp()">
15810                                    <?xml version="1.0" encoding="utf-8"?>
15811<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
15812<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="text-white" width="20" height="20">
15813        <title>Plus Sign</title>
15814    <g>
15815	<g>
15816		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
15817	</g>
15818	<g>
15819		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
15820	</g>
15821</g>
15822</svg>
15823                                </button>
15824                            </div>
15825                            <div class="w-1/2"
15826                                 x-show="currentStock > -5000"
15827                                 :aria-hidden="currentStock <= -5000">
15828                                                                    <button class="btn btn-add-to-cart w-full h-full px-2 py-0"
15829                                            :disabled="currentStock <= -1000 || false"
15830                                            :class="{'not-available': currentStock <= -1000 || false}"
15831                                            id="add-to-cart[88553_9c77695662724eb1983dfc00e9139702_6ac211b56987c]"
15832                                            title="Servietten&#x20;&quot;ROYAL&#x20;Collection&quot;&#x20;1&#x2F;4-Falz&#x20;40&#x20;&#xD7;&#x20;40&#x20;cm&#x20;champagner&#x20;In&#x20;den&#x20;Warenkorb"
15833                                            aria-label="Servietten&#x20;&quot;ROYAL&#x20;Collection&quot;&#x20;1&#x2F;4-Falz&#x20;40&#x20;&#xD7;&#x20;40&#x20;cm&#x20;champagner&#x20;In&#x20;den&#x20;Warenkorb">
15834                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
15835    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
15836                                        <span class="sm:pl-2 md:hidden lg:block">
15837                                            In&#x20;den&#x20;Warenkorb                                        </span>
15838                                    </button>
15839                                                            </div>
15840                        
15841                        <a x-cloak
15842                           x-show="currentStock <= -5000"
15843                           :aria-hidden="currentStock > -5000"
15844                           href="https://www.papstar-shop.de/servietten-royal-collection-1-4-falz-40-40-cm-c
15844hampagner-88553.htm"
15845                           class="btn btn-add-to-cart w-full h-full px-2 py-0"
15846                           id="add-to-cart[88553_9c77695662724eb1983dfc00e9139702_6ac211b56987c]"
15847                           title="Servietten&#x20;&quot;ROYAL&#x20;Collection&quot;&#x20;1&#x2F;4-Falz&#x20;40&#x20;&#xD7;&#x20;40&#x20;cm&#x20;champagner&#x20;Produkt&#x20;individualisieren"
15848                           aria-label="Servietten&#x20;&quot;ROYAL&#x20;Collection&quot;&#x20;1&#x2F;4-Falz&#x20;40&#x20;&#xD7;&#x20;40&#x20;cm&#x20;champagner&#x20;Produkt&#x20;individualisieren">
15849                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
15850    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
15851                            <span class="sm:pl-2 md:hidden lg:block py-4">
15852                                            Produkt&#x20;individualisieren                                        </span>
15853                        </a>
15854
15855                                                    
15855<script>
15856    'use strict';
15857
15858    (() => {
15859        window.addEventListener(
15860            'ga-initialized',
15861            () => {
15862                const productForm = document.querySelector(
15863                    'form\u005Bdata\u002Dsku\u003D\u002288553\u0022\u005D'
15864                );
15865
15866                if (!productForm) {
15867                    return;
15868                }
15869
15870                let sku = '88553';
15871
15872                window.addEventListener(
15873                    'listing\u002Dconfigurable-selection-changed',
15874                    (event) => {
15875                        if (event.detail.skuCandidates.length === 1
15876                            && event.detail.productId === '88553'
15877                        ) {
15878                            sku = event.detail.skuCandidates[0];
15879                        }
15880                    }
15881                );
15882
15883                function bindEventListener(element, event)
15884                {
15885                    element.addEventListener(event, () => {
15886                        if (productForm.checkValidity()) {
15887                            const priceSelector = false                                ? '#product-price-88553 .price'
15888                                : '[data-price-box="product-id-88553"] .price';
15889
15890                            window.dispatchEvent(new CustomEvent('cart-item-added', {
15891                                detail: [{
15892                                    product_sku: sku,
15893                                    product_name: 'Servietten\u0020\u0022ROYAL\u0020Collection\u0022\u00201\u002F4\u002DFalz\u002040\u0020\u00D7\u002040\u0020cm\u0020champagner',
15894                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),
15895
15896                                                                            qty: 1,
15897                                                                    }],
15898                            }));
15899                        }
15900                    });
15901                }
15902
15903                                    const button = productForm.querySelector(
15904                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
15905                    );
15906
15907                    if (!button) {
15908                        return;
15909                    }
15910
15911                    bindEventListener(button, 'click');
15912                            },
15913            { once: true }
15914        );
15915    })();
15916</script>
15916
15917                                            </div>
15918                    <div class="qty-alert hidden" id="qty-alert[88553_9c77695662724eb1983dfc00e9139702_6ac211b56987c]">
15919                        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill="currentColor" viewBox="0 0 20 20" class="w-3 h-3 mr-1 text-energy inline-block align-text-top">
15920<title>Warning</title>
15921    <path d="M19.64 16.36L11.53 2.3A1.85 1.85 0 0 0 10 1.21 1.85 1.85 0 0 0 8.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>
15922</svg>
15923                        <span>Bitte&#x20;nur&#x20;ganze&#x20;Zahlen&#x20;eingeben.</span>
15924                    </div>
15925                </div>
15926            </div>
15927        </div>
15928    </form>
15929</div>
15930                    </li>
15931                                                                    <li class="splide__slide">
15932                        <div class="h-full">
15933    <form method="post"
15934          aria-label="Product&#x20;tile&#x20;for&#x3A;&#x20;Schnapsbecher,&#x20;PS&#x20;2&#x20;cl&#x20;&#xD8;&#x20;3,7&#x20;cm&#x20;&#xB7;&#x20;4,1&#x20;cm&#x20;glasklar"
15935          action="https://www.papstar-shop.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cucGFwc3Rhci1zaG9wLmRlLz9tc2Nsa2lkPWI5ODJhMjlkYWVkYzFjMWQyM2I2Yzg1ZmEzZjY4ZjFj/product/12158/"
15936          class="item product product-item product_addtocart_form border rounded p-2.5 bg-container-white hover:shadow-lg flex flex-col w-full h-full"
15937            >
15938        <input name="form_key" type="hidden" value="rKVCmaFj7egUOB24" />        <input type="hidden" name="product" value="12158"/>
15939        <div
15940            class="relative product photo product-item-photo block mb-3 px-12 ">
15941                <a x-data="ReqBlind_6ac211b57bea3()"
15942       href="https://www.papstar-shop.de/customer/account/"
15943       title="Schnapsbecher, PS 2 cl Ø 3,7 cm · 4,1 cm glasklar Zum Merkzettel hinzufügen"
15944       aria-label="Schnapsbecher, PS 2 cl Ø 3,7 cm · 4,1 cm glasklar Zum Merkzettel hinzufügen"
15945       @click.prevent="open($event)"
15946       class="p-2 bg-transparent absolute right-0 hover:text-primary-darker bottom-0">
15947        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85" xml:space="preserve" fill="currentColor" class="mx-auto bg-transparent text-black" width="36" height="36">
15948    <path d="M23.895 23.457a8.424 8.424 0 0 0-2.896 1.895c-3.408 3.41-3.308 9.06.226 12.594" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/><path d="M68.801 42.971c6.287-6.289 6.389-16.478.224-22.645-6.165-6.164-16.354-6.063-22.644.225l-3.896 3.871-3.87-3.871c-6.287-6.288-16.477-6.389-22.641-.225-6.164 6.167-6.064 16.355.225 22.645l26.295 26.262 26.307-26.262z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/></svg>
15949        <span class="sr-only">Zum Merkzettel hinzufügen</span>
15950    </a>
15951    
15951<script>
15952        function ReqBlind_6ac211b57bea3() {
15953            return {
15954                open: function (event) {
15955                    window.scrollTo(0, 0);
15956                    dispatchMessages([{
15957                        type: 'notice',
15958                        text: 'Sie müssen eingeloggt sein, um die Merkzettel-Funktion zu nutzen.'
15959                    }], 5000);
15960                    let href = event.currentTarget.href;
15961                    setTimeout(function() {
15962                        window.location = href;
15963                    }, 4000);
15964                }
15965            }
15966        }
15967    </script>
15967
15968                                        <ul class="product-tile__badges z-10">
15969                                                    <li class="product-tile__badges-item
15970                badge-topseller-12158"
15971                                    >
15972                                            Topseller                                    </li>
15973                        </ul>
15974                        <a href="https://www.papstar-shop.de/schnapsbecher-ps-2-cl-3-7-cm-4-1-cm-glasklar-12158.htm"
15975               tabindex="-1"
15976                            >
15977                <picture class="object-contain mx-auto py-3 product-image-photo"><source type="image/webp" srcset="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/S/c/Schnapsbecher-PS-2-cl-3-7-cm-4-1-cm-glasklar-12158_b_0_4.webp"><img class="object-contain mx-auto py-3 product-image-photo" x-data="" @update-gallery-12158.window="$el.src = $event.detail" src="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/S/c/Schnapsbecher-PS-2-cl-3-7-cm-4-1-cm-glasklar-12158_b_0_4.jpg" loading="lazy" itemprop="image" width="360" height="360" alt="Schnapsbecher,&#x20;PS&#x20;2&#x20;cl&#x20;&#xD8;&#x20;3,7&#x20;cm&#x20;&#xB7;&#x20;4,1&#x20;cm&#x20;glasklar" title="Schnapsbecher,&#x20;PS&#x20;2&#x20;cl&#x20;&#xD8;&#x20;3,7&#x20;cm&#x20;&#xB7;&#x20;4,1&#x20;cm&#x20;glasklar" loading="lazy" /></picture>
15978            </a>
15979        </div>
15980        <div class="product-info flex flex-col flex-grow">
15981            <div class="text-black font-semibold text-base">
15982                                    &nbsp;                            </div>
15983                        <div
15984                class="mt-1 text-black font-semibold text-base text-left sm:min-h-90px">
15985                <a class="product-item-link "
15986                   href="https://www.papstar-shop.de/schnapsbecher-ps-2-cl-3-7-cm-4-1-cm-glasklar-12158.htm"
15987                                    >
15988                    Schnapsbecher, PS 2 cl Ø 3,7 cm · 4,1 cm glasklar                </a>
15989                            </div>
15990            <div class="flex mt-1 mb-1">
15991                <div class="mt-auto sku text-sm">
15992                    <span>Artikel-Nr.: </span>12158                </div>
15993                                    <div class="lg:w-auto ml-auto block ">
15994                                            </div>
15995                            </div>
15996
15997                        <div class="mt-1 text-xs text-gray-600 italic">
15998                                    Verfügbar in 3 Varianten                            </div>
15999
16000            <div class="h-full flex justify-between flex-col">
16001                                                                
16001<script>
16002        function initConfigurableSwatchOptions_12158() {
16003            const configurableOptionsComponent = initConfigurableOptions(
16004                '12158',
16005                {"attributes":{"254":{"id":"254","code":"order_unit","label":"Bestelleinheit","options":[{"id":"7059","label":"Karton","products":["112158"]},{"id":"7061","label":"Palette","products":["612158"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"612158":{"baseOldPrice":{"amount":1608},"oldPrice":{"amount":1913.520001},"basePrice":{"amount":1608},"finalPrice":{"amount":1913.520001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"3,99\u00a0Cent \/ St\u00fcck","basePrice":"3,35\u00a0Cent \/ St\u00fcck"}},"unitSavings":"10.1% Ersparnis"},"112158":{"baseOldPrice":{"amount":44.7},"oldPrice":{"amount":53.193001},"basePrice":{"amount":44.7},"finalPrice":{"amount":53.193001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"4,43\u00a0Cent \/ St\u00fcck","basePrice":"3,73\u00a0Cent \/ St\u00fcck"}}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":44.7},"oldPrice":{"amount":53.193001},"basePrice":{"amount":44.7},"finalPrice":{"amount":53.193001}},"productId":"12158","chooseText":"W\u00e4hlen Sie eine Option\u2026","images":[],"index":{"612158":{"254":"7061"},"112158":{"254":"7059"}},"salable":{"254":{"7061":["612158"],"7059":["112158"]}},"canDisplayShowOutOfStockStatus":true,"preSelectedGallery":[],"channel":"website","salesChannelCode":"papstar_de","sku":{"612158":"4049026321702","112158":"4002911221587"},"quantities":{"612158":54,"112158":2180}}            );
16006            const swatchOptionsComponent = initSwatchOptions({"254":{"7059":{"type":"0","value":null,"label":"Karton","unit":"###VPE### St\u00fcck (30 x 40)","vpe":"1200"},"7061":{"type":"0","value":null,"label":"Palette","unit":"###VPE### St\u00fcck (1200 x 40)","vpe":"48000"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}});
16007
16008            return Object.assign(
16009                configurableOptionsComponent,
16010                swatchOptionsComponent,
16011                {
16012                    mediaCallback: "https\u003A\u002F\u002Fwww.papstar\u002Dshop.de\u002Fswatches\u002Fajax\u002Fmedia\u002F",
16013                    changeOption(optionId, value, skipUpdateGallery) {
16014                        if (value === '') {
16015                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
16016                        } else {
16017                            this.selectedValues[optionId] = value;
16018                        }
16019                        this.findSimpleIndex();
16020                        this.findAllowedAttributeOptions();
16021                        this.updateStock();
16022                        this.updatePrices();
16023                        this.updateSavingPriceInfo();
16024                    },
16025                    unitSavingsPrice: null,
16026                    hasSpecialPrice: false,
16027                    finalPrice: {
16028                        amount: 0.00
16029                    },
16030                    oldPrice: {
16031                        amount: 0.00
16032                    },
16033
16034                    updateHasSpecialPrice() {
16035                        this.hasSpecialPrice = this.finalPrice.amount < this.oldPrice.amount;
16036                    },
16037                    updateSavingPriceInfo() {
16038                        const detail = this.optionConfig.optionPrices[this.productIndex];
16039                        this.oldPrice.amount = detail.oldPrice.amount;
16040                        this.finalPrice.amount = detail.finalPrice.amount;
16041
16042                        this.updateHasSpecialPrice();
16043
16044                        if (!this.hasSpecialPrice) {
16045                            this.unitSavingsPrice = detail.unitSavings;
16046                        }
16047                    },
16048                    preselectQuerystringItems: function() {
16049                        let found = false;
16050                        // pre-select option like ?size=167
16051                        const urlQueryParams = new URLSearchParams(window.location.search.replace("?", ""));
16052                        Object.values(this.optionConfig.attributes).map(attribute => {
16053                            const skipUpdateGallery = true;
16054                            if (urlQueryParams.get(attribute.code) !== null) {
16055                                let optionId = urlQueryParams.get(attribute.code);
16056                                found = false;
16057                                Object.values(attribute.options).map(option => {
16058                                    if (found === false && option.label === optionId) {
16059                                        optionId = option.id;
16060                                        found = true;
16061                                    }
16062                                });
16063                                this.changeOption(attribute.id, optionId, skipUpdateGallery);
16064                            }
16065                        });
16066                        if (found === false) {
16067                            // pre-select first option
16068                            Object.values(this.optionConfig.attributes).map(attribute => {
16069                                if (attribute.code === "order_unit") {
16070                                    let optionId = 0;
16071                                    Object.values(attribute.options).map(option => {
16072                                        if (this.selectedValues.length === 0) {
16073                                            if (found === false && option.products.length > 0) {
16074                                                optionId = option.id;
16075                                                this.changeOption(attribute.id, optionId, true);
16076                                                found = true;
16077                                            }
16078                                        } else {
16079                                            optionId = this.selectedValues[attribute.id];
16080                                            this.changeOption(attribute.id, optionId, true);
16081                                            found = true;
16082                                        }
16083                                    });
16084                                }
16085                            });
16086                        }
16087                    },
16088                    mouseDown: false,
16089                    startX: 0,
16090                    maxScroll: 0,
16091                    scrollLeft: null,
16092                    slider: null,
16093                    scrollEvents: {
16094                        ["@mousedown"](e) {
16095                            this.slider = e.target.closest(".snap");
16096                            if (!this.slider) {
16097                                return;
16098                            }
16099                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
16100                            this.startX = e.pageX - this.slider.offsetLeft;
16101                            this.scrollLeft = this.slider.scrollLeft;
16102                            this.mouseDown = true;
16103                        },
16104                        ["@mouseout.self"]() {
16105                            this.mouseDown = false;
16106                        },
16107                        ["@mouseup"]() {
16108                            this.mouseDown = false;
16109                        },
16110                        ["@mousemove"](e) {
16111                            e.preventDefault();
16112                            if (!this.mouseDown) {
16113                                return;
16114                            }
16115                            const x = e.pageX - this.slider.offsetLeft;
16116                            const scroll = x - this.startX;
16117                            const scrollLeft = this.scrollLeft - scroll;
16118
16119                            if (scrollLeft > this.maxScroll) {
16120                                this.slider.scrollLeft = this.maxScroll;
16121                                return;
16122                            }
16123                            this.slider.scrollLeft = this.scrollLeft - scroll;
16124                        },
16125                        ["@onselectstart"]() {
16126                            return false;
16127                        }
16128                    },
16129                    resizeEvent() {
16130                        Array.from(this.$el.querySelectorAll(".snap")).forEach(slider => {
16131                            slider.scrollLeft = 0;
16132                        });
16133                    }
16134                }
16135            );
16136        }
16137    </script>
16137
16138
16139    <div x-data="initConfigurableSwatchOptions_12158();"
16140         x-defer="intersect"
16141         x-init="getAllowedAttributeOptions();() => preselectQuerystringItems();preselectQuerystringItems();"
16142         @private-content-loaded.window="onGetCartData($event.detail.data)"
16143         @update-prices-12158.window="unitSavingsInfo = $event.detail.unitSavings"
16144         @touchstart.passive="preselectQuerystringItems()"
16145         @resize.window="resizeEvent()"
16146         class="relative md:w-full"
16147         @preselectswatch.window="preselectQuerystringItems()"
16148    >
16149        <div>
16150                                            
16151                                <div class="swatch-attribute order_unit">
16152                    <div class="w-full overflow-x-hidden swatch-attribute-options pt-2">
16153                        <div
16154                            class="w-full overflow-auto transition-all snap items-center min-h-14 product-listing-option-wrapper grid gap-2 pb-2"
16155                            id="attribute-label-12158-254"
16156                                                        :role="optionConfig.attributes?.[254]?.options?.length ? 'radiogroup' : null"
16157                            :aria-label="optionConfig.attributes?.[254]?.options?.length ? 'Attribut-order_unit' : null"
16158                            x-bind="scrollEvents">
16159                            <template x-for="(item, index) in optionConfig.attributes[254].options"
16160                                      :key="item.id"
16161                            >
16162                                
16163<div class="swatch-item">
16164        <label
16165            :for="'attribute-option-swatch-input6ac211b58198c2.9984955512158-'+item.id"
16166            class="rounded swatch-option flex flex-col relative shadow-sm cursor-pointer select-none text-center product-option-value-label"
16167            :class="{
16168                'bg-secondary border-container-lighter text-white' : (selectedValues[254] === item.id),
16169                'bg-container-lighter' : (selectedValues[254] !== item.id),
16170                'w-6 h-6' : !isTextSwatch(254, item.id),
16171                'bg-secondary text-white' : focusedLabel === item.id
16172            }"
16173            :style="getSwatchBackgroundStyle('254',item.id)"
16174        >
16175            <input
16176                :id="'attribute-option-swatch-input6ac211b58198c2.9984955512158-'+item.id"
16177                :value="item.id"
16178                name="super_attribute[254]-12158]"
16179                type="radio"
16180                role="radio"
16181                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
16182                style="z-index:-1"
16183                x-on:focus="focusLabel(item.id)"
16184                x-on:blur="blurLabel()"
16185                x-on:change="changeOption(254, $event.target.value)"
16186                x-model="selectedValues[254]"
16187                :required="getAllowedAttributeOptions(254).filter(
16188                                                                    attributeOption => selectedValues[attributeOption]
16189                                                                ).length === 0"
16190                :aria-label="getSwatchText(254, item.id) + ': ' + getSwatchUnitText(254, item.id)"
16191            >
16192            <div x-html="getSwatchText(254, item.id)"
16193                 class="whitespace-nowrap text-sm font-bold"
16194                 :class="{ 'sr-only' : !isTextSwatch(254, item.id) }"
16195                 aria-hidden="false"
16196            ></div>
16197            <!-- N98 custom attributes start-->
16198            <div x-html="getSwatchUnitText(254, item.id)"
16199                 class="text-xs" aria-hidden="false"></div>
16200            <!-- N98 custom attributes end-->
16201        </label>
16202        <template x-if="unitSavingsInfo && selectedValues[254] === item.id">
16203            <div class="unit-savings-price">
16204                <span class="-info" x-html="unitSavingsInfo"></span>
16205            </div>
16206        </template>
16207    <template x-if="index != 0 && selectedValues[254] !== item.id">
16208        <div class="unit-savings-price">
16209            <span class="-info">
16210            <span><?xml version="1.0" encoding="UTF-8"?>
16211<svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" version="1.1" viewBox="0 0 18 22" width="16" height="16">
16212    <title>Percent</title>
16213  <defs>
16214    <style>
16215      .st0 {
16216        stroke-linecap: round;
16217        stroke-linejoin: round;
16218      }
16219
16220      .st0, .st1 {
16221        fill: none;
16222        stroke-width: 1.5px;
16223      }
16224
16225      .st1 {
16226        stroke-miterlimit: 10;
16227      }
16228    </style>
16229  </defs>
16230  <path class="st1" stroke="currentColor" d="M16.2,16.6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
16231  <g>
16232    <path class="st1" stroke="currentColor" d="M8,6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
16233    <path class="st0" stroke="currentColor" d="M3.5,18.7L15.4,3.9"/>
16234  </g>
16235</svg>
16236</span>
16237            </span>
16238        </div>
16239    </template>
16240</div>
16241                            </template>
16242                        </div>
16243                    </div>
16244                </div>
16245                    </div>
16246                    <template x-if="isTooltipVisible()">
16247    <div class="absolute shadow-lg"
16248        :style="isLayeredSwatch == false && getTooltipPosition()"
16249    >
16250        <div class="absolute top-0 left-0 z-50 p-2 -mt-6 text-sm leading-tight text-black
16251                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
16252        >
16253        <!--template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
16254            <div x-show="getSwatchType(activeTooltipItem.type) !== 'color'"
16255                class="inline-block shadow-sm"
16256                :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
16257            ></div>
16258        </template-->
16259            <span class="mx-2 text-sm font-semibold whitespace-nowrap subtitle"
16260                    x-html="getTooltipLabel()"
16261            ></span>
16262        </div>
16263        <svg class="absolute z-50 w-8 h-8 text-white transform -translate-x-3
16264                -translate-y-8 fill-current stroke-current"
16265                width="12"
16266                height="12"
16267        >
16268            <title>Tooltip Icon</title>
16269            <rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
16270        </svg>
16271    </div>
16272</template>
16273            </div>
16274                                        
16275                
16275<script>
16276                    function initPriceBox__9c77695662724eb1983dfc00e9139702_6ac211b57baae() {
16277                        return {
16278                            updatePrice(priceData, productId) {
16279                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
16280                                const regularOldPriceElement = this.$el.querySelector('.normal-price .old-price');
16281                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
16282                                const regularPriceElementTax = this.$el.querySelector('.normal-price .price-container .tax');
16283                                const regularOldBasePriceElement = this.$el.querySelector('.base-price .old-price');
16284                                const regularBasePriceElement = this.$el.querySelector('.base-price .price-wrapper .price');
16285                                const regularBasePriceElementTax = this.$el.querySelector('.base-price .price-container .tax');
16286                                const unitPriceElement = this.$el.querySelector('.normal-price .unitPrice');
16287                                const unitBasePriceElement = this.$el.querySelector('.base-price .unitPrice');
16288                                const productTileBadge = document.querySelector('.badge-discounted-' + productId);
16289
16290                                let specialPrice = false;
16291                                let specialPricePercent;
16292
16293                                if (regularPriceLabel) {
16294                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
16295                                        regularPriceLabel.classList.remove('hidden');
16296                                    } else {
16297                                        regularPriceLabel.classList.add('hidden');
16298                                    }
16299                                }
16300
16301                                if (productTileBadge) {
16302                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
16303                                        specialPricePercent = (priceData.oldPrice.amount - priceData.finalPrice.amount)
16304                                            / priceData.oldPrice.amount * 100;
16305                                        productTileBadge.innerText = '-' + Math.round(specialPricePercent) + '%';
16306                                        productTileBadge.classList.remove('hidden');
16307                                    }
16308                                }
16309
16310                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
16311                                    specialPrice = true;
16312                                } else {
16313                                    specialPrice = false;
16314                                }
16315
16316                                if (regularOldPriceElement && priceData.oldPrice.amount) {
16317                                    if (specialPrice) {
16318                                        regularOldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount);
16319                                    } else {
16320                                        regularOldPriceElement.innerText = '';
16321                                    }
16322                                }
16323
16324                                if (regularPriceElement) {
16325                                    regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
16326                                    regularPriceElementTax.style.display = 'block';
16327                                }
16328
16329                                if (unitPriceElement) {
16330                                    unitPriceElement.innerText = '';
16331                                }
16332
16333                                if (unitPriceElement && priceData.unitPrice.pricePerUnitHTML.price) {
16334                                    unitPriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.price;
16335                                }
16336
16337                                if (regularOldBasePriceElement && priceData.baseOldPrice.amount) {
16338                                    if (specialPrice) {
16339                                        regularOldBasePriceElement.innerText =
16340                                            hyva.formatPrice(priceData.baseOldPrice.amount);
16341                                    } else {
16342                                        regularOldBasePriceElement.innerText = '';
16343                                    }
16344                                }
16345
16346                                if (regularBasePriceElement) {
16347                                    regularBasePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount);
16348                                    regularBasePriceElementTax.style.display = 'block';
16349                                }
16350
16351                                if (unitBasePriceElement) {
16352                                    unitBasePriceElement.innerText = '';
16353                                }
16354
16355                                if (unitBasePriceElement && priceData.unitPrice.pricePerUnitHTML.basePrice) {
16356                                    unitBasePriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.basePrice;
16357                                }
16358
16359                                if (priceData.finalPrice.amount === priceData.basePrice.amount) {
16360                                    this.$el.querySelector('.normal-price').classList.add('hidden');
16361                                } else {
16362                                    this.$el.querySelector('.normal-price').classList.remove('hidden');
16363                                }
16364                            }
16365                        }
16366                    }
16367
16368                    function initQtyField__9c77695662724eb1983dfc00e9139702_6ac211b57baae() {
16369                        return {
16370                            qty: 1,
16371                            input: document.getElementById('qty[12158_9c77695662724eb1983dfc00e9139702_6ac211b57baae]'),
16372                            addToCart: document.getElementById('add-to-cart[12158_9c77695662724eb1983dfc00e9139702_6ac211b57baae]'),
16373                            qtyAlert: document.getElementById('qty-alert[12158_9c77695662724eb1983dfc00e9139702_6ac211b57baae]'),
16374                            currentStock: 0,
16375
16376                            validateQty(qty) {
16377                                let regex = /^\d+$/;
16378                                let pattern = regex.test(qty);
16379
16380                                this.addToCart.disabled = qty === 0
16381                                    || qty === null
16382                                    || qty > 10000                                    || !pattern
16383                                    || this.addToCart.classList.contains('not-available');
16384
16385                                if (qty === 0
16386                                    || qty === null
16387                                    || qty > 10000                                    || !pattern) {
16388                                    this.qtyAlert.style.display = 'block';
16389                                } else {
16390                                    this.qtyAlert.style.display = 'none';
16391                                }
16392                            },
16393
16394                            stepUp() {
16395                                this.input.stepUp();
16396                                let qty = document.getElementById('qty[12158_9c77695662724eb1983dfc00e9139702_6ac211b57baae]').value;
16397                                this.validateQty(qty);
16398
16399                            },
16400
16401                            stepDown() {
16402                                this.input.stepDown();
16403                                let qty = document.getElementById('qty[12158_9c77695662724eb1983dfc00e9139702_6ac211b57baae]').value;
16404                                this.validateQty(qty);
16405                            }
16406                        };
16407                    }
16408                </script>
16408
16409                <div class="relative price-block">
16410                    <div class="flex my-4 sm:min-h-42px w-full">
16411                                                <div class="w-full"
16412                             x-data="initPriceBox__9c77695662724eb1983dfc00e9139702_6ac211b57baae()"
16413                             x-init="() => $dispatch('preselectswatch')"
16414                             @update-prices-12158.window="updatePrice($event.detail,12158);">
16415                            <div
16416                                class="price-box mt-3 price-final_price flex flex-wrap justify-between"
16417                                data-role="priceBox">
16418                                <div class="normal-price text-left ">
16419                                <span class="price-container price-final_price tax weee">
16420                                    <div class="old-price text-xs including-tax line-through"></div>
16421                                    <div id="price-including-tax-product-price-12158"
16422                                         data-price-type="finalPrice"
16423                                         class="price-wrapper price-including-tax finalPrice flex items-end">
16424                                        <span class="price"></span>
16425                                        <span class="tax font-normal hidden">mit MwSt.</span>
16426                                    </div>
16427                                    <div class="unitPrice text-xs"></div>
16428                                </span>
16429                                </div>
16430
16431                                <div class="base-price text-left ">
16432                                <span class="price-container price-final_price tax weee">
16433                                    <div class="old-price text-xs excluding-tax line-through"></div>
16434                                    <div id="price-excluding-tax-product-price-12158"
16435                                         data-price-type="finalPrice"
16436                                         class="price-wrapper price-excluding-tax finalPrice flex items-end">
16437                                        <span class="price"></span>
16438                                        <span class="tax font-normal hidden">ohne MwSt.</span>
16439                                    </div>
16440                                    <div class="unitPrice text-xs"></div>
16441                                </span>
16442                                </div>
16443                            </div>
16444                        </div>
16445                    </div>
16446
16447                                            <div x-data="{ currentStock: 0 }"
16448                             x-init="() => $dispatch('preselectswatch')"
16449                             @update-stock-12158.window="currentStock = $event.detail"
16450                             class="flex flex-wrap mt-auto text-left">
16451                            <div class="stock-status text-xs w-full mb-3 mt-auto basis-full">
16452                                <template x-if="currentStock">
16453                                    <div>
16454                                    <span x-show="currentStock > 0" class="text-green-main">
16455                                        Sofort versandfertig, Lieferzeit: 1-3 Werktage                                    </span>
16456                                        <span x-show="currentStock <= 0 && currentStock > -1000"
16457                                              class="text-yellow-700">
16458                                        Aktuell nicht lieferbar, Lieferzeit: 5-10 Werktage                                    </span>
16459                                        <span x-show="currentStock <= -1000 && currentStock > -5000"
16460                                              class="text-red-600">
16461                                        Aktuell nicht lieferbar                                    </span>
16462                                    </div>
16463                                </template>
16464                            </div>
16465                        </div>
16466                    
16467                    
16468                    <div class="flex gap-4 mt-auto justify-end lg:justify-between"
16469                         x-data="initQtyField__9c77695662724eb1983dfc00e9139702_6ac211b57baae()"
16470                         x-init="() => $dispatch('preselectswatch')"
16471                         @update-stock-12158.window="currentStock = $event.detail;">
16472                                                    <div class="w-1/2 flex"
16473                                x-show="currentStock > -5000"
16474                                :aria-hidden="currentStock <= -5000">
16475                                <button
16476                                    class="qty-button -minus-button"
16477                                    type="button"
16478                                    title="Weniger"
16479                                    x-on:click="stepDown()">
16480                                    <?xml version="1.0" encoding="utf-8"?>
16481<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
16482<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="w-5 h-5" width="20" height="20">
16483        <title>Minus</title>
16484    <g>
16485	<g>
16486		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
16487	</g>
16488</g>
16489</svg>
16490                                </button>
16491                                <label for="qty[12158_9c77695662724eb1983dfc00e9139702_6ac211b57baae]"
16492                                       class="sr-only">
16493                                    Anzahl                                </label>
16494                                <input name="qty"
16495                                       class="form-input rounded-none px-2 text-center invalid:ring-2 invalid:ring-red-500 w-11/12"
16496                                       id="qty[12158_9c77695662724eb1983dfc00e9139702_6ac211b57baae]"
16497                                       type="number"
16498                                       inputmode="numeric"
16499                                       maxlength="5"
16500                                       min="1"                                       max="10000"                                       step="1"                                       :value="qty"
16501                                       x-model.number="qty"
16502                                       x-on:input.change="validateQty(qty);"
16503                                />
16504                                <button
16505                                    class="qty-button -plus-button"
16506                                    type="button"
16507                                    title="Mehr"
16508                                    class="plus"
16509                                    x-on:click="stepUp()">
16510                                    <?xml version="1.0" encoding="utf-8"?>
16511<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
16512<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="text-white" width="20" height="20">
16513        <title>Plus Sign</title>
16514    <g>
16515	<g>
16516		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
16517	</g>
16518	<g>
16519		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
16520	</g>
16521</g>
16522</svg>
16523                                </button>
16524                            </div>
16525                            <div class="w-1/2"
16526                                 x-show="currentStock > -5000"
16527                                 :aria-hidden="currentStock <= -5000">
16528                                                                    <button class="btn btn-add-to-cart w-full h-full px-2 py-0"
16529                                            :disabled="currentStock <= -1000 || false"
16530                                            :class="{'not-available': currentStock <= -1000 || false}"
16531                                            id="add-to-cart[12158_9c77695662724eb1983dfc00e9139702_6ac211b57baae]"
16532                                            title="Schnapsbecher,&#x20;PS&#x20;2&#x20;cl&#x20;&#xD8;&#x20;3,7&#x20;cm&#x20;&#xB7;&#x20;4,1&#x20;cm&#x20;glasklar&#x20;In&#x20;den&#x20;Warenkorb"
16533                                            aria-label="Schnapsbecher,&#x20;PS&#x20;2&#x20;cl&#x20;&#xD8;&#x20;3,7&#x20;cm&#x20;&#xB7;&#x20;4,1&#x20;cm&#x20;glasklar&#x20;In&#x20;den&#x20;Warenkorb">
16534                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
16535    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
16536                                        <span class="sm:pl-2 md:hidden lg:block">
16537                                            In&#x20;den&#x20;Warenkorb                                        </span>
16538                                    </button>
16539                                                            </div>
16540                        
16541                        <a x-cloak
16542                           x-show="currentStock <= -5000"
16543                           :aria-hidden="currentStock > -5000"
16544                           href="https://www.papstar-shop.de/schnapsbecher-ps-2-cl-3-7-cm-4-1-cm-glasklar-12158.htm"
16545                           class="btn btn-add-to-cart w-full h-full px-2 py-0"
16546                           id="add-to-cart[12158_9c77695662724eb1983dfc00e9139702_6ac211b57baae]"
16547                           title="Schnapsbecher,&#x20;PS&#x20;2&#x20;cl&#x20;&#xD8;&#x20;3,7&#x20;cm&#x20;&#xB7;&#x20;4,1&#x20;cm&#x20;glasklar&#x20;Produkt&#x20;individualisieren"
16548                           aria-label="Schnapsbecher,&#x20;PS&#x20;2&#x20;cl&#x20;&#xD8;&#x20;3,7&#x20;cm&#x20;&#xB7;&#x20;4,1&#x20;cm&#x20;glasklar&#x20;Produkt&#x20;individualisieren">
16549                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
16550    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
16551                            <span class="sm:pl-2 md:hidden lg:block py-4">
16552                                            Produkt&#x20;individualisieren                                        </span>
16553                        </a>
16554
16555                                                    
16555<script>
16556    'use strict';
16557
16558    (() => {
16559        window.addEventListener(
16560            'ga-initialized',
16561            () => {
16562                const productForm = document.querySelector(
16563                    'form\u005Bdata\u002Dsku\u003D\u002212158\u0022\u005D'
16564                );
16565
16566                if (!productForm) {
16567                    return;
16568                }
16569
16570                let sku = '12158';
16571
16572                window.addEventListener(
16573                    'listing\u002Dconfigurable-selection-changed',
16574                    (event) => {
16575                        if (event.detail.skuCandidates.length === 1
16576                            && event.detail.productId === '12158'
16577                        ) {
16578                            sku = event.detail.skuCandidates[0];
16579                        }
16580                    }
16581                );
16582
16583                function bindEventListener(element, event)
16584                {
16585                    element.addEventListener(event, () => {
16586                        if (productForm.checkValidity()) {
16587                            const priceSelector = false                                ? '#product-price-12158 .price'
16588                                : '[data-price-box="product-id-12158"] .price';
16589
16590                            window.dispatchEvent(new CustomEvent('cart-item-added', {
16591                                detail: [{
16592                                    product_sku: sku,
16593                                    product_name: 'Schnapsbecher,\u0020PS\u00202\u0020cl\u0020\u00D8\u00203,7\u0020cm\u0020\u00B7\u00204,1\u0020cm\u0020glasklar',
16594                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),
16595
16596                                                                            qty: 1,
16597                                                                    }],
16598                            }));
16599                        }
16600                    });
16601                }
16602
16603                                    const button = productForm.querySelector(
16604                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
16605                    );
16606
16607                    if (!button) {
16608                        return;
16609                    }
16610
16611                    bindEventListener(button, 'click');
16612                            },
16613            { once: true }
16614        );
16615    })();
16616</script>
16616
16617                                            </div>
16618                    <div class="qty-alert hidden" id="qty-alert[12158_9c77695662724eb1983dfc00e9139702_6ac211b57baae]">
16619                        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill="currentColor" viewBox="0 0 20 20" class="w-3 h-3 mr-1 text-energy inline-block align-text-top">
16620<title>Warning</title>
16621    <path d="M19.64 16.36L11.53 2.3A1.85 1.85 0 0 0 10 1.21 1.85 1.85 0 0 0 8.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>
16622</svg>
16623                        <span>Bitte&#x20;nur&#x20;ganze&#x20;Zahlen&#x20;eingeben.</span>
16624                    </div>
16625                </div>
16626            </div>
16627        </div>
16628    </form>
16629</div>
16630                    </li>
16631                                                                    <li class="splide__slide">
16632                        <div class="h-full">
16633    <form method="post"
16634          aria-label="Product&#x20;tile&#x20;for&#x3A;&#x20;Motiv-Servietten,&#x20;&quot;Bayrisch&#x20;Blau&quot;&#x20;1-lagig&#x20;1&#x2F;4-Falz&#x20;33&#x20;&#xD7;&#x20;33&#x20;cm"
16635          action="https://www.papstar-shop.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cucGFwc3Rhci1zaG9wLmRlLz9tc2Nsa2lkPWI5ODJhMjlkYWVkYzFjMWQyM2I2Yzg1ZmEzZjY4ZjFj/product/11121/"
16636          class="item product product-item product_addtocart_form border rounded p-2.5 bg-container-white hover:shadow-lg flex flex-col w-full h-full"
16637            >
16638        <input name="form_key" type="hidden" value="rKVCmaFj7egUOB24" />        <input type="hidden" name="product" value="11121"/>
16639        <div
16640            class="relative product photo product-item-photo block mb-3 px-12 ">
16641                <a x-data="ReqBlind_6ac211b58a995()"
16642       href="https://www.papstar-shop.de/customer/account/"
16643       title="Motiv-Servietten, &quot;Bayrisch Blau&quot; 1-lagig 1/4-Falz 33 × 33 cm Zum Merkzettel hinzufügen"
16644       aria-label="Motiv-Servietten, &quot;Bayrisch Blau&quot; 1-lagig 1/4-Falz 33 × 33 cm Zum Merkzettel hinzufügen"
16645       @click.prevent="open($event)"
16646       class="p-2 bg-transparent absolute right-0 hover:text-primary-darker bottom-0">
16647        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85" xml:space="preserve" fill="currentColor" class="mx-auto bg-transparent text-black" width="36" height="36">
16648    <path d="M23.895 23.457a8.424 8.424 0 0 0-2.896 1.895c-3.408 3.41-3.308 9.06.226 12.594" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/><path d="M68.801 42.971c6.287-6.289 6.389-16.478.224-22.645-6.165-6.164-16.354-6.063-22.644.225l-3.896 3.871-3.87-3.871c-6.287-6.288-16.477-6.389-22.641-.225-6.164 6.167-6.064 16.355.225 22.645l26.295 26.262 26.307-26.262z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/></svg>
16649        <span class="sr-only">Zum Merkzettel hinzufügen</span>
16650    </a>
16651    
16651<script>
16652        function ReqBlind_6ac211b58a995() {
16653            return {
16654                open: function (event) {
16655                    window.scrollTo(0, 0);
16656                    dispatchMessages([{
16657                        type: 'notice',
16658                        text: 'Sie müssen eingeloggt sein, um die Merkzettel-Funktion zu nutzen.'
16659                    }], 5000);
16660                    let href = event.currentTarget.href;
16661                    setTimeout(function() {
16662                        window.location = href;
16663                    }, 4000);
16664                }
16665            }
16666        }
16667    </script>
16667
16668                                                            <a href="https://www.papstar-shop.de/motiv-servietten-bayrisch-blau-1-lagig-1-4-falz-33-33-cm-11121.htm"
16669               tabindex="-1"
16670                            >
16671                <picture class="object-contain mx-auto py-3 product-image-photo"><source type="image/webp" srcset="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/M/o/Motiv-Servietten-Bayrisch-Blau-1-lagig-1-4-Falz-33-x-33-cm-11121_b_0_125.webp"><img class="object-contain mx-auto py-3 product-image-photo" x-data="" @update-gallery-11121.window="$el.src = $event.detail" src="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/M/o/Motiv-Servietten-Bayrisch-Blau-1-lagig-1-4-Falz-33-x-33-cm-11121_b_0_125.jpg" loading="lazy" itemprop="image" width="360" height="360" alt="Motiv-Servietten,&#x20;&quot;Bayrisch&#x20;Blau&quot;&#x20;1-lagig&#x20;1&#x2F;4-Falz&#x20;33&#x20;&#xD7;&#x20;33&#x20;cm" title="Motiv-Servietten,&#x20;&quot;Bayrisch&#x20;Blau&quot;&#x20;1-lagig&#x20;1&#x2F;4-Falz&#x20;33&#x20;&#xD7;&#x20;33&#x20;cm" loading="lazy" /></picture>
16672            </a>
16673        </div>
16674        <div class="product-info flex flex-col flex-grow">
16675            <div class="text-black font-semibold text-base">
16676                                    &nbsp;                            </div>
16677                        <div
16678                class="mt-1 text-black font-semibold text-base text-left sm:min-h-90px">
16679                <a class="product-item-link "
16680                   href="https://www.papstar-shop.de/motiv-servietten-bayrisch-blau-1-lagig-1-4-falz-33-33-cm-11121.htm"
16681                                    >
16682                    Motiv-Servietten, &quot;Bayrisch Blau&quot; 1-lagig 1/4-Falz 33 × 33 cm                </a>
16683                            </div>
16684            <div class="flex mt-1 mb-1">
16685                <div class="mt-auto sku text-sm">
16686                    <span>Artikel-Nr.: </span>11121                </div>
16687                                    <div class="lg:w-auto ml-auto block ">
16688                                            </div>
16689                            </div>
16690
16691                        <div class="mt-1 text-xs text-gray-600 italic">
16692                                    &nbsp;
16693                            </div>
16694
16695            <div class="h-full flex justify-between flex-col">
16696                                                                
16696<script>
16697        function initConfigurableSwatchOptions_11121() {
16698            const configurableOptionsComponent = initConfigurableOptions(
16699                '11121',
16700                {"attributes":{"254":{"id":"254","code":"order_unit","label":"Bestelleinheit","options":[{"id":"7059","label":"Karton","products":["111121"]},{"id":"7061","label":"Palette","products":["611121"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"611121":{"baseOldPrice":{"amount":864},"oldPrice":{"amount":1028.160001},"basePrice":{"amount":864},"finalPrice":{"amount":1028.160001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"2,38\u00a0Cent \/ St\u00fcck","basePrice":"2,00\u00a0Cent \/ St\u00fcck"}},"unitSavings":"11.1% Ersparnis"},"111121":{"baseOldPrice":{"amount":81},"oldPrice":{"amount":96.390001},"basePrice":{"amount":81},"finalPrice":{"amount":96.390001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"2,68\u00a0Cent \/ St\u00fcck","basePrice":"2,25\u00a0Cent \/ St\u00fcck"}}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":81},"oldPrice":{"amount":96.390001},"basePrice":{"amount":81},"finalPrice":{"amount":96.390001}},"productId":"11121","chooseText":"W\u00e4hlen Sie eine Option\u2026","images":[],"index":{"611121":{"254":"7061"},"111121":{"254":"7059"}},"salable":{"254":{"7061":["611121"],"7059":["111121"]}},"canDisplayShowOutOfStockStatus":true,"preSelectedGallery":[],"channel":"website","salesChannelCode":"papstar_de","sku":{"611121":"4049026966590","111121":"4002911211212"},"quantities":{"611121":32,"111121":390}}            );
16701            const swatchOptionsComponent = initSwatchOptions({"254":{"7059":{"type":"0","value":null,"label":"Karton","unit":"###VPE### St\u00fcck (36 x 100)","vpe":"3600"},"7061":{"type":"0","value":null,"label":"Palette","unit":"###VPE### St\u00fcck (432 x 100)","vpe":"43200"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}});
16702
16703            return Object.assign(
16704                configurableOptionsComponent,
16705                swatchOptionsComponent,
16706                {
16707                    mediaCallback: "https\u003A\u002F\u002Fwww.papstar\u002Dshop.de\u002Fswatches\u002Fajax\u002Fmedia\u002F",
16708                    changeOption(optionId, value, skipUpdateGallery) {
16709                        if (value === '') {
16710                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
16711                        } else {
16712                            this.selectedValues[optionId] = value;
16713                        }
16714                        this.findSimpleIndex();
16715                        this.findAllowedAttributeOptions();
16716                        this.updateStock();
16717                        this.updatePrices();
16718                        this.updateSavingPriceInfo();
16719                    },
16720                    unitSavingsPrice: null,
16721                    hasSpecialPrice: false,
16722                    finalPrice: {
16723                        amount: 0.00
16724                    },
16725                    oldPrice: {
16726                        amount: 0.00
16727                    },
16728
16729                    updateHasSpecialPrice() {
16730                        this.hasSpecialPrice = this.finalPrice.amount < this.oldPrice.amount;
16731                    },
16732                    updateSavingPriceInfo() {
16733                        const detail = this.optionConfig.optionPrices[this.productIndex];
16734                        this.oldPrice.amount = detail.oldPrice.amount;
16735                        this.finalPrice.amount = detail.finalPrice.amount;
16736
16737                        this.updateHasSpecialPrice();
16738
16739                        if (!this.hasSpecialPrice) {
16740                            this.unitSavingsPrice = detail.unitSavings;
16741                        }
16742                    },
16743                    preselectQuerystringItems: function() {
16744                        let found = false;
16745                        // pre-select option like ?size=167
16746                        const urlQueryParams = new URLSearchParams(window.location.search.replace("?", ""));
16747                        Object.values(this.optionConfig.attributes).map(attribute => {
16748                            const skipUpdateGallery = true;
16749                            if (urlQueryParams.get(attribute.code) !== null) {
16750                                let optionId = urlQueryParams.get(attribute.code);
16751                                found = false;
16752                                Object.values(attribute.options).map(option => {
16753                                    if (found === false && option.label === optionId) {
16754                                        optionId = option.id;
16755                                        found = true;
16756                                    }
16757                                });
16758                                this.changeOption(attribute.id, optionId, skipUpdateGallery);
16759                            }
16760                        });
16761                        if (found === false) {
16762                            // pre-select first option
16763                            Object.values(this.optionConfig.attributes).map(attribute => {
16764                                if (attribute.code === "order_unit") {
16765                                    let optionId = 0;
16766                                    Object.values(attribute.options).map(option => {
16767                                        if (this.selectedValues.length === 0) {
16768                                            if (found === false && option.products.length > 0) {
16769                                                optionId = option.id;
16770                                                this.changeOption(attribute.id, optionId, true);
16771                                                found = true;
16772                                            }
16773                                        } else {
16774                                            optionId = this.selectedValues[attribute.id];
16775                                            this.changeOption(attribute.id, optionId, true);
16776                                            found = true;
16777                                        }
16778                                    });
16779                                }
16780                            });
16781                        }
16782                    },
16783                    mouseDown: false,
16784                    startX: 0,
16785                    maxScroll: 0,
16786                    scrollLeft: null,
16787                    slider: null,
16788                    scrollEvents: {
16789                        ["@mousedown"](e) {
16790                            this.slider = e.target.closest(".snap");
16791                            if (!this.slider) {
16792                                return;
16793                            }
16794                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
16795                            this.startX = e.pageX - this.slider.offsetLeft;
16796                            this.scrollLeft = this.slider.scrollLeft;
16797                            this.mouseDown = true;
16798                        },
16799                        ["@mouseout.self"]() {
16800                            this.mouseDown = false;
16801                        },
16802                        ["@mouseup"]() {
16803                            this.mouseDown = false;
16804                        },
16805                        ["@mousemove"](e) {
16806                            e.preventDefault();
16807                            if (!this.mouseDown) {
16808                                return;
16809                            }
16810                            const x = e.pageX - this.slider.offsetLeft;
16811                            const scroll = x - this.startX;
16812                            const scrollLeft = this.scrollLeft - scroll;
16813
16814                            if (scrollLeft > this.maxScroll) {
16815                                this.slider.scrollLeft = this.maxScroll;
16816                                return;
16817                            }
16818                            this.slider.scrollLeft = this.scrollLeft - scroll;
16819                        },
16820                        ["@onselectstart"]() {
16821                            return false;
16822                        }
16823                    },
16824                    resizeEvent() {
16825                        Array.from(this.$el.querySelectorAll(".snap")).forEach(slider => {
16826                            slider.scrollLeft = 0;
16827                        });
16828                    }
16829                }
16830            );
16831        }
16832    </script>
16832
16833
16834    <div x-data="initConfigurableSwatchOptions_11121();"
16835         x-defer="intersect"
16836         x-init="getAllowedAttributeOptions();() => preselectQuerystringItems();preselectQuerystringItems();"
16837         @private-content-loaded.window="onGetCartData($event.detail.data)"
16838         @update-prices-11121.window="unitSavingsInfo = $event.detail.unitSavings"
16839         @touchstart.passive="preselectQuerystringItems()"
16840         @resize.window="resizeEvent()"
16841         class="relative md:w-full"
16842         @preselectswatch.window="preselectQuerystringItems()"
16843    >
16844        <div>
16845                                            
16846                                <div class="swatch-attribute order_unit">
16847                    <div class="w-full overflow-x-hidden swatch-attribute-options pt-2">
16848                        <div
16849                            class="w-full overflow-auto transition-all snap items-center min-h-14 product-listing-option-wrapper grid gap-2 pb-2"
16850                            id="attribute-label-11121-254"
16851                                                        :role="optionConfig.attributes?.[254]?.options?.length ? 'radiogroup' : null"
16852                            :aria-label="optionConfig.attributes?.[254]?.options?.length ? 'Attribut-order_unit' : null"
16853                            x-bind="scrollEvents">
16854                            <template x-for="(item, index) in optionConfig.attributes[254].options"
16855                                      :key="item.id"
16856                            >
16857                                
16858<div class="swatch-item">
16859        <label
16860            :for="'attribute-option-swatch-input6ac211b591a7d8.8072365011121-'+item.id"
16861            class="rounded swatch-option flex flex-col relative shadow-sm cursor-pointer select-none text-center product-option-value-label"
16862            :class="{
16863                'bg-secondary border-container-lighter text-white' : (selectedValues[254] === item.id),
16864                'bg-container-lighter' : (selectedValues[254] !== item.id),
16865                'w-6 h-6' : !isTextSwatch(254, item.id),
16866                'bg-secondary text-white' : focusedLabel === item.id
16867            }"
16868            :style="getSwatchBackgroundStyle('254',item.id)"
16869        >
16870            <input
16871                :id="'attribute-option-swatch-input6ac211b591a7d8.8072365011121-'+item.id"
16872                :value="item.id"
16873                name="super_attribute[254]-11121]"
16874                type="radio"
16875                role="radio"
16876                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
16877                style="z-index:-1"
16878                x-on:focus="focusLabel(item.id)"
16879                x-on:blur="blurLabel()"
16880                x-on:change="changeOption(254, $event.target.value)"
16881                x-model="selectedValues[254]"
16882                :required="getAllowedAttributeOptions(254).filter(
16883                                                                    attributeOption => selectedValues[attributeOption]
16884                                                                ).length === 0"
16885                :aria-label="getSwatchText(254, item.id) + ': ' + getSwatchUnitText(254, item.id)"
16886            >
16887            <div x-html="getSwatchText(254, item.id)"
16888                 class="whitespace-nowrap text-sm font-bold"
16889                 :class="{ 'sr-only' : !isTextSwatch(254, item.id) }"
16890                 aria-hidden="false"
16891            ></div>
16892            <!-- N98 custom attributes start-->
16893            <div x-html="getSwatchUnitText(254, item.id)"
16894                 class="text-xs" aria-hidden="false"></div>
16895            <!-- N98 custom attributes end-->
16896        </label>
16897        <template x-if="unitSavingsInfo && selectedValues[254] === item.id">
16898            <div class="unit-savings-price">
16899                <span class="-info" x-html="unitSavingsInfo"></span>
16900            </div>
16901        </template>
16902    <template x-if="index != 0 && selectedValues[254] !== item.id">
16903        <div class="unit-savings-price">
16904            <span class="-info">
16905            <span><?xml version="1.0" encoding="UTF-8"?>
16906<svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" version="1.1" viewBox="0 0 18 22" width="16" height="16">
16907    <title>Percent</title>
16908  <defs>
16909    <style>
16910      .st0 {
16911        stroke-linecap: round;
16912        stroke-linejoin: round;
16913      }
16914
16915      .st0, .st1 {
16916        fill: none;
16917        stroke-width: 1.5px;
16918      }
16919
16920      .st1 {
16921        stroke-miterlimit: 10;
16922      }
16923    </style>
16924  </defs>
16925  <path class="st1" stroke="currentColor" d="M16.2,16.6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
16926  <g>
16927    <path class="st1" stroke="currentColor" d="M8,6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
16928    <path class="st0" stroke="currentColor" d="M3.5,18.7L15.4,3.9"/>
16929  </g>
16930</svg>
16931</span>
16932            </span>
16933        </div>
16934    </template>
16935</div>
16936                            </template>
16937                        </div>
16938                    </div>
16939                </div>
16940                    </div>
16941                    <template x-if="isTooltipVisible()">
16942    <div class="absolute shadow-lg"
16943        :style="isLayeredSwatch == false && getTooltipPosition()"
16944    >
16945        <div class="absolute top-0 left-0 z-50 p-2 -mt-6 text-sm leading-tight text-black
16946                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
16947        >
16948        <!--template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
16949            <div x-show="getSwatchType(activeTooltipItem.type) !== 'color'"
16950                class="inline-block shadow-sm"
16951                :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
16952            ></div>
16953        </template-->
16954            <span class="mx-2 text-sm font-semibold whitespace-nowrap subtitle"
16955                    x-html="getTooltipLabel()"
16956            ></span>
16957        </div>
16958        <svg class="absolute z-50 w-8 h-8 text-white transform -translate-x-3
16959                -translate-y-8 fill-current stroke-current"
16960                width="12"
16961                height="12"
16962        >
16963            <title>Tooltip Icon</title>
16964            <rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
16965        </svg>
16966    </div>
16967</template>
16968            </div>
16969                                        
16970                
16970<script>
16971                    function initPriceBox__9c77695662724eb1983dfc00e9139702_6ac211b58a5bb() {
16972                        return {
16973                            updatePrice(priceData, productId) {
16974                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
16975                                const regularOldPriceElement = this.$el.querySelector('.normal-price .old-price');
16976                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
16977                                const regularPriceElementTax = this.$el.querySelector('.normal-price .price-container .tax');
16978                                const regularOldBasePriceElement = this.$el.querySelector('.base-price .old-price');
16979                                const regularBasePriceElement = this.$el.querySelector('.base-price .price-wrapper .price');
16980                                const regularBasePriceElementTax = this.$el.querySelector('.base-price .price-container .tax');
16981                                const unitPriceElement = this.$el.querySelector('.normal-price .unitPrice');
16982                                const unitBasePriceElement = this.$el.querySelector('.base-price .unitPrice');
16983                                const productTileBadge = document.querySelector('.badge-discounted-' + productId);
16984
16985                                let specialPrice = false;
16986                                let specialPricePercent;
16987
16988                                if (regularPriceLabel) {
16989                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
16990                                        regularPriceLabel.classList.remove('hidden');
16991                                    } else {
16992                                        regularPriceLabel.classList.add('hidden');
16993                                    }
16994                                }
16995
16996                                if (productTileBadge) {
16997                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
16998                                        specialPricePercent = (priceData.oldPrice.amount - priceData.finalPrice.amount)
16999                                            / priceData.oldPrice.amount * 100;
17000                                        productTileBadge.innerText = '-' + Math.round(specialPricePercent) + '%';
17001                                        productTileBadge.classList.remove('hidden');
17002                                    }
17003                                }
17004
17005                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
17006                                    specialPrice = true;
17007                                } else {
17008                                    specialPrice = false;
17009                                }
17010
17011                                if (regularOldPriceElement && priceData.oldPrice.amount) {
17012                                    if (specialPrice) {
17013                                        regularOldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount);
17014                                    } else {
17015                                        regularOldPriceElement.innerText = '';
17016                                    }
17017                                }
17018
17019                                if (regularPriceElement) {
17020                                    regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
17021                                    regularPriceElementTax.style.display = 'block';
17022                                }
17023
17024                                if (unitPriceElement) {
17025                                    unitPriceElement.innerText = '';
17026                                }
17027
17028                                if (unitPriceElement && priceData.unitPrice.pricePerUnitHTML.price) {
17029                                    unitPriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.price;
17030                                }
17031
17032                                if (regularOldBasePriceElement && priceData.baseOldPrice.amount) {
17033                                    if (specialPrice) {
17034                                        regularOldBasePriceElement.innerText =
17035                                            hyva.formatPrice(priceData.baseOldPrice.amount);
17036                                    } else {
17037                                        regularOldBasePriceElement.innerText = '';
17038                                    }
17039                                }
17040
17041                                if (regularBasePriceElement) {
17042                                    regularBasePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount);
17043                                    regularBasePriceElementTax.style.display = 'block';
17044                                }
17045
17046                                if (unitBasePriceElement) {
17047                                    unitBasePriceElement.innerText = '';
17048                                }
17049
17050                                if (unitBasePriceElement && priceData.unitPrice.pricePerUnitHTML.basePrice) {
17051                                    unitBasePriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.basePrice;
17052                                }
17053
17054                                if (priceData.finalPrice.amount === priceData.basePrice.amount) {
17055                                    this.$el.querySelector('.normal-price').classList.add('hidden');
17056                                } else {
17057                                    this.$el.querySelector('.normal-price').classList.remove('hidden');
17058                                }
17059                            }
17060                        }
17061                    }
17062
17063                    function initQtyField__9c77695662724eb1983dfc00e9139702_6ac211b58a5bb() {
17064                        return {
17065                            qty: 1,
17066                            input: document.getElementById('qty[11121_9c77695662724eb1983dfc00e9139702_6ac211b58a5bb]'),
17067                            addToCart: document.getElementById('add-to-cart[11121_9c77695662724eb1983dfc00e9139702_6ac211b58a5bb]'),
17068                            qtyAlert: document.getElementById('qty-alert[11121_9c77695662724eb1983dfc00e9139702_6ac211b58a5bb]'),
17069                            currentStock: 0,
17070
17071                            validateQty(qty) {
17072                                let regex = /^\d+$/;
17073                                let pattern = regex.test(qty);
17074
17075                                this.addToCart.disabled = qty === 0
17076                                    || qty === null
17077                                    || qty > 10000                                    || !pattern
17078                                    || this.addToCart.classList.contains('not-available');
17079
17080                                if (qty === 0
17081                                    || qty === null
17082                                    || qty > 10000                                    || !pattern) {
17083                                    this.qtyAlert.style.display = 'block';
17084                                } else {
17085                                    this.qtyAlert.style.display = 'none';
17086                                }
17087                            },
17088
17089                            stepUp() {
17090                                this.input.stepUp();
17091                                let qty = document.getElementById('qty[11121_9c77695662724eb1983dfc00e9139702_6ac211b58a5bb]').value;
17092                                this.validateQty(qty);
17093
17094                            },
17095
17096                            stepDown() {
17097                                this.input.stepDown();
17098                                let qty = document.getElementById('qty[11121_9c77695662724eb1983dfc00e9139702_6ac211b58a5bb]').value;
17099                                this.validateQty(qty);
17100                            }
17101                        };
17102                    }
17103                </script>
17103
17104                <div class="relative price-block">
17105                    <div class="flex my-4 sm:min-h-42px w-full">
17106                                                <div class="w-full"
17107                             x-data="initPriceBox__9c77695662724eb1983dfc00e9139702_6ac211b58a5bb()"
17108                             x-init="() => $dispatch('preselectswatch')"
17109                             @update-prices-11121.window="updatePrice($event.detail,11121);">
17110                            <div
17111                                class="price-box mt-3 price-final_price flex flex-wrap justify-between"
17112                                data-role="priceBox">
17113                                <div class="normal-price text-left ">
17114                                <span class="price-container price-final_price tax weee">
17115                                    <div class="old-price text-xs including-tax line-through"></div>
17116                                    <div id="price-including-tax-product-price-11121"
17117                                         data-price-type="finalPrice"
17118                                         class="price-wrapper price-including-tax finalPrice flex items-end">
17119                                        <span class="price"></span>
17120                                        <span class="tax font-normal hidden">mit MwSt.</span>
17121                                    </div>
17122                                    <div class="unitPrice text-xs"></div>
17123                                </span>
17124                                </div>
17125
17126                                <div class="base-price text-left ">
17127                                <span class="price-container price-final_price tax weee">
17128                                    <div class="old-price text-xs excluding-tax line-through"></div>
17129                                    <div id="price-excluding-tax-product-price-11121"
17130                                         data-price-type="finalPrice"
17131                                         class="price-wrapper price-excluding-tax finalPrice flex items-end">
17132                                        <span class="price"></span>
17133                                        <span class="tax font-normal hidden">ohne MwSt.</span>
17134                                    </div>
17135                                    <div class="unitPrice text-xs"></div>
17136                                </span>
17137                                </div>
17138                            </div>
17139                        </div>
17140                    </div>
17141
17142                                            <div x-data="{ currentStock: 0 }"
17143                             x-init="() => $dispatch('preselectswatch')"
17144                             @update-stock-11121.window="currentStock = $event.detail"
17145                             class="flex flex-wrap mt-auto text-left">
17146                            <div class="stock-status text-xs w-full mb-3 mt-auto basis-full">
17147                                <template x-if="currentStock">
17148                                    <div>
17149                                    <span x-show="currentStock > 0" class="text-green-main">
17150                                        Sofort versandfertig, Lieferzeit: 1-3 Werktage                                    </span>
17151                                        <span x-show="currentStock <= 0 && currentStock > -1000"
17152                                              class="text-yellow-700">
17153                                        Aktuell nicht lieferbar, Lieferzeit: 5-10 Werktage                                    </span>
17154                                        <span x-show="currentStock <= -1000 && currentStock > -5000"
17155                                              class="text-red-600">
17156                                        Aktuell nicht lieferbar                                    </span>
17157                                    </div>
17158                                </template>
17159                            </div>
17160                        </div>
17161                    
17162                    
17163                    <div class="flex gap-4 mt-auto justify-end lg:justify-between"
17164                         x-data="initQtyField__9c77695662724eb1983dfc00e9139702_6ac211b58a5bb()"
17165                         x-init="() => $dispatch('preselectswatch')"
17166                         @update-stock-11121.window="currentStock = $event.detail;">
17167                                                    <div class="w-1/2 flex"
17168                                x-show="currentStock > -5000"
17169                                :aria-hidden="currentStock <= -5000">
17170                                <button
17171                                    class="qty-button -minus-button"
17172                                    type="button"
17173                                    title="Weniger"
17174                                    x-on:click="stepDown()">
17175                                    <?xml version="1.0" encoding="utf-8"?>
17176<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
17177<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="w-5 h-5" width="20" height="20">
17178        <title>Minus</title>
17179    <g>
17180	<g>
17181		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
17182	</g>
17183</g>
17184</svg>
17185                                </button>
17186                                <label for="qty[11121_9c77695662724eb1983dfc00e9139702_6ac211b58a5bb]"
17187                                       class="sr-only">
17188                                    Anzahl                                </label>
17189                                <input name="qty"
17190                                       class="form-input rounded-none px-2 text-center invalid:ring-2 invalid:ring-red-500 w-11/12"
17191                                       id="qty[11121_9c77695662724eb1983dfc00e9139702_6ac211b58a5bb]"
17192                                       type="number"
17193                                       inputmode="numeric"
17194                                       maxlength="5"
17195                                       min="1"                                       max="10000"                                       step="1"                                       :value="qty"
17196                                       x-model.number="qty"
17197                                       x-on:input.change="validateQty(qty);"
17198                                />
17199                                <button
17200                                    class="qty-button -plus-button"
17201                                    type="button"
17202                                    title="Mehr"
17203                                    class="plus"
17204                                    x-on:click="stepUp()">
17205                                    <?xml version="1.0" encoding="utf-8"?>
17206<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
17207<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="text-white" width="20" height="20">
17208        <title>Plus Sign</title>
17209    <g>
17210	<g>
17211		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
17212	</g>
17213	<g>
17214		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
17215	</g>
17216</g>
17217</svg>
17218                                </button>
17219                            </div>
17220                            <div class="w-1/2"
17221                                 x-show="currentStock > -5000"
17222                                 :aria-hidden="currentStock <= -5000">
17223                                                                    <button class="btn btn-add-to-cart w-full h-full px-2 py-0"
17224                                            :disabled="currentStock <= -1000 || false"
17225                                            :class="{'not-available': currentStock <= -1000 || false}"
17226                                            id="add-to-cart[11121_9c77695662724eb1983dfc00e9139702_6ac211b58a5bb]"
17227                                            title="Motiv-Servietten,&#x20;&quot;Bayrisch&#x20;Blau&quot;&#x20;1-lagig&#x20;1&#x2F;4-Falz&#x20;33&#x20;&#xD7;&#x20;33&#x20;cm&#x20;In&#x20;den&#x20;Warenkorb"
17228                                            aria-label="Motiv-Servietten,&#x20;&quot;Bayrisch&#x20;Blau&quot;&#x20;1-lagig&#x20;1&#x2F;4-Falz&#x20;33&#x20;&#xD7;&#x20;33&#x20;cm&#x20;In&#x20;den&#x20;Warenkorb">
17229                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
17230    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
17231                                        <span class="sm:pl-2 md:hidden lg:block">
17232                                            In&#x20;den&#x20;Warenkorb                                        </span>
17233                                    </button>
17234                                                            </div>
17235                        
17236                        <a x-cloak
17237                           x-show="currentStock <= -5000"
17238                           :aria-hidden="currentStock > -5000"
17239                           href="https://www.papstar-shop.de/motiv-servietten-bayrisch-blau-1-lagig-1-4-falz-33-33-cm-11121.htm"
17240                           class="btn btn-add-to-cart w-full h-full px-2 py-0"
17241                           id="add-to-cart[11121_9c77695662724eb1983dfc00e9139702_6ac211b58a5bb]"
17242                           title="Motiv-Servietten,&#x20;&quot;Bayrisch&#x20;Blau&quot;&#x20;1-lagig&#x20;1&#x2F;4-Falz&#x20;33&#x20;&#xD7;&#x20;33&#x20;cm&#x20;Produkt&#x20;individualisieren"
17243                           aria-label="Motiv-Servietten,&#x20;&quot;Bayrisch&#x20;Blau&quot;&#x20;1-lagig&#x20;1&#x2F;4-Falz&#x20;33&#x20;&#xD7;&#x20;33&#x20;cm&#x20;Produkt&#x20;individualisieren">
17244                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
17245    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
17246                            <span class="sm:pl-2 md:hidden lg:block py-4">
17247                                            Produkt&#x20;individualisieren                                        </span>
17248                        </a>
17249
17250                                                    
17250<script>
17251    'use strict';
17252
17253    (() => {
17254        window.addEventListener(
17255            'ga-initialized',
17256            () => {
17257                const productForm = document.querySelector(
17258                    'form\u005Bdata\u002Dsku\u003D\u002211121\u0022\u005D'
17259                );
17260
17261                if (!productForm) {
17262                    return;
17263                }
17264
17265                let sku = '11121';
17266
17267                window.addEventListener(
17268                    'listing\u002Dconfigurable-selection-changed',
17269                    (event) => {
17270                        if (event.detail.skuCandidates.length === 1
17271                            && event.detail.productId === '11121'
17272                        ) {
17273                            sku = event.detail.skuCandidates[0];
17274                        }
17275                    }
17276                );
17277
17278                function bindEventListener(element, event)
17279                {
17280                    element.addEventListener(event, () => {
17281                        if (productForm.checkValidity()) {
17282                            const priceSelector = false                                ? '#product-price-11121 .price'
17283                                : '[data-price-box="product-id-11121"] .price';
17284
17285                            window.dispatchEvent(new CustomEvent('cart-item-added', {
17286                                detail: [{
17287                                    product_sku: sku,
17288                                    product_name: 'Motiv\u002DServietten,\u0020\u0022Bayrisch\u0020Blau\u0022\u00201\u002Dlagig\u00201\u002F4\u002DFalz\u002033\u0020\u00D7\u002033\u0020cm',
17289                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),
17290
17291                                                                            qty: 1,
17292                                                                    }],
17293                            }));
17294                        }
17295                    });
17296                }
17297
17298                                    const button = productForm.querySelector(
17299                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
17300                    );
17301
17302                    if (!button) {
17303                        return;
17304                    }
17305
17306                    bindEventListener(button, 'click');
17307                            },
17308            { once: true }
17309        );
17310    })();
17311</script>
17311
17312                                            </div>
17313                    <div class="qty-alert hidden" id="qty-alert[11121_9c77695662724eb1983dfc00e9139702_6ac211b58a5bb]">
17314                        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill="currentColor" viewBox="0 0 20 20" class="w-3 h-3 mr-1 text-energy inline-block align-text-top">
17315<title>Warning</title>
17316    <path d="M19.64 16.36L11.53 2.3A1.85 1.85 0 0 0 10 1.21 1.85 1.85 0 0 0 8.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>
17317</svg>
17318                        <span>Bitte&#x20;nur&#x20;ganze&#x20;Zahlen&#x20;eingeben.</span>
17319                    </div>
17320                </div>
17321            </div>
17322        </div>
17323    </form>
17324</div>
17325                    </li>
17326                                                                    <li class="splide__slide">
17327                        <div class="h-full">
17328    <form method="post"
17329          aria-label="Product&#x20;tile&#x20;for&#x3A;&#x20;Burgerboxen,&#x20;Pappe&#x20;12,5&#x20;&#xD7;&#x20;12,5&#x20;cm&#x20;braun&#x20;&quot;100&#x25;&#x20;Fair&quot;&#x20;gro&#xDF;"
17330          action="https://www.papstar-shop.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cucGFwc3Rhci1zaG9wLmRlLz9tc2Nsa2lkPWI5ODJhMjlkYWVkYzFjMWQyM2I2Yzg1ZmEzZjY4ZjFj/product/87240/"
17331          class="item product product-item product_addtocart_form border rounded p-2.5 bg-container-white hover:shadow-lg flex flex-col w-full h-full"
17332            >
17333        <input name="form_key" type="hidden" value="rKVCmaFj7egUOB24" />        <input type="hidden" name="product" value="87240"/>
17334        <div
17335            class="relative product photo product-item-photo block mb-3 px-12 ">
17336                <a x-data="ReqBlind_6ac211b59cb58()"
17337       href="https://www.papstar-shop.de/customer/account/"
17338       title="Burgerboxen, Pappe 12,5 × 12,5 cm braun &quot;100% Fair&quot; groß Zum Merkzettel hinzufügen"
17339       aria-label="Burgerboxen, Pappe 12,5 × 12,5 cm braun &quot;100% Fair&quot; groß Zum Merkzettel hinzufügen"
17340       @click.prevent="open($event)"
17341       class="p-2 bg-transparent absolute right-0 hover:text-primary-darker bottom-0">
17342        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85" xml:space="preserve" fill="currentColor" class="mx-auto bg-transparent text-black" width="36" height="36">
17343    <path d="M23.895 23.457a8.424 8.424 0 0 0-2.896 1.895c-3.408 3.41-3.308 9.06.226 12.594" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/><path d="M68.801 42.971c6.287-6.289 6.389-16.478.224-22.645-6.165-6.164-16.354-6.063-22.644.225l-3.896 3.871-3.87-3.871c-6.287-6.288-16.477-6.389-22.641-.225-6.164 6.167-6.064 16.355.225 22.645l26.295 26.262 26.307-26.262z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/></svg>
17344        <span class="sr-only">Zum Merkzettel hinzufügen</span>
17345    </a>
17346    
17346<script>
17347        function ReqBlind_6ac211b59cb58() {
17348            return {
17349                open: function (event) {
17350                    window.scrollTo(0, 0);
17351                    dispatchMessages([{
17352                        type: 'notice',
17353                        text: 'Sie müssen eingeloggt sein, um die Merkzettel-Funktion zu nutzen.'
17354                    }], 5000);
17355                    let href = event.currentTarget.href;
17356                    setTimeout(function() {
17357                        window.location = href;
17358                    }, 4000);
17359                }
17360            }
17361        }
17362    </script>
17362
17363                                                            <a href="https://www.papstar-shop.de/burgerboxen-pappe-12-5-12-5-cm-braun-100-fair-gross-87240.htm"
17364               tabindex="-1"
17365                            >
17366                <picture class="object-contain mx-auto py-3 product-image-photo"><source type="image/webp" srcset="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/B/u/Burgerboxen-Pappe-12-5-x-12-5-cm-braun-100-Fair-gross-87240_b_0_2.webp"><img class="object-contain mx-auto py-3 product-image-photo" x-data="" @update-gallery-87240.window="$el.src = $event.detail" src="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/B/u/Burgerboxen-Pappe-12-5-x-12-5-cm-braun-100-Fair-gross-87240_b_0_2.jpg" loading="lazy" itemprop="image" width="360" height="360" alt="Burgerboxen,&#x20;Pappe&#x20;12,5&#x20;&#xD7;&#x20;12,5&#x20;cm&#x20;braun&#x20;&quot;100&#x25;&#x20;Fair&quot;&#x20;gro&#xDF;" title="Burgerboxen,&#x20;Pappe&#x20;12,5&#x20;&#xD7;&#x20;12,5&#x20;cm&#x20;braun&#x20;&quot;100&#x25;&#x20;Fair&quot;&#x20;gro&#xDF;" loading="lazy" /></picture>
17367            </a>
17368        </div>
17369        <div class="product-info flex flex-col flex-grow">
17370            <div class="text-black font-semibold text-base">
17371                                    &nbsp;                            </div>
17372                        <div
17373                class="mt-1 text-black font-semibold text-base text-left sm:min-h-90px">
17374                <a class="product-item-link "
17375                   href="https://www.papstar-shop.de/burgerboxen-pappe-12-5-12-5-cm-braun-100-fair-gross-87240.htm"
17376                                    >
17377                    Burgerboxen, Pappe 12,5 × 12,5 cm braun &quot;100% Fair&quot; groß                </a>
17378                            </div>
17379            <div class="flex mt-1 mb-1">
17380                <div class="mt-auto sku text-sm">
17381                    <span>Artikel-Nr.: </span>87240                </div>
17382                                    <div class="lg:w-auto ml-auto block ">
17383                                            </div>
17384                            </div>
17385
17386                        <div class="mt-1 text-xs text-gray-600 italic">
17387                                    &nbsp;
17388                            </div>
17389
17390            <div class="h-full flex justify-between flex-col">
17391                                                                
17391<script>
17392        function initConfigurableSwatchOptions_87240() {
17393            const configurableOptionsComponent = initConfigurableOptions(
17394                '87240',
17395                {"attributes":{"254":{"id":"254","code":"order_unit","label":"Bestelleinheit","options":[{"id":"7057","label":"Einzelpack","products":["287240"]},{"id":"7059","label":"Karton","products":["187240"]},{"id":"7061","label":"Palette","products":["687240"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"187240":{"baseOldPrice":{"amount":83.28},"oldPrice":{"amount":99.103201},"basePrice":{"amount":83.28},"finalPrice":{"amount":99.103201},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"30,97\u00a0Cent \/ St\u00fcck","basePrice":"26,03\u00a0Cent \/ St\u00fcck"}},"unitSavings":"4.6% Ersparnis"},"287240":{"baseOldPrice":{"amount":21.82},"oldPrice":{"amount":25.965801},"basePrice":{"amount":21.82},"finalPrice":{"amount":25.965801},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"32,46\u00a0Cent \/ St\u00fcck","basePrice":"27,28\u00a0Cent \/ St\u00fcck"}}},"687240":{"baseOldPrice":{"amount":900.96},"oldPrice":{"amount":1072.142401},"basePrice":{"amount":900.96},"finalPrice":{"amount":1072.142401},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"27,92\u00a0Cent \/ St\u00fcck","basePrice":"23,46\u00a0Cent \/ St\u00fcck"}},"unitSavings":"14% Ersparnis"}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":21.82},"oldPrice":{"amount":25.965801},"basePrice":{"amount":21.82},"finalPrice":{"amount":25.965801}},"productId":"87240","chooseText":"W\u00e4hlen Sie eine Option\u2026","images":[],"index":{"187240":{"254":"7059"},"287240":{"254":"7057"},"687240":{"254":"7061"}},"salable":{"254":{"7059":["187240"],"7057":["287240"],"7061":["687240"]}},"canDisplayShowOutOfStockStatus":true,"preSelectedGallery":[],"channel":"website","salesChannelCode":"papstar_de","sku":{"187240":"4002911586624","287240":"4002911705827","687240":"4049026105760"},"quantities":{"187240":119,"287240":479,"687240":9}}            );
17396            const swatchOptionsComponent = initSwatchOptions({"254":{"7057":{"type":"0","value":null,"label":"Einzelpack","unit":"###VPE### St\u00fcck (1 x 80)","vpe":"80"},"7059":{"type":"0","value":null,"label":"Karton","unit":"###VPE### St\u00fcck (4 x 80)","vpe":"320"},"7061":{"type":"0","value":null,"label":"Palette","unit":"###VPE### St\u00fcck (48 x 80)","vpe":"3840"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}});
17397
17398            return Object.assign(
17399                configurableOptionsComponent,
17400                swatchOptionsComponent,
17401                {
17402                    mediaCallback: "https\u003A\u002F\u002Fwww.papstar\u002Dshop.de\u002Fswatches\u002Fajax\u002Fmedia\u002F",
17403                    changeOption(optionId, value, skipUpdateGallery) {
17404                        if (value === '') {
17405                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
17406                        } else {
17407                            this.selectedValues[optionId] = value;
17408                        }
17409                        this.findSimpleIndex();
17410                        this.findAllowedAttributeOptions();
17411                        this.updateStock();
17412                        this.updatePrices();
17413                        this.updateSavingPriceInfo();
17414                    },
17415                    unitSavingsPrice: null,
17416                    hasSpecialPrice: false,
17417                    finalPrice: {
17418                        amount: 0.00
17419                    },
17420                    oldPrice: {
17421                        amount: 0.00
17422                    },
17423
17424                    updateHasSpecialPrice() {
17425                        this.hasSpecialPrice = this.finalPrice.amount < this.oldPrice.amount;
17426                    },
17427                    updateSavingPriceInfo() {
17428                        const detail = this.optionConfig.optionPrices[this.productIndex];
17429                        this.oldPrice.amount = detail.oldPrice.amount;
17430                        this.finalPrice.amount = detail.finalPrice.amount;
17431
17432                        this.updateHasSpecialPrice();
17433
17434                        if (!this.hasSpecialPrice) {
17435                            this.unitSavingsPrice = detail.unitSavings;
17436                        }
17437                    },
17438                    preselectQuerystringItems: function() {
17439                        let found = false;
17440                        // pre-select option like ?size=167
17441                        const urlQueryParams = new URLSearchParams(window.location.search.replace("?", ""));
17442                        Object.values(this.optionConfig.attributes).map(attribute => {
17443                            const skipUpdateGallery = true;
17444                            if (urlQueryParams.get(attribute.code) !== null) {
17445                                let optionId = urlQueryParams.get(attribute.code);
17446                                found = false;
17447                                Object.values(attribute.options).map(option => {
17448                                    if (found === false && option.label === optionId) {
17449                                        optionId = option.id;
17450                                        found = true;
17451                                    }
17452                                });
17453                                this.changeOption(attribute.id, optionId, skipUpdateGallery);
17454                            }
17455                        });
17456                        if (found === false) {
17457                            // pre-select first option
17458                            Object.values(this.optionConfig.attributes).map(attribute => {
17459                                if (attribute.code === "order_unit") {
17460                                    let optionId = 0;
17461                                    Object.values(attribute.options).map(option => {
17462                                        if (this.selectedValues.length === 0) {
17463                                            if (found === false && option.products.length > 0) {
17464                                                optionId = option.id;
17465                                                this.changeOption(attribute.id, optionId, true);
17466                                                found = true;
17467                                            }
17468                                        } else {
17469                                            optionId = this.selectedValues[attribute.id];
17470                                            this.changeOption(attribute.id, optionId, true);
17471                                            found = true;
17472                                        }
17473                                    });
17474                                }
17475                            });
17476                        }
17477                    },
17478                    mouseDown: false,
17479                    startX: 0,
17480                    maxScroll: 0,
17481                    scrollLeft: null,
17482                    slider: null,
17483                    scrollEvents: {
17484                        ["@mousedown"](e) {
17485                            this.slider = e.target.closest(".snap");
17486                            if (!this.slider) {
17487                                return;
17488                            }
17489                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
17490                            this.startX = e.pageX - this.slider.offsetLeft;
17491                            this.scrollLeft = this.slider.scrollLeft;
17492                            this.mouseDown = true;
17493                        },
17494                        ["@mouseout.self"]() {
17495                            this.mouseDown = false;
17496                        },
17497                        ["@mouseup"]() {
17498                            this.mouseDown = false;
17499                        },
17500                        ["@mousemove"](e) {
17501                            e.preventDefault();
17502                            if (!this.mouseDown) {
17503                                return;
17504                            }
17505                            const x = e.pageX - this.slider.offsetLeft;
17506                            const scroll = x - this.startX;
17507                            const scrollLeft = this.scrollLeft - scroll;
17508
17509                            if (scrollLeft > this.maxScroll) {
17510                                this.slider.scrollLeft = this.maxScroll;
17511                                return;
17512                            }
17513                            this.slider.scrollLeft = this.scrollLeft - scroll;
17514                        },
17515                        ["@onselectstart"]() {
17516                            return false;
17517                        }
17518                    },
17519                    resizeEvent() {
17520                        Array.from(this.$el.querySelectorAll(".snap")).forEach(slider => {
17521                            slider.scrollLeft = 0;
17522                        });
17523                    }
17524                }
17525            );
17526        }
17527    </script>
17527
17528
17529    <div x-data="initConfigurableSwatchOptions_87240();"
17530         x-defer="intersect"
17531         x-init="getAllowedAttributeOptions();() => preselectQuerystringItems();preselectQuerystringItems();"
17532         @private-content-loaded.window="onGetCartData($event.detail.data)"
17533         @update-prices-87240.window="unitSavingsInfo = $event.detail.unitSavings"
17534         @touchstart.passive="preselectQuerystringItems()"
17535         @resize.window="resizeEvent()"
17536         class="relative md:w-full"
17537         @preselectswatch.window="preselectQuerystringItems()"
17538    >
17539        <div>
17540                                            
17541                                <div class="swatch-attribute order_unit">
17542                    <div class="w-full overflow-x-hidden swatch-attribute-options pt-2">
17543                        <div
17544                            class="w-full overflow-auto transition-all snap items-center min-h-14 product-listing-option-wrapper grid gap-2 pb-2"
17545                            id="attribute-label-87240-254"
17546                                                        :role="optionConfig.attributes?.[254]?.options?.length ? 'radiogroup' : null"
17547                            :aria-label="optionConfig.attributes?.[254]?.options?.length ? 'Attribut-order_unit' : null"
17548                            x-bind="scrollEvents">
17549                            <template x-for="(item, index) in optionConfig.attributes[254].options"
17550                                      :key="item.id"
17551                            >
17552                                
17553<div class="swatch-item">
17554        <label
17555            :for="'attribute-option-swatch-input6ac211b5a58129.1067419887240-'+item.id"
17556            class="rounded swatch-option flex flex-col relative shadow-sm cursor-pointer select-none text-center product-option-value-label"
17557            :class="{
17558                'bg-secondary border-container-lighter text-white' : (selectedValues[254] === item.id),
17559                'bg-container-lighter' : (selectedValues[254] !== item.id),
17560                'w-6 h-6' : !isTextSwatch(254, item.id),
17561                'bg-secondary text-white' : focusedLabel === item.id
17562            }"
17563            :style="getSwatchBackgroundStyle('254',item.id)"
17564        >
17565            <input
17566                :id="'attribute-option-swatch-input6ac211b5a58129.1067419887240-'+item.id"
17567                :value="item.id"
17568                name="super_attribute[254]-87240]"
17569                type="radio"
17570                role="radio"
17571                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
17572                style="z-index:-1"
17573                x-on:focus="focusLabel(item.id)"
17574                x-on:blur="blurLabel()"
17575                x-on:change="changeOption(254, $event.target.value)"
17576                x-model="selectedValues[254]"
17577                :required="getAllowedAttributeOptions(254).filter(
17578                                                                    attributeOption => selectedValues[attributeOption]
17579                                                                ).length === 0"
17580                :aria-label="getSwatchText(254, item.id) + ': ' + getSwatchUnitText(254, item.id)"
17581            >
17582            <div x-html="getSwatchText(254, item.id)"
17583                 class="whitespace-nowrap text-sm font-bold"
17584                 :class="{ 'sr-only' : !isTextSwatch(254, item.id) }"
17585                 aria-hidden="false"
17586            ></div>
17587            <!-- N98 custom attributes start-->
17588            <div x-html="getSwatchUnitText(254, item.id)"
17589                 class="text-xs" aria-hidden="false"></div>
17590            <!-- N98 custom attributes end-->
17591        </label>
17592        <template x-if="unitSavingsInfo && selectedValues[254] === item.id">
17593            <div class="unit-savings-price">
17594                <span class="-info" x-html="unitSavingsInfo"></span>
17595            </div>
17596        </template>
17597    <template x-if="index != 0 && selectedValues[254] !== item.id">
17598        <div class="unit-savings-price">
17599            <span class="-info">
17600            <span><?xml version="1.0" encoding="UTF-8"?>
17601<svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" version="1.1" viewBox="0 0 18 22" width="16" height="16">
17602    <title>Percent</title>
17603  <defs>
17604    <style>
17605      .st0 {
17606        stroke-linecap: round;
17607        stroke-linejoin: round;
17608      }
17609
17610      .st0, .st1 {
17611        fill: none;
17612        stroke-width: 1.5px;
17613      }
17614
17615      .st1 {
17616        stroke-miterlimit: 10;
17617      }
17618    </style>
17619  </defs>
17620  <path class="st1" stroke="currentColor" d="M16.2,16.6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
17621  <g>
17622    <path class="st1" stroke="currentColor" d="M8,6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
17623    <path class="st0" stroke="currentColor" d="M3.5,18.7L15.4,3.9"/>
17624  </g>
17625</svg>
17626</span>
17627            </span>
17628        </div>
17629    </template>
17630</div>
17631                            </template>
17632                        </div>
17633                    </div>
17634                </div>
17635                    </div>
17636                    <template x-if="isTooltipVisible()">
17637    <div class="absolute shadow-lg"
17638        :style="isLayeredSwatch == false && getTooltipPosition()"
17639    >
17640        <div class="absolute top-0 left-0 z-50 p-2 -mt-6 text-sm leading-tight text-black
17641                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
17642        >
17643        <!--template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
17644            <div x-show="getSwatchType(activeTooltipItem.type) !== 'color'"
17645                class="inline-block shadow-sm"
17646                :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
17647            ></div>
17648        </template-->
17649            <span class="mx-2 text-sm font-semibold whitespace-nowrap subtitle"
17650                    x-html="getTooltipLabel()"
17651            ></span>
17652        </div>
17653        <svg class="absolute z-50 w-8 h-8 text-white transform -translate-x-3
17654                -translate-y-8 fill-current stroke-current"
17655                width="12"
17656                height="12"
17657        >
17658            <title>Tooltip Icon</title>
17659            <rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
17660        </svg>
17661    </div>
17662</template>
17663            </div>
17664                                        
17665                
17665<script>
17666                    function initPriceBox__9c77695662724eb1983dfc00e9139702_6ac211b59c838() {
17667                        return {
17668                            updatePrice(priceData, productId) {
17669                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
17670                                const regularOldPriceElement = this.$el.querySelector('.normal-price .old-price');
17671                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
17672                                const regularPriceElementTax = this.$el.querySelector('.normal-price .price-container .tax');
17673                                const regularOldBasePriceElement = this.$el.querySelector('.base-price .old-price');
17674                                const regularBasePriceElement = this.$el.querySelector('.base-price .price-wrapper .price');
17675                                const regularBasePriceElementTax = this.$el.querySelector('.base-price .price-container .tax');
17676                                const unitPriceElement = this.$el.querySelector('.normal-price .unitPrice');
17677                                const unitBasePriceElement = this.$el.querySelector('.base-price .unitPrice');
17678                                const productTileBadge = document.querySelector('.badge-discounted-' + productId);
17679
17680                                let specialPrice = false;
17681                                let specialPricePercent;
17682
17683                                if (regularPriceLabel) {
17684                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
17685                                        regularPriceLabel.classList.remove('hidden');
17686                                    } else {
17687                                        regularPriceLabel.classList.add('hidden');
17688                                    }
17689                                }
17690
17691                                if (productTileBadge) {
17692                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
17693                                        specialPricePercent = (priceData.oldPrice.amount - priceData.finalPrice.amount)
17694                                            / priceData.oldPrice.amount * 100;
17695                                        productTileBadge.innerText = '-' + Math.round(specialPricePercent) + '%';
17696                                        productTileBadge.classList.remove('hidden');
17697                                    }
17698                                }
17699
17700                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
17701                                    specialPrice = true;
17702                                } else {
17703                                    specialPrice = false;
17704                                }
17705
17706                                if (regularOldPriceElement && priceData.oldPrice.amount) {
17707                                    if (specialPrice) {
17708                                        regularOldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount);
17709                                    } else {
17710                                        regularOldPriceElement.innerText = '';
17711                                    }
17712                                }
17713
17714                                if (regularPriceElement) {
17715                                    regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
17716                                    regularPriceElementTax.style.display = 'block';
17717                                }
17718
17719                                if (unitPriceElement) {
17720                                    unitPriceElement.innerText = '';
17721                                }
17722
17723                                if (unitPriceElement && priceData.unitPrice.pricePerUnitHTML.price) {
17724                                    unitPriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.price;
17725                                }
17726
17727                                if (regularOldBasePriceElement && priceData.baseOldPrice.amount) {
17728                                    if (specialPrice) {
17729                                        regularOldBasePriceElement.innerText =
17730                                            hyva.formatPrice(priceData.baseOldPrice.amount);
17731                                    } else {
17732                                        regularOldBasePriceElement.innerText = '';
17733                                    }
17734                                }
17735
17736                                if (regularBasePriceElement) {
17737                                    regularBasePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount);
17738                                    regularBasePriceElementTax.style.display = 'block';
17739                                }
17740
17741                                if (unitBasePriceElement) {
17742                                    unitBasePriceElement.innerText = '';
17743                                }
17744
17745                                if (unitBasePriceElement && priceData.unitPrice.pricePerUnitHTML.basePrice) {
17746                                    unitBasePriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.basePrice;
17747                                }
17748
17749                                if (priceData.finalPrice.amount === priceData.basePrice.amount) {
17750                                    this.$el.querySelector('.normal-price').classList.add('hidden');
17751                                } else {
17752                                    this.$el.querySelector('.normal-price').classList.remove('hidden');
17753                                }
17754                            }
17755                        }
17756                    }
17757
17758                    function initQtyField__9c77695662724eb1983dfc00e9139702_6ac211b59c838() {
17759                        return {
17760                            qty: 1,
17761                            input: document.getElementById('qty[87240_9c77695662724eb1983dfc00e9139702_6ac211b59c838]'),
17762                            addToCart: document.getElementById('add-to-cart[87240_9c77695662724eb1983dfc00e9139702_6ac211b59c838]'),
17763                            qtyAlert: document.getElementById('qty-alert[87240_9c77695662724eb1983dfc00e9139702_6ac211b59c838]'),
17764                            currentStock: 0,
17765
17766                            validateQty(qty) {
17767                                let regex = /^\d+$/;
17768                                let pattern = regex.test(qty);
17769
17770                                this.addToCart.disabled = qty === 0
17771                                    || qty === null
17772                                    || qty > 10000                                    || !pattern
17773                                    || this.addToCart.classList.contains('not-available');
17774
17775                                if (qty === 0
17776                                    || qty === null
17777                                    || qty > 10000                                    || !pattern) {
17778                                    this.qtyAlert.style.display = 'block';
17779                                } else {
17780                                    this.qtyAlert.style.display = 'none';
17781                                }
17782                            },
17783
17784                            stepUp() {
17785                                this.input.stepUp();
17786                                let qty = document.getElementById('qty[87240_9c77695662724eb1983dfc00e9139702_6ac211b59c838]').value;
17787                                this.validateQty(qty);
17788
17789                            },
17790
17791                            stepDown() {
17792                                this.input.stepDown();
17793                                let qty = document.getElementById('qty[87240_9c77695662724eb1983dfc00e9139702_6ac211b59c838]').value;
17794                                this.validateQty(qty);
17795                            }
17796                        };
17797                    }
17798                </script>
17798
17799                <div class="relative price-block">
17800                    <div class="flex my-4 sm:min-h-42px w-full">
17801                                                <div class="w-full"
17802                             x-data="initPriceBox__9c77695662724eb1983dfc00e9139702_6ac211b59c838()"
17803                             x-init="() => $dispatch('preselectswatch')"
17804                             @update-prices-87240.window="updatePrice($event.detail,87240);">
17805                            <div
17806                                class="price-box mt-3 price-final_price flex flex-wrap justify-between"
17807                                data-role="priceBox">
17808                                <div class="normal-price text-left ">
17809                                <span class="price-container price-final_price tax weee">
17810                                    <div class="old-price text-xs including-tax line-through"></div>
17811                                    <div id="price-including-tax-product-price-87240"
17812                                         data-price-type="finalPrice"
17813                                         class="price-wrapper price-including-tax finalPrice flex items-end">
17814                                        <span class="price"></span>
17815                                        <span class="tax font-normal hidden">mit MwSt.</span>
17816                                    </div>
17817                                    <div class="unitPrice text-xs"></div>
17818                                </span>
17819                                </div>
17820
17821                                <div class="base-price text-left ">
17822                                <span class="price-container price-final_price tax weee">
17823                                    <div class="old-price text-xs excluding-tax line-through"></div>
17824                                    <div id="price-excluding-tax-product-price-87240"
17825                                         data-price-type="finalPrice"
17826                                         class="price-wrapper price-excluding-tax finalPrice flex items-end">
17827                                        <span class="price"></span>
17828                                        <span class="tax font-normal hidden">ohne MwSt.</span>
17829                                    </div>
17830                                    <div class="unitPrice text-xs"></div>
17831                                </span>
17832                                </div>
17833                            </div>
17834                        </div>
17835                    </div>
17836
17837                                            <div x-data="{ currentStock: 0 }"
17838                             x-init="() => $dispatch('preselectswatch')"
17839                             @update-stock-87240.window="currentStock = $event.detail"
17840                             class="flex flex-wrap mt-auto text-left">
17841                            <div class="stock-status text-xs w-full mb-3 mt-auto basis-full">
17842                                <template x-if="currentStock">
17843                                    <div>
17844                                    <span x-show="currentStock > 0" class="text-green-main">
17845                                        Sofort versandfertig, Lieferzeit: 1-3 Werktage                                    </span>
17846                                        <span x-show="currentStock <= 0 && currentStock > -1000"
17847                                              class="text-yellow-700">
17848                                        Aktuell nicht lieferbar, Lieferzeit: 5-10 Werktage                                    </span>
17849                                        <span x-show="currentStock <= -1000 && currentStock > -5000"
17850                                              class="text-red-600">
17851                                        Aktuell nicht lieferbar                                    </span>
17852                                    </div>
17853                                </template>
17854                            </div>
17855                        </div>
17856                    
17857                    
17858                    <div class="flex gap-4 mt-auto justify-end lg:justify-between"
17859                         x-data="initQtyField__9c77695662724eb1983dfc00e9139702_6ac211b59c838()"
17860                         x-init="() => $dispatch('preselectswatch')"
17861                         @update-stock-87240.window="currentStock = $event.detail;">
17862                                                    <div class="w-1/2 flex"
17863                                x-show="currentStock > -5000"
17864                                :aria-hidden="currentStock <= -5000">
17865                                <button
17866                                    class="qty-button -minus-button"
17867                                    type="button"
17868                                    title="Weniger"
17869                                    x-on:click="stepDown()">
17870                                    <?xml version="1.0" encoding="utf-8"?>
17871<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
17872<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="w-5 h-5" width="20" height="20">
17873        <title>Minus</title>
17874    <g>
17875	<g>
17876		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
17877	</g>
17878</g>
17879</svg>
17880                                </button>
17881                                <label for="qty[87240_9c77695662724eb1983dfc00e9139702_6ac211b59c838]"
17882                                       class="sr-only">
17883                                    Anzahl                                </label>
17884                                <input name="qty"
17885                                       class="form-input rounded-none px-2 text-center invalid:ring-2 invalid:ring-red-500 w-11/12"
17886                                       id="qty[87240_9c77695662724eb1983dfc00e9139702_6ac211b59c838]"
17887                                       type="number"
17888                                       inputmode="numeric"
17889                                       maxlength="5"
17890                                       min="1"                                       max="10000"                                       step="1"                                       :value="qty"
17891                                       x-model.number="qty"
17892                                       x-on:input.change="validateQty(qty);"
17893                                />
17894                                <button
17895                                    class="qty-button -plus-button"
17896                                    type="button"
17897                                    title="Mehr"
17898                                    class="plus"
17899                                    x-on:click="stepUp()">
17900                                    <?xml version="1.0" encoding="utf-8"?>
17901<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
17902<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="text-white" width="20" height="20">
17903        <title>Plus Sign</title>
17904    <g>
17905	<g>
17906		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
17907	</g>
17908	<g>
17909		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
17910	</g>
17911</g>
17912</svg>
17913                                </button>
17914                            </div>
17915                            <div class="w-1/2"
17916                                 x-show="currentStock > -5000"
17917                                 :aria-hidden="currentStock <= -5000">
17918                                                                    <button class="btn btn-add-to-cart w-full h-full px-2 py-0"
17919                                            :disabled="currentStock <= -1000 || false"
17920                                            :class="{'not-available': currentStock <= -1000 || false}"
17921                                            id="add-to-cart[87240_9c77695662724eb1983dfc00e9139702_6ac211b59c838]"
17922                                            title="Burgerboxen,&#x20;Pappe&#x20;12,5&#x20;&#xD7;&#x20;12,5&#x20;cm&#x20;braun&#x20;&quot;100&#x25;&#x20;Fair&quot;&#x20;gro&#xDF;&#x20;In&#x20;den&#x20;Warenkorb"
17923                                            aria-label="Burgerboxen,&#x20;Pappe&#x20;12,5&#x20;&#xD7;&#x20;12,5&#x20;cm&#x20;braun&#x20;&quot;100&#x25;&#x20;Fair&quot;&#x20;gro&#xDF;&#x20;In&#x20;den&#x20;Warenkorb">
17924                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
17925    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
17926                                        <span class="sm:pl-2 md:hidden lg:block">
17927                                            In&#x20;den&#x20;Warenkorb                                        </span>
17928                                    </button>
17929                                                            </div>
17930                        
17931                        <a x-cloak
17932                           x-show="currentStock <= -5000"
17933                           :aria-hidden="currentStock > -5000"
17934                           href="https://www.papstar-shop.de/burgerboxen-pappe-12-5-12-5-cm-braun-100-fair-gross-87240.htm"
17935                           class="btn btn-add-to-cart w-full h-full px-2 py-0"
17936                           id="add-to-cart[87240_9c77695662724eb1983dfc00e9139702_6ac211b59c838]"
17937                           title="Burgerboxen,&#x20;Pappe&#x20;12,5&#x20;&#xD7;&#x20;12,5&#x20;cm&#x20;braun&#x20;&quot;100&#x25;&#x20;Fair&quot;&#x20;gro&#xDF;&#x20;Produkt&#x20;individualisieren"
17938                           aria-label="Burgerboxen,&#x20;Pappe&#x20;12,5&#x20;&#xD7;&#x20;12,5&#x20;cm&#x20;braun&#x20;&quot;100&#x25;&#x20;Fair&quot;&#x20;gro&#xDF;&#x20;Produkt&#x20;individualisieren">
17939                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
17940    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
17941                            <span class="sm:pl-2 md:hidden lg:block py-4">
17942                                            Produkt&#x20;individualisieren                                        </span>
17943                        </a>
17944
17945                                                    
17945<script>
17946    'use strict';
17947
17948    (() => {
17949        window.addEventListener(
17950            'ga-initialized',
17951            () => {
17952                const productForm = document.querySelector(
17953                    'form\u005Bdata\u002Dsku\u003D\u002287240\u0022\u005D'
17954                );
17955
17956                if (!productForm) {
17957                    return;
17958                }
17959
17960                let sku = '87240';
17961
17962                window.addEventListener(
17963                    'listing\u002Dconfigurable-selection-changed',
17964                    (event) => {
17965                        if (event.detail.skuCandidates.length === 1
17966                            && event.detail.productId === '87240'
17967                        ) {
17968                            sku = event.detail.skuCandidates[0];
17969                        }
17970                    }
17971                );
17972
17973                function bindEventListener(element, event)
17974                {
17975                    element.addEventListener(event, () => {
17976                        if (productForm.checkValidity()) {
17977                            const priceSelector = false                                ? '#product-price-87240 .price'
17978                                : '[data-price-box="product-id-87240"] .price';
17979
17980                            window.dispatchEvent(new CustomEvent('cart-item-added', {
17981                                detail: [{
17982                                    product_sku: sku,
17983                                    product_name: 'Burgerboxen,\u0020Pappe\u002012,5\u0020\u00D7\u002012,5\u0020cm\u0020braun\u0020\u0022100\u0025\u0020Fair\u0022\u0020gro\u00DF',
17984                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),
17985
17986                                                                            qty: 1,
17987                                                                    }],
17988                            }));
17989                        }
17990                    });
17991                }
17992
17993                                    const button = productForm.querySelector(
17994                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
17995                    );
17996
17997                    if (!button) {
17998                        return;
17999                    }
18000
18001                    bindEventListener(button, 'click');
18002                            },
18003            { once: true }
18004        );
18005    })();
18006</script>
18006
18007                                            </div>
18008                    <div class="qty-alert hidden" id="qty-alert[87240_9c77695662724eb1983dfc00e9139702_6ac211b59c838]">
18009                        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill="currentColor" viewBox="0 0 20 20" class="w-3 h-3 mr-1 text-energy inline-block align-text-top">
18010<title>Warning</title>
18011    <path d="M19.64 16.36L11.53 2.3A1.85 1.85 0 0 0 10 1.21 1.85 1.85 0 0 0 8.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>
18012</svg>
18013                        <span>Bitte&#x20;nur&#x20;ganze&#x20;Zahlen&#x20;eingeben.</span>
18014                    </div>
18015                </div>
18016            </div>
18017        </div>
18018    </form>
18019</div>
18020                    </li>
18021                                                                    <li class="splide__slide">
18022                        <div class="h-full">
18023    <form method="post"
18024          aria-label="Product&#x20;tile&#x20;for&#x3A;&#x20;Servietten,&#x20;wei&#xDF;&#x20;2-lagig&#x20;1&#x2F;8-Falz&#x20;33&#x20;&#xD7;&#x20;33&#x20;cm,&#x20;Buch-Falz"
18025          action="https://www.papstar-shop.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cucGFwc3Rhci1zaG9wLmRlLz9tc2Nsa2lkPWI5ODJhMjlkYWVkYzFjMWQyM2I2Yzg1ZmEzZjY4ZjFj/product/82552/"
18026          class="item product product-item product_addtocart_form border rounded p-2.5 bg-container-white hover:shadow-lg flex flex-col w-full h-full"
18027            >
18028        <input name="form_key" type="hidden" value="rKVCmaFj7egUOB24" />        <input type="hidden" name="product" value="82552"/>
18029        <div
18030            class="relative product photo product-item-photo block mb-3 px-12 ">
18031                <a x-data="ReqBlind_6ac211b5aef78()"
18032       href="https://www.papstar-shop.de/customer/account/"
18033       title="Servietten, weiß 2-lagig 1/8-Falz 33 × 33 cm, Buch-Falz Zum Merkzettel hinzufügen"
18034       aria-label="Servietten, weiß 2-lagig 1/8-Falz 33 × 33 cm, Buch-Falz Zum Merkzettel hinzufügen"
18035       @click.prevent="open($event)"
18036       class="p-2 bg-transparent absolute right-0 hover:text-primary-darker bottom-0">
18037        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85" xml:space="preserve" fill="currentColor" class="mx-auto bg-transparent text-black" width="36" height="36">
18038    <path d="M23.895 23.457a8.424 8.424 0 0 0-2.896 1.895c-3.408 3.41-3.308 9.06.226 12.594" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/><path d="M68.801 42.971c6.287-6.289 6.389-16.478.224-22.645-6.165-6.164-16.354-6.063-22.644.225l-3.896 3.871-3.87-3.871c-6.287-6.288-16.477-6.389-22.641-.225-6.164 6.167-6.064 16.355.225 22.645l26.295 26.262 26.307-26.262z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/></svg>
18039        <span class="sr-only">Zum Merkzettel hinzufügen</span>
18040    </a>
18041    
18041<script>
18042        function ReqBlind_6ac211b5aef78() {
18043            return {
18044                open: function (event) {
18045                    window.scrollTo(0, 0);
18046                    dispatchMessages([{
18047                        type: 'notice',
18048                        text: 'Sie müssen eingeloggt sein, um die Merkzettel-Funktion zu nutzen.'
18049                    }], 5000);
18050                    let href = event.currentTarget.href;
18051                    setTimeout(function() {
18052                        window.location = href;
18053                    }, 4000);
18054                }
18055            }
18056        }
18057    </script>
18057
18058                                                            <a href="https://www.papstar-shop.de/servietten-weiss-2-lagig-1-8-falz-33-33-cm-buch-falz-82552.htm"
18059               tabindex="-1"
18060                            >
18061                <picture class="object-contain mx-auto py-3 product-image-photo"><source type="image/webp" srcset="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/S/e/Servietten-weiss-2-lagig-1-8-Falz-33-x-33-cm-82552_b_0_2.webp"><img class="object-contain mx-auto py-3 product-image-photo" x-data="" @update-gallery-82552.window="$el.src = $event.detail" src="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/S/e/Servietten-weiss-2-lagig-1-8-Falz-33-x-33-cm-82552_b_0_2.jpg" loading="lazy" itemprop="image" width="360" height="360" alt="Servietten,&#x20;wei&#xDF;&#x20;2-lagig&#x20;1&#x2F;8-Falz&#x20;33&#x20;&#xD7;&#x20;33&#x20;cm,&#x20;Buch-Falz" title="Servietten,&#x20;wei&#xDF;&#x20;2-lagig&#x20;1&#x2F;8-Falz&#x20;33&#x20;&#xD7;&#x20;33&#x20;cm,&#x20;Buch-Falz" loading="lazy" /></picture>
18062            </a>
18063        </div>
18064        <div class="product-info flex flex-col flex-grow">
18065            <div class="text-black font-semibold text-base">
18066                                    &nbsp;                            </div>
18067                        <div
18068                class="mt-1 text-black font-semibold text-base text-left sm:min-h-90px">
18069                <a class="product-item-link "
18070                   href="https://www.papstar-shop.de/servietten-weiss-2-lagig-1-8-falz-33-33-cm-buch-falz-82552.htm"
18071                                    >
18072                    Servietten, weiß 2-lagig 1/8-Falz 33 × 33 cm, Buch-Falz                </a>
18073                            </div>
18074            <div class="flex mt-1 mb-1">
18075                <div class="mt-auto sku text-sm">
18076                    <span>Artikel-Nr.: </span>82552                </div>
18077                                    <div class="lg:w-auto ml-auto block ">
18078                                            </div>
18079                            </div>
18080
18081                        <div class="mt-1 text-xs text-gray-600 italic">
18082                                    Verfügbar in 4 Varianten                            </div>
18083
18084            <div class="h-full flex justify-between flex-col">
18085                                                                
18085<script>
18086        function initConfigurableSwatchOptions_82552() {
18087            const configurableOptionsComponent = initConfigurableOptions(
18088                '82552',
18089                {"attributes":{"254":{"id":"254","code":"order_unit","label":"Bestelleinheit","options":[{"id":"7057","label":"Einzelpack","products":["282552"]},{"id":"7059","label":"Karton","products":["182552"]},{"id":"7061","label":"Palette","products":["682552"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"682552":{"baseOldPrice":{"amount":871.2},"oldPrice":{"amount":1036.728001},"basePrice":{"amount":871.2},"finalPrice":{"amount":1036.728001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"2,88\u00a0Cent \/ St\u00fcck","basePrice":"2,42\u00a0Cent \/ St\u00fcck"}},"unitSavings":"16.6% Ersparnis"},"182552":{"baseOldPrice":{"amount":54},"oldPrice":{"amount":64.260001},"basePrice":{"amount":54},"finalPrice":{"amount":64.260001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"3,21\u00a0Cent \/ St\u00fcck","basePrice":"2,70\u00a0Cent \/ St\u00fcck"}},"unitSavings":"6.9% Ersparnis"},"282552":{"baseOldPrice":{"amount":7.25},"oldPrice":{"amount":8.627501},"basePrice":{"amount":7.25},"finalPrice":{"amount":8.627501},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"3,45\u00a0Cent \/ St\u00fcck","basePrice":"2,90\u00a0Cent \/ St\u00fcck"}}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":7.25},"oldPrice":{"amount":8.627501},"basePrice":{"amount":7.25},"finalPrice":{"amount":8.627501}},"productId":"82552","chooseText":"W\u00e4hlen Sie eine Option\u2026","images":[],"index":{"682552":{"254":"7061"},"182552":{"254":"7059"},"282552":{"254":"7057"}},"salable":{"254":{"7061":["682552"],"7059":["182552"],"7057":["282552"]}},"canDisplayShowOutOfStockStatus":true,"preSelectedGallery":[],"channel":"website","salesChannelCode":"papstar_de","sku":{"682552":"4049026518034","182552":"4002911925522","282552":"4002911825525"},"quantities":{"682552":2,"182552":53,"282552":431}}            );
18090            const swatchOptionsComponent = initSwatchOptions({"254":{"7057":{"type":"0","value":null,"label":"Einzelpack","unit":"###VPE### St\u00fcck (1 x 250)","vpe":"250"},"7059":{"type":"0","value":null,"label":"Karton","unit":"###VPE### St\u00fcck (8 x 250)","vpe":"2000"},"7061":{"type":"0","value":null,"label":"Palette","unit":"###VPE### St\u00fcck (144 x 250)","vpe":"36000"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}});
18091
18092            return Object.assign(
18093                configurableOptionsComponent,
18094                swatchOptionsComponent,
18095                {
18096                    mediaCallback: "https\u003A\u002F\u002Fwww.papstar\u002Dshop.de\u002Fswatches\u002Fajax\u002Fmedia\u002F",
18097                    changeOption(optionId, value, skipUpdateGallery) {
18098                        if (value === '') {
18099                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
18100                        } else {
18101                            this.selectedValues[optionId] = value;
18102                        }
18103                        this.findSimpleIndex();
18104                        this.findAllowedAttributeOptions();
18105                        this.updateStock();
18106                        this.updatePrices();
18107                        this.updateSavingPriceInfo();
18108                    },
18109                    unitSavingsPrice: null,
18110                    hasSpecialPrice: false,
18111                    finalPrice: {
18112                        amount: 0.00
18113                    },
18114                    oldPrice: {
18115                        amount: 0.00
18116                    },
18117
18118                    updateHasSpecialPrice() {
18119                        this.hasSpecialPrice = this.finalPrice.amount < this.oldPrice.amount;
18120                    },
18121                    updateSavingPriceInfo() {
18122                        const detail = this.optionConfig.optionPrices[this.productIndex];
18123                        this.oldPrice.amount = detail.oldPrice.amount;
18124                        this.finalPrice.amount = detail.finalPrice.amount;
18125
18126                        this.updateHasSpecialPrice();
18127
18128                        if (!this.hasSpecialPrice) {
18129                            this.unitSavingsPrice = detail.unitSavings;
18130                        }
18131                    },
18132                    preselectQuerystringItems: function() {
18133                        let found = false;
18134                        // pre-select option like ?size=167
18135                        const urlQueryParams = new URLSearchParams(window.location.search.replace("?", ""));
18136                        Object.values(this.optionConfig.attributes).map(attribute => {
18137                            const skipUpdateGallery = true;
18138                            if (urlQueryParams.get(attribute.code) !== null) {
18139                                let optionId = urlQueryParams.get(attribute.code);
18140                                found = false;
18141                                Object.values(attribute.options).map(option => {
18142                                    if (found === false && option.label === optionId) {
18143                                        optionId = option.id;
18144                                        found = true;
18145                                    }
18146                                });
18147                                this.changeOption(attribute.id, optionId, skipUpdateGallery);
18148                            }
18149                        });
18150                        if (found === false) {
18151                            // pre-select first option
18152                            Object.values(this.optionConfig.attributes).map(attribute => {
18153                                if (attribute.code === "order_unit") {
18154                                    let optionId = 0;
18155                                    Object.values(attribute.options).map(option => {
18156                                        if (this.selectedValues.length === 0) {
18157                                            if (found === false && option.products.length > 0) {
18158                                                optionId = option.id;
18159                                                this.changeOption(attribute.id, optionId, true);
18160                                                found = true;
18161                                            }
18162                                        } else {
18163                                            optionId = this.selectedValues[attribute.id];
18164                                            this.changeOption(attribute.id, optionId, true);
18165                                            found = true;
18166                                        }
18167                                    });
18168                                }
18169                            });
18170                        }
18171                    },
18172                    mouseDown: false,
18173                    startX: 0,
18174                    maxScroll: 0,
18175                    scrollLeft: null,
18176                    slider: null,
18177                    scrollEvents: {
18178                        ["@mousedown"](e) {
18179                            this.slider = e.target.closest(".snap");
18180                            if (!this.slider) {
18181                                return;
18182                            }
18183                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
18184                            this.startX = e.pageX - this.slider.offsetLeft;
18185                            this.scrollLeft = this.slider.scrollLeft;
18186                            this.mouseDown = true;
18187                        },
18188                        ["@mouseout.self"]() {
18189                            this.mouseDown = false;
18190                        },
18191                        ["@mouseup"]() {
18192                            this.mouseDown = false;
18193                        },
18194                        ["@mousemove"](e) {
18195                            e.preventDefault();
18196                            if (!this.mouseDown) {
18197                                return;
18198                            }
18199                            const x = e.pageX - this.slider.offsetLeft;
18200                            const scroll = x - this.startX;
18201                            const scrollLeft = this.scrollLeft - scroll;
18202
18203                            if (scrollLeft > this.maxScroll) {
18204                                this.slider.scrollLeft = this.maxScroll;
18205                                return;
18206                            }
18207                            this.slider.scrollLeft = this.scrollLeft - scroll;
18208                        },
18209                        ["@onselectstart"]() {
18210                            return false;
18211                        }
18212                    },
18213                    resizeEvent() {
18214                        Array.from(this.$el.querySelectorAll(".snap")).forEach(slider => {
18215                            slider.scrollLeft = 0;
18216                        });
18217                    }
18218                }
18219            );
18220        }
18221    </script>
18221
18222
18223    <div x-data="initConfigurableSwatchOptions_82552();"
18224         x-defer="intersect"
18225         x-init="getAllowedAttributeOptions();() => preselectQuerystringItems();preselectQuerystringItems();"
18226         @private-content-loaded.window="onGetCartData($event.detail.data)"
18227         @update-prices-82552.window="unitSavingsInfo = $event.detail.unitSavings"
18228         @touchstart.passive="preselectQuerystringItems()"
18229         @resize.window="resizeEvent()"
18230         class="relative md:w-full"
18231         @preselectswatch.window="preselectQuerystringItems()"
18232    >
18233        <div>
18234                                            
18235                                <div class="swatch-attribute order_unit">
18236                    <div class="w-full overflow-x-hidden swatch-attribute-options pt-2">
18237                        <div
18238                            class="w-full overflow-auto transition-all snap items-center min-h-14 product-listing-option-wrapper grid gap-2 pb-2"
18239                            id="attribute-label-82552-254"
18240                                                        :role="optionConfig.attributes?.[254]?.options?.length ? 'radiogroup' : null"
18241                            :aria-label="optionConfig.attributes?.[254]?.options?.length ? 'Attribut-order_unit' : null"
18242                            x-bind="scrollEvents">
18243                            <template x-for="(item, index) in optionConfig.attributes[254].options"
18244                                      :key="item.id"
18245                            >
18246                                
18247<div class="swatch-item">
18248        <label
18249            :for="'attribute-option-swatch-input6ac211b5b6bf90.0157582182552-'+item.id"
18250            class="rounded swatch-option flex flex-col relative shadow-sm cursor-pointer select-none text-center product-option-value-label"
18251            :class="{
18252                'bg-secondary border-container-lighter text-white' : (selectedValues[254] === item.id),
18253                'bg-container-lighter' : (selectedValues[254] !== item.id),
18254                'w-6 h-6' : !isTextSwatch(254, item.id),
18255                'bg-secondary text-white' : focusedLabel === item.id
18256            }"
18257            :style="getSwatchBackgroundStyle('254',item.id)"
18258        >
18259            <input
18260                :id="'attribute-option-swatch-input6ac211b5b6bf90.0157582182552-'+item.id"
18261                :value="item.id"
18262                name="super_attribute[254]-82552]"
18263                type="radio"
18264                role="radio"
18265                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
18266                style="z-index:-1"
18267                x-on:focus="focusLabel(item.id)"
18268                x-on:blur="blurLabel()"
18269                x-on:change="changeOption(254, $event.target.value)"
18270                x-model="selectedValues[254]"
18271                :required="getAllowedAttributeOptions(254).filter(
18272                                                                    attributeOption => selectedValues[attributeOption]
18273                                                                ).length === 0"
18274                :aria-label="getSwatchText(254, item.id) + ': ' + getSwatchUnitText(254, item.id)"
18275            >
18276            <div x-html="getSwatchText(254, item.id)"
18277                 class="whitespace-nowrap text-sm font-bold"
18278                 :class="{ 'sr-only' : !isTextSwatch(254, item.id) }"
18279                 aria-hidden="false"
18280            ></div>
18281            <!-- N98 custom attributes start-->
18282            <div x-html="getSwatchUnitText(254, item.id)"
18283                 class="text-xs" aria-hidden="false"></div>
18284            <!-- N98 custom attributes end-->
18285        </label>
18286        <template x-if="unitSavingsInfo && selectedValues[254] === item.id">
18287            <div class="unit-savings-price">
18288                <span class="-info" x-html="unitSavingsInfo"></span>
18289            </div>
18290        </template>
18291    <template x-if="index != 0 && selectedValues[254] !== item.id">
18292        <div class="unit-savings-price">
18293            <span class="-info">
18294            <span><?xml version="1.0" encoding="UTF-8"?>
18295<svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" version="1.1" viewBox="0 0 18 22" width="16" height="16">
18296    <title>Percent</title>
18297  <defs>
18298    <style>
18299      .st0 {
18300        stroke-linecap: round;
18301        stroke-linejoin: round;
18302      }
18303
18304      .st0, .st1 {
18305        fill: none;
18306        stroke-width: 1.5px;
18307      }
18308
18309      .st1 {
18310        stroke-miterlimit: 10;
18311      }
18312    </style>
18313  </defs>
18314  <path class="st1" stroke="currentColor" d="M16.2,16.6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
18315  <g>
18316    <path class="st1" stroke="currentColor" d="M8,6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
18317    <path class="st0" stroke="currentColor" d="M3.5,18.7L15.4,3.9"/>
18318  </g>
18319</svg>
18320</span>
18321            </span>
18322        </div>
18323    </template>
18324</div>
18325                            </template>
18326                        </div>
18327                    </div>
18328                </div>
18329                    </div>
18330                    <template x-if="isTooltipVisible()">
18331    <div class="absolute shadow-lg"
18332        :style="isLayeredSwatch == false && getTooltipPosition()"
18333    >
18334        <div class="absolute top-0 left-0 z-50 p-2 -mt-6 text-sm leading-tight text-black
18335                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
18336        >
18337        <!--template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
18338            <div x-show="getSwatchType(activeTooltipItem.type) !== 'color'"
18339                class="inline-block shadow-sm"
18340                :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
18341            ></div>
18342        </template-->
18343            <span class="mx-2 text-sm font-semibold whitespace-nowrap subtitle"
18344                    x-html="getTooltipLabel()"
18345            ></span>
18346        </div>
18347        <svg class="absolute z-50 w-8 h-8 text-white transform -translate-x-3
18348                -translate-y-8 fill-current stroke-current"
18349                width="12"
18350                height="12"
18351        >
18352            <title>Tooltip Icon</title>
18353            <rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
18354        </svg>
18355    </div>
18356</template>
18357            </div>
18358                                        
18359                
18359<script>
18360                    function initPriceBox__9c77695662724eb1983dfc00e9139702_6ac211b5aec41() {
18361                        return {
18362                            updatePrice(priceData, productId) {
18363                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
18364                                const regularOldPriceElement = this.$el.querySelector('.normal-price .old-price');
18365                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
18366                                const regularPriceElementTax = this.$el.querySelector('.normal-price .price-container .tax');
18367                                const regularOldBasePriceElement = this.$el.querySelector('.base-price .old-price');
18368                                const regularBasePriceElement = this.$el.querySelector('.base-price .price-wrapper .price');
18369                                const regularBasePriceElementTax = this.$el.querySelector('.base-price .price-container .tax');
18370                                const unitPriceElement = this.$el.querySelector('.normal-price .unitPrice');
18371                                const unitBasePriceElement = this.$el.querySelector('.base-price .unitPrice');
18372                                const productTileBadge = document.querySelector('.badge-discounted-' + productId);
18373
18374                                let specialPrice = false;
18375                                let specialPricePercent;
18376
18377                                if (regularPriceLabel) {
18378                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
18379                                        regularPriceLabel.classList.remove('hidden');
18380                                    } else {
18381                                        regularPriceLabel.classList.add('hidden');
18382                                    }
18383                                }
18384
18385                                if (productTileBadge) {
18386                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
18387                                        specialPricePercent = (priceData.oldPrice.amount - priceData.finalPrice.amount)
18388                                            / priceData.oldPrice.amount * 100;
18389                                        productTileBadge.innerText = '-' + Math.round(specialPricePercent) + '%';
18390                                        productTileBadge.classList.remove('hidden');
18391                                    }
18392                                }
18393
18394                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
18395                                    specialPrice = true;
18396                                } else {
18397                                    specialPrice = false;
18398                                }
18399
18400                                if (regularOldPriceElement && priceData.oldPrice.amount) {
18401                                    if (specialPrice) {
18402                                        regularOldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount);
18403                                    } else {
18404                                        regularOldPriceElement.innerText = '';
18405                                    }
18406                                }
18407
18408                                if (regularPriceElement) {
18409                                    regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
18410                                    regularPriceElementTax.style.display = 'block';
18411                                }
18412
18413                                if (unitPriceElement) {
18414                                    unitPriceElement.innerText = '';
18415                                }
18416
18417                                if (unitPriceElement && priceData.unitPrice.pricePerUnitHTML.price) {
18418                                    unitPriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.price;
18419                                }
18420
18421                                if (regularOldBasePriceElement && priceData.baseOldPrice.amount) {
18422                                    if (specialPrice) {
18423                                        regularOldBasePriceElement.innerText =
18424                                            hyva.formatPrice(priceData.baseOldPrice.amount);
18425                                    } else {
18426                                        regularOldBasePriceElement.innerText = '';
18427                                    }
18428                                }
18429
18430                                if (regularBasePriceElement) {
18431                                    regularBasePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount);
18432                                    regularBasePriceElementTax.style.display = 'block';
18433                                }
18434
18435                                if (unitBasePriceElement) {
18436                                    unitBasePriceElement.innerText = '';
18437                                }
18438
18439                                if (unitBasePriceElement && priceData.unitPrice.pricePerUnitHTML.basePrice) {
18440                                    unitBasePriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.basePrice;
18441                                }
18442
18443                                if (priceData.finalPrice.amount === priceData.basePrice.amount) {
18444                                    this.$el.querySelector('.normal-price').classList.add('hidden');
18445                                } else {
18446                                    this.$el.querySelector('.normal-price').classList.remove('hidden');
18447                                }
18448                            }
18449                        }
18450                    }
18451
18452                    function initQtyField__9c77695662724eb1983dfc00e9139702_6ac211b5aec41() {
18453                        return {
18454                            qty: 1,
18455                            input: document.getElementById('qty[82552_9c77695662724eb1983dfc00e9139702_6ac211b5aec41]'),
18456                            addToCart: document.getElementById('add-to-cart[82552_9c77695662724eb1983dfc00e9139702_6ac211b5aec41]'),
18457                            qtyAlert: document.getElementById('qty-alert[82552_9c77695662724eb1983dfc00e9139702_6ac211b5aec41]'),
18458                            currentStock: 0,
18459
18460                            validateQty(qty) {
18461                                let regex = /^\d+$/;
18462                                let pattern = regex.test(qty);
18463
18464                                this.addToCart.disabled = qty === 0
18465                                    || qty === null
18466                                    || qty > 10000                                    || !pattern
18467                                    || this.addToCart.classList.contains('not-available');
18468
18469                                if (qty === 0
18470                                    || qty === null
18471                                    || qty > 10000                                    || !pattern) {
18472                                    this.qtyAlert.style.display = 'block';
18473                                } else {
18474                                    this.qtyAlert.style.display = 'none';
18475                                }
18476                            },
18477
18478                            stepUp() {
18479                                this.input.stepUp();
18480                                let qty = document.getElementById('qty[82552_9c77695662724eb1983dfc00e9139702_6ac211b5aec41]').value;
18481                                this.validateQty(qty);
18482
18483                            },
18484
18485                            stepDown() {
18486                                this.input.stepDown();
18487                                let qty = document.getElementById('qty[82552_9c77695662724eb1983dfc00e9139702_6ac211b5aec41]').value;
18488                                this.validateQty(qty);
18489                            }
18490                        };
18491                    }
18492                </script>
18492
18493                <div class="relative price-block">
18494                    <div class="flex my-4 sm:min-h-42px w-full">
18495                                                <div class="w-full"
18496                             x-data="initPriceBox__9c77695662724eb1983dfc00e9139702_6ac211b5aec41()"
18497                             x-init="() => $dispatch('preselectswatch')"
18498                             @update-prices-82552.window="updatePrice($event.detail,82552);">
18499                            <div
18500                                class="price-box mt-3 price-final_price flex flex-wrap justify-between"
18501                                data-role="priceBox">
18502                                <div class="normal-price text-left ">
18503                                <span class="price-container price-final_price tax weee">
18504                                    <div class="old-price text-xs including-tax line-through"></div>
18505                                    <div id="price-including-tax-product-price-82552"
18506                                         data-price-type="finalPrice"
18507                                         class="price-wrapper price-including-tax finalPrice flex items-end">
18508                                        <span class="price"></span>
18509                                        <span class="tax font-normal hidden">mit MwSt.</span>
18510                                    </div>
18511                                    <div class="unitPrice text-xs"></div>
18512                                </span>
18513                                </div>
18514
18515                                <div class="base-price text-left ">
18516                                <span class="price-container price-final_price tax weee">
18517                                    <div class="old-price text-xs excluding-tax line-through"></div>
18518                                    <div id="price-excluding-tax-product-price-82552"
18519                                         data-price-type="finalPrice"
18520                                         class="price-wrapper price-excluding-tax finalPrice flex items-end">
18521                                        <span class="price"></span>
18522                                        <span class="tax font-normal hidden">ohne MwSt.</span>
18523                                    </div>
18524                                    <div class="unitPrice text-xs"></div>
18525                                </span>
18526                                </div>
18527                            </div>
18528                        </div>
18529                    </div>
18530
18531                                            <div x-data="{ currentStock: 0 }"
18532                             x-init="() => $dispatch('preselectswatch')"
18533                             @update-stock-82552.window="currentStock = $event.detail"
18534                             class="flex flex-wrap mt-auto text-left">
18535                            <div class="stock-status text-xs w-full mb-3 mt-auto basis-full">
18536                                <template x-if="currentStock">
18537                                    <div>
18538                                    <span x-show="currentStock > 0" class="text-green-main">
18539                                        Sofort versandfertig, Lieferzeit: 1-3 Werktage                                    </span>
18540                                        <span x-show="currentStock <= 0 && currentStock > -1000"
18541                                              class="text-yellow-700">
18542                                        Aktuell nicht lieferbar, Lieferzeit: 5-10 Werktage                                    </span>
18543                                        <span x-show="currentStock <= -1000 && currentStock > -5000"
18544                                              class="text-red-600">
18545                                        Aktuell nicht lieferbar                                    </span>
18546                                    </div>
18547                                </template>
18548                            </div>
18549                        </div>
18550                    
18551                    
18552                    <div class="flex gap-4 mt-auto justify-end lg:justify-between"
18553                         x-data="initQtyField__9c77695662724eb1983dfc00e9139702_6ac211b5aec41()"
18554                         x-init="() => $dispatch('preselectswatch')"
18555                         @update-stock-82552.window="currentStock = $event.detail;">
18556                                                    <div class="w-1/2 flex"
18557                                x-show="currentStock > -5000"
18558                                :aria-hidden="currentStock <= -5000">
18559                                <button
18560                                    class="qty-button -minus-button"
18561                                    type="button"
18562                                    title="Weniger"
18563                                    x-on:click="stepDown()">
18564                                    <?xml version="1.0" encoding="utf-8"?>
18565<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
18566<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="w-5 h-5" width="20" height="20">
18567        <title>Minus</title>
18568    <g>
18569	<g>
18570		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
18571	</g>
18572</g>
18573</svg>
18574                                </button>
18575                                <label for="qty[82552_9c77695662724eb1983dfc00e9139702_6ac211b5aec41]"
18576                                       class="sr-only">
18577                                    Anzahl                                </label>
18578                                <input name="qty"
18579                                       class="form-input rounded-none px-2 text-center invalid:ring-2 invalid:ring-red-500 w-11/12"
18580                                       id="qty[82552_9c77695662724eb1983dfc00e9139702_6ac211b5aec41]"
18581                                       type="number"
18582                                       inputmode="numeric"
18583                                       maxlength="5"
18584                                       min="1"                                       max="10000"                                       step="1"                                       :value="qty"
18585                                       x-model.number="qty"
18586                                       x-on:input.change="validateQty(qty);"
18587                                />
18588                                <button
18589                                    class="qty-button -plus-button"
18590                                    type="button"
18591                                    title="Mehr"
18592                                    class="plus"
18593                                    x-on:click="stepUp()">
18594                                    <?xml version="1.0" encoding="utf-8"?>
18595<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
18596<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="text-white" width="20" height="20">
18597        <title>Plus Sign</title>
18598    <g>
18599	<g>
18600		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
18601	</g>
18602	<g>
18603		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
18604	</g>
18605</g>
18606</svg>
18607                                </button>
18608                            </div>
18609                            <div class="w-1/2"
18610                                 x-show="currentStock > -5000"
18611                                 :aria-hidden="currentStock <= -5000">
18612                                                                    <button class="btn btn-add-to-cart w-full h-full px-2 py-0"
18613                                            :disabled="currentStock <= -1000 || false"
18614                                            :class="{'not-available': currentStock <= -1000 || false}"
18615                                            id="add-to-cart[82552_9c77695662724eb1983dfc00e9139702_6ac211b5aec41]"
18616                                            title="Servietten,&#x20;wei&#xDF;&#x20;2-lagig&#x20;1&#x2F;8-Falz&#x20;33&#x20;&#xD7;&#x20;33&#x20;cm,&#x20;Buch-Falz&#x20;In&#x20;den&#x20;Warenkorb"
18617                                            aria-label="Servietten,&#x20;wei&#xDF;&#x20;2-lagig&#x20;1&#x2F;8-Falz&#x20;33&#x20;&#xD7;&#x20;33&#x20;cm,&#x20;Buch-Falz&#x20;In&#x20;den&#x20;Warenkorb">
18618                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
18619    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
18620                                        <span class="sm:pl-2 md:hidden lg:block">
18621                                            In&#x20;den&#x20;Warenkorb                                        </span>
18622                                    </button>
18623                                                            </div>
18624                        
18625                        <a x-cloak
18626                           x-show="currentStock <= -5000"
18627                           :aria-hidden="currentStock > -5000"
18628                           href="https://www.papstar-shop.de/servietten-weiss-2-lagig-1-8-falz-33-33-cm-buch-falz-82552.htm"
18629                           class="btn btn-add-to-cart w-full h-full px-2 py-0"
18630                           id="add-to-cart[82552_9c77695662724eb1983dfc00e9139702_6ac211b5aec41]"
18631                           title="Servietten,&#x20;wei&#xDF;&#x20;2-lagig&#x20;1&#x2F;8-Falz&#x20;33&#x20;&#xD7;&#x20;33&#x20;cm,&#x20;Buch-Falz&#x20;Produkt&#x20;individualisieren"
18632                           aria-label="Servietten,&#x20;wei&#xDF;&#x20;2-lagig&#x20;1&#x2F;8-Falz&#x20;33&#x20;&#xD7;&#x20;33&#x20;cm,&#x20;Buch-Falz&#x20;Produkt&#x20;individualisieren">
18633                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
18634    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
18635                            <span class="sm:pl-2 md:hidden lg:block py-4">
18636                                            Produkt&#x20;individualisieren                                        </span>
18637                        </a>
18638
18639                                                    
18639<script>
18640    'use strict';
18641
18642    (() => {
18643        window.addEventListener(
18644            'ga-initialized',
18645            () => {
18646                const productForm = document.querySelector(
18647                    'form\u005Bdata\u002Dsku\u003D\u002282552\u0022\u005D'
18648                );
18649
18650                if (!productForm) {
18651                    return;
18652                }
18653
18654                let sku = '82552';
18655
18656                window.addEventListener(
18657                    'listing\u002Dconfigurable-selection-changed',
18658                    (event) => {
18659                        if (event.detail.skuCandidates.length === 1
18660                            && event.detail.productId === '82552'
18661                        ) {
18662                            sku = event.detail.skuCandidates[0];
18663                        }
18664                    }
18665                );
18666
18667                function bindEventListener(element, event)
18668                {
18669                    element.addEventListener(event, () => {
18670                        if (productForm.checkValidity()) {
18671                            const priceSelector = false                                ? '#product-price-82552 .price'
18672                                : '[data-price-box="product-id-82552"] .price';
18673
18674                            window.dispatchEvent(new CustomEvent('cart-item-added', {
18675                                detail: [{
18676                                    product_sku: sku,
18677                                    product_name: 'Servietten,\u0020wei\u00DF\u00202\u002Dlagig\u00201\u002F8\u002DFalz\u002033\u0020\u00D7\u002033\u0020cm,\u0020Buch\u002DFalz',
18678                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),
18679
18680                                                                            qty: 1,
18681                                                                    }],
18682                            }));
18683                        }
18684                    });
18685                }
18686
18687                                    const button = productForm.querySelector(
18688                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
18689                    );
18690
18691                    if (!button) {
18692                        return;
18693                    }
18694
18695                    bindEventListener(button, 'click');
18696                            },
18697            { once: true }
18698        );
18699    })();
18700</script>
18700
18701                                            </div>
18702                    <div class="qty-alert hidden" id="qty-alert[82552_9c77695662724eb1983dfc00e9139702_6ac211b5aec41]">
18703                        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill="currentColor" viewBox="0 0 20 20" class="w-3 h-3 mr-1 text-energy inline-block align-text-top">
18704<title>Warning</title>
18705    <path d="M19.64 16.36L11.53 2.3A1.85 1.85 0 0 0 10 1.21 1.85 1.85 0 0 0 8.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>
18706</svg>
18707                        <span>Bitte&#x20;nur&#x20;ganze&#x20;Zahlen&#x20;eingeben.</span>
18708                    </div>
18709                </div>
18710            </div>
18711        </div>
18712    </form>
18713</div>
18714                    </li>
18715                                                                    <li class="splide__slide">
18716                        <div class="h-full">
18717    <form method="post"
18718          aria-label="Product&#x20;tile&#x20;for&#x3A;&#x20;Leuchterkerzen&#x20;wei&#xDF;&#x20;&#xD8;&#x20;2,2&#x20;cm&#x20;&#xB7;&#x20;25&#x20;cm"
18719          action="https://www.papstar-shop.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cucGFwc3Rhci1zaG9wLmRlLz9tc2Nsa2lkPWI5ODJhMjlkYWVkYzFjMWQyM2I2Yzg1ZmEzZjY4ZjFj/product/17966/"
18720          class="item product product-item product_addtocart_form border rounded p-2.5 bg-container-white hover:shadow-lg flex flex-col w-full h-full"
18721            >
18722        <input name="form_key" type="hidden" value="rKVCmaFj7egUOB24" />        <input type="hidden" name="product" value="17966"/>
18723        <div
18724            class="relative product photo product-item-photo block mb-3 px-12 ">
18725                <a x-data="ReqBlind_6ac211b5c03c3()"
18726       href="https://www.papstar-shop.de/customer/account/"
18727       title="Leuchterkerzen weiß Ø 2,2 cm · 25 cm Zum Merkzettel hinzufügen"
18728       aria-label="Leuchterkerzen weiß Ø 2,2 cm · 25 cm Zum Merkzettel hinzufügen"
18729       @click.prevent="open($event)"
18730       class="p-2 bg-transparent absolute right-0 hover:text-primary-darker bottom-0">
18731        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85" xml:space="preserve" fill="currentColor" class="mx-auto bg-transparent text-black" width="36" height="36">
18732    <path d="M23.895 23.457a8.424 8.424 0 0 0-2.896 1.895c-3.408 3.41-3.308 9.06.226 12.594" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/><path d="M68.801 42.971c6.287-6.289 6.389-16.478.224-22.645-6.165-6.164-16.354-6.063-22.644.225l-3.896 3.871-3.87-3.871c-6.287-6.288-16.477-6.389-22.641-.225-6.164 6.167-6.064 16.355.225 22.645l26.295 26.262 26.307-26.262z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/></svg>
18733        <span class="sr-only">Zum Merkzettel hinzufügen</span>
18734    </a>
18735    
18735<script>
18736        function ReqBlind_6ac211b5c03c3() {
18737            return {
18738                open: function (event) {
18739                    window.scrollTo(0, 0);
18740                    dispatchMessages([{
18741                        type: 'notice',
18742                        text: 'Sie müssen eingeloggt sein, um die Merkzettel-Funktion zu nutzen.'
18743                    }], 5000);
18744                    let href = event.currentTarget.href;
18745                    setTimeout(function() {
18746                        window.location = href;
18747                    }, 4000);
18748                }
18749            }
18750        }
18751    </script>
18751
18752                                                            <a href="https://www.papstar-shop.de/leuchterkerzen-weiss-2-2-cm-25-cm-17966.htm"
18753               tabindex="-1"
18754                            >
18755                <picture class="object-contain mx-auto py-3 product-image-photo"><source type="image/webp" srcset="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/L/e/Leuchterkerzen-weiss-2-2-cm-25-cm-17966_b_0_6.webp"><img class="object-contain mx-auto py-3 product-image-photo" x-data="" @update-gallery-17966.window="$el.src = $event.detail" src="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/L/e/Leuchterkerzen-weiss-2-2-cm-25-cm-17966_b_0_6.jpg" loading="lazy" itemprop="image" width="360" height="360" alt="Leuchterkerzen&#x20;wei&#xDF;&#x20;&#xD8;&#x20;2,2&#x20;cm&#x20;&#xB7;&#x20;25&#x20;cm" title="Leuchterkerzen&#x20;wei&#xDF;&#x20;&#xD8;&#x20;2,2&#x20;cm&#x20;&#xB7;&#x20;25&#x20;cm" loading="lazy" /></picture>
18756            </a>
18757        </div>
18758        <div class="product-info flex flex-col flex-grow">
18759            <div class="text-black font-semibold text-base">
18760                                    &nbsp;                            </div>
18761                        <div
18762                class="mt-1 text-black font-semibold text-base text-left sm:min-h-90px">
18763                <a class="product-item-link "
18764                   href="https://www.papstar-shop.de/leuchterkerzen-weiss-2-2-cm-25-cm-17966.htm"
18765                                    >
18766                    Leuchterkerzen weiß Ø 2,2 cm · 25 cm                </a>
18767                            </div>
18768            <div class="flex mt-1 mb-1">
18769                <div class="mt-auto sku text-sm">
18770                    <span>Artikel-Nr.: </span>17966                </div>
18771                                    <div class="lg:w-auto ml-auto block ">
18772                                            </div>
18773                            </div>
18774
18775                        <div class="mt-1 text-xs text-gray-600 italic">
18776                                    Verfügbar in 26 Varianten                            </div>
18777
18778            <div class="h-full flex justify-between flex-col">
18779                                                                
18779<script>
18780        function initConfigurableSwatchOptions_17966() {
18781            const configurableOptionsComponent = initConfigurableOptions(
18782                '17966',
18783                {"attributes":{"254":{"id":"254","code":"order_unit","label":"Bestelleinheit","options":[{"id":"7057","label":"Einzelpack","products":["217966"]},{"id":"7059","label":"Karton","products":["117966"]},{"id":"7061","label":"Palette","products":["617966"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"217966":{"baseOldPrice":{"amount":23.1},"oldPrice":{"amount":27.489001},"basePrice":{"amount":23.1},"finalPrice":{"amount":27.489001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"54,98\u00a0Cent \/ St\u00fcck","basePrice":"46,20\u00a0Cent \/ St\u00fcck"}}},"117966":{"baseOldPrice":{"amount":43.98},"oldPrice":{"amount":52.336201},"basePrice":{"amount":43.98},"finalPrice":{"amount":52.336201},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"8,93\u00a0\u20ac \/ St\u00fcck","basePrice":"7,51\u00a0\u20ac \/ St\u00fcck"}},"unitSavings":"4.8% Ersparnis"},"617966":{"baseOldPrice":{"amount":2844},"oldPrice":{"amount":3384.360001},"basePrice":{"amount":2844},"finalPrice":{"amount":3384.360001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"47,01\u00a0Cent \/ St\u00fcck","basePrice":"39,50\u00a0Cent \/ St\u00fcck"}},"unitSavings":"14.5% Ersparnis"}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":23.1},"oldPrice":{"amount":27.489001},"basePrice":{"amount":23.1},"finalPrice":{"amount":27.489001}},"productId":"17966","chooseText":"W\u00e4hlen Sie eine Option\u2026","images":[],"index":{"217966":{"254":"7057"},"117966":{"254":"7059"},"617966":{"254":"7061"}},"salable":{"254":{"7057":["217966"],"7059":["117966"],"7061":["617966"]}},"canDisplayShowOutOfStockStatus":true,"preSelectedGallery":[],"channel":"website","salesChannelCode":"papstar_de","sku":{"217966":"4002911179666","117966":"4002911279663","617966":"4049026725876"},"quantities":{"217966":1893,"117966":945,"617966":13}}            );
18784            const swatchOptionsComponent = initSwatchOptions({"254":{"7057":{"type":"0","value":null,"label":"Einzelpack","unit":"###VPE### St\u00fcck (1 x 50)","vpe":"50"},"7059":{"type":"0","value":null,"label":"Karton","unit":"###VPE### St\u00fcck (2 x 50)","vpe":"100"},"7061":{"type":"0","value":null,"label":"Palette","unit":"###VPE### St\u00fcck (144 x 50)","vpe":"7200"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}});
18785
18786            return Object.assign(
18787                configurableOptionsComponent,
18788                swatchOptionsComponent,
18789                {
18790                    mediaCallback: "https\u003A\u002F\u002Fwww.papstar\u002Dshop.de\u002Fswatches\u002Fajax\u002Fmedia\u002F",
18791                    changeOption(optionId, value, skipUpdateGallery) {
18792                        if (value === '') {
18793                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
18794                        } else {
18795                            this.selectedValues[optionId] = value;
18796                        }
18797                        this.findSimpleIndex();
18798                        this.findAllowedAttributeOptions();
18799                        this.updateStock();
18800                        this.updatePrices();
18801                        this.updateSavingPriceInfo();
18802                    },
18803                    unitSavingsPrice: null,
18804                    hasSpecialPrice: false,
18805                    finalPrice: {
18806                        amount: 0.00
18807                    },
18808                    oldPrice: {
18809                        amount: 0.00
18810                    },
18811
18812                    updateHasSpecialPrice() {
18813                        this.hasSpecialPrice = this.finalPrice.amount < this.oldPrice.amount;
18814                    },
18815                    updateSavingPriceInfo() {
18816                        const detail = this.optionConfig.optionPrices[this.productIndex];
18817                        this.oldPrice.amount = detail.oldPrice.amount;
18818                        this.finalPrice.amount = detail.finalPrice.amount;
18819
18820                        this.updateHasSpecialPrice();
18821
18822                        if (!this.hasSpecialPrice) {
18823                            this.unitSavingsPrice = detail.unitSavings;
18824                        }
18825                    },
18826                    preselectQuerystringItems: function() {
18827                        let found = false;
18828                        // pre-select option like ?size=167
18829                        const urlQueryParams = new URLSearchParams(window.location.search.replace("?", ""));
18830                        Object.values(this.optionConfig.attributes).map(attribute => {
18831                            const skipUpdateGallery = true;
18832                            if (urlQueryParams.get(attribute.code) !== null) {
18833                                let optionId = urlQueryParams.get(attribute.code);
18834                                found = false;
18835                                Object.values(attribute.options).map(option => {
18836                                    if (found === false && option.label === optionId) {
18837                                        optionId = option.id;
18838                                        found = true;
18839                                    }
18840                                });
18841                                this.changeOption(attribute.id, optionId, skipUpdateGallery);
18842                            }
18843                        });
18844                        if (found === false) {
18845                            // pre-select first option
18846                            Object.values(this.optionConfig.attributes).map(attribute => {
18847                                if (attribute.code === "order_unit") {
18848                                    let optionId = 0;
18849                                    Object.values(attribute.options).map(option => {
18850                                        if (this.selectedValues.length === 0) {
18851                                            if (found === false && option.products.length > 0) {
18852                                                optionId = option.id;
18853                                                this.changeOption(attribute.id, optionId, true);
18854                                                found = true;
18855                                            }
18856                                        } else {
18857                                            optionId = this.selectedValues[attribute.id];
18858                                            this.changeOption(attribute.id, optionId, true);
18859                                            found = true;
18860                                        }
18861                                    });
18862                                }
18863                            });
18864                        }
18865                    },
18866                    mouseDown: false,
18867                    startX: 0,
18868                    maxScroll: 0,
18869                    scrollLeft: null,
18870                    slider: null,
18871                    scrollEvents: {
18872                        ["@mousedown"](e) {
18873                            this.slider = e.target.closest(".snap");
18874                            if (!this.slider) {
18875                                return;
18876                            }
18877                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
18878                            this.startX = e.pageX - this.slider.offsetLeft;
18879                            this.scrollLeft = this.slider.scrollLeft;
18880                            this.mouseDown = true;
18881                        },
18882                        ["@mouseout.self"]() {
18883                            this.mouseDown = false;
18884                        },
18885                        ["@mouseup"]() {
18886                            this.mouseDown = false;
18887                        },
18888                        ["@mousemove"](e) {
18889                            e.preventDefault();
18890                            if (!this.mouseDown) {
18891                                return;
18892                            }
18893                            const x = e.pageX - this.slider.offsetLeft;
18894                            const scroll = x - this.startX;
18895                            const scrollLeft = this.scrollLeft - scroll;
18896
18897                            if (scrollLeft > this.maxScroll) {
18898                                this.slider.scrollLeft = this.maxScroll;
18899                                return;
18900                            }
18901                            this.slider.scrollLeft = this.scrollLeft - scroll;
18902                        },
18903                        ["@onselectstart"]() {
18904                            return false;
18905                        }
18906                    },
18907                    resizeEvent() {
18908                        Array.from(this.$el.querySelectorAll(".snap")).forEach(slider => {
18909                            slider.scrollLeft = 0;
18910                        });
18911                    }
18912                }
18913            );
18914        }
18915    </script>
18915
18916
18917    <div x-data="initConfigurableSwatchOptions_17966();"
18918         x-defer="intersect"
18919         x-init="getAllowedAttributeOptions();() => preselectQuerystringItems();preselectQuerystringItems();"
18920         @private-content-loaded.window="onGetCartData($event.detail.data)"
18921         @update-prices-17966.window="unitSavingsInfo = $event.detail.unitSavings"
18922         @touchstart.passive="preselectQuerystringItems()"
18923         @resize.window="resizeEvent()"
18924         class="relative md:w-full"
18925         @preselectswatch.window="preselectQuerystringItems()"
18926    >
18927        <div>
18928                                            
18929                                <div class="swatch-attribute order_unit">
18930                    <div class="w-full overflow-x-hidden swatch-attribute-options pt-2">
18931                        <div
18932                            class="w-full overflow-auto transition-all snap items-center min-h-14 product-listing-option-wrapper grid gap-2 pb-2"
18933                            id="attribute-label-17966-254"
18934                                                        :role="optionConfig.attributes?.[254]?.options?.length ? 'radiogroup' : null"
18935                            :aria-label="optionConfig.attributes?.[254]?.options?.length ? 'Attribut-order_unit' : null"
18936                            x-bind="scrollEvents">
18937                            <template x-for="(item, index) in optionConfig.attributes[254].options"
18938                                      :key="item.id"
18939                            >
18940                                
18941<div class="swatch-item">
18942        <label
18943            :for="'attribute-option-swatch-input6ac211b5c641c4.5254968117966-'+item.id"
18944            class="rounded swatch-option flex flex-col relative shadow-sm cursor-pointer select-none text-center product-option-value-label"
18945            :class="{
18946                'bg-secondary border-container-lighter text-white' : (selectedValues[254] === item.id),
18947                'bg-container-lighter' : (selectedValues[254] !== item.id),
18948                'w-6 h-6' : !isTextSwatch(254, item.id),
18949                'bg-secondary text-white' : focusedLabel === item.id
18950            }"
18951            :style="getSwatchBackgroundStyle('254',item.id)"
18952        >
18953            <input
18954                :id="'attribute-option-swatch-input6ac211b5c641c4.5254968117966-'+item.id"
18955                :value="item.id"
18956                name="super_attribute[254]-17966]"
18957                type="radio"
18958                role="radio"
18959                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
18960                style="z-index:-1"
18961                x-on:focus="focusLabel(item.id)"
18962                x-on:blur="blurLabel()"
18963                x-on:change="changeOption(254, $event.target.value)"
18964                x-model="selectedValues[254]"
18965                :required="getAllowedAttributeOptions(254).filter(
18966                                                                    attributeOption => selectedValues[attributeOption]
18967                                                                ).length === 0"
18968                :aria-label="getSwatchText(254, item.id) + ': ' + getSwatchUnitText(254, item.id)"
18969            >
18970            <div x-html="getSwatchText(254, item.id)"
18971                 class="whitespace-nowrap text-sm font-bold"
18972                 :class="{ 'sr-only' : !isTextSwatch(254, item.id) }"
18973                 aria-hidden="false"
18974            ></div>
18975            <!-- N98 custom attributes start-->
18976            <div x-html="getSwatchUnitText(254, item.id)"
18977                 class="text-xs" aria-hidden="false"></div>
18978            <!-- N98 custom attributes end-->
18979        </label>
18980        <template x-if="unitSavingsInfo && selectedValues[254] === item.id">
18981            <div class="unit-savings-price">
18982                <span class="-info" x-html="unitSavingsInfo"></span>
18983            </div>
18984        </template>
18985    <template x-if="index != 0 && selectedValues[254] !== item.id">
18986        <div class="unit-savings-price">
18987            <span class="-info">
18988            <span><?xml version="1.0" encoding="UTF-8"?>
18989<svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" version="1.1" viewBox="0 0 18 22" width="16" height="16">
18990    <title>Percent</title>
18991  <defs>
18992    <style>
18993      .st0 {
18994        stroke-linecap: round;
18995        stroke-linejoin: round;
18996      }
18997
18998      .st0, .st1 {
18999        fill: none;
19000        stroke-width: 1.5px;
19001      }
19002
19003      .st1 {
19004        stroke-miterlimit: 10;
19005      }
19006    </style>
19007  </defs>
19008  <path class="st1" stroke="currentColor" d="M16.2,16.6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
19009  <g>
19010    <path class="st1" stroke="currentColor" d="M8,6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
19011    <path class="st0" stroke="currentColor" d="M3.5,18.7L15.4,3.9"/>
19012  </g>
19013</svg>
19014</span>
19015            </span>
19016        </div>
19017    </template>
19018</div>
19019                            </template>
19020                        </div>
19021                    </div>
19022                </div>
19023                    </div>
19024                    <template x-if="isTooltipVisible()">
19025    <div class="absolute shadow-lg"
19026        :style="isLayeredSwatch == false && getTooltipPosition()"
19027    >
19028        <div class="absolute top-0 left-0 z-50 p-2 -mt-6 text-sm leading-tight text-black
19029                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
19030        >
19031        <!--template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
19032            <div x-show="getSwatchType(activeTooltipItem.type) !== 'color'"
19033                class="inline-block shadow-sm"
19034                :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
19035            ></div>
19036        </template-->
19037            <span class="mx-2 text-sm font-semibold whitespace-nowrap subtitle"
19038                    x-html="getTooltipLabel()"
19039            ></span>
19040        </div>
19041        <svg class="absolute z-50 w-8 h-8 text-white transform -translate-x-3
19042                -translate-y-8 fill-current stroke-current"
19043                width="12"
19044                height="12"
19045        >
19046            <title>Tooltip Icon</title>
19047            <rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
19048        </svg>
19049    </div>
19050</template>
19051            </div>
19052                                        
19053                
19053<script>
19054                    function initPriceBox__9c77695662724eb1983dfc00e9139702_6ac211b5c00d0() {
19055                        return {
19056                            updatePrice(priceData, productId) {
19057                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
19058                                const regularOldPriceElement = this.$el.querySelector('.normal-price .old-price');
19059                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
19060                                const regularPriceElementTax = this.$el.querySelector('.normal-price .price-container .tax');
19061                                const regularOldBasePriceElement = this.$el.querySelector('.base-price .old-price');
19062                                const regularBasePriceElement = this.$el.querySelector('.base-price .price-wrapper .price');
19063                                const regularBasePriceElementTax = this.$el.querySelector('.base-price .price-container .tax');
19064                                const unitPriceElement = this.$el.querySelector('.normal-price .unitPrice');
19065                                const unitBasePriceElement = this.$el.querySelector('.base-price .unitPrice');
19066                                const productTileBadge = document.querySelector('.badge-discounted-' + productId);
19067
19068                                let specialPrice = false;
19069                                let specialPricePercent;
19070
19071                                if (regularPriceLabel) {
19072                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
19073                                        regularPriceLabel.classList.remove('hidden');
19074                                    } else {
19075                                        regularPriceLabel.classList.add('hidden');
19076                                    }
19077                                }
19078
19079                                if (productTileBadge) {
19080                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
19081                                        specialPricePercent = (priceData.oldPrice.amount - priceData.finalPrice.amount)
19082                                            / priceData.oldPrice.amount * 100;
19083                                        productTileBadge.innerText = '-' + Math.round(specialPricePercent) + '%';
19084                                        productTileBadge.classList.remove('hidden');
19085                                    }
19086                                }
19087
19088                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
19089                                    specialPrice = true;
19090                                } else {
19091                                    specialPrice = false;
19092                                }
19093
19094                                if (regularOldPriceElement && priceData.oldPrice.amount) {
19095                                    if (specialPrice) {
19096                                        regularOldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount);
19097                                    } else {
19098                                        regularOldPriceElement.innerText = '';
19099                                    }
19100                                }
19101
19102                                if (regularPriceElement) {
19103                                    regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
19104                                    regularPriceElementTax.style.display = 'block';
19105                                }
19106
19107                                if (unitPriceElement) {
19108                                    unitPriceElement.innerText = '';
19109                                }
19110
19111                                if (unitPriceElement && priceData.unitPrice.pricePerUnitHTML.price) {
19112                                    unitPriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.price;
19113                                }
19114
19115                                if (regularOldBasePriceElement && priceData.baseOldPrice.amount) {
19116                                    if (specialPrice) {
19117                                        regularOldBasePriceElement.innerText =
19118                                            hyva.formatPrice(priceData.baseOldPrice.amount);
19119                                    } else {
19120                                        regularOldBasePriceElement.innerText = '';
19121                                    }
19122                                }
19123
19124                                if (regularBasePriceElement) {
19125                                    regularBasePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount);
19126                                    regularBasePriceElementTax.style.display = 'block';
19127                                }
19128
19129                                if (unitBasePriceElement) {
19130                                    unitBasePriceElement.innerText = '';
19131                                }
19132
19133                                if (unitBasePriceElement && priceData.unitPrice.pricePerUnitHTML.basePrice) {
19134                                    unitBasePriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.basePrice;
19135                                }
19136
19137                                if (priceData.finalPrice.amount === priceData.basePrice.amount) {
19138                                    this.$el.querySelector('.normal-price').classList.add('hidden');
19139                                } else {
19140                                    this.$el.querySelector('.normal-price').classList.remove('hidden');
19141                                }
19142                            }
19143                        }
19144                    }
19145
19146                    function initQtyField__9c77695662724eb1983dfc00e9139702_6ac211b5c00d0() {
19147                        return {
19148                            qty: 1,
19149                            input: document.getElementById('qty[17966_9c77695662724eb1983dfc00e9139702_6ac211b5c00d0]'),
19150                            addToCart: document.getElementById('add-to-cart[17966_9c77695662724eb1983dfc00e9139702_6ac211b5c00d0]'),
19151                            qtyAlert: document.getElementById('qty-alert[17966_9c77695662724eb1983dfc00e9139702_6ac211b5c00d0]'),
19152                            currentStock: 0,
19153
19154                            validateQty(qty) {
19155                                let regex = /^\d+$/;
19156                                let pattern = regex.test(qty);
19157
19158                                this.addToCart.disabled = qty === 0
19159                                    || qty === null
19160                                    || qty > 10000                                    || !pattern
19161                                    || this.addToCart.classList.contains('not-available');
19162
19163                                if (qty === 0
19164                                    || qty === null
19165                                    || qty > 10000                                    || !pattern) {
19166                                    this.qtyAlert.style.display = 'block';
19167                                } else {
19168                                    this.qtyAlert.style.display = 'none';
19169                                }
19170                            },
19171
19172                            stepUp() {
19173                                this.input.stepUp();
19174                                let qty = document.getElementById('qty[17966_9c77695662724eb1983dfc00e9139702_6ac211b5c00d0]').value;
19175                                this.validateQty(qty);
19176
19177                            },
19178
19179                            stepDown() {
19180                                this.input.stepDown();
19181                                let qty = document.getElementById('qty[17966_9c77695662724eb1983dfc00e9139702_6ac211b5c00d0]').value;
19182                                this.validateQty(qty);
19183                            }
19184                        };
19185                    }
19186                </script>
19186
19187                <div class="relative price-block">
19188                    <div class="flex my-4 sm:min-h-42px w-full">
19189                                                <div class="w-full"
19190                             x-data="initPriceBox__9c77695662724eb1983dfc00e9139702_6ac211b5c00d0()"
19191                             x-init="() => $dispatch('preselectswatch')"
19192                             @update-prices-17966.window="updatePrice($event.detail,17966);">
19193                            <div
19194                                class="price-box mt-3 price-final_price flex flex-wrap justify-between"
19195                                data-role="priceBox">
19196                                <div class="normal-price text-left ">
19197                                <span class="price-container price-final_price tax weee">
19198                                    <div class="old-price text-xs including-tax line-through"></div>
19199                                    <div id="price-including-tax-product-price-17966"
19200                                         data-price-type="finalPrice"
19201                                         class="price-wrapper price-including-tax finalPrice flex items-end">
19202                                        <span class="price"></span>
19203                                        <span class="tax font-normal hidden">mit MwSt.</span>
19204                                    </div>
19205                                    <div class="unitPrice text-xs"></div>
19206                                </span>
19207                                </div>
19208
19209                                <div class="base-price text-left ">
19210                                <span class="price-container price-final_price tax weee">
19211                                    <div class="old-price text-xs excluding-tax line-through"></div>
19212                                    <div id="price-excluding-tax-product-price-17966"
19213                                         data-price-type="finalPrice"
19214                                         class="price-wrapper price-excluding-tax finalPrice flex items-end">
19215                                        <span class="price"></span>
19216                                        <span class="tax font-normal hidden">ohne MwSt.</span>
19217                                    </div>
19218                                    <div class="unitPrice text-xs"></div>
19219                                </span>
19220                                </div>
19221                            </div>
19222                        </div>
19223                    </div>
19224
19225                                            <div x-data="{ currentStock: 0 }"
19226                             x-init="() => $dispatch('preselectswatch')"
19227                             @update-stock-17966.window="currentStock = $event.detail"
19228                             class="flex flex-wrap mt-auto text-left">
19229                            <div class="stock-status text-xs w-full mb-3 mt-auto basis-full">
19230                                <template x-if="currentStock">
19231                                    <div>
19232                                    <span x-show="currentStock > 0" class="text-green-main">
19233                                        Sofort versandfertig, Lieferzeit: 1-3 Werktage                                    </span>
19234                                        <span x-show="currentStock <= 0 && currentStock > -1000"
19235                                              class="text-yellow-700">
19236                                        Aktuell nicht lieferbar, Lieferzeit: 5-10 Werktage                                    </span>
19237                                        <span x-show="currentStock <= -1000 && currentStock > -5000"
19238                                              class="text-red-600">
19239                                        Aktuell nicht lieferbar                                    </span>
19240                                    </div>
19241                                </template>
19242                            </div>
19243                        </div>
19244                    
19245                    
19246                    <div class="flex gap-4 mt-auto justify-end lg:justify-between"
19247                         x-data="initQtyField__9c77695662724eb1983dfc00e9139702_6ac211b5c00d0()"
19248                         x-init="() => $dispatch('preselectswatch')"
19249                         @update-stock-17966.window="currentStock = $event.detail;">
19250                                                    <div class="w-1/2 flex"
19251                                x-show="currentStock > -5000"
19252                                :aria-hidden="currentStock <= -5000">
19253                                <button
19254                                    class="qty-button -minus-button"
19255                                    type="button"
19256                                    title="Weniger"
19257                                    x-on:click="stepDown()">
19258                                    <?xml version="1.0" encoding="utf-8"?>
19259<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
19260<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="w-5 h-5" width="20" height="20">
19261        <title>Minus</title>
19262    <g>
19263	<g>
19264		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
19265	</g>
19266</g>
19267</svg>
19268                                </button>
19269                                <label for="qty[17966_9c77695662724eb1983dfc00e9139702_6ac211b5c00d0]"
19270                                       class="sr-only">
19271                                    Anzahl                                </label>
19272                                <input name="qty"
19273                                       class="form-input rounded-none px-2 text-center invalid:ring-2 invalid:ring-red-500 w-11/12"
19274                                       id="qty[17966_9c77695662724eb1983dfc00e9139702_6ac211b5c00d0]"
19275                                       type="number"
19276                                       inputmode="numeric"
19277                                       maxlength="5"
19278                                       min="1"                                       max="10000"                                       step="1"                                       :value="qty"
19279                                       x-model.number="qty"
19280                                       x-on:input.change="validateQty(qty);"
19281                                />
19282                                <button
19283                                    class="qty-button -plus-button"
19284                                    type="button"
19285                                    title="Mehr"
19286                                    class="plus"
19287                                    x-on:click="stepUp()">
19288                                    <?xml version="1.0" encoding="utf-8"?>
19289<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
19290<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="text-white" width="20" height="20">
19291        <title>Plus Sign</title>
19292    <g>
19293	<g>
19294		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
19295	</g>
19296	<g>
19297		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
19298	</g>
19299</g>
19300</svg>
19301                                </button>
19302                            </div>
19303                            <div class="w-1/2"
19304                                 x-show="currentStock > -5000"
19305                                 :aria-hidden="currentStock <= -5000">
19306                                                                    <button class="btn btn-add-to-cart w-full h-full px-2 py-0"
19307                                            :disabled="currentStock <= -1000 || false"
19308                                            :class="{'not-available': currentStock <= -1000 || false}"
19309                                            id="add-to-cart[17966_9c77695662724eb1983dfc00e9139702_6ac211b5c00d0]"
19310                                            title="Leuchterkerzen&#x20;wei&#xDF;&#x20;&#xD8;&#x20;2,2&#x20;cm&#x20;&#xB7;&#x20;25&#x20;cm&#x20;In&#x20;den&#x20;Warenkorb"
19311                                            aria-label="Leuchterkerzen&#x20;wei&#xDF;&#x20;&#xD8;&#x20;2,2&#x20;cm&#x20;&#xB7;&#x20;25&#x20;cm&#x20;In&#x20;den&#x20;Warenkorb">
19312                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
19313    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
19314                                        <span class="sm:pl-2 md:hidden lg:block">
19315                                            In&#x20;den&#x20;Warenkorb                                        </span>
19316                                    </button>
19317                                                            </div>
19318                        
19319                        <a x-cloak
19320                           x-show="currentStock <= -5000"
19321                           :aria-hidden="currentStock > -5000"
19322                           href="https://www.papstar-shop.de/leuchterkerzen-weiss-2-2-cm-25-cm-17966.htm"
19323                           class="btn btn-add-to-cart w-full h-full px-2 py-0"
19324                           id="add-to-cart[17966_9c77695662724eb1983dfc00e9139702_6ac211b5c00d0]"
19325                           title="Leuchterkerzen&#x20;wei&#xDF;&#x20;&#xD8;&#x20;2,2&#x20;cm&#x20;&#xB7;&#x20;25&#x20;cm&#x20;Produkt&#x20;individualisieren"
19326                           aria-label="Leuchterkerzen&#x20;wei&#xDF;&#x20;&#xD8;&#x20;2,2&#x20;cm&#x20;&#xB7;&#x20;25&#x20;cm&#x20;Produkt&#x20;individualisieren">
19327                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
19328    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
19329                            <span class="sm:pl-2 md:hidden lg:block py-4">
19330                                            Produkt&#x20;individualisieren                                        </span>
19331                        </a>
19332
19333                                                    
19333<script>
19334    'use strict';
19335
19336    (() => {
19337        window.addEventListener(
19338            'ga-initialized',
19339            () => {
19340                const productForm = document.querySelector(
19341                    'form\u005Bdata\u002Dsku\u003D\u002217966\u0022\u005D'
19342                );
19343
19344                if (!productForm) {
19345                    return;
19346                }
19347
19348                let sku = '17966';
19349
19350                window.addEventListener(
19351                    'listing\u002Dconfigurable-selection-changed',
19352                    (event) => {
19353                        if (event.detail.skuCandidates.length === 1
19354                            && event.detail.productId === '17966'
19355                        ) {
19356                            sku = event.detail.skuCandidates[0];
19357                        }
19358                    }
19359                );
19360
19361                function bindEventListener(element, event)
19362                {
19363                    element.addEventListener(event, () => {
19364                        if (productForm.checkValidity()) {
19365                            const priceSelector = false                                ? '#product-price-17966 .price'
19366                                : '[data-price-box="product-id-17966"] .price';
19367
19368                            window.dispatchEvent(new CustomEvent('cart-item-added', {
19369                                detail: [{
19370                                    product_sku: sku,
19371                                    product_name: 'Leuchterkerzen\u0020wei\u00DF\u0020\u00D8\u00202,2\u0020cm\u0020\u00B7\u002025\u0020cm',
19372                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),
19373
19374                                                                            qty: 1,
19375                                                                    }],
19376                            }));
19377                        }
19378                    });
19379                }
19380
19381                                    const button = productForm.querySelector(
19382                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
19383                    );
19384
19385                    if (!button) {
19386                        return;
19387                    }
19388
19389                    bindEventListener(button, 'click');
19390                            },
19391            { once: true }
19392        );
19393    })();
19394</script>
19394
19395                                            </div>
19396                    <div class="qty-alert hidden" id="qty-alert[17966_9c77695662724eb1983dfc00e9139702_6ac211b5c00d0]">
19397                        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill="currentColor" viewBox="0 0 20 20" class="w-3 h-3 mr-1 text-energy inline-block align-text-top">
19398<title>Warning</title>
19399    <path d="M19.64 16.36L11.53 2.3A1.85 1.85 0 0 0 10 1.21 1.85 1.85 0 0 0 8.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>
19400</svg>
19401                        <span>Bitte&#x20;nur&#x20;ganze&#x20;Zahlen&#x20;eingeben.</span>
19402                    </div>
19403                </div>
19404            </div>
19405        </div>
19406    </form>
19407</div>
19408                    </li>
19409                                                                    <li class="splide__slide">
19410                        <div class="h-full">
19411    <form method="post"
19412          aria-label="Product&#x20;tile&#x20;for&#x3A;&#x20;Mehrweg&#x20;Plastikbecher&#x20;&#x28;PP&#x29;,&#x20;0,3&#x20;l&#x20;&#xD8;&#x20;7,8&#x20;cm&#x20;&#xB7;&#x20;11,8&#x20;cm&#x20;transluzent&#x20;unzerbrechlich"
19413          action="https://www.papstar-shop.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cucGFwc3Rhci1zaG9wLmRlLz9tc2Nsa2lkPWI5ODJhMjlkYWVkYzFjMWQyM2I2Yzg1ZmEzZjY4ZjFj/product/16147/"
19414          class="item product product-item product_addtocart_form border rounded p-2.5 bg-container-white hover:shadow-lg flex flex-col w-full h-full"
19415            >
19416        <input name="form_key" type="hidden" value="rKVCmaFj7egUOB24" />        <input type="hidden" name="product" value="16147"/>
19417        <div
19418            class="relative product photo product-item-photo block mb-3 px-12 ">
19419                <a x-data="ReqBlind_6ac211b5cf422()"
19420       href="https://www.papstar-shop.de/customer/account/"
19421       title="Mehrweg Plastikbecher (PP), 0,3 l Ø 7,8 cm · 11,8 cm transluzent unzerbrechlich Zum Merkzettel hinzufügen"
19422       aria-label="Mehrweg Plastikbecher (PP), 0,3 l Ø 7,8 cm · 11,8 cm transluzent unzerbrechlich Zum Merkzettel hinzufügen"
19423       @click.prevent="open($event)"
19424       class="p-2 bg-transparent absolute right-0 hover:text-primary-darker bottom-0">
19425        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85" xml:space="preserve" fill="currentColor" class="mx-auto bg-transparent text-black" width="36" height="36">
19426    <path d="M23.895 23.457a8.424 8.424 0 0 0-2.896 1.895c-3.408 3.41-3.308 9.06.226 12.594" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/><path d="M68.801 42.971c6.287-6.289 6.389-16.478.224-22.645-6.165-6.164-16.354-6.063-22.644.225l-3.896 3.871-3.87-3.871c-6.287-6.288-16.477-6.389-22.641-.225-6.164 6.167-6.064 16.355.225 22.645l26.295 26.262 26.307-26.262z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/></svg>
19427        <span class="sr-only">Zum Merkzettel hinzufügen</span>
19428    </a>
19429    
19429<script>
19430        function ReqBlind_6ac211b5cf422() {
19431            return {
19432                open: function (event) {
19433                    window.scrollTo(0, 0);
19434                    dispatchMessages([{
19435                        type: 'notice',
19436                        text: 'Sie müssen eingeloggt sein, um die Merkzettel-Funktion zu nutzen.'
19437                    }], 5000);
19438                    let href = event.currentTarget.href;
19439                    setTimeout(function() {
19440                        window.location = href;
19441                    }, 4000);
19442                }
19443            }
19444        }
19445    </script>
19445
19446                                                            <a href="https://www.papstar-shop.de/mehrweg-plastikbecher-pp-0-3-l-7-8-cm-11-8-cm-transluzent-unzerbrechlich-16147.htm"
19447               tabindex="-1"
19448                            >
19449                <picture class="object-contain mx-auto py-3 product-image-photo"><source type="image/webp" srcset="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/M/e/Mehrweg-Plastikbecher-PP-0-3-l-7-8-cm-11-8-cm-transluzent-unzerbrechlich-16147_b_0_2.webp"><img class="object-contain mx-auto py-3 product-image-photo" x-data="" @update-gallery-16147.window="$el.src = $event.detail" src="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/M/e/Mehrweg-Plastikbecher-PP-0-3-l-7-8-cm-11-8-cm-transluzent-unzerbrechlich-16147_b_0_2.jpg" loading="lazy" itemprop="image" width="360" height="360" alt="Mehrweg&#x20;Plastikbecher&#x20;&#x28;PP&#x29;,&#x20;0,3&#x20;l&#x20;&#xD8;&#x20;7,8&#x20;cm&#x20;&#xB7;&#x20;11,8&#x20;cm&#x20;transluzent&#x20;unzerbrechlich" title="Mehrweg&#x20;Plastikbecher&#x20;&#x28;PP&#x29;,&#x20;0,3&#x20;l&#x20;&#xD8;&#x20;7,8&#x20;cm&#x20;&#xB7;&#x20;11,8&#x20;cm&#x20;transluzent&#x20;unzerbrechlich" loading="lazy" /></picture>
19450            </a>
19451        </div>
19452        <div class="product-info flex flex-col flex-grow">
19453            <div class="text-black font-semibold text-base">
19454                                    &nbsp;                            </div>
19455                        <div
19456                class="mt-1 text-black font-semibold text-base text-left sm:min-h-90px">
19457                <a class="product-item-link "
19458                   href="https://www.papstar-shop.de/mehrweg-plastikbecher-pp-0-3-l-7-8-cm-11-8-cm-transluzent-unzerbrechlich-16147.htm"
19459                                    >
19460                    Mehrweg Plastikbecher (PP), 0,3 l Ø 7,8 cm · 11,8 cm transluzent unzerbrechlich                </a>
19461                            </div>
19462            <div class="flex mt-1 mb-1">
19463                <div class="mt-auto sku text-sm">
19464                    <span>Artikel-Nr.: </span>16147                </div>
19465                                    <div class="lg:w-auto ml-auto block ">
19466                                            </div>
19467                            </div>
19468
19469                        <div class="mt-1 text-xs text-gray-600 italic">
19470                                    Verfügbar in 6 Varianten                            </div>
19471
19472            <div class="h-full flex justify-between flex-col">
19473                                                                
19473<script>
19474        function initConfigurableSwatchOptions_16147() {
19475            const configurableOptionsComponent = initConfigurableOptions(
19476                '16147',
19477                {"attributes":{"254":{"id":"254","code":"order_unit","label":"Bestelleinheit","options":[{"id":"7057","label":"Einzelpack","products":["216147"]},{"id":"7059","label":"Karton","products":["116147"]},{"id":"7061","label":"Palette","products":["616147"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"116147":{"baseOldPrice":{"amount":105.8},"oldPrice":{"amount":125.902001},"basePrice":{"amount":105.8},"finalPrice":{"amount":125.902001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"25,18\u00a0Cent \/ St\u00fcck","basePrice":"21,16\u00a0Cent \/ St\u00fcck"}},"unitSavings":"8.6% Ersparnis"},"616147":{"baseOldPrice":{"amount":1520},"oldPrice":{"amount":1808.800001},"basePrice":{"amount":1520},"finalPrice":{"amount":1808.800001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"22,61\u00a0Cent \/ St\u00fcck","basePrice":"19,00\u00a0Cent \/ St\u00fcck"}},"unitSavings":"18% Ersparnis"},"216147":{"baseOldPrice":{"amount":5.79},"oldPrice":{"amount":6.890101},"basePrice":{"amount":5.79},"finalPrice":{"amount":6.890101},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"27,56\u00a0Cent \/ St\u00fcck","basePrice":"23,16\u00a0Cent \/ St\u00fcck"}}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":5.79},"oldPrice":{"amount":6.890101},"basePrice":{"amount":5.79},"finalPrice":{"amount":6.890101}},"productId":"16147","chooseText":"W\u00e4hlen Sie eine Option\u2026","images":[],"index":{"116147":{"254":"7059"},"616147":{"254":"7061"},"216147":{"254":"7057"}},"salable":{"254":{"7059":["116147"],"7061":["616147"],"7057":["216147"]}},"canDisplayShowOutOfStockStatus":true,"preSelectedGallery":[],"channel":"website","salesChannelCode":"papstar_de","sku":{"116147":"4002911261477","616147":"4049026595776","216147":"4002911161470"},"quantities":{"116147":313,"616147":19,"216147":6276}}            );
19478            const swatchOptionsComponent = initSwatchOptions({"254":{"7057":{"type":"0","value":null,"label":"Einzelpack","unit":"###VPE### St\u00fcck (1 x 25)","vpe":"25"},"7059":{"type":"0","value":null,"label":"Karton","unit":"###VPE### St\u00fcck (20 x 25)","vpe":"500"},"7061":{"type":"0","value":null,"label":"Palette","unit":"###VPE### St\u00fcck (320 x 25)","vpe":"8000"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}});
19479
19480            return Object.assign(
19481                configurableOptionsComponent,
19482                swatchOptionsComponent,
19483                {
19484                    mediaCallback: "https\u003A\u002F\u002Fwww.papstar\u002Dshop.de\u002Fswatches\u002Fajax\u002Fmedia\u002F",
19485                    changeOption(optionId, value, skipUpdateGallery) {
19486                        if (value === '') {
19487                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
19488                        } else {
19489                            this.selectedValues[optionId] = value;
19490                        }
19491                        this.findSimpleIndex();
19492                        this.findAllowedAttributeOptions();
19493                        this.updateStock();
19494                        this.updatePrices();
19495                        this.updateSavingPriceInfo();
19496                    },
19497                    unitSavingsPrice: null,
19498                    hasSpecialPrice: false,
19499                    finalPrice: {
19500                        amount: 0.00
19501                    },
19502                    oldPrice: {
19503                        amount: 0.00
19504                    },
19505
19506                    updateHasSpecialPrice() {
19507                        this.hasSpecialPrice = this.finalPrice.amount < this.oldPrice.amount;
19508                    },
19509                    updateSavingPriceInfo() {
19510                        const detail = this.optionConfig.optionPrices[this.productIndex];
19511                        this.oldPrice.amount = detail.oldPrice.amount;
19512                        this.finalPrice.amount = detail.finalPrice.amount;
19513
19514                        this.updateHasSpecialPrice();
19515
19516                        if (!this.hasSpecialPrice) {
19517                            this.unitSavingsPrice = detail.unitSavings;
19518                        }
19519                    },
19520                    preselectQuerystringItems: function() {
19521                        let found = false;
19522                        // pre-select option like ?size=167
19523                        const urlQueryParams = new URLSearchParams(window.location.search.replace("?", ""));
19524                        Object.values(this.optionConfig.attributes).map(attribute => {
19525                            const skipUpdateGallery = true;
19526                            if (urlQueryParams.get(attribute.code) !== null) {
19527                                let optionId = urlQueryParams.get(attribute.code);
19528                                found = false;
19529                                Object.values(attribute.options).map(option => {
19530                                    if (found === false && option.label === optionId) {
19531                                        optionId = option.id;
19532                                        found = true;
19533                                    }
19534                                });
19535                                this.changeOption(attribute.id, optionId, skipUpdateGallery);
19536                            }
19537                        });
19538                        if (found === false) {
19539                            // pre-select first option
19540                            Object.values(this.optionConfig.attributes).map(attribute => {
19541                                if (attribute.code === "order_unit") {
19542                                    let optionId = 0;
19543                                    Object.values(attribute.options).map(option => {
19544                                        if (this.selectedValues.length === 0) {
19545                                            if (found === false && option.products.length > 0) {
19546                                                optionId = option.id;
19547                                                this.changeOption(attribute.id, optionId, true);
19548                                                found = true;
19549                                            }
19550                                        } else {
19551                                            optionId = this.selectedValues[attribute.id];
19552                                            this.changeOption(attribute.id, optionId, true);
19553                                            found = true;
19554                                        }
19555                                    });
19556                                }
19557                            });
19558                        }
19559                    },
19560                    mouseDown: false,
19561                    startX: 0,
19562                    maxScroll: 0,
19563                    scrollLeft: null,
19564                    slider: null,
19565                    scrollEvents: {
19566                        ["@mousedown"](e) {
19567                            this.slider = e.target.closest(".snap");
19568                            if (!this.slider) {
19569                                return;
19570                            }
19571                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
19572                            this.startX = e.pageX - this.slider.offsetLeft;
19573                            this.scrollLeft = this.slider.scrollLeft;
19574                            this.mouseDown = true;
19575                        },
19576                        ["@mouseout.self"]() {
19577                            this.mouseDown = false;
19578                        },
19579                        ["@mouseup"]() {
19580                            this.mouseDown = false;
19581                        },
19582                        ["@mousemove"](e) {
19583                            e.preventDefault();
19584                            if (!this.mouseDown) {
19585                                return;
19586                            }
19587                            const x = e.pageX - this.slider.offsetLeft;
19588                            const scroll = x - this.startX;
19589                            const scrollLeft = this.scrollLeft - scroll;
19590
19591                            if (scrollLeft > this.maxScroll) {
19592                                this.slider.scrollLeft = this.maxScroll;
19593                                return;
19594                            }
19595                            this.slider.scrollLeft = this.scrollLeft - scroll;
19596                        },
19597                        ["@onselectstart"]() {
19598                            return false;
19599                        }
19600                    },
19601                    resizeEvent() {
19602                        Array.from(this.$el.querySelectorAll(".snap")).forEach(slider => {
19603                            slider.scrollLeft = 0;
19604                        });
19605                    }
19606                }
19607            );
19608        }
19609    </script>
19609
19610
19611    <div x-data="initConfigurableSwatchOptions_16147();"
19612         x-defer="intersect"
19613         x-init="getAllowedAttributeOptions();() => preselectQuerystringItems();preselectQuerystringItems();"
19614         @private-content-loaded.window="onGetCartData($event.detail.data)"
19615         @update-prices-16147.window="unitSavingsInfo = $event.detail.unitSavings"
19616         @touchstart.passive="preselectQuerystringItems()"
19617         @resize.window="resizeEvent()"
19618         class="relative md:w-full"
19619         @preselectswatch.window="preselectQuerystringItems()"
19620    >
19621        <div>
19622                                            
19623                                <div class="swatch-attribute order_unit">
19624                    <div class="w-full overflow-x-hidden swatch-attribute-options pt-2">
19625                        <div
19626                            class="w-full overflow-auto transition-all snap items-center min-h-14 product-listing-option-wrapper grid gap-2 pb-2"
19627                            id="attribute-label-16147-254"
19628                                                        :role="optionConfig.attributes?.[254]?.options?.length ? 'radiogroup' : null"
19629                            :aria-label="optionConfig.attributes?.[254]?.options?.length ? 'Attribut-order_unit' : null"
19630                            x-bind="scrollEvents">
19631                            <template x-for="(item, index) in optionConfig.attributes[254].options"
19632                                      :key="item.id"
19633                            >
19634                                
19635<div class="swatch-item">
19636        <label
19637            :for="'attribute-option-swatch-input6ac211b5d59544.1652365216147-'+item.id"
19638            class="rounded swatch-option flex flex-col relative shadow-sm cursor-pointer select-none text-center product-option-value-label"
19639            :class="{
19640                'bg-secondary border-container-lighter text-white' : (selectedValues[254] === item.id),
19641                'bg-container-lighter' : (selectedValues[254] !== item.id),
19642                'w-6 h-6' : !isTextSwatch(254, item.id),
19643                'bg-secondary text-white' : focusedLabel === item.id
19644            }"
19645            :style="getSwatchBackgroundStyle('254',item.id)"
19646        >
19647            <input
19648                :id="'attribute-option-swatch-input6ac211b5d59544.1652365216147-'+item.id"
19649                :value="item.id"
19650                name="super_attribute[254]-16147]"
19651                type="radio"
19652                role="radio"
19653                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
19654                style="z-index:-1"
19655                x-on:focus="focusLabel(item.id)"
19656                x-on:blur="blurLabel()"
19657                x-on:change="changeOption(254, $event.target.value)"
19658                x-model="selectedValues[254]"
19659                :required="getAllowedAttributeOptions(254).filter(
19660                                                                    attributeOption => selectedValues[attributeOption]
19661                                                                ).length === 0"
19662                :aria-label="getSwatchText(254, item.id) + ': ' + getSwatchUnitText(254, item.id)"
19663            >
19664            <div x-html="getSwatchText(254, item.id)"
19665                 class="whitespace-nowrap text-sm font-bold"
19666                 :class="{ 'sr-only' : !isTextSwatch(254, item.id) }"
19667                 aria-hidden="false"
19668            ></div>
19669            <!-- N98 custom attributes start-->
19670            <div x-html="getSwatchUnitText(254, item.id)"
19671                 class="text-xs" aria-hidden="false"></div>
19672            <!-- N98 custom attributes end-->
19673        </label>
19674        <template x-if="unitSavingsInfo && selectedValues[254] === item.id">
19675            <div class="unit-savings-price">
19676                <span class="-info" x-html="unitSavingsInfo"></span>
19677            </div>
19678        </template>
19679    <template x-if="index != 0 && selectedValues[254] !== item.id">
19680        <div class="unit-savings-price">
19681            <span class="-info">
19682            <span><?xml version="1.0" encoding="UTF-8"?>
19683<svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" version="1.1" viewBox="0 0 18 22" width="16" height="16">
19684    <title>Percent</title>
19685  <defs>
19686    <style>
19687      .st0 {
19688        stroke-linecap: round;
19689        stroke-linejoin: round;
19690      }
19691
19692      .st0, .st1 {
19693        fill: none;
19694        stroke-width: 1.5px;
19695      }
19696
19697      .st1 {
19698        stroke-miterlimit: 10;
19699      }
19700    </style>
19701  </defs>
19702  <path class="st1" stroke="currentColor" d="M16.2,16.6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
19703  <g>
19704    <path class="st1" stroke="currentColor" d="M8,6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
19705    <path class="st0" stroke="currentColor" d="M3.5,18.7L15.4,3.9"/>
19706  </g>
19707</svg>
19708</span>
19709            </span>
19710        </div>
19711    </template>
19712</div>
19713                            </template>
19714                        </div>
19715                    </div>
19716                </div>
19717                    </div>
19718                    <template x-if="isTooltipVisible()">
19719    <div class="absolute shadow-lg"
19720        :style="isLayeredSwatch == false && getTooltipPosition()"
19721    >
19722        <div class="absolute top-0 left-0 z-50 p-2 -mt-6 text-sm leading-tight text-black
19723                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
19724        >
19725        <!--template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
19726            <div x-show="getSwatchType(activeTooltipItem.type) !== 'color'"
19727                class="inline-block shadow-sm"
19728                :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
19729            ></div>
19730        </template-->
19731            <span class="mx-2 text-sm font-semibold whitespace-nowrap subtitle"
19732                    x-html="getTooltipLabel()"
19733            ></span>
19734        </div>
19735        <svg class="absolute z-50 w-8 h-8 text-white transform -translate-x-3
19736                -translate-y-8 fill-current stroke-current"
19737                width="12"
19738                height="12"
19739        >
19740            <title>Tooltip Icon</title>
19741            <rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
19742        </svg>
19743    </div>
19744</template>
19745            </div>
19746                                        
19747                
19747<script>
19748                    function initPriceBox__9c77695662724eb1983dfc00e9139702_6ac211b5cf12a() {
19749                        return {
19750                            updatePrice(priceData, productId) {
19751                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
19752                                const regularOldPriceElement = this.$el.querySelector('.normal-price .old-price');
19753                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
19754                                const regularPriceElementTax = this.$el.querySelector('.normal-price .price-container .tax');
19755                                const regularOldBasePriceElement = this.$el.querySelector('.base-price .old-price');
19756                                const regularBasePriceElement = this.$el.querySelector('.base-price .price-wrapper .price');
19757                                const regularBasePriceElementTax = this.$el.querySelector('.base-price .price-container .tax');
19758                                const unitPriceElement = this.$el.querySelector('.normal-price .unitPrice');
19759                                const unitBasePriceElement = this.$el.querySelector('.base-price .unitPrice');
19760                                const productTileBadge = document.querySelector('.badge-discounted-' + productId);
19761
19762                                let specialPrice = false;
19763                                let specialPricePercent;
19764
19765                                if (regularPriceLabel) {
19766                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
19767                                        regularPriceLabel.classList.remove('hidden');
19768                                    } else {
19769                                        regularPriceLabel.classList.add('hidden');
19770                                    }
19771                                }
19772
19773                                if (productTileBadge) {
19774                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
19775                                        specialPricePercent = (priceData.oldPrice.amount - priceData.finalPrice.amount)
19776                                            / priceData.oldPrice.amount * 100;
19777                                        productTileBadge.innerText = '-' + Math.round(specialPricePercent) + '%';
19778                                        productTileBadge.classList.remove('hidden');
19779                                    }
19780                                }
19781
19782                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
19783                                    specialPrice = true;
19784                                } else {
19785                                    specialPrice = false;
19786                                }
19787
19788                                if (regularOldPriceElement && priceData.oldPrice.amount) {
19789                                    if (specialPrice) {
19790                                        regularOldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount);
19791                                    } else {
19792                                        regularOldPriceElement.innerText = '';
19793                                    }
19794                                }
19795
19796                                if (regularPriceElement) {
19797                                    regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
19798                                    regularPriceElementTax.style.display = 'block';
19799                                }
19800
19801                                if (unitPriceElement) {
19802                                    unitPriceElement.innerText = '';
19803                                }
19804
19805                                if (unitPriceElement && priceData.unitPrice.pricePerUnitHTML.price) {
19806                                    unitPriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.price;
19807                                }
19808
19809                                if (regularOldBasePriceElement && priceData.baseOldPrice.amount) {
19810                                    if (specialPrice) {
19811                                        regularOldBasePriceElement.innerText =
19812                                            hyva.formatPrice(priceData.baseOldPrice.amount);
19813                                    } else {
19814                                        regularOldBasePriceElement.innerText = '';
19815                                    }
19816                                }
19817
19818                                if (regularBasePriceElement) {
19819                                    regularBasePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount);
19820                                    regularBasePriceElementTax.style.display = 'block';
19821                                }
19822
19823                                if (unitBasePriceElement) {
19824                                    unitBasePriceElement.innerText = '';
19825                                }
19826
19827                                if (unitBasePriceElement && priceData.unitPrice.pricePerUnitHTML.basePrice) {
19828                                    unitBasePriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.basePrice;
19829                                }
19830
19831                                if (priceData.finalPrice.amount === priceData.basePrice.amount) {
19832                                    this.$el.querySelector('.normal-price').classList.add('hidden');
19833                                } else {
19834                                    this.$el.querySelector('.normal-price').classList.remove('hidden');
19835                                }
19836                            }
19837                        }
19838                    }
19839
19840                    function initQtyField__9c77695662724eb1983dfc00e9139702_6ac211b5cf12a() {
19841                        return {
19842                            qty: 1,
19843                            input: document.getElementById('qty[16147_9c77695662724eb1983dfc00e9139702_6ac211b5cf12a]'),
19844                            addToCart: document.getElementById('add-to-cart[16147_9c77695662724eb1983dfc00e9139702_6ac211b5cf12a]'),
19845                            qtyAlert: document.getElementById('qty-alert[16147_9c77695662724eb1983dfc00e9139702_6ac211b5cf12a]'),
19846                            currentStock: 0,
19847
19848                            validateQty(qty) {
19849                                let regex = /^\d+$/;
19850                                let pattern = regex.test(qty);
19851
19852                                this.addToCart.disabled = qty === 0
19853                                    || qty === null
19854                                    || qty > 10000                                    || !pattern
19855                                    || this.addToCart.classList.contains('not-available');
19856
19857                                if (qty === 0
19858                                    || qty === null
19859                                    || qty > 10000                                    || !pattern) {
19860                                    this.qtyAlert.style.display = 'block';
19861                                } else {
19862                                    this.qtyAlert.style.display = 'none';
19863                                }
19864                            },
19865
19866                            stepUp() {
19867                                this.input.stepUp();
19868                                let qty = document.getElementById('qty[16147_9c77695662724eb1983dfc00e9139702_6ac211b5cf12a]').value;
19869                                this.validateQty(qty);
19870
19871                            },
19872
19873                            stepDown() {
19874                                this.input.stepDown();
19875                                let qty = document.getElementById('qty[16147_9c77695662724eb1983dfc00e9139702_6ac211b5cf12a]').value;
19876                                this.validateQty(qty);
19877                            }
19878                        };
19879                    }
19880                </script>
19880
19881                <div class="relative price-block">
19882                    <div class="flex my-4 sm:min-h-42px w-full">
19883                                                <div class="w-full"
19884                             x-data="initPriceBox__9c77695662724eb1983dfc00e9139702_6ac211b5cf12a()"
19885                             x-init="() => $dispatch('preselectswatch')"
19886                             @update-prices-16147.window="updatePrice($event.detail,16147);">
19887                            <div
19888                                class="price-box mt-3 price-final_price flex flex-wrap justify-between"
19889                                data-role="priceBox">
19890                                <div class="normal-price text-left ">
19891                                <span class="price-container price-final_price tax weee">
19892                                    <div class="old-price text-xs including-tax line-through"></div>
19893                                    <div id="price-including-tax-product-price-16147"
19894                                         data-price-type="finalPrice"
19895                                         class="price-wrapper price-including-tax finalPrice flex items-end">
19896                                        <span class="price"></span>
19897                                        <span class="tax font-normal hidden">mit MwSt.</span>
19898                                    </div>
19899                                    <div class="unitPrice text-xs"></div>
19900                                </span>
19901                                </div>
19902
19903                                <div class="base-price text-left ">
19904                                <span class="price-container price-final_price tax weee">
19905                                    <div class="old-price text-xs excluding-tax line-through"></div>
19906                                    <div id="price-excluding-tax-product-price-16147"
19907                                         data-price-type="finalPrice"
19908                                         class="price-wrapper price-excluding-tax finalPrice flex items-end">
19909                                        <span class="price"></span>
19910                                        <span class="tax font-normal hidden">ohne MwSt.</span>
19911                                    </div>
19912                                    <div class="unitPrice text-xs"></div>
19913                                </span>
19914                                </div>
19915                            </div>
19916                        </div>
19917                    </div>
19918
19919                                            <div x-data="{ currentStock: 0 }"
19920                             x-init="() => $dispatch('preselectswatch')"
19921                             @update-stock-16147.window="currentStock = $event.detail"
19922                             class="flex flex-wrap mt-auto text-left">
19923                            <div class="stock-status text-xs w-full mb-3 mt-auto basis-full">
19924                                <template x-if="currentStock">
19925                                    <div>
19926                                    <span x-show="currentStock > 0" class="text-green-main">
19927                                        Sofort versandfertig, Lieferzeit: 1-3 Werktage                                    </span>
19928                                        <span x-show="currentStock <= 0 && currentStock > -1000"
19929                                              class="text-yellow-700">
19930                                        Aktuell nicht lieferbar, Lieferzeit: 5-10 Werktage                                    </span>
19931                                        <span x-show="currentStock <= -1000 && currentStock > -5000"
19932                                              class="text-red-600">
19933                                        Aktuell nicht lieferbar                                    </span>
19934                                    </div>
19935                                </template>
19936                            </div>
19937                        </div>
19938                    
19939                    
19940                    <div class="flex gap-4 mt-auto justify-end lg:justify-between"
19941                         x-data="initQtyField__9c77695662724eb1983dfc00e9139702_6ac211b5cf12a()"
19942                         x-init="() => $dispatch('preselectswatch')"
19943                         @update-stock-16147.window="currentStock = $event.detail;">
19944                                                    <div class="w-1/2 flex"
19945                                x-show="currentStock > -5000"
19946                                :aria-hidden="currentStock <= -5000">
19947                                <button
19948                                    class="qty-button -minus-button"
19949                                    type="button"
19950                                    title="Weniger"
19951                                    x-on:click="stepDown()">
19952                                    <?xml version="1.0" encoding="utf-8"?>
19953<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
19954<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="w-5 h-5" width="20" height="20">
19955        <title>Minus</title>
19956    <g>
19957	<g>
19958		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
19959	</g>
19960</g>
19961</svg>
19962                                </button>
19963                                <label for="qty[16147_9c77695662724eb1983dfc00e9139702_6ac211b5cf12a]"
19964                                       class="sr-only">
19965                                    Anzahl                                </label>
19966                                <input name="qty"
19967                                       class="form-input rounded-none px-2 text-center invalid:ring-2 invalid:ring-red-500 w-11/12"
19968                                       id="qty[16147_9c77695662724eb1983dfc00e9139702_6ac211b5cf12a]"
19969                                       type="number"
19970                                       inputmode="numeric"
19971                                       maxlength="5"
19972                                       min="1"                                       max="10000"                                       step="1"                                       :value="qty"
19973                                       x-model.number="qty"
19974                                       x-on:input.change="validateQty(qty);"
19975                                />
19976                                <button
19977                                    class="qty-button -plus-button"
19978                                    type="button"
19979                                    title="Mehr"
19980                                    class="plus"
19981                                    x-on:click="stepUp()">
19982                                    <?xml version="1.0" encoding="utf-8"?>
19983<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
19984<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="text-white" width="20" height="20">
19985        <title>Plus Sign</title>
19986    <g>
19987	<g>
19988		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
19989	</g>
19990	<g>
19991		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
19992	</g>
19993</g>
19994</svg>
19995                                </button>
19996                            </div>
19997                            <div class="w-1/2"
19998                                 x-show="currentStock > -5000"
19999                                 :aria-hidden="currentStock <= -5000">
20000                                                                    <button class="btn btn-add-to-cart w-full h-full px-2 py-0"
20001                                            :disabled="currentStock <= -1000 || false"
20002                                            :class="{'not-available': currentStock <= -1000 || false}"
20003                                            id="add-to-cart[16147_9c77695662724eb1983dfc00e9139702_6ac211b5cf12a]"
20004                                            title="Mehrweg&#x20;Plastikbecher&#x20;&#x28;PP&#x29;,&#x20;0,3&#x20;l&#x20;&#xD8;&#x20;7,8&#x20;cm&#x20;&#xB7;&#x20;11,8&#x20;cm&#x20;transluzent&#x20;unzerbrechlich&#x20;In&#x20;den&#x20;Warenkorb"
20005                                            aria-label="Mehrweg&#x20;Plastikbecher&#x20;&#x28;PP&#x29;,&#x20;0,3&#x20;l&#x20;&#xD8;&#x20;7,8&#x20;cm&#x20;&#xB7;&#x20;11,8&#x20;cm&#x20;transluzent&#x20;unzerbrechlich&#x20;In&#x20;den&#x20;Warenkorb">
20006                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
20007    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
20008                                        <span class="sm:pl-2 md:hidden lg:block">
20009                                            In&#x20;den&#x20;Warenkorb                                        </span>
20010                                    </button>
20011                                                            </div>
20012                        
20013                        <a x-cloak
20014                           x-show="currentStock <= -5000"
20015                           :aria-hidden="currentStock > -5000"
20016                           href="https://www.papstar-shop.de/mehrweg-plastikbecher-pp-0-3-l-7-8-cm-11-8-cm-transluzent-unzerbrechlich-16147.htm"
20017                           class="btn btn-add-to-cart w-full h-full px-2 py-0"
20018                           id="add-to-cart[16147_9c77695662724eb1983dfc00e9139702_6ac211b5cf12a]"
20019                           title="Mehrweg&#x20;Plastikbecher&#x20;&#x28;PP&#x29;,&#x20;0,3&#x20;l&#x20;&#xD8;&#x20;7,8&#x20;cm&#x20;&#xB7;&#x20;11,8&#x20;cm&#x20;transluzent&#x20;unzerbrechlich&#x20;Produkt&#x20;individualisieren"
20020                           aria-label="Mehrweg&#x20;Plastikbecher&#x20;&#x28;PP&#x29;,&#x20;0,3&#x20;l&#x20;&#xD8;&#x20;7,8&#x20;cm&#x20;&#xB7;&#x20;11,8&#x20;cm&#x20;transluzent&#x20;unzerbrechlich&#x20;Produkt&#x20;individualisieren">
20021                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
20022    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
20023                            <span class="sm:pl-2 md:hidden lg:block py-4">
20024                                            Produkt&#x20;individualisieren                                        </span>
20025                        </a>
20026
20027                                                    
20027<script>
20028    'use strict';
20029
20030    (() => {
20031        window.addEventListener(
20032            'ga-initialized',
20033            () => {
20034                const productForm = document.querySelector(
20035                    'form\u005Bdata\u002Dsku\u003D\u002216147\u0022\u005D'
20036                );
20037
20038                if (!productForm) {
20039                    return;
20040                }
20041
20042                let sku = '16147';
20043
20044                window.addEventListener(
20045                    'listing\u002Dconfigurable-selection-changed',
20046                    (event) => {
20047                        if (event.detail.skuCandidates.length === 1
20048                            && event.detail.productId === '16147'
20049                        ) {
20050                            sku = event.detail.skuCandidates[0];
20051                        }
20052                    }
20053                );
20054
20055                function bindEventListener(element, event)
20056                {
20057                    element.addEventListener(event, () => {
20058                        if (productForm.checkValidity()) {
20059                            const priceSelector = false                                ? '#product-price-16147 .price'
20060                                : '[data-price-box="product-id-16147"] .price';
20061
20062                            window.dispatchEvent(new CustomEvent('cart-item-added', {
20063                                detail: [{
20064                                    product_sku: sku,
20065                                    product_name: 'Mehrweg\u0020Plastikbecher\u0020\u0028PP\u0029,\u00200,3\u0020l\u0020\u00D8\u00207,8\u0020cm\u0020\u00B7\u002011,8\u0020cm\u0020transluzent\u0020unzerbrechlich',
20066                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),
20067
20068                                                                            qty: 1,
20069                                                                    }],
20070                            }));
20071                        }
20072                    });
20073                }
20074
20075                                    const button = productForm.querySelector(
20076                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
20077                    );
20078
20079                    if (!button) {
20080                        return;
20081                    }
20082
20083                    bindEventListener(button, 'click');
20084                            },
20085            { once: true }
20086        );
20087    })();
20088</script>
20088
20089                                            </div>
20090                    <div class="qty-alert hidden" id="qty-alert[16147_9c77695662724eb1983dfc00e9139702_6ac211b5cf12a]">
20091                        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill="currentColor" viewBox="0 0 20 20" class="w-3 h-3 mr-1 text-energy inline-block align-text-top">
20092<title>Warning</title>
20093    <path d="M19.64 16.36L11.53 2.3A1.85 1.85 0 0 0 10 1.21 1.85 1.85 0 0 0 8.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>
20094</svg>
20095                        <span>Bitte&#x20;nur&#x20;ganze&#x20;Zahlen&#x20;eingeben.</span>
20096                    </div>
20097                </div>
20098            </div>
20099        </div>
20100    </form>
20101</div>
20102                    </li>
20103                                                                    <li class="splide__slide">
20104                        <div class="h-full">
20105    <form method="post"
20106          aria-label="Product&#x20;tile&#x20;for&#x3A;&#x20;Dekokranz&#x20;aus&#x20;Papier&#x20;&#xD8;&#x20;75&#x20;cm&#x20;&quot;Bayrisch&#x20;Blau&quot;&#x20;schwer&#x20;entflammbar"
20107          action="https://www.papstar-shop.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cucGFwc3Rhci1zaG9wLmRlLz9tc2Nsa2lkPWI5ODJhMjlkYWVkYzFjMWQyM2I2Yzg1ZmEzZjY4ZjFj/product/18758/"
20108          class="item product product-item product_addtocart_form border rounded p-2.5 bg-container-white hover:shadow-lg flex flex-col w-full h-full"
20109            >
20110        <input name="form_key" type="hidden" value="rKVCmaFj7egUOB24" />        <input type="hidden" name="product" value="18758"/>
20111        <div
20112            class="relative product photo product-item-photo block mb-3 px-12 ">
20113                <a x-data="ReqBlind_6ac211b5dde15()"
20114       href="https://www.papstar-shop.de/customer/account/"
20115       title="Dekokranz aus Papier Ø 75 cm &quot;Bayrisch Blau&quot; schwer entflammbar Zum Merkzettel hinzufügen"
20116       aria-label="Dekokranz aus Papier Ø 75 cm &quot;Bayrisch Blau&quot; schwer entflammbar Zum Merkzettel hinzufügen"
20117       @click.prevent="open($event)"
20118       class="p-2 bg-transparent absolute right-0 hover:text-primary-darker bottom-0">
20119        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85" xml:space="preserve" fill="currentColor" class="mx-auto bg-transparent text-black" width="36" height="36">
20120    <path d="M23.895 23.457a8.424 8.424 0 0 0-2.896 1.895c-3.408 3.41-3.308 9.06.226 12.594" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/><path d="M68.801 42.971c6.287-6.289 6.389-16.478.224-22.645-6.165-6.164-16.354-6.063-22.644.225l-3.896 3.871-3.87-3.871c-6.287-6.288-16.477-6.389-22.641-.225-6.164 6.167-6.064 16.355.225 22.645l26.295 26.262 26.307-26.262z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/></svg>
20121        <span class="sr-only">Zum Merkzettel hinzufügen</span>
20122    </a>
20123    
20123<script>
20124        function ReqBlind_6ac211b5dde15() {
20125            return {
20126                open: function (event) {
20127                    window.scrollTo(0, 0);
20128                    dispatchMessages([{
20129                        type: 'notice',
20130                        text: 'Sie müssen eingeloggt sein, um die Merkzettel-Funktion zu nutzen.'
20131                    }], 5000);
20132                    let href = event.currentTarget.href;
20133                    setTimeout(function() {
20134                        window.location = href;
20135                    }, 4000);
20136                }
20137            }
20138        }
20139    </script>
20139
20140                                                            <a href="https://www.papstar-shop.de/dekokranz-aus-papier-75-cm-bayrisch-blau-schwer-entflammbar-18758.htm"
20141               tabindex="-1"
20142                            >
20143                <picture class="object-contain mx-auto py-3 product-image-photo"><source type="image/webp" srcset="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/D/e/Dekokranz-aus-Papier-75-cm-Bayrisch-Blau-schwer-entflammbar-18758_b_0_2.webp"><img class="object-contain mx-auto py-3 product-image-photo" x-data="" @update-gallery-18758.window="$el.src = $event.detail" src="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/D/e/Dekokranz-aus-Papier-75-cm-Bayrisch-Blau-schwer-entflammbar-18758_b_0_2.jpg" loading="lazy" itemprop="image" width="360" height="360" alt="Dekokranz&#x20;aus&#x20;Papier&#x20;&#xD8;&#x20;75&#x20;cm&#x20;&quot;Bayrisch&#x20;Blau&quot;&#x20;schwer&#x20;entflammbar" title="Dekokranz&#x20;aus&#x20;Papier&#x20;&#xD8;&#x20;75&#x20;cm&#x20;&quot;Bayrisch&#x20;Blau&quot;&#x20;schwer&#x20;entflammbar" loading="lazy" /></picture>
20144            </a>
20145        </div>
20146        <div class="product-info flex flex-col flex-grow">
20147            <div class="text-black font-semibold text-base">
20148                                    &nbsp;                            </div>
20149                        <div
20150                class="mt-1 text-black font-semibold text-base text-left sm:min-h-90px">
20151                <a class="product-item-link "
20152                   href="https://www.papstar-shop.de/dekokranz-aus-papier-75-cm-bayrisch-blau-schwer-entflammbar-18758.htm"
20153                                    >
20154                    Dekokranz aus Papier Ø 75 cm &quot;Bayrisch Blau&quot; schwer entflammbar                </a>
20155                            </div>
20156            <div class="flex mt-1 mb-1">
20157                <div class="mt-auto sku text-sm">
20158                    <span>Artikel-Nr.: </span>18758                </div>
20159                                    <div class="lg:w-auto ml-auto block ">
20160                                            </div>
20161                            </div>
20162
20163                        <div class="mt-1 text-xs text-gray-600 italic">
20164                                    &nbsp;
20165                            </div>
20166
20167            <div class="h-full flex justify-between flex-col">
20168                                                                
20168<script>
20169        function initConfigurableSwatchOptions_18758() {
20170            const configurableOptionsComponent = initConfigurableOptions(
20171                '18758',
20172                {"attributes":{"254":{"id":"254","code":"order_unit","label":"Bestelleinheit","options":[{"id":"7057","label":"Einzelpack","products":["218758"]},{"id":"7059","label":"Karton","products":["118758"]},{"id":"7061","label":"Palette","products":["618758"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"118758":{"baseOldPrice":{"amount":42.95},"oldPrice":{"amount":51.110501},"basePrice":{"amount":42.95},"finalPrice":{"amount":51.110501},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"10,22\u00a0\u20ac \/ St\u00fcck","basePrice":"8,59\u00a0\u20ac \/ St\u00fcck"}},"unitSavings":"5.5% Ersparnis"},"218758":{"baseOldPrice":{"amount":9.09},"oldPrice":{"amount":10.817101},"basePrice":{"amount":9.09},"finalPrice":{"amount":10.817101},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"10,82\u00a0\u20ac \/ St\u00fcck","basePrice":"9,09\u00a0\u20ac \/ St\u00fcck"}}},"618758":{"baseOldPrice":{"amount":3696},"oldPrice":{"amount":4398.240001},"basePrice":{"amount":3696},"finalPrice":{"amount":4398.240001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"9,16\u00a0\u20ac \/ St\u00fcck","basePrice":"7,70\u00a0\u20ac \/ St\u00fcck"}},"unitSavings":"15.3% Ersparnis"}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":9.09},"oldPrice":{"amount":10.817101},"basePrice":{"amount":9.09},"finalPrice":{"amount":10.817101}},"productId":"18758","chooseText":"W\u00e4hlen Sie eine Option\u2026","images":[],"index":{"118758":{"254":"7059"},"218758":{"254":"7057"},"618758":{"254":"7061"}},"salable":{"254":{"7059":["118758"],"7057":["218758"],"7061":["618758"]}},"canDisplayShowOutOfStockStatus":true,"preSelectedGallery":[],"channel":"website","salesChannelCode":"papstar_de","sku":{"118758":"4002911287583","218758":"4002911187586","618758":"4049026941054"},"quantities":{"118758":124,"218758":624,"618758":1}}            );
20173            const swatchOptionsComponent = initSwatchOptions({"254":{"7057":{"type":"0","value":null,"label":"Einzelpack","unit":"###VPE### St\u00fcck (1 x 1)","vpe":"1"},"7059":{"type":"0","value":null,"label":"Karton","unit":"###VPE### St\u00fcck (5 x 1)","vpe":"5"},"7061":{"type":"0","value":null,"label":"Palette","unit":"###VPE### St\u00fcck (480 x 1)","vpe":"480"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}});
20174
20175            return Object.assign(
20176                configurableOptionsComponent,
20177                swatchOptionsComponent,
20178                {
20179                    mediaCallback: "https\u003A\u002F\u002Fwww.papstar\u002Dshop.de\u002Fswatches\u002Fajax\u002Fmedia\u002F",
20180                    changeOption(optionId, value, skipUpdateGallery) {
20181                        if (value === '') {
20182                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
20183                        } else {
20184                            this.selectedValues[optionId] = value;
20185                        }
20186                        this.findSimpleIndex();
20187                        this.findAllowedAttributeOptions();
20188                        this.updateStock();
20189                        this.updatePrices();
20190                        this.updateSavingPriceInfo();
20191                    },
20192                    unitSavingsPrice: null,
20193                    hasSpecialPrice: false,
20194                    finalPrice: {
20195                        amount: 0.00
20196                    },
20197                    oldPrice: {
20198                        amount: 0.00
20199                    },
20200
20201                    updateHasSpecialPrice() {
20202                        this.hasSpecialPrice = this.finalPrice.amount < this.oldPrice.amount;
20203                    },
20204                    updateSavingPriceInfo() {
20205                        const detail = this.optionConfig.optionPrices[this.productIndex];
20206                        this.oldPrice.amount = detail.oldPrice.amount;
20207                        this.finalPrice.amount = detail.finalPrice.amount;
20208
20209                        this.updateHasSpecialPrice();
20210
20211                        if (!this.hasSpecialPrice) {
20212                            this.unitSavingsPrice = detail.unitSavings;
20213                        }
20214                    },
20215                    preselectQuerystringItems: function() {
20216                        let found = false;
20217                        // pre-select option like ?size=167
20218                        const urlQueryParams = new URLSearchParams(window.location.search.replace("?", ""));
20219                        Object.values(this.optionConfig.attributes).map(attribute => {
20220                            const skipUpdateGallery = true;
20221                            if (urlQueryParams.get(attribute.code) !== null) {
20222                                let optionId = urlQueryParams.get(attribute.code);
20223                                found = false;
20224                                Object.values(attribute.options).map(option => {
20225                                    if (found === false && option.label === optionId) {
20226                                        optionId = option.id;
20227                                        found = true;
20228                                    }
20229                                });
20230                                this.changeOption(attribute.id, optionId, skipUpdateGallery);
20231                            }
20232                        });
20233                        if (found === false) {
20234                            // pre-select first option
20235                            Object.values(this.optionConfig.attributes).map(attribute => {
20236                                if (attribute.code === "order_unit") {
20237                                    let optionId = 0;
20238                                    Object.values(attribute.options).map(option => {
20239                                        if (this.selectedValues.length === 0) {
20240                                            if (found === false && option.products.length > 0) {
20241                                                optionId = option.id;
20242                                                this.changeOption(attribute.id, optionId, true);
20243                                                found = true;
20244                                            }
20245                                        } else {
20246                                            optionId = this.selectedValues[attribute.id];
20247                                            this.changeOption(attribute.id, optionId, true);
20248                                            found = true;
20249                                        }
20250                                    });
20251                                }
20252                            });
20253                        }
20254                    },
20255                    mouseDown: false,
20256                    startX: 0,
20257                    maxScroll: 0,
20258                    scrollLeft: null,
20259                    slider: null,
20260                    scrollEvents: {
20261                        ["@mousedown"](e) {
20262                            this.slider = e.target.closest(".snap");
20263                            if (!this.slider) {
20264                                return;
20265                            }
20266                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
20267                            this.startX = e.pageX - this.slider.offsetLeft;
20268                            this.scrollLeft = this.slider.scrollLeft;
20269                            this.mouseDown = true;
20270                        },
20271                        ["@mouseout.self"]() {
20272                            this.mouseDown = false;
20273                        },
20274                        ["@mouseup"]() {
20275                            this.mouseDown = false;
20276                        },
20277                        ["@mousemove"](e) {
20278                            e.preventDefault();
20279                            if (!this.mouseDown) {
20280                                return;
20281                            }
20282                            const x = e.pageX - this.slider.offsetLeft;
20283                            const scroll = x - this.startX;
20284                            const scrollLeft = this.scrollLeft - scroll;
20285
20286                            if (scrollLeft > this.maxScroll) {
20287                                this.slider.scrollLeft = this.maxScroll;
20288                                return;
20289                            }
20290                            this.slider.scrollLeft = this.scrollLeft - scroll;
20291                        },
20292                        ["@onselectstart"]() {
20293                            return false;
20294                        }
20295                    },
20296                    resizeEvent() {
20297                        Array.from(this.$el.querySelectorAll(".snap")).forEach(slider => {
20298                            slider.scrollLeft = 0;
20299                        });
20300                    }
20301                }
20302            );
20303        }
20304    </script>
20304
20305
20306    <div x-data="initConfigurableSwatchOptions_18758();"
20307         x-defer="intersect"
20308         x-init="getAllowedAttributeOptions();() => preselectQuerystringItems();preselectQuerystringItems();"
20309         @private-content-loaded.window="onGetCartData($event.detail.data)"
20310         @update-prices-18758.window="unitSavingsInfo = $event.detail.unitSavings"
20311         @touchstart.passive="preselectQuerystringItems()"
20312         @resize.window="resizeEvent()"
20313         class="relative md:w-full"
20314         @preselectswatch.window="preselectQuerystringItems()"
20315    >
20316        <div>
20317                                            
20318                                <div class="swatch-attribute order_unit">
20319                    <div class="w-full overflow-x-hidden swatch-attribute-options pt-2">
20320                        <div
20321                            class="w-full overflow-auto transition-all snap items-center min-h-14 product-listing-option-wrapper grid gap-2 pb-2"
20322                            id="attribute-label-18758-254"
20323                                                        :role="optionConfig.attributes?.[254]?.options?.length ? 'radiogroup' : null"
20324                            :aria-label="optionConfig.attributes?.[254]?.options?.length ? 'Attribut-order_unit' : null"
20325                            x-bind="scrollEvents">
20326                            <template x-for="(item, index) in optionConfig.attributes[254].options"
20327                                      :key="item.id"
20328                            >
20329                                
20330<div class="swatch-item">
20331        <label
20332            :for="'attribute-option-swatch-input6ac211b5e4cf56.4518809118758-'+item.id"
20333            class="rounded swatch-option flex flex-col relative shadow-sm cursor-pointer select-none text-center product-option-value-label"
20334            :class="{
20335                'bg-secondary border-container-lighter text-white' : (selectedValues[254] === item.id),
20336                'bg-container-lighter' : (selectedValues[254] !== item.id),
20337                'w-6 h-6' : !isTextSwatch(254, item.id),
20338                'bg-secondary text-white' : focusedLabel === item.id
20339            }"
20340            :style="getSwatchBackgroundStyle('254',item.id)"
20341        >
20342            <input
20343                :id="'attribute-option-swatch-input6ac211b5e4cf56.4518809118758-'+item.id"
20344                :value="item.id"
20345                name="super_attribute[254]-18758]"
20346                type="radio"
20347                role="radio"
20348                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
20349                style="z-index:-1"
20350                x-on:focus="focusLabel(item.id)"
20351                x-on:blur="blurLabel()"
20352                x-on:change="changeOption(254, $event.target.value)"
20353                x-model="selectedValues[254]"
20354                :required="getAllowedAttributeOptions(254).filter(
20355                                                                    attributeOption => selectedValues[attributeOption]
20356                                                                ).length === 0"
20357                :aria-label="getSwatchText(254, item.id) + ': ' + getSwatchUnitText(254, item.id)"
20358            >
20359            <div x-html="getSwatchText(254, item.id)"
20360                 class="whitespace-nowrap text-sm font-bold"
20361                 :class="{ 'sr-only' : !isTextSwatch(254, item.id) }"
20362                 aria-hidden="false"
20363            ></div>
20364            <!-- N98 custom attributes start-->
20365            <div x-html="getSwatchUnitText(254, item.id)"
20366                 class="text-xs" aria-hidden="false"></div>
20367            <!-- N98 custom attributes end-->
20368        </label>
20369        <template x-if="unitSavingsInfo && selectedValues[254] === item.id">
20370            <div class="unit-savings-price">
20371                <span class="-info" x-html="unitSavingsInfo"></span>
20372            </div>
20373        </template>
20374    <template x-if="index != 0 && selectedValues[254] !== item.id">
20375        <div class="unit-savings-price">
20376            <span class="-info">
20377            <span><?xml version="1.0" encoding="UTF-8"?>
20378<svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" version="1.1" viewBox="0 0 18 22" width="16" height="16">
20379    <title>Percent</title>
20380  <defs>
20381    <style>
20382      .st0 {
20383        stroke-linecap: round;
20384        stroke-linejoin: round;
20385      }
20386
20387      .st0, .st1 {
20388        fill: none;
20389        stroke-width: 1.5px;
20390      }
20391
20392      .st1 {
20393        stroke-miterlimit: 10;
20394      }
20395    </style>
20396  </defs>
20397  <path class="st1" stroke="currentColor" d="M16.2,16.6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
20398  <g>
20399    <path class="st1" stroke="currentColor" d="M8,6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
20400    <path class="st0" stroke="currentColor" d="M3.5,18.7L15.4,3.9"/>
20401  </g>
20402</svg>
20403</span>
20404            </span>
20405        </div>
20406    </template>
20407</div>
20408                            </template>
20409                        </div>
20410                    </div>
20411                </div>
20412                    </div>
20413                    <template x-if="isTooltipVisible()">
20414    <div class="absolute shadow-lg"
20415        :style="isLayeredSwatch == false && getTooltipPosition()"
20416    >
20417        <div class="absolute top-0 left-0 z-50 p-2 -mt-6 text-sm leading-tight text-black
20418                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
20419        >
20420        <!--template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
20421            <div x-show="getSwatchType(activeTooltipItem.type) !== 'color'"
20422                class="inline-block shadow-sm"
20423                :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
20424            ></div>
20425        </template-->
20426            <span class="mx-2 text-sm font-semibold whitespace-nowrap subtitle"
20427                    x-html="getTooltipLabel()"
20428            ></span>
20429        </div>
20430        <svg class="absolute z-50 w-8 h-8 text-white transform -translate-x-3
20431                -translate-y-8 fill-current stroke-current"
20432                width="12"
20433                height="12"
20434        >
20435            <title>Tooltip Icon</title>
20436            <rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
20437        </svg>
20438    </div>
20439</template>
20440            </div>
20441                                        
20442                
20442<script>
20443                    function initPriceBox__9c77695662724eb1983dfc00e9139702_6ac211b5ddb20() {
20444                        return {
20445                            updatePrice(priceData, productId) {
20446                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
20447                                const regularOldPriceElement = this.$el.querySelector('.normal-price .old-price');
20448                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
20449                                const regularPriceElementTax = this.$el.querySelector('.normal-price .price-container .tax');
20450                                const regularOldBasePriceElement = this.$el.querySelector('.base-price .old-price');
20451                                const regularBasePriceElement = this.$el.querySelector('.base-price .price-wrapper .price');
20452                                const regularBasePriceElementTax = this.$el.querySelector('.base-price .price-container .tax');
20453                                const unitPriceElement = this.$el.querySelector('.normal-price .unitPrice');
20454                                const unitBasePriceElement = this.$el.querySelector('.base-price .unitPrice');
20455                                const productTileBadge = document.querySelector('.badge-discounted-' + productId);
20456
20457                                let specialPrice = false;
20458                                let specialPricePercent;
20459
20460                                if (regularPriceLabel) {
20461                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
20462                                        regularPriceLabel.classList.remove('hidden');
20463                                    } else {
20464                                        regularPriceLabel.classList.add('hidden');
20465                                    }
20466                                }
20467
20468                                if (productTileBadge) {
20469                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
20470                                        specialPricePercent = (priceData.oldPrice.amount - priceData.finalPrice.amount)
20471                                            / priceData.oldPrice.amount * 100;
20472                                        productTileBadge.innerText = '-' + Math.round(specialPricePercent) + '%';
20473                                        productTileBadge.classList.remove('hidden');
20474                                    }
20475                                }
20476
20477                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
20478                                    specialPrice = true;
20479                                } else {
20480                                    specialPrice = false;
20481                                }
20482
20483                                if (regularOldPriceElement && priceData.oldPrice.amount) {
20484                                    if (specialPrice) {
20485                                        regularOldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount);
20486                                    } else {
20487                                        regularOldPriceElement.innerText = '';
20488                                    }
20489                                }
20490
20491                                if (regularPriceElement) {
20492                                    regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
20493                                    regularPriceElementTax.style.display = 'block';
20494                                }
20495
20496                                if (unitPriceElement) {
20497                                    unitPriceElement.innerText = '';
20498                                }
20499
20500                                if (unitPriceElement && priceData.unitPrice.pricePerUnitHTML.price) {
20501                                    unitPriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.price;
20502                                }
20503
20504                                if (regularOldBasePriceElement && priceData.baseOldPrice.amount) {
20505                                    if (specialPrice) {
20506                                        regularOldBasePriceElement.innerText =
20507                                            hyva.formatPrice(priceData.baseOldPrice.amount);
20508                                    } else {
20509                                        regularOldBasePriceElement.innerText = '';
20510                                    }
20511                                }
20512
20513                                if (regularBasePriceElement) {
20514                                    regularBasePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount);
20515                                    regularBasePriceElementTax.style.display = 'block';
20516                                }
20517
20518                                if (unitBasePriceElement) {
20519                                    unitBasePriceElement.innerText = '';
20520                                }
20521
20522                                if (unitBasePriceElement && priceData.unitPrice.pricePerUnitHTML.basePrice) {
20523                                    unitBasePriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.basePrice;
20524                                }
20525
20526                                if (priceData.finalPrice.amount === priceData.basePrice.amount) {
20527                                    this.$el.querySelector('.normal-price').classList.add('hidden');
20528                                } else {
20529                                    this.$el.querySelector('.normal-price').classList.remove('hidden');
20530                                }
20531                            }
20532                        }
20533                    }
20534
20535                    function initQtyField__9c77695662724eb1983dfc00e9139702_6ac211b5ddb20() {
20536                        return {
20537                            qty: 1,
20538                            input: document.getElementById('qty[187
2053858_9c77695662724eb1983dfc00e9139702_6ac211b5ddb20]'),
20539                            addToCart: document.getElementById('add-to-cart[18758_9c77695662724eb1983dfc00e9139702_6ac211b5ddb20]'),
20540                            qtyAlert: document.getElementById('qty-alert[18758_9c77695662724eb1983dfc00e9139702_6ac211b5ddb20]'),
20541                            currentStock: 0,
20542
20543                            validateQty(qty) {
20544                                let regex = /^\d+$/;
20545                                let pattern = regex.test(qty);
20546
20547                                this.addToCart.disabled = qty === 0
20548                                    || qty === null
20549                                    || qty > 10000                                    || !pattern
20550                                    || this.addToCart.classList.contains('not-available');
20551
20552                                if (qty === 0
20553                                    || qty === null
20554                                    || qty > 10000                                    || !pattern) {
20555                                    this.qtyAlert.style.display = 'block';
20556                                } else {
20557                                    this.qtyAlert.style.display = 'none';
20558                                }
20559                            },
20560
20561                            stepUp() {
20562                                this.input.stepUp();
20563                                let qty = document.getElementById('qty[18758_9c77695662724eb1983dfc00e9139702_6ac211b5ddb20]').value;
20564                                this.validateQty(qty);
20565
20566                            },
20567
20568                            stepDown() {
20569                                this.input.stepDown();
20570                                let qty = document.getElementById('qty[18758_9c77695662724eb1983dfc00e9139702_6ac211b5ddb20]').value;
20571                                this.validateQty(qty);
20572                            }
20573                        };
20574                    }
20575                </script>
20575
20576                <div class="relative price-block">
20577                    <div class="flex my-4 sm:min-h-42px w-full">
20578                                                <div class="w-full"
20579                             x-data="initPriceBox__9c77695662724eb1983dfc00e9139702_6ac211b5ddb20()"
20580                             x-init="() => $dispatch('preselectswatch')"
20581                             @update-prices-18758.window="updatePrice($event.detail,18758);">
20582                            <div
20583                                class="price-box mt-3 price-final_price flex flex-wrap justify-between"
20584                                data-role="priceBox">
20585                                <div class="normal-price text-left ">
20586                                <span class="price-container price-final_price tax weee">
20587                                    <div class="old-price text-xs including-tax line-through"></div>
20588                                    <div id="price-including-tax-product-price-18758"
20589                                         data-price-type="finalPrice"
20590                                         class="price-wrapper price-including-tax finalPrice flex items-end">
20591                                        <span class="price"></span>
20592                                        <span class="tax font-normal hidden">mit MwSt.</span>
20593                                    </div>
20594                                    <div class="unitPrice text-xs"></div>
20595                                </span>
20596                                </div>
20597
20598                                <div class="base-price text-left ">
20599                                <span class="price-container price-final_price tax weee">
20600                                    <div class="old-price text-xs excluding-tax line-through"></div>
20601                                    <div id="price-excluding-tax-product-price-18758"
20602                                         data-price-type="finalPrice"
20603                                         class="price-wrapper price-excluding-tax finalPrice flex items-end">
20604                                        <span class="price"></span>
20605                                        <span class="tax font-normal hidden">ohne MwSt.</span>
20606                                    </div>
20607                                    <div class="unitPrice text-xs"></div>
20608                                </span>
20609                                </div>
20610                            </div>
20611                        </div>
20612                    </div>
20613
20614                                            <div x-data="{ currentStock: 0 }"
20615                             x-init="() => $dispatch('preselectswatch')"
20616                             @update-stock-18758.window="currentStock = $event.detail"
20617                             class="flex flex-wrap mt-auto text-left">
20618                            <div class="stock-status text-xs w-full mb-3 mt-auto basis-full">
20619                                <template x-if="currentStock">
20620                                    <div>
20621                                    <span x-show="currentStock > 0" class="text-green-main">
20622                                        Sofort versandfertig, Lieferzeit: 1-3 Werktage                                    </span>
20623                                        <span x-show="currentStock <= 0 && currentStock > -1000"
20624                                              class="text-yellow-700">
20625                                        Aktuell nicht lieferbar, Lieferzeit: 5-10 Werktage                                    </span>
20626                                        <span x-show="currentStock <= -1000 && currentStock > -5000"
20627                                              class="text-red-600">
20628                                        Aktuell nicht lieferbar                                    </span>
20629                                    </div>
20630                                </template>
20631                            </div>
20632                        </div>
20633                    
20634                    
20635                    <div class="flex gap-4 mt-auto justify-end lg:justify-between"
20636                         x-data="initQtyField__9c77695662724eb1983dfc00e9139702_6ac211b5ddb20()"
20637                         x-init="() => $dispatch('preselectswatch')"
20638                         @update-stock-18758.window="currentStock = $event.detail;">
20639                                                    <div class="w-1/2 flex"
20640                                x-show="currentStock > -5000"
20641                                :aria-hidden="currentStock <= -5000">
20642                                <button
20643                                    class="qty-button -minus-button"
20644                                    type="button"
20645                                    title="Weniger"
20646                                    x-on:click="stepDown()">
20647                                    <?xml version="1.0" encoding="utf-8"?>
20648<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
20649<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="w-5 h-5" width="20" height="20">
20650        <title>Minus</title>
20651    <g>
20652	<g>
20653		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
20654	</g>
20655</g>
20656</svg>
20657                                </button>
20658                                <label for="qty[18758_9c77695662724eb1983dfc00e9139702_6ac211b5ddb20]"
20659                                       class="sr-only">
20660                                    Anzahl                                </label>
20661                                <input name="qty"
20662                                       class="form-input rounded-none px-2 text-center invalid:ring-2 invalid:ring-red-500 w-11/12"
20663                                       id="qty[18758_9c77695662724eb1983dfc00e9139702_6ac211b5ddb20]"
20664                                       type="number"
20665                                       inputmode="numeric"
20666                                       maxlength="5"
20667                                       min="1"                                       max="10000"                                       step="1"                                       :value="qty"
20668                                       x-model.number="qty"
20669                                       x-on:input.change="validateQty(qty);"
20670                                />
20671                                <button
20672                                    class="qty-button -plus-button"
20673                                    type="button"
20674                                    title="Mehr"
20675                                    class="plus"
20676                                    x-on:click="stepUp()">
20677                                    <?xml version="1.0" encoding="utf-8"?>
20678<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
20679<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="text-white" width="20" height="20">
20680        <title>Plus Sign</title>
20681    <g>
20682	<g>
20683		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
20684	</g>
20685	<g>
20686		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
20687	</g>
20688</g>
20689</svg>
20690                                </button>
20691                            </div>
20692                            <div class="w-1/2"
20693                                 x-show="currentStock > -5000"
20694                                 :aria-hidden="currentStock <= -5000">
20695                                                                    <button class="btn btn-add-to-cart w-full h-full px-2 py-0"
20696                                            :disabled="currentStock <= -1000 || false"
20697                                            :class="{'not-available': currentStock <= -1000 || false}"
20698                                            id="add-to-cart[18758_9c77695662724eb1983dfc00e9139702_6ac211b5ddb20]"
20699                                            title="Dekokranz&#x20;aus&#x20;Papier&#x20;&#xD8;&#x20;75&#x20;cm&#x20;&quot;Bayrisch&#x20;Blau&quot;&#x20;schwer&#x20;entflammbar&#x20;In&#x20;den&#x20;Warenkorb"
20700                                            aria-label="Dekokranz&#x20;aus&#x20;Papier&#x20;&#xD8;&#x20;75&#x20;cm&#x20;&quot;Bayrisch&#x20;Blau&quot;&#x20;schwer&#x20;entflammbar&#x20;In&#x20;den&#x20;Warenkorb">
20701                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
20702    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
20703                                        <span class="sm:pl-2 md:hidden lg:block">
20704                                            In&#x20;den&#x20;Warenkorb                                        </span>
20705                                    </button>
20706                                                            </div>
20707                        
20708                        <a x-cloak
20709                           x-show="currentStock <= -5000"
20710                           :aria-hidden="currentStock > -5000"
20711                           href="https://www.papstar-shop.de/dekokranz-aus-papier-75-cm-bayrisch-blau-schwer-entflammbar-18758.htm"
20712                           class="btn btn-add-to-cart w-full h-full px-2 py-0"
20713                           id="add-to-cart[18758_9c77695662724eb1983dfc00e9139702_6ac211b5ddb20]"
20714                           title="Dekokranz&#x20;aus&#x20;Papier&#x20;&#xD8;&#x20;75&#x20;cm&#x20;&quot;Bayrisch&#x20;Blau&quot;&#x20;schwer&#x20;entflammbar&#x20;Produkt&#x20;individualisieren"
20715                           aria-label="Dekokranz&#x20;aus&#x20;Papier&#x20;&#xD8;&#x20;75&#x20;cm&#x20;&quot;Bayrisch&#x20;Blau&quot;&#x20;schwer&#x20;entflammbar&#x20;Produkt&#x20;individualisieren">
20716                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
20717    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
20718                            <span class="sm:pl-2 md:hidden lg:block py-4">
20719                                            Produkt&#x20;individualisieren                                        </span>
20720                        </a>
20721
20722                                                    
20722<script>
20723    'use strict';
20724
20725    (() => {
20726        window.addEventListener(
20727            'ga-initialized',
20728            () => {
20729                const productForm = document.querySelector(
20730                    'form\u005Bdata\u002Dsku\u003D\u002218758\u0022\u005D'
20731                );
20732
20733                if (!productForm) {
20734                    return;
20735                }
20736
20737                let sku = '18758';
20738
20739                window.addEventListener(
20740                    'listing\u002Dconfigurable-selection-changed',
20741                    (event) => {
20742                        if (event.detail.skuCandidates.length === 1
20743                            && event.detail.productId === '18758'
20744                        ) {
20745                            sku = event.detail.skuCandidates[0];
20746                        }
20747                    }
20748                );
20749
20750                function bindEventListener(element, event)
20751                {
20752                    element.addEventListener(event, () => {
20753                        if (productForm.checkValidity()) {
20754                            const priceSelector = false                                ? '#product-price-18758 .price'
20755                                : '[data-price-box="product-id-18758"] .price';
20756
20757                            window.dispatchEvent(new CustomEvent('cart-item-added', {
20758                                detail: [{
20759                                    product_sku: sku,
20760                                    product_name: 'Dekokranz\u0020aus\u0020Papier\u0020\u00D8\u002075\u0020cm\u0020\u0022Bayrisch\u0020Blau\u0022\u0020schwer\u0020entflammbar',
20761                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),
20762
20763                                                                            qty: 1,
20764                                                                    }],
20765                            }));
20766                        }
20767                    });
20768                }
20769
20770                                    const button = productForm.querySelector(
20771                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
20772                    );
20773
20774                    if (!button) {
20775                        return;
20776                    }
20777
20778                    bindEventListener(button, 'click');
20779                            },
20780            { once: true }
20781        );
20782    })();
20783</script>
20783
20784                                            </div>
20785                    <div class="qty-alert hidden" id="qty-alert[18758_9c77695662724eb1983dfc00e9139702_6ac211b5ddb20]">
20786                        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill="currentColor" viewBox="0 0 20 20" class="w-3 h-3 mr-1 text-energy inline-block align-text-top">
20787<title>Warning</title>
20788    <path d="M19.64 16.36L11.53 2.3A1.85 1.85 0 0 0 10 1.21 1.85 1.85 0 0 0 8.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>
20789</svg>
20790                        <span>Bitte&#x20;nur&#x20;ganze&#x20;Zahlen&#x20;eingeben.</span>
20791                    </div>
20792                </div>
20793            </div>
20794        </div>
20795    </form>
20796</div>
20797                    </li>
20798                                                                    <li class="splide__slide">
20799                        <div class="h-full">
20800    <form method="post"
20801          aria-label="Product&#x20;tile&#x20;for&#x3A;&#x20;Suppenbecher&#x20;to&#x20;go,&#x20;Pappe&#x20;470&#x20;ml,&#x20;braun,&#x20;PLA-beschichtet"
20802          action="https://www.papstar-shop.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cucGFwc3Rhci1zaG9wLmRlLz9tc2Nsa2lkPWI5ODJhMjlkYWVkYzFjMWQyM2I2Yzg1ZmEzZjY4ZjFj/product/87266/"
20803          class="item product product-item product_addtocart_form border rounded p-2.5 bg-container-white hover:shadow-lg flex flex-col w-full h-full"
20804            >
20805        <input name="form_key" type="hidden" value="rKVCmaFj7egUOB24" />        <input type="hidden" name="product" value="87266"/>
20806        <div
20807            class="relative product photo product-item-photo block mb-3 px-12 ">
20808                <a x-data="ReqBlind_6ac211b5eff1d()"
20809       href="https://www.papstar-shop.de/customer/account/"
20810       title="Suppenbecher to go, Pappe 470 ml, braun, PLA-beschichtet Zum Merkzettel hinzufügen"
20811       aria-label="Suppenbecher to go, Pappe 470 ml, braun, PLA-beschichtet Zum Merkzettel hinzufügen"
20812       @click.prevent="open($event)"
20813       class="p-2 bg-transparent absolute right-0 hover:text-primary-darker bottom-0">
20814        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85" xml:space="preserve" fill="currentColor" class="mx-auto bg-transparent text-black" width="36" height="36">
20815    <path d="M23.895 23.457a8.424 8.424 0 0 0-2.896 1.895c-3.408 3.41-3.308 9.06.226 12.594" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/><path d="M68.801 42.971c6.287-6.289 6.389-16.478.224-22.645-6.165-6.164-16.354-6.063-22.644.225l-3.896 3.871-3.87-3.871c-6.287-6.288-16.477-6.389-22.641-.225-6.164 6.167-6.064 16.355.225 22.645l26.295 26.262 26.307-26.262z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/></svg>
20816        <span class="sr-only">Zum Merkzettel hinzufügen</span>
20817    </a>
20818    
20818<script>
20819        function ReqBlind_6ac211b5eff1d() {
20820            return {
20821                open: function (event) {
20822                    window.scrollTo(0, 0);
20823                    dispatchMessages([{
20824                        type: 'notice',
20825                        text: 'Sie müssen eingeloggt sein, um die Merkzettel-Funktion zu nutzen.'
20826                    }], 5000);
20827                    let href = event.currentTarget.href;
20828                    setTimeout(function() {
20829                        window.location = href;
20830                    }, 4000);
20831                }
20832            }
20833        }
20834    </script>
20834
20835                                                            <a href="https://www.papstar-shop.de/suppenbecher-to-go-pappe-470-ml-braun-pla-beschichtet-87266.htm"
20836               tabindex="-1"
20837                            >
20838                <picture class="object-contain mx-auto py-3 product-image-photo"><source type="image/webp" srcset="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/S/u/Suppenbecher-To-Go-Pappe-470-ml-braun-87266_b_0_1.webp"><img class="object-contain mx-auto py-3 product-image-photo" x-data="" @update-gallery-87266.window="$el.src = $event.detail" src="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/S/u/Suppenbecher-To-Go-Pappe-470-ml-braun-87266_b_0_1.jpg" loading="lazy" itemprop="image" width="360" height="360" alt="Suppenbecher&#x20;to&#x20;go,&#x20;Pappe&#x20;470&#x20;ml,&#x20;braun,&#x20;PLA-beschichtet" title="Suppenbecher&#x20;to&#x20;go,&#x20;Pappe&#x20;470&#x20;ml,&#x20;braun,&#x20;PLA-beschichtet" loading="lazy" /></picture>
20839            </a>
20840        </div>
20841        <div class="product-info flex flex-col flex-grow">
20842            <div class="text-black font-semibold text-base">
20843                                    &nbsp;                            </div>
20844                        <div
20845                class="mt-1 text-black font-semibold text-base text-left sm:min-h-90px">
20846                <a class="product-item-link "
20847                   href="https://www.papstar-shop.de/suppenbecher-to-go-pappe-470-ml-braun-pla-beschichtet-87266.htm"
20848                                    >
20849                    Suppenbecher to go, Pappe 470 ml, braun, PLA-beschichtet                </a>
20850                            </div>
20851            <div class="flex mt-1 mb-1">
20852                <div class="mt-auto sku text-sm">
20853                    <span>Artikel-Nr.: </span>87266                </div>
20854                                    <div class="lg:w-auto ml-auto block ">
20855                                            </div>
20856                            </div>
20857
20858                        <div class="mt-1 text-xs text-gray-600 italic">
20859                                    Verfügbar in 6 Varianten                            </div>
20860
20861            <div class="h-full flex justify-between flex-col">
20862                                                                
20862<script>
20863        function initConfigurableSwatchOptions_87266() {
20864            const configurableOptionsComponent = initConfigurableOptions(
20865                '87266',
20866                {"attributes":{"254":{"id":"254","code":"order_unit","label":"Bestelleinheit","options":[{"id":"7059","label":"Karton","products":["187266"]},{"id":"7061","label":"Palette","products":["687266"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"187266":{"baseOldPrice":{"amount":66.2},"oldPrice":{"amount":78.778001},"basePrice":{"amount":66.2},"finalPrice":{"amount":78.778001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"15,76\u00a0Cent \/ St\u00fcck","basePrice":"13,24\u00a0Cent \/ St\u00fcck"}}},"687266":{"baseOldPrice":{"amount":651.2},"oldPrice":{"amount":774.928001},"basePrice":{"amount":651.2},"finalPrice":{"amount":774.928001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"14,09\u00a0Cent \/ St\u00fcck","basePrice":"11,84\u00a0Cent \/ St\u00fcck"}},"unitSavings":"10.6% Ersparnis"}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":66.2},"oldPrice":{"amount":78.778001},"basePrice":{"amount":66.2},"finalPrice":{"amount":78.778001}},"productId":"87266","chooseText":"W\u00e4hlen Sie eine Option\u2026","images":[],"index":{"187266":{"254":"7059"},"687266":{"254":"7061"}},"salable":{"254":{"7059":["187266"],"7061":["687266"]}},"canDisplayShowOutOfStockStatus":true,"preSelectedGallery":[],"channel":"website","salesChannelCode":"papstar_de","sku":{"187266":"4002911455654","687266":"4049026778490"},"quantities":{"187266":374,"687266":34}}            );
20867            const swatchOptionsComponent = initSwatchOptions({"254":{"7059":{"type":"0","value":null,"label":"Karton","unit":"###VPE### St\u00fcck (20 x 25)","vpe":"500"},"7061":{"type":"0","value":null,"label":"Palette","unit":"###VPE### St\u00fcck (220 x 25)","vpe":"5500"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}});
20868
20869            return Object.assign(
20870                configurableOptionsComponent,
20871                swatchOptionsComponent,
20872                {
20873                    mediaCallback: "https\u003A\u002F\u002Fwww.papstar\u002Dshop.de\u002Fswatches\u002Fajax\u002Fmedia\u002F",
20874                    changeOption(optionId, value, skipUpdateGallery) {
20875                        if (value === '') {
20876                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
20877                        } else {
20878                            this.selectedValues[optionId] = value;
20879                        }
20880                        this.findSimpleIndex();
20881                        this.findAllowedAttributeOptions();
20882                        this.updateStock();
20883                        this.updatePrices();
20884                        this.updateSavingPriceInfo();
20885                    },
20886                    unitSavingsPrice: null,
20887                    hasSpecialPrice: false,
20888                    finalPrice: {
20889                        amount: 0.00
20890                    },
20891                    oldPrice: {
20892                        amount: 0.00
20893                    },
20894
20895                    updateHasSpecialPrice() {
20896                        this.hasSpecialPrice = this.finalPrice.amount < this.oldPrice.amount;
20897                    },
20898                    updateSavingPriceInfo() {
20899                        const detail = this.optionConfig.optionPrices[this.productIndex];
20900                        this.oldPrice.amount = detail.oldPrice.amount;
20901                        this.finalPrice.amount = detail.finalPrice.amount;
20902
20903                        this.updateHasSpecialPrice();
20904
20905                        if (!this.hasSpecialPrice) {
20906                            this.unitSavingsPrice = detail.unitSavings;
20907                        }
20908                    },
20909                    preselectQuerystringItems: function() {
20910                        let found = false;
20911                        // pre-select option like ?size=167
20912                        const urlQueryParams = new URLSearchParams(window.location.search.replace("?", ""));
20913                        Object.values(this.optionConfig.attributes).map(attribute => {
20914                            const skipUpdateGallery = true;
20915                            if (urlQueryParams.get(attribute.code) !== null) {
20916                                let optionId = urlQueryParams.get(attribute.code);
20917                                found = false;
20918                                Object.values(attribute.options).map(option => {
20919                                    if (found === false && option.label === optionId) {
20920                                        optionId = option.id;
20921                                        found = true;
20922                                    }
20923                                });
20924                                this.changeOption(attribute.id, optionId, skipUpdateGallery);
20925                            }
20926                        });
20927                        if (found === false) {
20928                            // pre-select first option
20929                            Object.values(this.optionConfig.attributes).map(attribute => {
20930                                if (attribute.code === "order_unit") {
20931                                    let optionId = 0;
20932                                    Object.values(attribute.options).map(option => {
20933                                        if (this.selectedValues.length === 0) {
20934                                            if (found === false && option.products.length > 0) {
20935                                                optionId = option.id;
20936                                                this.changeOption(attribute.id, optionId, true);
20937                                                found = true;
20938                                            }
20939                                        } else {
20940                                            optionId = this.selectedValues[attribute.id];
20941                                            this.changeOption(attribute.id, optionId, true);
20942                                            found = true;
20943                                        }
20944                                    });
20945                                }
20946                            });
20947                        }
20948                    },
20949                    mouseDown: false,
20950                    startX: 0,
20951                    maxScroll: 0,
20952                    scrollLeft: null,
20953                    slider: null,
20954                    scrollEvents: {
20955                        ["@mousedown"](e) {
20956                            this.slider = e.target.closest(".snap");
20957                            if (!this.slider) {
20958                                return;
20959                            }
20960                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
20961                            this.startX = e.pageX - this.slider.offsetLeft;
20962                            this.scrollLeft = this.slider.scrollLeft;
20963                            this.mouseDown = true;
20964                        },
20965                        ["@mouseout.self"]() {
20966                            this.mouseDown = false;
20967                        },
20968                        ["@mouseup"]() {
20969                            this.mouseDown = false;
20970                        },
20971                        ["@mousemove"](e) {
20972                            e.preventDefault();
20973                            if (!this.mouseDown) {
20974                                return;
20975                            }
20976                            const x = e.pageX - this.slider.offsetLeft;
20977                            const scroll = x - this.startX;
20978                            const scrollLeft = this.scrollLeft - scroll;
20979
20980                            if (scrollLeft > this.maxScroll) {
20981                                this.slider.scrollLeft = this.maxScroll;
20982                                return;
20983                            }
20984                            this.slider.scrollLeft = this.scrollLeft - scroll;
20985                        },
20986                        ["@onselectstart"]() {
20987                            return false;
20988                        }
20989                    },
20990                    resizeEvent() {
20991                        Array.from(this.$el.querySelectorAll(".snap")).forEach(slider => {
20992                            slider.scrollLeft = 0;
20993                        });
20994                    }
20995                }
20996            );
20997        }
20998    </script>
20998
20999
21000    <div x-data="initConfigurableSwatchOptions_87266();"
21001         x-defer="intersect"
21002         x-init="getAllowedAttributeOptions();() => preselectQuerystringItems();preselectQuerystringItems();"
21003         @private-content-loaded.window="onGetCartData($event.detail.data)"
21004         @update-prices-87266.window="unitSavingsInfo = $event.detail.unitSavings"
21005         @touchstart.passive="preselectQuerystringItems()"
21006         @resize.window="resizeEvent()"
21007         class="relative md:w-full"
21008         @preselectswatch.window="preselectQuerystringItems()"
21009    >
21010        <div>
21011                                            
21012                                <div class="swatch-attribute order_unit">
21013                    <div class="w-full overflow-x-hidden swatch-attribute-options pt-2">
21014                        <div
21015                            class="w-full overflow-auto transition-all snap items-center min-h-14 product-listing-option-wrapper grid gap-2 pb-2"
21016                            id="attribute-label-87266-254"
21017                                                        :role="optionConfig.attributes?.[254]?.options?.length ? 'radiogroup' : null"
21018                            :aria-label="optionConfig.attributes?.[254]?.options?.length ? 'Attribut-order_unit' : null"
21019                            x-bind="scrollEvents">
21020                            <template x-for="(item, index) in optionConfig.attributes[254].options"
21021                                      :key="item.id"
21022                            >
21023                                
21024<div class="swatch-item">
21025        <label
21026            :for="'attribute-option-swatch-input6ac211b6027285.1847800487266-'+item.id"
21027            class="rounded swatch-option flex flex-col relative shadow-sm cursor-pointer select-none text-center product-option-value-label"
21028            :class="{
21029                'bg-secondary border-container-lighter text-white' : (selectedValues[254] === item.id),
21030                'bg-container-lighter' : (selectedValues[254] !== item.id),
21031                'w-6 h-6' : !isTextSwatch(254, item.id),
21032                'bg-secondary text-white' : focusedLabel === item.id
21033            }"
21034            :style="getSwatchBackgroundStyle('254',item.id)"
21035        >
21036            <input
21037                :id="'attribute-option-swatch-input6ac211b6027285.1847800487266-'+item.id"
21038                :value="item.id"
21039                name="super_attribute[254]-87266]"
21040                type="radio"
21041                role="radio"
21042                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
21043                style="z-index:-1"
21044                x-on:focus="focusLabel(item.id)"
21045                x-on:blur="blurLabel()"
21046                x-on:change="changeOption(254, $event.target.value)"
21047                x-model="selectedValues[254]"
21048                :required="getAllowedAttributeOptions(254).filter(
21049                                                                    attributeOption => selectedValues[attributeOption]
21050                                                                ).length === 0"
21051                :aria-label="getSwatchText(254, item.id) + ': ' + getSwatchUnitText(254, item.id)"
21052            >
21053            <div x-html="getSwatchText(254, item.id)"
21054                 class="whitespace-nowrap text-sm font-bold"
21055                 :class="{ 'sr-only' : !isTextSwatch(254, item.id) }"
21056                 aria-hidden="false"
21057            ></div>
21058            <!-- N98 custom attributes start-->
21059            <div x-html="getSwatchUnitText(254, item.id)"
21060                 class="text-xs" aria-hidden="false"></div>
21061            <!-- N98 custom attributes end-->
21062        </label>
21063        <template x-if="unitSavingsInfo && selectedValues[254] === item.id">
21064            <div class="unit-savings-price">
21065                <span class="-info" x-html="unitSavingsInfo"></span>
21066            </div>
21067        </template>
21068    <template x-if="index != 0 && selectedValues[254] !== item.id">
21069        <div class="unit-savings-price">
21070            <span class="-info">
21071            <span><?xml version="1.0" encoding="UTF-8"?>
21072<svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" version="1.1" viewBox="0 0 18 22" width="16" height="16">
21073    <title>Percent</title>
21074  <defs>
21075    <style>
21076      .st0 {
21077        stroke-linecap: round;
21078        stroke-linejoin: round;
21079      }
21080
21081      .st0, .st1 {
21082        fill: none;
21083        stroke-width: 1.5px;
21084      }
21085
21086      .st1 {
21087        stroke-miterlimit: 10;
21088      }
21089    </style>
21090  </defs>
21091  <path class="st1" stroke="currentColor" d="M16.2,16.6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
21092  <g>
21093    <path class="st1" stroke="currentColor" d="M8,6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
21094    <path class="st0" stroke="currentColor" d="M3.5,18.7L15.4,3.9"/>
21095  </g>
21096</svg>
21097</span>
21098            </span>
21099        </div>
21100    </template>
21101</div>
21102                            </template>
21103                        </div>
21104                    </div>
21105                </div>
21106                    </div>
21107                    <template x-if="isTooltipVisible()">
21108    <div class="absolute shadow-lg"
21109        :style="isLayeredSwatch == false && getTooltipPosition()"
21110    >
21111        <div class="absolute top-0 left-0 z-50 p-2 -mt-6 text-sm leading-tight text-black
21112                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
21113        >
21114        <!--template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
21115            <div x-show="getSwatchType(activeTooltipItem.type) !== 'color'"
21116                class="inline-block shadow-sm"
21117                :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
21118            ></div>
21119        </template-->
21120            <span class="mx-2 text-sm font-semibold whitespace-nowrap subtitle"
21121                    x-html="getTooltipLabel()"
21122            ></span>
21123        </div>
21124        <svg class="absolute z-50 w-8 h-8 text-white transform -translate-x-3
21125                -translate-y-8 fill-current stroke-current"
21126                width="12"
21127                height="12"
21128        >
21129            <title>Tooltip Icon</title>
21130            <rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
21131        </svg>
21132    </div>
21133</template>
21134            </div>
21135                                        
21136                
21136<script>
21137                    function initPriceBox__9c77695662724eb1983dfc00e9139702_6ac211b5efaee() {
21138                        return {
21139                            updatePrice(priceData, productId) {
21140                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
21141                                const regularOldPriceElement = this.$el.querySelector('.normal-price .old-price');
21142                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
21143                                const regularPriceElementTax = this.$el.querySelector('.normal-price .price-container .tax');
21144                                const regularOldBasePriceElement = this.$el.querySelector('.base-price .old-price');
21145                                const regularBasePriceElement = this.$el.querySelector('.base-price .price-wrapper .price');
21146                                const regularBasePriceElementTax = this.$el.querySelector('.base-price .price-container .tax');
21147                                const unitPriceElement = this.$el.querySelector('.normal-price .unitPrice');
21148                                const unitBasePriceElement = this.$el.querySelector('.base-price .unitPrice');
21149                                const productTileBadge = document.querySelector('.badge-discounted-' + productId);
21150
21151                                let specialPrice = false;
21152                                let specialPricePercent;
21153
21154                                if (regularPriceLabel) {
21155                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
21156                                        regularPriceLabel.classList.remove('hidden');
21157                                    } else {
21158                                        regularPriceLabel.classList.add('hidden');
21159                                    }
21160                                }
21161
21162                                if (productTileBadge) {
21163                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
21164                                        specialPricePercent = (priceData.oldPrice.amount - priceData.finalPrice.amount)
21165                                            / priceData.oldPrice.amount * 100;
21166                                        productTileBadge.innerText = '-' + Math.round(specialPricePercent) + '%';
21167                                        productTileBadge.classList.remove('hidden');
21168                                    }
21169                                }
21170
21171                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
21172                                    specialPrice = true;
21173                                } else {
21174                                    specialPrice = false;
21175                                }
21176
21177                                if (regularOldPriceElement && priceData.oldPrice.amount) {
21178                                    if (specialPrice) {
21179                                        regularOldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount);
21180                                    } else {
21181                                        regularOldPriceElement.innerText = '';
21182                                    }
21183                                }
21184
21185                                if (regularPriceElement) {
21186                                    regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
21187                                    regularPriceElementTax.style.display = 'block';
21188                                }
21189
21190                                if (unitPriceElement) {
21191                                    unitPriceElement.innerText = '';
21192                                }
21193
21194                                if (unitPriceElement && priceData.unitPrice.pricePerUnitHTML.price) {
21195                                    unitPriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.price;
21196                                }
21197
21198                                if (regularOldBasePriceElement && priceData.baseOldPrice.amount) {
21199                                    if (specialPrice) {
21200                                        regularOldBasePriceElement.innerText =
21201                                            hyva.formatPrice(priceData.baseOldPrice.amount);
21202                                    } else {
21203                                        regularOldBasePriceElement.innerText = '';
21204                                    }
21205                                }
21206
21207                                if (regularBasePriceElement) {
21208                                    regularBasePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount);
21209                                    regularBasePriceElementTax.style.display = 'block';
21210                                }
21211
21212                                if (unitBasePriceElement) {
21213                                    unitBasePriceElement.innerText = '';
21214                                }
21215
21216                                if (unitBasePriceElement && priceData.unitPrice.pricePerUnitHTML.basePrice) {
21217                                    unitBasePriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.basePrice;
21218                                }
21219
21220                                if (priceData.finalPrice.amount === priceData.basePrice.amount) {
21221                                    this.$el.querySelector('.normal-price').classList.add('hidden');
21222                                } else {
21223                                    this.$el.querySelector('.normal-price').classList.remove('hidden');
21224                                }
21225                            }
21226                        }
21227                    }
21228
21229                    function initQtyField__9c77695662724eb1983dfc00e9139702_6ac211b5efaee() {
21230                        return {
21231                            qty: 1,
21232                            input: document.getElementById('qty[87266_9c77695662724eb1983dfc00e9139702_6ac211b5efaee]'),
21233                            addToCart: document.getElementById('add-to-cart[87266_9c77695662724eb1983dfc00e9139702_6ac211b5efaee]'),
21234                            qtyAlert: document.getElementById('qty-alert[87266_9c77695662724eb1983dfc00e9139702_6ac211b5efaee]'),
21235                            currentStock: 0,
21236
21237                            validateQty(qty) {
21238                                let regex = /^\d+$/;
21239                                let pattern = regex.test(qty);
21240
21241                                this.addToCart.disabled = qty === 0
21242                                    || qty === null
21243                                    || qty > 10000                                    || !pattern
21244                                    || this.addToCart.classList.contains('not-available');
21245
21246                                if (qty === 0
21247                                    || qty === null
21248                                    || qty > 10000                                    || !pattern) {
21249                                    this.qtyAlert.style.display = 'block';
21250                                } else {
21251                                    this.qtyAlert.style.display = 'none';
21252                                }
21253                            },
21254
21255                            stepUp() {
21256                                this.input.stepUp();
21257                                let qty = document.getElementById('qty[87266_9c77695662724eb1983dfc00e9139702_6ac211b5efaee]').value;
21258                                this.validateQty(qty);
21259
21260                            },
21261
21262                            stepDown() {
21263                                this.input.stepDown();
21264                                let qty = document.getElementById('qty[87266_9c77695662724eb1983dfc00e9139702_6ac211b5efaee]').value;
21265                                this.validateQty(qty);
21266                            }
21267                        };
21268                    }
21269                </script>
21269
21270                <div class="relative price-block">
21271                    <div class="flex my-4 sm:min-h-42px w-full">
21272                                                <div class="w-full"
21273                             x-data="initPriceBox__9c77695662724eb1983dfc00e9139702_6ac211b5efaee()"
21274                             x-init="() => $dispatch('preselectswatch')"
21275                             @update-prices-87266.window="updatePrice($event.detail,87266);">
21276                            <div
21277                                class="price-box mt-3 price-final_price flex flex-wrap justify-between"
21278                                data-role="priceBox">
21279                                <div class="normal-price text-left ">
21280                                <span class="price-container price-final_price tax weee">
21281                                    <div class="old-price text-xs including-tax line-through"></div>
21282                                    <div id="price-including-tax-product-price-87266"
21283                                         data-price-type="finalPrice"
21284                                         class="price-wrapper price-including-tax finalPrice flex items-end">
21285                                        <span class="price"></span>
21286                                        <span class="tax font-normal hidden">mit MwSt.</span>
21287                                    </div>
21288                                    <div class="unitPrice text-xs"></div>
21289                                </span>
21290                                </div>
21291
21292                                <div class="base-price text-left ">
21293                                <span class="price-container price-final_price tax weee">
21294                                    <div class="old-price text-xs excluding-tax line-through"></div>
21295                                    <div id="price-excluding-tax-product-price-87266"
21296                                         data-price-type="finalPrice"
21297                                         class="price-wrapper price-excluding-tax finalPrice flex items-end">
21298                                        <span class="price"></span>
21299                                        <span class="tax font-normal hidden">ohne MwSt.</span>
21300                                    </div>
21301                                    <div class="unitPrice text-xs"></div>
21302                                </span>
21303                                </div>
21304                            </div>
21305                        </div>
21306                    </div>
21307
21308                                            <div x-data="{ currentStock: 0 }"
21309                             x-init="() => $dispatch('preselectswatch')"
21310                             @update-stock-87266.window="currentStock = $event.detail"
21311                             class="flex flex-wrap mt-auto text-left">
21312                            <div class="stock-status text-xs w-full mb-3 mt-auto basis-full">
21313                                <template x-if="currentStock">
21314                                    <div>
21315                                    <span x-show="currentStock > 0" class="text-green-main">
21316                                        Sofort versandfertig, Lieferzeit: 1-3 Werktage                                    </span>
21317                                        <span x-show="currentStock <= 0 && currentStock > -1000"
21318                                              class="text-yellow-700">
21319                                        Aktuell nicht lieferbar, Lieferzeit: 5-10 Werktage                                    </span>
21320                                        <span x-show="currentStock <= -1000 && currentStock > -5000"
21321                                              class="text-red-600">
21322                                        Aktuell nicht lieferbar                                    </span>
21323                                    </div>
21324                                </template>
21325                            </div>
21326                        </div>
21327                    
21328                    
21329                    <div class="flex gap-4 mt-auto justify-end lg:justify-between"
21330                         x-data="initQtyField__9c77695662724eb1983dfc00e9139702_6ac211b5efaee()"
21331                         x-init="() => $dispatch('preselectswatch')"
21332                         @update-stock-87266.window="currentStock = $event.detail;">
21333                                                    <div class="w-1/2 flex"
21334                                x-show="currentStock > -5000"
21335                                :aria-hidden="currentStock <= -5000">
21336                                <button
21337                                    class="qty-button -minus-button"
21338                                    type="button"
21339                                    title="Weniger"
21340                                    x-on:click="stepDown()">
21341                                    <?xml version="1.0" encoding="utf-8"?>
21342<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
21343<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="w-5 h-5" width="20" height="20">
21344        <title>Minus</title>
21345    <g>
21346	<g>
21347		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
21348	</g>
21349</g>
21350</svg>
21351                                </button>
21352                                <label for="qty[87266_9c77695662724eb1983dfc00e9139702_6ac211b5efaee]"
21353                                       class="sr-only">
21354                                    Anzahl                                </label>
21355                                <input name="qty"
21356                                       class="form-input rounded-none px-2 text-center invalid:ring-2 invalid:ring-red-500 w-11/12"
21357                                       id="qty[87266_9c77695662724eb1983dfc00e9139702_6ac211b5efaee]"
21358                                       type="number"
21359                                       inputmode="numeric"
21360                                       maxlength="5"
21361                                       min="1"                                       max="10000"                                       step="1"                                       :value="qty"
21362                                       x-model.number="qty"
21363                                       x-on:input.change="validateQty(qty);"
21364                                />
21365                                <button
21366                                    class="qty-button -plus-button"
21367                                    type="button"
21368                                    title="Mehr"
21369                                    class="plus"
21370                                    x-on:click="stepUp()">
21371                                    <?xml version="1.0" encoding="utf-8"?>
21372<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
21373<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="text-white" width="20" height="20">
21374        <title>Plus Sign</title>
21375    <g>
21376	<g>
21377		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
21378	</g>
21379	<g>
21380		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
21381	</g>
21382</g>
21383</svg>
21384                                </button>
21385                            </div>
21386                            <div class="w-1/2"
21387                                 x-show="currentStock > -5000"
21388                                 :aria-hidden="currentStock <= -5000">
21389                                                                    <button class="btn btn-add-to-cart w-full h-full px-2 py-0"
21390                                            :disabled="currentStock <= -1000 || false"
21391                                            :class="{'not-available': currentStock <= -1000 || false}"
21392                                            id="add-to-cart[87266_9c77695662724eb1983dfc00e9139702_6ac211b5efaee]"
21393                                            title="Suppenbecher&#x20;to&#x20;go,&#x20;Pappe&#x20;470&#x20;ml,&#x20;braun,&#x20;PLA-beschichtet&#x20;In&#x20;den&#x20;Warenkorb"
21394                                            aria-label="Suppenbecher&#x20;to&#x20;go,&#x20;Pappe&#x20;470&#x20;ml,&#x20;braun,&#x20;PLA-beschichtet&#x20;In&#x20;den&#x20;Warenkorb">
21395                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
21396    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
21397                                        <span class="sm:pl-2 md:hidden lg:block">
21398                                            In&#x20;den&#x20;Warenkorb                                        </span>
21399                                    </button>
21400                                                            </div>
21401                        
21402                        <a x-cloak
21403                           x-show="currentStock <= -5000"
21404                           :aria-hidden="currentStock > -5000"
21405                           href="https://www.papstar-shop.de/suppenbecher-to-go-pappe-470-ml-braun-pla-beschichtet-87266.htm"
21406                           class="btn btn-add-to-cart w-full h-full px-2 py-0"
21407                           id="add-to-cart[87266_9c77695662724eb1983dfc00e9139702_6ac211b5efaee]"
21408                           title="Suppenbecher&#x20;to&#x20;go,&#x20;Pappe&#x20;470&#x20;ml,&#x20;braun,&#x20;PLA-beschichtet&#x20;Produkt&#x20;individualisieren"
21409                           aria-label="Suppenbecher&#x20;to&#x20;go,&#x20;Pappe&#x20;470&#x20;ml,&#x20;braun,&#x20;PLA-beschichtet&#x20;Produkt&#x20;individualisieren">
21410                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
21411    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
21412                            <span class="sm:pl-2 md:hidden lg:block py-4">
21413                                            Produkt&#x20;individualisieren                                        </span>
21414                        </a>
21415
21416                                                    
21416<script>
21417    'use strict';
21418
21419    (() => {
21420        window.addEventListener(
21421            'ga-initialized',
21422            () => {
21423                const productForm = document.querySelector(
21424                    'form\u005Bdata\u002Dsku\u003D\u002287266\u0022\u005D'
21425                );
21426
21427                if (!productForm) {
21428                    return;
21429                }
21430
21431                let sku = '87266';
21432
21433                window.addEventListener(
21434                    'listing\u002Dconfigurable-selection-changed',
21435                    (event) => {
21436                        if (event.detail.skuCandidates.length === 1
21437                            && event.detail.productId === '87266'
21438                        ) {
21439                            sku = event.detail.skuCandidates[0];
21440                        }
21441                    }
21442                );
21443
21444                function bindEventListener(element, event)
21445                {
21446                    element.addEventListener(event, () => {
21447                        if (productForm.checkValidity()) {
21448                            const priceSelector = false                                ? '#product-price-87266 .price'
21449                                : '[data-price-box="product-id-87266"] .price';
21450
21451                            window.dispatchEvent(new CustomEvent('cart-item-added', {
21452                                detail: [{
21453                                    product_sku: sku,
21454                                    product_name: 'Suppenbecher\u0020to\u0020go,\u0020Pappe\u0020470\u0020ml,\u0020braun,\u0020PLA\u002Dbeschichtet',
21455                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),
21456
21457                                                                            qty: 1,
21458                                                                    }],
21459                            }));
21460                        }
21461                    });
21462                }
21463
21464                                    const button = productForm.querySelector(
21465                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
21466                    );
21467
21468                    if (!button) {
21469                        return;
21470                    }
21471
21472                    bindEventListener(button, 'click');
21473                            },
21474            { once: true }
21475        );
21476    })();
21477</script>
21477
21478                                            </div>
21479                    <div class="qty-alert hidden" id="qty-alert[87266_9c77695662724eb1983dfc00e9139702_6ac211b5efaee]">
21480                        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill="currentColor" viewBox="0 0 20 20" class="w-3 h-3 mr-1 text-energy inline-block align-text-top">
21481<title>Warning</title>
21482    <path d="M19.64 16.36L11.53 2.3A1.85 1.85 0 0 0 10 1.21 1.85 1.85 0 0 0 8.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>
21483</svg>
21484                        <span>Bitte&#x20;nur&#x20;ganze&#x20;Zahlen&#x20;eingeben.</span>
21485                    </div>
21486                </div>
21487            </div>
21488        </div>
21489    </form>
21490</div>
21491                    </li>
21492                                        </ul>
21493    </div>
21494</section>
21495
21496<style>
21497    .m-6ac21b44d03de {
21498        margin: 0px 0px 0px 0px
21499    }
21500
21501    .p-6ac21b44d03de {
21502        padding: 0px 0px 0px 0px    }
21503</style>
21504
21505
21506<div
21507    class="pap-grid -four-eight full-width col-gap-4   m-6ac21b44d03de p-6ac21b44d03de "
21508    style="border-width: 0; background-color:#edeadf;">
21509            
21510<style>
21511    .p-6ac21b44d04b3 {
21512        padding: 0px 0px 0px 0px    }
21513</style>
21514
21515<div class="component grid-col justify-center self-center -child-left   p-6ac21b44d04b3"
21516     style="border-width:0px; background-color:;">
21517            <div class="child">
21518            
21519    <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;papiertueten-xxl-33-x-37-x-34-5-cm-braun-mit-tragegriff-37302.htm"
21520       target="_self"
21521       rel=""
21522       title="Highlight&#x3A;&#x20;ASIA-Sortiment">
21523        <span class="sr-only">Highlight&#x3A;&#x20;ASIA-Sortiment</span>
21524        
21525    <style>
21526            .width-76b284f9-236d-4604-9f5f-194e6fdd0dff {
21527                width: 760px;            }
21528    </style>
21529
21530    
21531<!-- Phase2 Mask -->
21532<!--svg width="0" height="0">
21533    <path d="M0,100 C150,200 350,0 500,100 L500,00 L0,0 Z"></path>
21534</svg-->
21535
21536    <picture class="component image ">
21537                    <source srcSet="https://a.storyblok.com/f/174288/1000x675/d11b63083b/highlight-section-asia.png/m/"
21538                    media="(max-width: 767px)"
21539                    type="image/webp"
21540            />
21541        
21542        <source srcSet="https://a.storyblok.com/f/174288/1000x675/d11b63083b/highlight-section-asia.png/m/"
21543                media="(min-width: 768px)"
21544        />
21545        <img src="https://a.storyblok.com/f/174288/1000x675/d11b63083b/highlight-section-asia.png/m/"
21546            class="picture&#x20;object-fill&#x20;bg-auto&#x20; width-76b284f9-236d-4604-9f5f-194e6fdd0dff"
21547            alt="Hand&#x20;h&#xE4;lt&#x20;eine&#x20;gef&#xFC;llte&#x20;Nudelbox"
21548            itemprop="image"
21549            loading="eager"
21550        >
21551    </picture>
21552
21553
21554    </a>
21555        </div>
21556    </div>
21557            
21558<style>
21559    .p-6ac21b44d0a8c {
21560        padding: 15px 15px 15px 15px    }
21561</style>
21562
21563<div class="component grid-col justify-center self-center -child-left   p-6ac21b44d0a8c"
21564     style="border-width:0px; background-color:;">
21565            <div class="child">
21566            
21567<style>
21568    .m-6ac21b44d0c55 {
21569        margin: 0px 0px 0px 0px
21570    }
21571
21572    .p-6ac21b44d0c55 {
21573        padding: 0px 0px 0px 0px    }
21574</style>
21575
21576
21577<div
21578    class="pap-grid -one-ten-one no-appearance col-gap-4   m-6ac21b44d0c55 p-6ac21b44d0c55 "
21579    style="border-width: 0; background-color: unset;">
21580            
21581<style>
21582    .p-6ac21b44d0ce9 {
21583        padding: 0px 0px 0px 0px    }
21584</style>
21585
21586<div class="component grid-col justify-start self-start -none   p-6ac21b44d0ce9"
21587     style="border-width:0px; background-color: unset;">
21588    </div>
21589            
21590<style>
21591    .p-6ac21b44d0eb2 {
21592        padding: 0px 0px 0px 0px    }
21593</style>
21594
21595<div class="component grid-col justify-start self-start -none   p-6ac21b44d0eb2"
21596     style="border-width:0px; background-color: unset;">
21597            <div class="child">
21598            
21599
21600<h2 class="text-left&#x20;&#x20;" style="border-width&#x3A;0px&#x3B;&#x20;padding-top&#x3A;px&#x3B;&#x20;padding-right&#x3A;px&#x3B;&#x20;padding-bottom&#x3A;px&#x3B;&#x20;padding-left&#x3A;px&#x3B;">
21601            <p>Jetzt Neu: Unser ASIA-Sortiment</p>    </h2>
21602        </div>
21603            <div class="child">
21604            
21605<div class="storyblok component storyblok-text text-left&#x20;link-colored&#x20;&#x20;&#x20;&#x20;&#x20;"
21606     style="&#x20;border-width&#x3A;0px&#x3B;&#x20;padding-top&#x3A;0px&#x3B;&#x20;padding-right&#x3A;0px&#x3B;&#x20;padding-bottom&#x3A;0px&#x3B;&#x20;padding-left&#x3A;0px&#x3B;">
21607    <p>
21607Asia Restaurants gehören zu den festen Größen in der modernen Gastronomie. Entdecken Sie jetzt alle Produkte, um Speisen wie Sie Ramen, Sushi, Bowls oder Streetfood perfekt zu verpacken.</p><ul><li><p>Nudelboxen, Dampfgarer, Sushimatten, Essstäbchen &amp; mehr</p></li><li><p>Auslaufsicher und hitzebeständig</p></li><li><p> Große Auswahl mit 120+ Produkten</p></li><li><p>Ideal für Gastronomie, Catering &amp; das To-go-Geschäft</p></li></ul><p><br/></p></div>
21608        </div>
21609            <div class="child">
21610            
21611<a class="btn-sb&#x20;btn-primary&#x20;"
21612   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
21613   role="button"
21614   href="https://www.papstar-shop.de/produkte/einweggeschirr/asia-produkte.htm"
21615   target="">
21616    
21617    <span>Sortiment entdecken</span>
21618
21619            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
21620    <title>Arrow Right</title>
21621  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
21622</svg>
21623    </a>
21624        </div>
21625    </div>
21626            
21627<style>
21628    .p-6ac21b44d17ec {
21629        padding: 0px 0px 0px 0px    }
21630</style>
21631
21632<div class="component grid-col justify-start self-start -none   p-6ac21b44d17ec"
21633     style="border-width:0px; background-color: unset;">
21634    </div>
21635    </div>
21636        </div>
21637    </div>
21638    </div>
21639
21640    <h2 class="text-center mt-8 ">Unsere Neuheiten</h2>
21641
21642
21643<script>
21644    "use strict";
21645
21646    function splideSlider137ac2fc782845b78c3086c64af6e750() {
21647        const slider = new Splide(this.$refs.slider);
21648        slider.mount();
21649    }
21650</script>
21650
21651<section
21652    x-data
21653    x-init="splideSlider137ac2fc782845b78c3086c64af6e750"
21654    x-ref="slider"
21655    class="splide sb-splide mt-8 mb-8 pl-10 pr-10  is-overflow-sb"
21656    data-splide="&#x7B;&quot;type&quot;&#x3A;&quot;slide&quot;,&quot;rewind&quot;&#x3A;true,&quot;arrows&quot;&#x3A;true,&quot;autoplay&quot;&#x3A;false,&quot;interval&quot;&#x3A;&quot;4000&quot;,&quot;pagination&quot;&#x3A;true,&quot;gap&quot;&#x3A;&quot;20px&quot;,&quot;mobile&quot;&#x3A;&quot;1&quot;,&quot;tablet&quot;&#x3A;&quot;2&quot;,&quot;desktop&quot;&#x3A;&quot;3&quot;,&quot;mediaQuery&quot;&#x3A;&quot;min&quot;,&quot;perPage&quot;&#x3A;1,&quot;breakpoints&quot;&#x3A;&#x7B;&quot;480&quot;&#x3A;&#x7B;&quot;perPage&quot;&#x3A;&quot;1&quot;&#x7D;,&quot;680&quot;&#x3A;&#x7B;&quot;perPage&quot;&#x3A;&quot;2&quot;&#x7D;,&quot;1024&quot;&#x3A;&#x7B;&quot;perPage&quot;&#x3A;&quot;3&quot;&#x7D;,&quot;1280&quot;&#x3A;&#x7B;&quot;perPage&quot;&#x3A;&quot;4&quot;&#x7D;&#x7D;&#x7D;"
21657    aria-label="Neuheiten"
21658    role="region"
21659    aria-roledescription="carousel"
21660>
21661    <div class="splide__track">
21662        <ul class="splide__list">
21663                                                <li class="splide__slide">
21664                        <div class="h-full">
21665    <form method="post"
21666          aria-label="Product&#x20;tile&#x20;for&#x3A;&#x20;Pappbecher&#x20;mit&#x20;Henkel&#x20;&quot;Coffee&#x20;Rings&quot;&#x20;0,18&#x20;l,&#x20;&#xD8;&#x20;7,3&#x20;cm&#x20;&#xB7;&#x20;7,8&#x20;cm,&#x20;PE-beschichtet"
21667          action="https://www.papstar-shop.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cucGFwc3Rhci1zaG9wLmRlLz9tc2Nsa2lkPWI5ODJhMjlkYWVkYzFjMWQyM2I2Yzg1ZmEzZjY4ZjFj/product/90503/"
21668          class="item product product-item product_addtocart_form border rounded p-2.5 bg-container-white hover:shadow-lg flex flex-col w-full h-full"
21669            >
21670        <input name="form_key" type="hidden" value="rKVCmaFj7egUOB24" />        <input type="hidden" name="product" value="90503"/>
21671        <div
21672            class="relative product photo product-item-photo block mb-3 px-12 ">
21673                <a x-data="ReqBlind_6ac211b615023()"
21674       href="https://www.papstar-shop.de/customer/account/"
21675       title="Pappbecher mit Henkel &quot;Coffee Rings&quot; 0,18 l, Ø 7,3 cm · 7,8 cm, PE-beschichtet Zum Merkzettel hinzufügen"
21676       aria-label="Pappbecher mit Henkel &quot;Coffee Rings&quot; 0,18 l, Ø 7,3 cm · 7,8 cm, PE-beschichtet Zum Merkzettel hinzufügen"
21677       @click.prevent="open($event)"
21678       class="p-2 bg-transparent absolute right-0 hover:text-primary-darker bottom-0">
21679        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85" xml:space="preserve" fill="currentColor" class="mx-auto bg-transparent text-black" width="36" height="36">
21680    <path d="M23.895 23.457a8.424 8.424 0 0 0-2.896 1.895c-3.408 3.41-3.308 9.06.226 12.594" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/><path d="M68.801 42.971c6.287-6.289 6.389-16.478.224-22.645-6.165-6.164-16.354-6.063-22.644.225l-3.896 3.871-3.87-3.871c-6.287-6.288-16.477-6.389-22.641-.225-6.164 6.167-6.064 16.355.225 22.645l26.295 26.262 26.307-26.262z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/></svg>
21681        <span class="sr-only">Zum Merkzettel hinzufügen</span>
21682    </a>
21683    
21683<script>
21684        function ReqBlind_6ac211b615023() {
21685            return {
21686                open: function (event) {
21687                    window.scrollTo(0, 0);
21688                    dispatchMessages([{
21689                        type: 'notice',
21690                        text: 'Sie müssen eingeloggt sein, um die Merkzettel-Funktion zu nutzen.'
21691                    }], 5000);
21692                    let href = event.currentTarget.href;
21693                    setTimeout(function() {
21694                        window.location = href;
21695                    }, 4000);
21696                }
21697            }
21698        }
21699    </script>
21699
21700                                        <ul class="product-tile__badges z-10">
21701                                                    <li class="product-tile__badges-item
21702                badge-new-90503"
21703                                    >
21704                                            Neu                                    </li>
21705                        </ul>
21706                        <a href="https://www.papstar-shop.de/pappbecher-mit-henkel-coffee-rings-0-18-l-7-3-cm-7-8-cm-pe-beschichtet-90503.htm"
21707               tabindex="-1"
21708                            >
21709                <picture class="object-contain mx-auto py-3 product-image-photo"><source type="image/webp" srcset="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/P/a/Pappbecher-mit-Henkel-Coffee-Rings-0-18-l-7-3-cm-7-8-cm-PE-beschichtet-90503_b_0_3.webp"><img class="object-contain mx-auto py-3 product-image-photo" x-data="" @update-gallery-90503.window="$el.src = $event.detail" src="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/P/a/Pappbecher-mit-Henkel-Coffee-Rings-0-18-l-7-3-cm-7-8-cm-PE-beschichtet-90503_b_0_3.jpg" loading="lazy" itemprop="image" width="360" height="360" alt="Pappbecher&#x20;mit&#x20;Henkel&#x20;&quot;Coffee&#x20;Rings&quot;&#x20;0,18&#x20;l,&#x20;&#xD8;&#x20;7,3&#x20;cm&#x20;&#xB7;&#x20;7,8&#x20;cm,&#x20;PE-beschichtet" title="Pappbecher&#x20;mit&#x20;Henkel&#x20;&quot;Coffee&#x20;Rings&quot;&#x20;0,18&#x20;l,&#x20;&#xD8;&#x20;7,3&#x20;cm&#x20;&#xB7;&#x20;7,8&#x20;cm,&#x20;PE-beschichtet" loading="lazy" /></picture>
21710            </a>
21711        </div>
21712        <div class="product-info flex flex-col flex-grow">
21713            <div class="text-black font-semibold text-base">
21714                                    &nbsp;                            </div>
21715                        <div
21716                class="mt-1 text-black font-semibold text-base text-left sm:min-h-90px">
21717                <a class="product-item-link "
21718                   href="https://www.papstar-shop.de/pappbecher-mit-henkel-coffee-rings-0-18-l-7-3-cm-7-8-cm-pe-beschichtet-90503.htm"
21719                                    >
21720                    Pappbecher mit Henkel &quot;Coffee Rings&quot; 0,18 l, Ø 7,3 cm · 7,8 cm, PE-beschichtet                </a>
21721                            </div>
21722            <div class="flex mt-1 mb-1">
21723                <div class="mt-auto sku text-sm">
21724                    <span>Artikel-Nr.: </span>90503                </div>
21725                                    <div class="lg:w-auto ml-auto block ">
21726                                            </div>
21727                            </div>
21728
21729                        <div class="mt-1 text-xs text-gray-600 italic">
21730                                    &nbsp;
21731                            </div>
21732
21733            <div class="h-full flex justify-between flex-col">
21734                                                                
21734<script>
21735        function initConfigurableSwatchOptions_90503() {
21736            const configurableOptionsComponent = initConfigurableOptions(
21737                '90503',
21738                {"attributes":{"254":{"id":"254","code":"order_unit","label":"Bestelleinheit","options":[{"id":"7059","label":"Karton","products":["190503"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"190503":{"baseOldPrice":{"amount":45.2},"oldPrice":{"amount":53.788001},"basePrice":{"amount":45.2},"finalPrice":{"amount":53.788001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"5,38\u00a0Cent \/ St\u00fcck","basePrice":"4,52\u00a0Cent \/ St\u00fcck"}}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":45.2},"oldPrice":{"amount":53.788001},"basePrice":{"amount":45.2},"finalPrice":{"amount":53.788001}},"productId":"90503","chooseText":"W\u00e4hlen Sie eine Option\u2026","images":[],"index":{"190503":{"254":"7059"}},"salable":{"254":{"7059":["190503"]}},"canDisplayShowOutOfStockStatus":true,"preSelectedGallery":[],"channel":"website","salesChannelCode":"papstar_de","sku":{"190503":"4002911552995"},"quantities":{"190503":134}}            );
21739            const swatchOptionsComponent = initSwatchOptions({"254":{"7059":{"type":"0","value":null,"label":"Karton","unit":"###VPE### St\u00fcck (20 x 50)","vpe":"1000"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}});
21740
21741            return Object.assign(
21742                configurableOptionsComponent,
21743                swatchOptionsComponent,
21744                {
21745                    mediaCallback: "https\u003A\u002F\u002Fwww.papstar\u002Dshop.de\u002Fswatches\u002Fajax\u002Fmedia\u002F",
21746                    changeOption(optionId, value, skipUpdateGallery) {
21747                        if (value === '') {
21748                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
21749                        } else {
21750                            this.selectedValues[optionId] = value;
21751                        }
21752                        this.findSimpleIndex();
21753                        this.findAllowedAttributeOptions();
21754                        this.updateStock();
21755                        this.updatePrices();
21756                        this.updateSavingPriceInfo();
21757                    },
21758                    unitSavingsPrice: null,
21759                    hasSpecialPrice: false,
21760                    finalPrice: {
21761                        amount: 0.00
21762                    },
21763                    oldPrice: {
21764                        amount: 0.00
21765                    },
21766
21767                    updateHasSpecialPrice() {
21768                        this.hasSpecialPrice = this.finalPrice.amount < this.oldPrice.amount;
21769                    },
21770                    updateSavingPriceInfo() {
21771                        const detail = this.optionConfig.optionPrices[this.productIndex];
21772                        this.oldPrice.amount = detail.oldPrice.amount;
21773                        this.finalPrice.amount = detail.finalPrice.amount;
21774
21775                        this.updateHasSpecialPrice();
21776
21777                        if (!this.hasSpecialPrice) {
21778                            this.unitSavingsPrice = detail.unitSavings;
21779                        }
21780                    },
21781                    preselectQuerystringItems: function() {
21782                        let found = false;
21783                        // pre-select option like ?size=167
21784                        const urlQueryParams = new URLSearchParams(window.location.search.replace("?", ""));
21785                        Object.values(this.optionConfig.attributes).map(attribute => {
21786                            const skipUpdateGallery = true;
21787                            if (urlQueryParams.get(attribute.code) !== null) {
21788                                let optionId = urlQueryParams.get(attribute.code);
21789                                found = false;
21790                                Object.values(attribute.options).map(option => {
21791                                    if (found === false && option.label === optionId) {
21792                                        optionId = option.id;
21793                                        found = true;
21794                                    }
21795                                });
21796                                this.changeOption(attribute.id, optionId, skipUpdateGallery);
21797                            }
21798                        });
21799                        if (found === false) {
21800                            // pre-select first option
21801                            Object.values(this.optionConfig.attributes).map(attribute => {
21802                                if (attribute.code === "order_unit") {
21803                                    let optionId = 0;
21804                                    Object.values(attribute.options).map(option => {
21805                                        if (this.selectedValues.length === 0) {
21806                                            if (found === false && option.products.length > 0) {
21807                                                optionId = option.id;
21808                                                this.changeOption(attribute.id, optionId, true);
21809                                                found = true;
21810                                            }
21811                                        } else {
21812                                            optionId = this.selectedValues[attribute.id];
21813                                            this.changeOption(attribute.id, optionId, true);
21814                                            found = true;
21815                                        }
21816                                    });
21817                                }
21818                            });
21819                        }
21820                    },
21821                    mouseDown: false,
21822                    startX: 0,
21823                    maxScroll: 0,
21824                    scrollLeft: null,
21825                    slider: null,
21826                    scrollEvents: {
21827                        ["@mousedown"](e) {
21828                            this.slider = e.target.closest(".snap");
21829                            if (!this.slider) {
21830                                return;
21831                            }
21832                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
21833                            this.startX = e.pageX - this.slider.offsetLeft;
21834                            this.scrollLeft = this.slider.scrollLeft;
21835                            this.mouseDown = true;
21836                        },
21837                        ["@mouseout.self"]() {
21838                            this.mouseDown = false;
21839                        },
21840                        ["@mouseup"]() {
21841                            this.mouseDown = false;
21842                        },
21843                        ["@mousemove"](e) {
21844                            e.preventDefault();
21845                            if (!this.mouseDown) {
21846                                return;
21847                            }
21848                            const x = e.pageX - this.slider.offsetLeft;
21849                            const scroll = x - this.startX;
21850                            const scrollLeft = this.scrollLeft - scroll;
21851
21852                            if (scrollLeft > this.maxScroll) {
21853                                this.slider.scrollLeft = this.maxScroll;
21854                                return;
21855                            }
21856                            this.slider.scrollLeft = this.scrollLeft - scroll;
21857                        },
21858                        ["@onselectstart"]() {
21859                            return false;
21860                        }
21861                    },
21862                    resizeEvent() {
21863                        Array.from(this.$el.querySelectorAll(".snap")).forEach(sli
21863der => {
21864                            slider.scrollLeft = 0;
21865                        });
21866                    }
21867                }
21868            );
21869        }
21870    </script>
21870
21871
21872    <div x-data="initConfigurableSwatchOptions_90503();"
21873         x-defer="intersect"
21874         x-init="getAllowedAttributeOptions();() => preselectQuerystringItems();preselectQuerystringItems();"
21875         @private-content-loaded.window="onGetCartData($event.detail.data)"
21876         @update-prices-90503.window="unitSavingsInfo = $event.detail.unitSavings"
21877         @touchstart.passive="preselectQuerystringItems()"
21878         @resize.window="resizeEvent()"
21879         class="relative md:w-full"
21880         @preselectswatch.window="preselectQuerystringItems()"
21881    >
21882        <div>
21883                                            
21884                                <div class="swatch-attribute order_unit">
21885                    <div class="w-full overflow-x-hidden swatch-attribute-options pt-2">
21886                        <div
21887                            class="w-full overflow-auto transition-all snap items-center min-h-14 product-listing-option-wrapper grid gap-2 pb-2"
21888                            id="attribute-label-90503-254"
21889                                                        :role="optionConfig.attributes?.[254]?.options?.length ? 'radiogroup' : null"
21890                            :aria-label="optionConfig.attributes?.[254]?.options?.length ? 'Attribut-order_unit' : null"
21891                            x-bind="scrollEvents">
21892                            <template x-for="(item, index) in optionConfig.attributes[254].options"
21893                                      :key="item.id"
21894                            >
21895                                
21896<div class="swatch-item">
21897        <label
21898            :for="'attribute-option-swatch-input6ac211b618c480.4652839690503-'+item.id"
21899            class="rounded swatch-option flex flex-col relative shadow-sm cursor-pointer select-none text-center product-option-value-label"
21900            :class="{
21901                'bg-secondary border-container-lighter text-white' : (selectedValues[254] === item.id),
21902                'bg-container-lighter' : (selectedValues[254] !== item.id),
21903                'w-6 h-6' : !isTextSwatch(254, item.id),
21904                'bg-secondary text-white' : focusedLabel === item.id
21905            }"
21906            :style="getSwatchBackgroundStyle('254',item.id)"
21907        >
21908            <input
21909                :id="'attribute-option-swatch-input6ac211b618c480.4652839690503-'+item.id"
21910                :value="item.id"
21911                name="super_attribute[254]-90503]"
21912                type="radio"
21913                role="radio"
21914                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
21915                style="z-index:-1"
21916                x-on:focus="focusLabel(item.id)"
21917                x-on:blur="blurLabel()"
21918                x-on:change="changeOption(254, $event.target.value)"
21919                x-model="selectedValues[254]"
21920                :required="getAllowedAttributeOptions(254).filter(
21921                                                                    attributeOption => selectedValues[attributeOption]
21922                                                                ).length === 0"
21923                :aria-label="getSwatchText(254, item.id) + ': ' + getSwatchUnitText(254, item.id)"
21924            >
21925            <div x-html="getSwatchText(254, item.id)"
21926                 class="whitespace-nowrap text-sm font-bold"
21927                 :class="{ 'sr-only' : !isTextSwatch(254, item.id) }"
21928                 aria-hidden="false"
21929            ></div>
21930            <!-- N98 custom attributes start-->
21931            <div x-html="getSwatchUnitText(254, item.id)"
21932                 class="text-xs" aria-hidden="false"></div>
21933            <!-- N98 custom attributes end-->
21934        </label>
21935        <template x-if="unitSavingsInfo && selectedValues[254] === item.id">
21936            <div class="unit-savings-price">
21937                <span class="-info" x-html="unitSavingsInfo"></span>
21938            </div>
21939        </template>
21940    <template x-if="index != 0 && selectedValues[254] !== item.id">
21941        <div class="unit-savings-price">
21942            <span class="-info">
21943            <span><?xml version="1.0" encoding="UTF-8"?>
21944<svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" version="1.1" viewBox="0 0 18 22" width="16" height="16">
21945    <title>Percent</title>
21946  <defs>
21947    <style>
21948      .st0 {
21949        stroke-linecap: round;
21950        stroke-linejoin: round;
21951      }
21952
21953      .st0, .st1 {
21954        fill: none;
21955        stroke-width: 1.5px;
21956      }
21957
21958      .st1 {
21959        stroke-miterlimit: 10;
21960      }
21961    </style>
21962  </defs>
21963  <path class="st1" stroke="currentColor" d="M16.2,16.6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
21964  <g>
21965    <path class="st1" stroke="currentColor" d="M8,6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
21966    <path class="st0" stroke="currentColor" d="M3.5,18.7L15.4,3.9"/>
21967  </g>
21968</svg>
21969</span>
21970            </span>
21971        </div>
21972    </template>
21973</div>
21974                            </template>
21975                        </div>
21976                    </div>
21977                </div>
21978                    </div>
21979                    <template x-if="isTooltipVisible()">
21980    <div class="absolute shadow-lg"
21981        :style="isLayeredSwatch == false && getTooltipPosition()"
21982    >
21983        <div class="absolute top-0 left-0 z-50 p-2 -mt-6 text-sm leading-tight text-black
21984                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
21985        >
21986        <!--template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
21987            <div x-show="getSwatchType(activeTooltipItem.type) !== 'color'"
21988                class="inline-block shadow-sm"
21989                :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
21990            ></div>
21991        </template-->
21992            <span class="mx-2 text-sm font-semibold whitespace-nowrap subtitle"
21993                    x-html="getTooltipLabel()"
21994            ></span>
21995        </div>
21996        <svg class="absolute z-50 w-8 h-8 text-white transform -translate-x-3
21997                -translate-y-8 fill-current stroke-current"
21998                width="12"
21999                height="12"
22000        >
22001            <title>Tooltip Icon</title>
22002            <rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
22003        </svg>
22004    </div>
22005</template>
22006            </div>
22007                                        
22008                
22008<script>
22009                    function initPriceBox__137ac2fc782845b78c3086c64af6e750_6ac211b614d31() {
22010                        return {
22011                            updatePrice(priceData, productId) {
22012                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
22013                                const regularOldPriceElement = this.$el.querySelector('.normal-price .old-price');
22014                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
22015                                const regularPriceElementTax = this.$el.querySelector('.normal-price .price-container .tax');
22016                                const regularOldBasePriceElement = this.$el.querySelector('.base-price .old-price');
22017                                const regularBasePriceElement = this.$el.querySelector('.base-price .price-wrapper .price');
22018                                const regularBasePriceElementTax = this.$el.querySelector('.base-price .price-container .tax');
22019                                const unitPriceElement = this.$el.querySelector('.normal-price .unitPrice');
22020                                const unitBasePriceElement = this.$el.querySelector('.base-price .unitPrice');
22021                                const productTileBadge = document.querySelector('.badge-discounted-' + productId);
22022
22023                                let specialPrice = false;
22024                                let specialPricePercent;
22025
22026                                if (regularPriceLabel) {
22027                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
22028                                        regularPriceLabel.classList.remove('hidden');
22029                                    } else {
22030                                        regularPriceLabel.classList.add('hidden');
22031                                    }
22032                                }
22033
22034                                if (productTileBadge) {
22035                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
22036                                        specialPricePercent = (priceData.oldPrice.amount - priceData.finalPrice.amount)
22037                                            / priceData.oldPrice.amount * 100;
22038                                        productTileBadge.innerText = '-' + Math.round(specialPricePercent) + '%';
22039                                        productTileBadge.classList.remove('hidden');
22040                                    }
22041                                }
22042
22043                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
22044                                    specialPrice = true;
22045                                } else {
22046                                    specialPrice = false;
22047                                }
22048
22049                                if (regularOldPriceElement && priceData.oldPrice.amount) {
22050                                    if (specialPrice) {
22051                                        regularOldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount);
22052                                    } else {
22053                                        regularOldPriceElement.innerText = '';
22054                                    }
22055                                }
22056
22057                                if (regularPriceElement) {
22058                                    regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
22059                                    regularPriceElementTax.style.display = 'block';
22060                                }
22061
22062                                if (unitPriceElement) {
22063                                    unitPriceElement.innerText = '';
22064                                }
22065
22066                                if (unitPriceElement && priceData.unitPrice.pricePerUnitHTML.price) {
22067                                    unitPriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.price;
22068                                }
22069
22070                                if (regularOldBasePriceElement && priceData.baseOldPrice.amount) {
22071                                    if (specialPrice) {
22072                                        regularOldBasePriceElement.innerText =
22073                                            hyva.formatPrice(priceData.baseOldPrice.amount);
22074                                    } else {
22075                                        regularOldBasePriceElement.innerText = '';
22076                                    }
22077                                }
22078
22079                                if (regularBasePriceElement) {
22080                                    regularBasePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount);
22081                                    regularBasePriceElementTax.style.display = 'block';
22082                                }
22083
22084                                if (unitBasePriceElement) {
22085                                    unitBasePriceElement.innerText = '';
22086                                }
22087
22088                                if (unitBasePriceElement && priceData.unitPrice.pricePerUnitHTML.basePrice) {
22089                                    unitBasePriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.basePrice;
22090                                }
22091
22092                                if (priceData.finalPrice.amount === priceData.basePrice.amount) {
22093                                    this.$el.querySelector('.normal-price').classList.add('hidden');
22094                                } else {
22095                                    this.$el.querySelector('.normal-price').classList.remove('hidden');
22096                                }
22097                            }
22098                        }
22099                    }
22100
22101                    function initQtyField__137ac2fc782845b78c3086c64af6e750_6ac211b614d31() {
22102                        return {
22103                            qty: 1,
22104                            input: document.getElementById('qty[90503_137ac2fc782845b78c3086c64af6e750_6ac211b614d31]'),
22105                            addToCart: document.getElementById('add-to-cart[90503_137ac2fc782845b78c3086c64af6e750_6ac211b614d31]'),
22106                            qtyAlert: document.getElementById('qty-alert[90503_137ac2fc782845b78c3086c64af6e750_6ac211b614d31]'),
22107                            currentStock: 0,
22108
22109                            validateQty(qty) {
22110                                let regex = /^\d+$/;
22111                                let pattern = regex.test(qty);
22112
22113                                this.addToCart.disabled = qty === 0
22114                                    || qty === null
22115                                    || qty > 10000                                    || !pattern
22116                                    || this.addToCart.classList.contains('not-available');
22117
22118                                if (qty === 0
22119                                    || qty === null
22120                                    || qty > 10000                                    || !pattern) {
22121                                    this.qtyAlert.style.display = 'block';
22122                                } else {
22123                                    this.qtyAlert.style.display = 'none';
22124                                }
22125                            },
22126
22127                            stepUp() {
22128                                this.input.stepUp();
22129                                let qty = document.getElementById('qty[90503_137ac2fc782845b78c3086c64af6e750_6ac211b614d31]').value;
22130                                this.validateQty(qty);
22131
22132                            },
22133
22134                            stepDown() {
22135                                this.input.stepDown();
22136                                let qty = document.getElementById('qty[90503_137ac2fc782845b78c3086c64af6e750_6ac211b614d31]').value;
22137                                this.validateQty(qty);
22138                            }
22139                        };
22140                    }
22141                </script>
22141
22142                <div class="relative price-block">
22143                    <div class="flex my-4 sm:min-h-42px w-full">
22144                                                <div class="w-full"
22145                             x-data="initPriceBox__137ac2fc782845b78c3086c64af6e750_6ac211b614d31()"
22146                             x-init="() => $dispatch('preselectswatch')"
22147                             @update-prices-90503.window="updatePrice($event.detail,90503);">
22148                            <div
22149                                class="price-box mt-3 price-final_price flex flex-wrap justify-between"
22150                                data-role="priceBox">
22151                                <div class="normal-price text-left ">
22152                                <span class="price-container price-final_price tax weee">
22153                                    <div class="old-price text-xs including-tax line-through"></div>
22154                                    <div id="price-including-tax-product-price-90503"
22155                                         data-price-type="finalPrice"
22156                                         class="price-wrapper price-including-tax finalPrice flex items-end">
22157                                        <span class="price"></span>
22158                                        <span class="tax font-normal hidden">mit MwSt.</span>
22159                                    </div>
22160                                    <div class="unitPrice text-xs"></div>
22161                                </span>
22162                                </div>
22163
22164                                <div class="base-price text-left ">
22165                                <span class="price-container price-final_price tax weee">
22166                                    <div class="old-price text-xs excluding-tax line-through"></div>
22167                                    <div id="price-excluding-tax-product-price-90503"
22168                                         data-price-type="finalPrice"
22169                                         class="price-wrapper price-excluding-tax finalPrice flex items-end">
22170                                        <span class="price"></span>
22171                                        <span class="tax font-normal hidden">ohne MwSt.</span>
22172                                    </div>
22173                                    <div class="unitPrice text-xs"></div>
22174                                </span>
22175                                </div>
22176                            </div>
22177                        </div>
22178                    </div>
22179
22180                                            <div x-data="{ currentStock: 0 }"
22181                             x-init="() => $dispatch('preselectswatch')"
22182                             @update-stock-90503.window="currentStock = $event.detail"
22183                             class="flex flex-wrap mt-auto text-left">
22184                            <div class="stock-status text-xs w-full mb-3 mt-auto basis-full">
22185                                <template x-if="currentStock">
22186                                    <div>
22187                                    <span x-show="currentStock > 0" class="text-green-main">
22188                                        Sofort versandfertig, Lieferzeit: 1-3 Werktage                                    </span>
22189                                        <span x-show="currentStock <= 0 && currentStock > -1000"
22190                                              class="text-yellow-700">
22191                                        Aktuell nicht lieferbar, Lieferzeit: 5-10 Werktage                                    </span>
22192                                        <span x-show="currentStock <= -1000 && currentStock > -5000"
22193                                              class="text-red-600">
22194                                        Aktuell nicht lieferbar                                    </span>
22195                                    </div>
22196                                </template>
22197                            </div>
22198                        </div>
22199                    
22200                    
22201                    <div class="flex gap-4 mt-auto justify-end lg:justify-between"
22202                         x-data="initQtyField__137ac2fc782845b78c3086c64af6e750_6ac211b614d31()"
22203                         x-init="() => $dispatch('preselectswatch')"
22204                         @update-stock-90503.window="currentStock = $event.detail;">
22205                                                    <div class="w-1/2 flex"
22206                                x-show="currentStock > -5000"
22207                                :aria-hidden="currentStock <= -5000">
22208                                <button
22209                                    class="qty-button -minus-button"
22210                                    type="button"
22211                                    title="Weniger"
22212                                    x-on:click="stepDown()">
22213                                    <?xml version="1.0" encoding="utf-8"?>
22214<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
22215<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="w-5 h-5" width="20" height="20">
22216        <title>Minus</title>
22217    <g>
22218	<g>
22219		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
22220	</g>
22221</g>
22222</svg>
22223                                </button>
22224                                <label for="qty[90503_137ac2fc782845b78c3086c64af6e750_6ac211b614d31]"
22225                                       class="sr-only">
22226                                    Anzahl                                </label>
22227                                <input name="qty"
22228                                       class="form-input rounded-none px-2 text-center invalid:ring-2 invalid:ring-red-500 w-11/12"
22229                                       id="qty[90503_137ac2fc782845b78c3086c64af6e750_6ac211b614d31]"
22230                                       type="number"
22231                                       inputmode="numeric"
22232                                       maxlength="5"
22233                                       min="1"                                       max="10000"                                       step="1"                                       :value="qty"
22234                                       x-model.number="qty"
22235                                       x-on:input.change="validateQty(qty);"
22236                                />
22237                                <button
22238                                    class="qty-button -plus-button"
22239                                    type="button"
22240                                    title="Mehr"
22241                                    class="plus"
22242                                    x-on:click="stepUp()">
22243                                    <?xml version="1.0" encoding="utf-8"?>
22244<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
22245<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="text-white" width="20" height="20">
22246        <title>Plus Sign</title>
22247    <g>
22248	<g>
22249		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
22250	</g>
22251	<g>
22252		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
22253	</g>
22254</g>
22255</svg>
22256                                </button>
22257                            </div>
22258                            <div class="w-1/2"
22259                                 x-show="currentStock > -5000"
22260                                 :aria-hidden="currentStock <= -5000">
22261                                                                    <button class="btn btn-add-to-cart w-full h-full px-2 py-0"
22262                                            :disabled="currentStock <= -1000 || false"
22263                                            :class="{'not-available': currentStock <= -1000 || false}"
22264                                            id="add-to-cart[90503_137ac2fc782845b78c3086c64af6e750_6ac211b614d31]"
22265                                            title="Pappbecher&#x20;mit&#x20;Henkel&#x20;&quot;Coffee&#x20;Rings&quot;&#x20;0,18&#x20;l,&#x20;&#xD8;&#x20;7,3&#x20;cm&#x20;&#xB7;&#x20;7,8&#x20;cm,&#x20;PE-beschichtet&#x20;In&#x20;den&#x20;Warenkorb"
22266                                            aria-label="Pappbecher&#x20;mit&#x20;Henkel&#x20;&quot;Coffee&#x20;Rings&quot;&#x20;0,18&#x20;l,&#x20;&#xD8;&#x20;7,3&#x20;cm&#x20;&#xB7;&#x20;7,8&#x20;cm,&#x20;PE-beschichtet&#x20;In&#x20;den&#x20;Warenkorb">
22267                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
22268    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
22269                                        <span class="sm:pl-2 md:hidden lg:block">
22270                                            In&#x20;den&#x20;Warenkorb                                        </span>
22271                                    </button>
22272                                                            </div>
22273                        
22274                        <a x-cloak
22275                           x-show="currentStock <= -5000"
22276                           :aria-hidden="currentStock > -5000"
22277                           href="https://www.papstar-shop.de/pappbecher-mit-henkel-coffee-rings-0-18-l-7-3-cm-7-8-cm-pe-beschichtet-90503.htm"
22278                           class="btn btn-add-to-cart w-full h-full px-2 py-0"
22279                           id="add-to-cart[90503_137ac2fc782845b78c3086c64af6e750_6ac211b614d31]"
22280                           title="Pappbecher&#x20;mit&#x20;Henkel&#x20;&quot;Coffee&#x20;Rings&quot;&#x20;0,18&#x20;l,&#x20;&#xD8;&#x20;7,3&#x20;cm&#x20;&#xB7;&#x20;7,8&#x20;cm,&#x20;PE-beschichtet&#x20;Produkt&#x20;individualisieren"
22281                           aria-label="Pappbecher&#x20;mit&#x20;Henkel&#x20;&quot;Coffee&#x20;Rings&quot;&#x20;0,18&#x20;l,&#x20;&#xD8;&#x20;7,3&#x20;cm&#x20;&#xB7;&#x20;7,8&#x20;cm,&#x20;PE-beschichtet&#x20;Produkt&#x20;individualisieren">
22282                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
22283    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
22284                            <span class="sm:pl-2 md:hidden lg:block py-4">
22285                                            Produkt&#x20;individualisieren                                        </span>
22286                        </a>
22287
22288                                                    
22288<script>
22289    'use strict';
22290
22291    (() => {
22292        window.addEventListener(
22293            'ga-initialized',
22294            () => {
22295                const productForm = document.querySelector(
22296                    'form\u005Bdata\u002Dsku\u003D\u002290503\u0022\u005D'
22297                );
22298
22299                if (!productForm) {
22300                    return;
22301                }
22302
22303                let sku = '90503';
22304
22305                window.addEventListener(
22306                    'listing\u002Dconfigurable-selection-changed',
22307                    (event) => {
22308                        if (event.detail.skuCandidates.length === 1
22309                            && event.detail.productId === '90503'
22310                        ) {
22311                            sku = event.detail.skuCandidates[0];
22312                        }
22313                    }
22314                );
22315
22316                function bindEventListener(element, event)
22317                {
22318                    element.addEventListener(event, () => {
22319                        if (productForm.checkValidity()) {
22320                            const priceSelector = false                                ? '#product-price-90503 .price'
22321                                : '[data-price-box="product-id-90503"] .price';
22322
22323                            window.dispatchEvent(new CustomEvent('cart-item-added', {
22324                                detail: [{
22325                                    product_sku: sku,
22326                                    product_name: 'Pappbecher\u0020mit\u0020Henkel\u0020\u0022Coffee\u0020Rings\u0022\u00200,18\u0020l,\u0020\u00D8\u00207,3\u0020cm\u0020\u00B7\u00207,8\u0020cm,\u0020PE\u002Dbeschichtet',
22327                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),
22328
22329                                                                            qty: 1,
22330                                                                    }],
22331                            }));
22332                        }
22333                    });
22334                }
22335
22336                                    const button = productForm.querySelector(
22337                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
22338                    );
22339
22340                    if (!button) {
22341                        return;
22342                    }
22343
22344                    bindEventListener(button, 'click');
22345                            },
22346            { once: true }
22347        );
22348    })();
22349</script>
22349
22350                                            </div>
22351                    <div class="qty-alert hidden" id="qty-alert[90503_137ac2fc782845b78c3086c64af6e750_6ac211b614d31]">
22352                        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill="currentColor" viewBox="0 0 20 20" class="w-3 h-3 mr-1 text-energy inline-block align-text-top">
22353<title>Warning</title>
22354    <path d="M19.64 16.36L11.53 2.3A1.85 1.85 0 0 0 10 1.21 1.85 1.85 0 0 0 8.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>
22355</svg>
22356                        <span>Bitte&#x20;nur&#x20;ganze&#x20;Zahlen&#x20;eingeben.</span>
22357                    </div>
22358                </div>
22359            </div>
22360        </div>
22361    </form>
22362</div>
22363                    </li>
22364                                                                    <li class="splide__slide">
22365                        <div class="h-full">
22366    <form method="post"
22367          aria-label="Product&#x20;tile&#x20;for&#x3A;&#x20;Toilettenpapier,&#x20;2-lagiges&#x20;Tissue,&#x20;&#xD8;&#x20;11&#x20;cm&#x20;&#xB7;&#x20;12&#x20;cm&#x20;&#xD7;&#x20;9,3&#x20;cm&#x20;wei&#xDF;&#x20;250&#x20;Blatt"
22368          action="https://www.papstar-shop.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cucGFwc3Rhci1zaG9wLmRlLz9tc2Nsa2lkPWI5ODJhMjlkYWVkYzFjMWQyM2I2Yzg1ZmEzZjY4ZjFj/product/37582/"
22369          class="item product product-item product_addtocart_form border rounded p-2.5 bg-container-white hover:shadow-lg flex flex-col w-full h-full"
22370            >
22371        <input name="form_key" type="hidden" value="rKVCmaFj7egUOB24" />        <input type="hidden" name="product" value="37582"/>
22372        <div
22373            class="relative product photo product-item-photo block mb-3 px-12 ">
22374                <a x-data="ReqBlind_6ac211b620f49()"
22375       href="https://www.papstar-shop.de/customer/account/"
22376       title="Toilettenpapier, 2-lagiges Tissue, Ø 11 cm · 12 cm × 9,3 cm weiß 250 Blatt Zum Merkzettel hinzufügen"
22377       aria-label="Toilettenpapier, 2-lagiges Tissue, Ø 11 cm · 12 cm × 9,3 cm weiß 250 Blatt Zum Merkzettel hinzufügen"
22378       @click.prevent="open($event)"
22379       class="p-2 bg-transparent absolute right-0 hover:text-primary-darker bottom-0">
22380        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85" xml:space="preserve" fill="currentColor" class="mx-auto bg-transparent text-black" width="36" height="36">
22381    <path d="M23.895 23.457a8.424 8.424 0 0 0-2.896 1.895c-3.408 3.41-3.308 9.06.226 12.594" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/><path d="M68.801 42.971c6.287-6.289 6.389-16.478.224-22.645-6.165-6.164-16.354-6.063-22.644.225l-3.896 3.871-3.87-3.871c-6.287-6.288-16.477-6.389-22.641-.225-6.164 6.167-6.064 16.355.225 22.645l26.295 26.262 26.307-26.262z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/></svg>
22382        <span class="sr-only">Zum Merkzettel hinzufügen</span>
22383    </a>
22384    
22384<script>
22385        function ReqBlind_6ac211b620f49() {
22386            return {
22387                open: function (event) {
22388                    window.scrollTo(0, 0);
22389                    dispatchMessages([{
22390                        type: 'notice',
22391                        text: 'Sie müssen eingeloggt sein, um die Merkzettel-Funktion zu nutzen.'
22392                    }], 5000);
22393                    let href = event.currentTarget.href;
22394                    setTimeout(function() {
22395                        window.location = href;
22396                    }, 4000);
22397                }
22398            }
22399        }
22400    </script>
22400
22401                                        <ul class="product-tile__badges z-10">
22402                                                    <li class="product-tile__badges-item
22403                badge-new-37582"
22404                                    >
22405                                            Neu                                    </li>
22406                        </ul>
22407                        <a href="https://www.papstar-shop.de/toilettenpapier-2-lagiges-tissue-11-cm-12-cm-9-3-cm-weiss-250-blatt-37582.htm"
22408               tabindex="-1"
22409                            >
22410                <picture class="object-contain mx-auto py-3 product-image-photo"><source type="image/webp" srcset="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/T/o/Toilettenpapier-2-lagiges-Tissue-11-cm-12-cm-x-9-3-cm-weiss-250-Blatt-37582_b_0.webp"><img class="object-contain mx-auto py-3 product-image-photo" x-data="" @update-gallery-37582.window="$el.src = $event.detail" src="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/T/o/Toilettenpapier-2-lagiges-Tissue-11-cm-12-cm-x-9-3-cm-weiss-250-Blatt-37582_b_0.jpg" loading="lazy" itemprop="image" width="360" height="360" alt="Toilettenpapier,&#x20;2-lagiges&#x20;Tissue,&#x20;&#xD8;&#x20;11&#x20;cm&#x20;&#xB7;&#x20;12&#x20;cm&#x20;&#xD7;&#x20;9,3&#x20;cm&#x20;wei&#xDF;&#x20;250&#x20;Blatt" title="Toilettenpapier,&#x20;2-lagiges&#x20;Tissue,&#x20;&#xD8;&#x20;11&#x20;cm&#x20;&#xB7;&#x20;12&#x20;cm&#x20;&#xD7;&#x20;9,3&#x20;cm&#x20;wei&#xDF;&#x20;250&#x20;Blatt" loading="lazy" /></picture>
22411            </a>
22412        </div>
22413        <div class="product-info flex flex-col flex-grow">
22414            <div class="text-black font-semibold text-base">
22415                                    &nbsp;                            </div>
22416                        <div
22417                class="mt-1 text-black font-semibold text-base text-left sm:min-h-90px">
22418                <a class="product-item-link "
22419                   href="https://www.papstar-shop.de/toilettenpapier-2-lagiges-tissue-11-cm-12-cm-9-3-cm-weiss-250-blatt-37582.htm"
22420                                    >
22421                    Toilettenpapier, 2-lagiges Tissue, Ø 11 cm · 12 cm × 9,3 cm weiß 250 Blatt                </a>
22422                            </div>
22423            <div class="flex mt-1 mb-1">
22424                <div class="mt-auto sku text-sm">
22425                    <span>Artikel-Nr.: </span>37582                </div>
22426                                    <div class="lg:w-auto ml-auto block ">
22427                                            </div>
22428                            </div>
22429
22430                        <div class="mt-1 text-xs text-gray-600 italic">
22431                                    &nbsp;
22432                            </div>
22433
22434            <div class="h-full flex justify-between flex-col">
22435                                                                
22435<script>
22436        function initConfigurableSwatchOptions_37582() {
22437            const configurableOptionsComponent = initConfigurableOptions(
22438                '37582',
22439                {"attributes":{"254":{"id":"254","code":"order_unit","label":"Bestelleinheit","options":[{"id":"7059","label":"Karton","products":["137582"]},{"id":"7061","label":"Palette","products":["637582"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"637582":{"baseOldPrice":{"amount":617.76},"oldPrice":{"amount":735.134401},"basePrice":{"amount":617.76},"finalPrice":{"amount":735.134401},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"34,81\u00a0Cent \/ St\u00fcck","basePrice":"29,25\u00a0Cent \/ St\u00fcck"}},"unitSavings":"10% Ersparnis"},"137582":{"baseOldPrice":{"amount":20.8},"oldPrice":{"amount":24.752001},"basePrice":{"amount":20.8},"finalPrice":{"amount":24.752001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"38,68\u00a0Cent \/ St\u00fcck","basePrice":"32,50\u00a0Cent \/ St\u00fcck"}}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":20.8},"oldPrice":{"amount":24.752001},"basePrice":{"amount":20.8},"finalPrice":{"amount":24.752001}},"productId":"37582","chooseText":"W\u00e4hlen Sie eine Option\u2026","images":[],"index":{"637582":{"254":"7061"},"137582":{"254":"7059"}},"salable":{"254":{"7061":["637582"],"7059":["137582"]}},"canDisplayShowOutOfStockStatus":true,"preSelectedGallery":[],"channel":"website","salesChannelCode":"papstar_de","sku":{"637582":"4049026449659","137582":"4002911728727"},"quantities":{"637582":32,"137582":1078}}            );
22440            const swatchOptionsComponent = initSwatchOptions({"254":{"7059":{"type":"0","value":null,"label":"Karton","unit":"###VPE### Rollen (8 x 8)","vpe":"64"},"7061":{"type":"0","value":null,"label":"Palette","unit":"###VPE### Rollen (264 x 8)","vpe":"2112"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}});
22441
22442            return Object.assign(
22443                configurableOptionsComponent,
22444                swatchOptionsComponent,
22445                {
22446                    mediaCallback: "https\u003A\u002F\u002Fwww.papstar\u002Dshop.de\u002Fswatches\u002Fajax\u002Fmedia\u002F",
22447                    changeOption(optionId, value, skipUpdateGallery) {
22448                        if (value === '') {
22449                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
22450                        } else {
22451                            this.selectedValues[optionId] = value;
22452                        }
22453                        this.findSimpleIndex();
22454                        this.findAllowedAttributeOptions();
22455                        this.updateStock();
22456                        this.updatePrices();
22457                        this.updateSavingPriceInfo();
22458                    },
22459                    unitSavingsPrice: null,
22460                    hasSpecialPrice: false,
22461                    finalPrice: {
22462                        amount: 0.00
22463                    },
22464                    oldPrice: {
22465                        amount: 0.00
22466                    },
22467
22468                    updateHasSpecialPrice() {
22469                        this.hasSpecialPrice = this.finalPrice.amount < this.oldPrice.amount;
22470                    },
22471                    updateSavingPriceInfo() {
22472                        const detail = this.optionConfig.optionPrices[this.productIndex];
22473                        this.oldPrice.amount = detail.oldPrice.amount;
22474                        this.finalPrice.amount = detail.finalPrice.amount;
22475
22476                        this.updateHasSpecialPrice();
22477
22478                        if (!this.hasSpecialPrice) {
22479                            this.unitSavingsPrice = detail.unitSavings;
22480                        }
22481                    },
22482                    preselectQuerystringItems: function() {
22483                        let found = false;
22484                        // pre-select option like ?size=167
22485                        const urlQueryParams = new URLSearchParams(window.location.search.replace("?", ""));
22486                        Object.values(this.optionConfig.attributes).map(attribute => {
22487                            const skipUpdateGallery = true;
22488                            if (urlQueryParams.get(attribute.code) !== null) {
22489                                let optionId = urlQueryParams.get(attribute.code);
22490                                found = false;
22491                                Object.values(attribute.options).map(option => {
22492                                    if (found === false && option.label === optionId) {
22493                                        optionId = option.id;
22494                                        found = true;
22495                                    }
22496                                });
22497                                this.changeOption(attribute.id, optionId, skipUpdateGallery);
22498                            }
22499                        });
22500                        if (found === false) {
22501                            // pre-select first option
22502                            Object.values(this.optionConfig.attributes).map(attribute => {
22503                                if (attribute.code === "order_unit") {
22504                                    let optionId = 0;
22505                                    Object.values(attribute.options).map(option => {
22506                                        if (this.selectedValues.length === 0) {
22507                                            if (found === false && option.products.length > 0) {
22508                                                optionId = option.id;
22509                                                this.changeOption(attribute.id, optionId, true);
22510                                                found = true;
22511                                            }
22512                                        } else {
22513                                            optionId = this.selectedValues[attribute.id];
22514                                            this.changeOption(attribute.id, optionId, true);
22515                                            found = true;
22516                                        }
22517                                    });
22518                                }
22519                            });
22520                        }
22521                    },
22522                    mouseDown: false,
22523                    startX: 0,
22524                    maxScroll: 0,
22525                    scrollLeft: null,
22526                    slider: null,
22527                    scrollEvents: {
22528                        ["@mousedown"](e) {
22529                            this.slider = e.target.closest(".snap");
22530                            if (!this.slider) {
22531                                return;
22532                            }
22533                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
22534                            this.startX = e.pageX - this.slider.offsetLeft;
22535                            this.scrollLeft = this.slider.scrollLeft;
22536                            this.mouseDown = true;
22537                        },
22538                        ["@mouseout.self"]() {
22539                            this.mouseDown = false;
22540                        },
22541                        ["@mouseup"]() {
22542                            this.mouseDown = false;
22543                        },
22544                        ["@mousemove"](e) {
22545                            e.preventDefault();
22546                            if (!this.mouseDown) {
22547                                return;
22548                            }
22549                            const x = e.pageX - this.slider.offsetLeft;
22550                            const scroll = x - this.startX;
22551                            const scrollLeft = this.scrollLeft - scroll;
22552
22553                            if (scrollLeft > this.maxScroll) {
22554                                this.slider.scrollLeft = this.maxScroll;
22555                                return;
22556                            }
22557                            this.slider.scrollLeft = this.scrollLeft - scroll;
22558                        },
22559                        ["@onselectstart"]() {
22560                            return false;
22561                        }
22562                    },
22563                    resizeEvent() {
22564                        Array.from(this.$el.querySelectorAll(".snap")).forEach(slider => {
22565                            slider.scrollLeft = 0;
22566                        });
22567                    }
22568                }
22569            );
22570        }
22571    </script>
22571
22572
22573    <div x-data="initConfigurableSwatchOptions_37582();"
22574         x-defer="intersect"
22575         x-init="getAllowedAttributeOptions();() => preselectQuerystringItems();preselectQuerystringItems();"
22576         @private-content-loaded.window="onGetCartData($event.detail.data)"
22577         @update-prices-37582.window="unitSavingsInfo = $event.detail.unitSavings"
22578         @touchstart.passive="preselectQuerystringItems()"
22579         @resize.window="resizeEvent()"
22580         class="relative md:w-full"
22581         @preselectswatch.window="preselectQuerystringItems()"
22582    >
22583        <div>
22584                                            
22585                                <div class="swatch-attribute order_unit">
22586                    <div class="w-full overflow-x-hidden swatch-attribute-options pt-2">
22587                        <div
22588                            class="w-full overflow-auto transition-all snap items-center min-h-14 product-listing-option-wrapper grid gap-2 pb-2"
22589                            id="attribute-label-37582-254"
22590                                                        :role="optionConfig.attributes?.[254]?.options?.length ? 'radiogroup' : null"
22591                            :aria-label="optionConfig.attributes?.[254]?.options?.length ? 'Attribut-order_unit' : null"
22592                            x-bind="scrollEvents">
22593                            <template x-for="(item, index) in optionConfig.attributes[254].options"
22594                                      :key="item.id"
22595                            >
22596                                
22597<div class="swatch-item">
22598        <label
22599            :for="'attribute-option-swatch-input6ac211b6268ad0.0935704237582-'+item.id"
22600            class="rounded swatch-option flex flex-col relative shadow-sm cursor-pointer select-none text-center product-option-value-label"
22601            :class="{
22602                'bg-secondary border-container-lighter text-white' : (selectedValues[254] === item.id),
22603                'bg-container-lighter' : (selectedValues[254] !== item.id),
22604                'w-6 h-6' : !isTextSwatch(254, item.id),
22605                'bg-secondary text-white' : focusedLabel === item.id
22606            }"
22607            :style="getSwatchBackgroundStyle('254',item.id)"
22608        >
22609            <input
22610                :id="'attribute-option-swatch-input6ac211b6268ad0.0935704237582-'+item.id"
22611                :value="item.id"
22612                name="super_attribute[254]-37582]"
22613                type="radio"
22614                role="radio"
22615                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
22616                style="z-index:-1"
22617                x-on:focus="focusLabel(item.id)"
22618                x-on:blur="blurLabel()"
22619                x-on:change="changeOption(254, $event.target.value)"
22620                x-model="selectedValues[254]"
22621                :required="getAllowedAttributeOptions(254).filter(
22622                                                                    attributeOption => selectedValues[attributeOption]
22623                                                                ).length === 0"
22624                :aria-label="getSwatchText(254, item.id) + ': ' + getSwatchUnitText(254, item.id)"
22625            >
22626            <div x-html="getSwatchText(254, item.id)"
22627                 class="whitespace-nowrap text-sm font-bold"
22628                 :class="{ 'sr-only' : !isTextSwatch(254, item.id) }"
22629                 aria-hidden="false"
22630            ></div>
22631            <!-- N98 custom attributes start-->
22632            <div x-html="getSwatchUnitText(254, item.id)"
22633                 class="text-xs" aria-hidden="false"></div>
22634            <!-- N98 custom attributes end-->
22635        </label>
22636        <template x-if="unitSavingsInfo && selectedValues[254] === item.id">
22637            <div class="unit-savings-price">
22638                <span class="-info" x-html="unitSavingsInfo"></span>
22639            </div>
22640        </template>
22641    <template x-if="index != 0 && selectedValues[254] !== item.id">
22642        <div class="unit-savings-price">
22643            <span class="-info">
22644            <span><?xml version="1.0" encoding="UTF-8"?>
22645<svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" version="1.1" viewBox="0 0 18 22" width="16" height="16">
22646    <title>Percent</title>
22647  <defs>
22648    <style>
22649      .st0 {
22650        stroke-linecap: round;
22651        stroke-linejoin: round;
22652      }
22653
22654      .st0, .st1 {
22655        fill: none;
22656        stroke-width: 1.5px;
22657      }
22658
22659      .st1 {
22660        stroke-miterlimit: 10;
22661      }
22662    </style>
22663  </defs>
22664  <path class="st1" stroke="currentColor" d="M16.2,16.6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
22665  <g>
22666    <path class="st1" stroke="currentColor" d="M8,6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
22667    <path class="st0" stroke="currentColor" d="M3.5,18.7L15.4,3.9"/>
22668  </g>
22669</svg>
22670</span>
22671            </span>
22672        </div>
22673    </template>
22674</div>
22675                            </template>
22676                        </div>
22677                    </div>
22678                </div>
22679                    </div>
22680                    <template x-if="isTooltipVisible()">
22681    <div class="absolute shadow-lg"
22682        :style="isLayeredSwatch == false && getTooltipPosition()"
22683    >
22684        <div class="absolute top-0 left-0 z-50 p-2 -mt-6 text-sm leading-tight text-black
22685                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
22686        >
22687        <!--template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
22688            <div x-show="getSwatchType(activeTooltipItem.type) !== 'color'"
22689                class="inline-block shadow-sm"
22690                :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
22691            ></div>
22692        </template-->
22693            <span class="mx-2 text-sm font-semibold whitespace-nowrap subtitle"
22694                    x-html="getTooltipLabel()"
22695            ></span>
22696        </div>
22697        <svg class="absolute z-50 w-8 h-8 text-white transform -translate-x-3
22698                -translate-y-8 fill-current stroke-current"
22699                width="12"
22700                height="12"
22701        >
22702            <title>Tooltip Icon</title>
22703            <rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
22704        </svg>
22705    </div>
22706</template>
22707            </div>
22708                                        
22709                
22709<script>
22710                    function initPriceBox__137ac2fc782845b78c3086c64af6e750_6ac211b620b30() {
22711                        return {
22712                            updatePrice(priceData, productId) {
22713                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
22714                                const regularOldPriceElement = this.$el.querySelector('.normal-price .old-price');
22715                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
22716                                const regularPriceElementTax = this.$el.querySelector('.normal-price .price-container .tax');
22717                                const regularOldBasePriceElement = this.$el.querySelector('.base-price .old-price');
22718                                const regularBasePriceElement = this.$el.querySelector('.base-price .price-wrapper .price');
22719                                const regularBasePriceElementTax = this.$el.querySelector('.base-price .price-container .tax');
22720                                const unitPriceElement = this.$el.querySelector('.normal-price .unitPrice');
22721                                const unitBasePriceElement = this.$el.querySelector('.base-price .unitPrice');
22722                                const productTileBadge = document.querySelector('.badge-discounted-' + productId);
22723
22724                                let specialPrice = false;
22725                                let specialPricePercent;
22726
22727                                if (regularPriceLabel) {
22728                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
22729                                        regularPriceLabel.classList.remove('hidden');
22730                                    } else {
22731                                        regularPriceLabel.classList.add('hidden');
22732                                    }
22733                                }
22734
22735                                if (productTileBadge) {
22736                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
22737                                        specialPricePercent = (priceData.oldPrice.amount - priceData.finalPrice.amount)
22738                                            / priceData.oldPrice.amount * 100;
22739                                        productTileBadge.innerText = '-' + Math.round(specialPricePercent) + '%';
22740                                        productTileBadge.classList.remove('hidden');
22741                                    }
22742                                }
22743
22744                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
22745                                    specialPrice = true;
22746                                } else {
22747                                    specialPrice = false;
22748                                }
22749
22750                                if (regularOldPriceElement && priceData.oldPrice.amount) {
22751                                    if (specialPrice) {
22752                                        regularOldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount);
22753                                    } else {
22754                                        regularOldPriceElement.innerText = '';
22755                                    }
22756                                }
22757
22758                                if (regularPriceElement) {
22759                                    regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
22760                                    regularPriceElementTax.style.display = 'block';
22761                                }
22762
22763                                if (unitPriceElement) {
22764                                    unitPriceElement.innerText = '';
22765                                }
22766
22767                                if (unitPriceElement && priceData.unitPrice.pricePerUnitHTML.price) {
22768                                    unitPriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.price;
22769                                }
22770
22771                                if (regularOldBasePriceElement && priceData.baseOldPrice.amount) {
22772                                    if (specialPrice) {
22773                                        regularOldBasePriceElement.innerText =
22774                                            hyva.formatPrice(priceData.baseOldPrice.amount);
22775                                    } else {
22776                                        regularOldBasePriceElement.innerText = '';
22777                                    }
22778                                }
22779
22780                                if (regularBasePriceElement) {
22781                                    regularBasePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount);
22782                                    regularBasePriceElementTax.style.display = 'block';
22783                                }
22784
22785                                if (unitBasePriceElement) {
22786                                    unitBasePriceElement.innerText = '';
22787                                }
22788
22789                                if (unitBasePriceElement && priceData.unitPrice.pricePerUnitHTML.basePrice) {
22790                                    unitBasePriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.basePrice;
22791                                }
22792
22793                                if (priceData.finalPrice.amount === priceData.basePrice.amount) {
22794                                    this.$el.querySelector('.normal-price').classList.add('hidden');
22795                                } else {
22796                                    this.$el.querySelector('.normal-price').classList.remove('hidden');
22797                                }
22798                            }
22799                        }
22800                    }
22801
22802                    function initQtyField__137ac2fc782845b78c3086c64af6e750_6ac211b620b30() {
22803                        return {
22804                            qty: 1,
22805                            input: document.getElementById('qty[37582_137ac2fc782845b78c3086c64af6e750_6ac211b620b30]'),
22806                            addToCart: document.getElementById('add-to-cart[37582_137ac2fc782845b78c3086c64af6e750_6ac211b620b30]'),
22807                            qtyAlert: document.getElementById('qty-alert[37582_137ac2fc782845b78c3086c64af6e750_6ac211b620b30]'),
22808                            currentStock: 0,
22809
22810                            validateQty(qty) {
22811                                let regex = /^\d+$/;
22812                                let pattern = regex.test(qty);
22813
22814                                this.addToCart.disabled = qty === 0
22815                                    || qty === null
22816                                    || qty > 10000                                    || !pattern
22817                                    || this.addToCart.classList.contains('not-available');
22818
22819                                if (qty === 0
22820                                    || qty === null
22821                                    || qty > 10000                                    || !pattern) {
22822                                    this.qtyAlert.style.display = 'block';
22823                                } else {
22824                                    this.qtyAlert.style.display = 'none';
22825                                }
22826                            },
22827
22828                            stepUp() {
22829                                this.input.stepUp();
22830                                let qty = document.getElementById('qty[37582_137ac2fc782845b78c3086c64af6e750_6ac211b620b30]').value;
22831                                this.validateQty(qty);
22832
22833                            },
22834
22835                            stepDown() {
22836                                this.input.stepDown();
22837                                let qty = document.getElementById('qty[37582_137ac2fc782845b78c3086c64af6e750_6ac211b620b30]').value;
22838                                this.validateQty(qty);
22839                            }
22840                        };
22841                    }
22842                </script>
22842
22843                <div class="relative price-block">
22844                    <div class="flex my-4 sm:min-h-42px w-full">
22845                                                <div class="w-full"
22846                             x-data="initPriceBox__137ac2fc782845b78c3086c64af6e750_6ac211b620b30()"
22847                             x-init="() => $dispatch('preselectswatch')"
22848                             @update-prices-37582.window="updatePrice($event.detail,37582);">
22849                            <div
22850                                class="price-box mt-3 price-final_price flex flex-wrap justify-between"
22851                                data-role="priceBox">
22852                                <div class="normal-price text-left ">
22853                                <span class="price-container price-final_price tax weee">
22854                                    <div class="old-price text-xs including-tax line-through"></div>
22855                                    <div id="price-including-tax-product-price-37582"
22856                                         data-price-type="finalPrice"
22857                                         class="price-wrapper price-including-tax finalPrice flex items-end">
22858                                        <span class="price"></span>
22859                                        <span class="tax font-normal hidden">mit MwSt.</span>
22860                                    </div>
22861                                    <div class="unitPrice text-xs"></div>
22862                                </span>
22863                                </div>
22864
22865                                <div class="base-price text-left ">
22866                                <span class="price-container price-final_price tax weee">
22867                                    <div class="old-price text-xs excluding-tax line-through"></div>
22868                                    <div id="price-excluding-tax-product-price-37582"
22869                                         data-price-type="finalPrice"
22870                                         class="price-wrapper price-excluding-tax finalPrice flex items-end">
22871                                        <span class="price"></span>
22872                                        <span class="tax font-normal hidden">ohne MwSt.</span>
22873                                    </div>
22874                                    <div class="unitPrice text-xs"></div>
22875                                </span>
22876                                </div>
22877                            </div>
22878                        </div>
22879                    </div>
22880
22881                                            <div x-data="{ currentStock: 0 }"
22882                             x-init="() => $dispatch('preselectswatch')"
22883                             @update-stock-37582.window="currentStock = $event.detail"
22884                             class="flex flex-wrap mt-auto text-left">
22885                            <div class="stock-status text-xs w-full mb-3 mt-auto basis-full">
22886                                <template x-if="currentStock">
22887                                    <div>
22888                                    <span x-show="currentStock > 0" class="text-green-main">
22889                                        Sofort versandfertig, Lieferzeit: 1-3 Werktage                                    </span>
22890                                        <span x-show="currentStock <= 0 && currentStock > -1000"
22891                                              class="text-yellow-700">
22892                                        Aktuell nicht lieferbar, Lieferzeit: 5-10 Werktage                                    </span>
22893                                        <span x-show="currentStock <= -1000 && currentStock > -5000"
22894                                              class="text-red-600">
22895                                        Aktuell nicht lieferbar                                    </span>
22896                                    </div>
22897                                </template>
22898                            </div>
22899                        </div>
22900                    
22901                    
22902                    <div class="flex gap-4 mt-auto justify-end lg:justify-between"
22903                         x-data="initQtyField__137ac2fc782845b78c3086c64af6e750_6ac211b620b30()"
22904                         x-init="() => $dispatch('preselectswatch')"
22905                         @update-stock-37582.window="currentStock = $event.detail;">
22906                                                    <div class="w-1/2 flex"
22907                                x-show="currentStock > -5000"
22908                                :aria-hidden="currentStock <= -5000">
22909                                <button
22910                                    class="qty-button -minus-button"
22911                                    type="button"
22912                                    title="Weniger"
22913                                    x-on:click="stepDown()">
22914                                    <?xml version="1.0" encoding="utf-8"?>
22915<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
22916<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="w-5 h-5" width="20" height="20">
22917        <title>Minus</title>
22918    <g>
22919	<g>
22920		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
22921	</g>
22922</g>
22923</svg>
22924                                </button>
22925                                <label for="qty[37582_137ac2fc782845b78c3086c64af6e750_6ac211b620b30]"
22926                                       class="sr-only">
22927                                    Anzahl                                </label>
22928                                <input name="qty"
22929                                       class="form-input rounded-none px-2 text-center invalid:ring-2 invalid:ring-red-500 w-11/12"
22930                                       id="qty[37582_137ac2fc782845b78c3086c64af6e750_6ac211b620b30]"
22931                                       type="number"
22932                                       inputmode="numeric"
22933                                       maxlength="5"
22934                                       min="1"                                       max="10000"                                       step="1"                                       :value="qty"
22935                                       x-model.number="qty"
22936                                       x-on:input.change="validateQty(qty);"
22937                                />
22938                                <button
22939                                    class="qty-button -plus-button"
22940                                    type="button"
22941                                    title="Mehr"
22942                                    class="plus"
22943                                    x-on:click="stepUp()">
22944                                    <?xml version="1.0" encoding="utf-8"?>
22945<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
22946<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="text-white" width="20" height="20">
22947        <title>Plus Sign</title>
22948    <g>
22949	<g>
22950		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
22951	</g>
22952	<g>
22953		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
22954	</g>
22955</g>
22956</svg>
22957                                </button>
22958                            </div>
22959                            <div class="w-1/2"
22960                                 x-show="currentStock > -5000"
22961                                 :aria-hidden="currentStock <= -5000">
22962                                                                    <button class="btn btn-add-to-cart w-full h-full px-2 py-0"
22963                                            :disabled="currentStock <= -1000 || false"
22964                                            :class="{'not-available': currentStock <= -1000 || false}"
22965                                            id="add-to-cart[37582_137ac2fc782845b78c3086c64af6e750_6ac211b620b30]"
22966                                            title="Toilettenpapier,&#x20;2-lagiges&#x20;Tissue,&#x20;&#xD8;&#x20;11&#x20;cm&#x20;&#xB7;&#x20;12&#x20;cm&#x20;&#xD7;&#x20;9,3&#x20;cm&#x20;wei&#xDF;&#x20;250&#x20;Blatt&#x20;In&#x20;den&#x20;Warenkorb"
22967                                            aria-label="Toilettenpapier,&#x20;2-lagiges&#x20;Tissue,&#x20;&#xD8;&#x20;11&#x20;cm&#x20;&#xB7;&#x20;12&#x20;cm&#x20;&#xD7;&#x20;9,3&#x20;cm&#x20;wei&#xDF;&#x20;250&#x20;Blatt&#x20;In&#x20;den&#x20;Warenkorb">
22968                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
22969    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
22970                                        <span class="sm:pl-2 md:hidden lg:block">
22971                                            In&#x20;den&#x20;Warenkorb                                        </span>
22972                                    </button>
22973                                                            </div>
22974                        
22975                        <a x-cloak
22976                           x-show="currentStock <= -5000"
22977                           :aria-hidden="currentStock > -5000"
22978                           href="https://www.papstar-shop.de/toilettenpapier-2-lagiges-tissue-11-cm-12-cm-9-3-cm-weiss-250-blatt-37582.htm"
22979                           class="btn btn-add-to-cart w-full h-full px-2 py-0"
22980                           id="add-to-cart[37582_137ac2fc782845b78c3086c64af6e750_6ac211b620b30]"
22981                           title="Toilettenpapier,&#x20;2-lagiges&#x20;Tissue,&#x20;&#xD8;&#x20;11&#x20;cm&#x20;&#xB7;&#x20;12&#x20;cm&#x20;&#xD7;&#x20;9,3&#x20;cm&#x20;wei&#xDF;&#x20;250&#x20;Blatt&#x20;Produkt&#x20;individualisieren"
22982                           aria-label="Toilettenpapier,&#x20;2-lagiges&#x20;Tissue,&#x20;&#xD8;&#x20;11&#x20;cm&#x20;&#xB7;&#x20;12&#x20;cm&#x20;&#xD7;&#x20;9,3&#x20;cm&#x20;wei&#xDF;&#x20;250&#x20;Blatt&#x20;Produkt&#x20;individualisieren">
22983                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
22984    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
22985                            <span class="sm:pl-2 md:hidden lg:block py-4">
22986                                            Produkt&#x20;individualisieren                                        </span>
22987                        </a>
22988
22989                                                    
22989<script>
22990    'use strict';
22991
22992    (() => {
22993        window.addEventListener(
22994            'ga-initialized',
22995            () => {
22996                const productForm = document.querySelector(
22997                    'form\u005Bdata\u002Dsku\u003D\u002237582\u0022\u005D'
22998                );
22999
23000                if (!productForm) {
23001                    return;
23002                }
23003
23004                let sku = '37582';
23005
23006                window.addEventListener(
23007                    'listing\u002Dconfigurable-selection-changed',
23008                    (event) => {
23009                        if (event.detail.skuCandidates.length === 1
23010                            && event.detail.productId === '37582'
23011                        ) {
23012                            sku = event.detail.skuCandidates[0];
23013                        }
23014                    }
23015                );
23016
23017                function bindEventListener(element, event)
23018                {
23019                    element.addEventListener(event, () => {
23020                        if (productForm.checkValidity()) {
23021                            const priceSelector = false                                ? '#product-price-37582 .price'
23022                                : '[data-price-box="product-id-37582"] .price';
23023
23024                            window.dispatchEvent(new CustomEvent('cart-item-added', {
23025                                detail: [{
23026                                    product_sku: sku,
23027                                    product_name: 'Toilettenpapier,\u00202\u002Dlagiges\u0020Tissue,\u0020\u00D8\u002011\u0020cm\u0020\u00B7\u002012\u0020cm\u0020\u00D7\u00209,3\u0020cm\u0020wei\u00DF\u0020250\u0020Blatt',
23028                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),
23029
23030                                                                            qty: 1,
23031                                                                    }],
23032                            }));
23033                        }
23034                    });
23035                }
23036
23037                                    const button = productForm.querySelector(
23038                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
23039                    );
23040
23041                    if (!button) {
23042                        return;
23043                    }
23044
23045                    bindEventListener(button, 'click');
23046                            },
23047            { once: true }
23048        );
23049    })();
23050</script>
23050
23051                                            </div>
23052                    <div class="qty-alert hidden" id="qty-alert[37582_137ac2fc782845b78c3086c64af6e750_6ac211b620b30]">
23053                        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill="currentColor" viewBox="0 0 20 20" class="w-3 h-3 mr-1 text-energy inline-block align-text-top">
23054<title>Warning</title>
23055    <path d="M19.64 16.36L11.53 2.3A1.85 1.85 0 0 0 10 1.21 1.85 1.85 0 0 0 8.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>
23056</svg>
23057                        <span>Bitte&#x20;nur&#x20;ganze&#x20;Zahlen&#x20;eingeben.</span>
23058                    </div>
23059                </div>
23060            </div>
23061        </div>
23062    </form>
23063</div>
23064                    </li>
23065                                                                    <li class="splide__slide">
23066                        <div class="h-full">
23067    <form method="post"
23068          aria-label="Product&#x20;tile&#x20;for&#x3A;&#x20;Slipper&#x20;geschlossen&#x20;&quot;grammo&quot;&#x20;31,5&#x20;cm&#x20;&#xD7;&#x20;12&#x20;cm&#x20;&#xD7;&#x20;1,8&#x20;cm&#x20;paarweise&#x20;im&#x20;Flow&#x20;Pack"
23069          action="https://www.papstar-shop.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cucGFwc3Rhci1zaG9wLmRlLz9tc2Nsa2lkPWI5ODJhMjlkYWVkYzFjMWQyM2I2Yzg1ZmEzZjY4ZjFj/product/92326/"
23070          class="item product product-item product_addtocart_form border rounded p-2.5 bg-container-white hover:shadow-lg flex flex-col w-full h-full"
23071            >
23072        <input name="form_key" type="hidden" value="rKVCmaFj7egUOB24" />        <input type="hidden" name="product" value="92326"/>
23073        <div
23074            class="relative product photo product-item-photo block mb-3 px-12 ">
23075                <a x-data="ReqBlind_6ac211b62ee45()"
23076       href="https://www.papstar-shop.de/customer/account/"
23077       title="Slipper geschlossen &quot;grammo&quot; 31,5 cm × 12 cm × 1,8 cm paarweise im Flow Pack Zum Merkzettel hinzufügen"
23078       aria-label="Slipper geschlossen &quot;grammo&quot; 31,5 cm × 12 cm × 1,8 cm paarweise im Flow Pack Zum Merkzettel hinzufügen"
23079       @click.prevent="open($event)"
23080       class="p-2 bg-transparent absolute right-0 hover:text-primary-darker bottom-0">
23081        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85" xml:space="preserve" fill="currentColor" class="mx-auto bg-transparent text-black" width="36" height="36">
23082    <path d="M23.895 23.457a8.424 8.424 0 0 0-2.896 1.895c-3.408 3.41-3.308 9.06.226 12.594" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/><path d="M68.801 42.971c6.287-6.289 6.389-16.478.224-22.645-6.165-6.164-16.354-6.063-22.644.225l-3.896 3.871-3.87-3.871c-6.287-6.288-16.477-6.389-22.641-.225-6.164 6.167-6.064 16.355.225 22.645l26.295 26.262 26.307-26.262z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/></svg>
23083        <span class="sr-only">Zum Merkzettel hinzufügen</span>
23084    </a>
23085    
23085<script>
23086        function ReqBlind_6ac211b62ee45() {
23087            return {
23088                open: function (event) {
23089                    window.scrollTo(0, 0);
23090                    dispatchMessages([{
23091                        type: 'notice',
23092                        text: 'Sie müssen eingeloggt sein, um die Merkzettel-Funktion zu nutzen.'
23093                    }], 5000);
23094                    let href = event.currentTarget.href;
23095                    setTimeout(function() {
23096                        window.location = href;
23097                    }, 4000);
23098                }
23099            }
23100        }
23101    </script>
23101
23102                                        <ul class="product-tile__badges z-10">
23103                                                    <li class="product-tile__badges-item
23104                badge-new-92326"
23105                                    >
23106                                            Neu                                    </li>
23107                        </ul>
23108                        <a href="https://www.papstar-shop.de/slipper-geschlossen-grammo-31-5-cm-12-cm-1-8-cm-paarweise-im-flow-pack-92326.htm"
23109               tabindex="-1"
23110                            >
23111                <picture class="object-contain mx-auto py-3 product-image-photo"><source type="image/webp" srcset="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/S/l/Slipper-geschlossen-grammo-31-5-cm-x-12-cm-x-1-8-cm-paarweise-im-Flow-Pack-92326_b_0.webp"><img class="object-contain mx-auto py-3 product-image-photo" x-data="" @update-gallery-92326.window="$el.src = $event.detail" src="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/S/l/Slipper-geschlossen-grammo-31-5-cm-x-12-cm-x-1-8-cm-paarweise-im-Flow-Pack-92326_b_0.jpg" loading="lazy" itemprop="image" width="360" height="360" alt="Slipper&#x20;geschlossen&#x20;&quot;grammo&quot;&#x20;31,5&#x20;cm&#x20;&#xD7;&#x20;12&#x20;cm&#x20;&#xD7;&#x20;1,8&#x20;cm&#x20;paarweise&#x20;im&#x20;Flow&#x20;Pack" title="Slipper&#x20;geschlossen&#x20;&quot;grammo&quot;&#x20;31,5&#x20;cm&#x20;&#xD7;&#x20;12&#x20;cm&#x20;&#xD7;&#x20;1,8&#x20;cm&#x20;paarweise&#x20;im&#x20;Flow&#x20;Pack" loading="lazy" /></picture>
23112            </a>
23113        </div>
23114        <div class="product-info flex flex-col flex-grow">
23115            <div class="text-black font-semibold text-base">
23116                                    &nbsp;                            </div>
23117                        <div
23118                class="mt-1 text-black font-semibold text-base text-left sm:min-h-90px">
23119                <a class="product-item-link "
23120                   href="https://www.papstar-shop.de/slipper-geschlossen-grammo-31-5-cm-12-cm-1-8-cm-paarweise-im-flow-pack-92326.htm"
23121                                    >
23122                    Slipper geschlossen &quot;grammo&quot; 31,5 cm × 12 cm × 1,8 cm paarweise im Flow Pack                </a>
23123                            </div>
23124            <div class="flex mt-1 mb-1">
23125                <div class="mt-auto sku text-sm">
23126                    <span>Artikel-Nr.: </span>92326                </div>
23127                                    <div class="lg:w-auto ml-auto block ">
23128                                            </div>
23129                            </div>
23130
23131                        <div class="mt-1 text-xs text-gray-600 italic">
23132                                    &nbsp;
23133                            </div>
23134
23135            <div class="h-full flex justify-between flex-col">
23136                                                                
23136<script>
23137        function initConfigurableSwatchOptions_92326() {
23138            const configurableOptionsComponent = initConfigurableOptions(
23139                '92326',
23140                {"attributes":{"254":{"id":"254","code":"order_unit","label":"Bestelleinheit","options":[{"id":"7059","label":"Karton","products":["192326"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"192326":{"baseOldPrice":{"amount":132.5},"oldPrice":{"amount":157.675001},"basePrice":{"amount":132.5},"finalPrice":{"amount":157.675001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"1,58\u00a0\u20ac \/ St\u00fcck","basePrice":"1,33\u00a0\u20ac \/ St\u00fcck"}}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":132.5},"oldPrice":{"amount":157.675001},"basePrice":{"amount":132.5},"finalPrice":{"amount":157.675001}},"productId":"92326","chooseText":"W\u00e4hlen Sie eine Option\u2026","images":[],"index":{"192326":{"254":"7059"}},"salable":{"254":{"7059":["192326"]}},"canDisplayShowOutOfStockStatus":true,"preSelectedGallery":[],"channel":"website","salesChannelCode":"papstar_de","sku":{"192326":"7640473349829"},"quantities":{"192326":2}}            );
23141            const swatchOptionsComponent = initSwatchOptions({"254":{"7059":{"type":"0","value":null,"label":"Karton","unit":"###VPE### Paar (5 x 20)","vpe":"100"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}});
23142
23143            return Object.assign(
23144                configurableOptionsComponent,
23145                swatchOptionsComponent,
23146                {
23147                    mediaCallback: "https\u003A\u002F\u002Fwww.papstar\u002Dshop.de\u002Fswatches\u002Fajax\u002Fmedia\u002F",
23148                    changeOption(optionId, value, skipUpdateGallery) {
23149                        if (value === '') {
23150                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
23151                        } else {
23152                            this.selectedValues[optionId] = value;
23153                        }
23154                        this.findSimpleIndex();
23155                        this.findAllowedAttributeOptions();
23156                        this.updateStock();
23157                        this.updatePrices();
23158                        this.updateSavingPriceInfo();
23159                    },
23160                    unitSavingsPrice: null,
23161                    hasSpecialPrice: false,
23162                    finalPrice: {
23163                        amount: 0.00
23164                    },
23165                    oldPrice: {
23166                        amount: 0.00
23167                    },
23168
23169                    updateHasSpecialPrice() {
23170                        this.hasSpecialPrice = this.finalPrice.amount < this.oldPrice.amount;
23171                    },
23172                    updateSavingPriceInfo() {
23173                        const detail = this.optionConfig.optionPrices[this.productIndex];
23174                        this.oldPrice.amount = detail.oldPrice.amount;
23175                        this.finalPrice.amount = detail.finalPrice.amount;
23176
23177                        this.updateHasSpecialPrice();
23178
23179                        if (!this.hasSpecialPrice) {
23180                            this.unitSavingsPrice = detail.unitSavings;
23181                        }
23182                    },
23183                    preselectQuerystringItems: function() {
23184                        let found = false;
23185                        // pre-select option like ?size=167
23186                        const urlQueryParams = new URLSearchParams(window.location.search.replace("?", ""));
23187                        Object.values(this.optionConfig.attributes).map(attribute => {
23188                            const skipUpdateGallery = true;
23189                            if (urlQueryParams.get(attribute.code) !== null) {
23190                                let optionId = urlQueryParams.get(attribute.code);
23191                                found = false;
23192                                Object.values(attribute.options).map(option => {
23193                                    if (found === false && option.label === optionId) {
23194                                        optionId = option.id;
23195                                        found = true;
23196                                    }
23197                                });
23198                                this.changeOption(attribute.id, optionId, skipUpdateGallery);
23199                            }
23200                        });
23201                        if (found === false) {
23202                            // pre-select first option
23203                            Object.values(this.optionConfig.attributes).map(attribute => {
23204                                if (attribute.code === "order_unit") {
23205                                    let optionId = 0;
23206                                    Object.values(attribute.options).map(option => {
23207                                        if (this.selectedValues.length === 0) {
23208                                            if (found === false && option.products.length > 0) {
23209                                                optionId = option.id;
23210                                                this.changeOption(attribute.id, optionId, true);
23211                                                found = true;
23212                                            }
23213                                        } else {
23214                                            optionId = this.selectedValues[attribute.id];
23215                                            this.changeOption(attribute.id, optionId, true);
23216                                            found = true;
23217                                        }
23218                                    });
23219                                }
23220                            });
23221                        }
23222                    },
23223                    mouseDown: false,
23224                    startX: 0,
23225                    maxScroll: 0,
23226                    scrollLeft: null,
23227                    slider: null,
23228                    scrollEvents: {
23229                        ["@mousedown"](e) {
23230                            this.slider = e.target.closest(".snap");
23231                            if (!this.slider) {
23232                                return;
23233                            }
23234                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
23235                            this.startX = e.pageX - this.slider.offsetLeft;
23236                            this.scrollLeft = this.slider.scrollLeft;
23237                            this.mouseDown = true;
23238                        },
23239                        ["@mouseout.self"]() {
23240                            this.mouseDown = false;
23241                        },
23242                        ["@mouseup"]() {
23243                            this.mouseDown = false;
23244                        },
23245                        ["@mousemove"](e) {
23246                            e.preventDefault();
23247                            if (!this.mouseDown) {
23248                                return;
23249                            }
23250                            const x = e.pageX - this.slider.offsetLeft;
23251                            const scroll = x - this.startX;
23252                            const scrollLeft = this.scrollLeft - scroll;
23253
23254                            if (scrollLeft > this.maxScroll) {
23255                                this.slider.scrollLeft = this.maxScroll;
23256                                return;
23257                            }
23258                            this.slider.scrollLeft = this.scrollLeft - scroll;
23259                        },
23260                        ["@onselectstart"]() {
23261                            return false;
23262                        }
23263                    },
23264                    resizeEvent() {
23265                        Array.from(this.$el.querySelectorAll(".snap")).forEach(sli
23265der => {
23266                            slider.scrollLeft = 0;
23267                        });
23268                    }
23269                }
23270            );
23271        }
23272    </script>
23272
23273
23274    <div x-data="initConfigurableSwatchOptions_92326();"
23275         x-defer="intersect"
23276         x-init="getAllowedAttributeOptions();() => preselectQuerystringItems();preselectQuerystringItems();"
23277         @private-content-loaded.window="onGetCartData($event.detail.data)"
23278         @update-prices-92326.window="unitSavingsInfo = $event.detail.unitSavings"
23279         @touchstart.passive="preselectQuerystringItems()"
23280         @resize.window="resizeEvent()"
23281         class="relative md:w-full"
23282         @preselectswatch.window="preselectQuerystringItems()"
23283    >
23284        <div>
23285                                            
23286                                <div class="swatch-attribute order_unit">
23287                    <div class="w-full overflow-x-hidden swatch-attribute-options pt-2">
23288                        <div
23289                            class="w-full overflow-auto transition-all snap items-center min-h-14 product-listing-option-wrapper grid gap-2 pb-2"
23290                            id="attribute-label-92326-254"
23291                                                        :role="optionConfig.attributes?.[254]?.options?.length ? 'radiogroup' : null"
23292                            :aria-label="optionConfig.attributes?.[254]?.options?.length ? 'Attribut-order_unit' : null"
23293                            x-bind="scrollEvents">
23294                            <template x-for="(item, index) in optionConfig.attributes[254].options"
23295                                      :key="item.id"
23296                            >
23297                                
23298<div class="swatch-item">
23299        <label
23300            :for="'attribute-option-swatch-input6ac211b63293a2.0239641992326-'+item.id"
23301            class="rounded swatch-option flex flex-col relative shadow-sm cursor-pointer select-none text-center product-option-value-label"
23302            :class="{
23303                'bg-secondary border-container-lighter text-white' : (selectedValues[254] === item.id),
23304                'bg-container-lighter' : (selectedValues[254] !== item.id),
23305                'w-6 h-6' : !isTextSwatch(254, item.id),
23306                'bg-secondary text-white' : focusedLabel === item.id
23307            }"
23308            :style="getSwatchBackgroundStyle('254',item.id)"
23309        >
23310            <input
23311                :id="'attribute-option-swatch-input6ac211b63293a2.0239641992326-'+item.id"
23312                :value="item.id"
23313                name="super_attribute[254]-92326]"
23314                type="radio"
23315                role="radio"
23316                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
23317                style="z-index:-1"
23318                x-on:focus="focusLabel(item.id)"
23319                x-on:blur="blurLabel()"
23320                x-on:change="changeOption(254, $event.target.value)"
23321                x-model="selectedValues[254]"
23322                :required="getAllowedAttributeOptions(254).filter(
23323                                                                    attributeOption => selectedValues[attributeOption]
23324                                                                ).length === 0"
23325                :aria-label="getSwatchText(254, item.id) + ': ' + getSwatchUnitText(254, item.id)"
23326            >
23327            <div x-html="getSwatchText(254, item.id)"
23328                 class="whitespace-nowrap text-sm font-bold"
23329                 :class="{ 'sr-only' : !isTextSwatch(254, item.id) }"
23330                 aria-hidden="false"
23331            ></div>
23332            <!-- N98 custom attributes start-->
23333            <div x-html="getSwatchUnitText(254, item.id)"
23334                 class="text-xs" aria-hidden="false"></div>
23335            <!-- N98 custom attributes end-->
23336        </label>
23337        <template x-if="unitSavingsInfo && selectedValues[254] === item.id">
23338            <div class="unit-savings-price">
23339                <span class="-info" x-html="unitSavingsInfo"></span>
23340            </div>
23341        </template>
23342    <template x-if="index != 0 && selectedValues[254] !== item.id">
23343        <div class="unit-savings-price">
23344            <span class="-info">
23345            <span><?xml version="1.0" encoding="UTF-8"?>
23346<svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" version="1.1" viewBox="0 0 18 22" width="16" height="16">
23347    <title>Percent</title>
23348  <defs>
23349    <style>
23350      .st0 {
23351        stroke-linecap: round;
23352        stroke-linejoin: round;
23353      }
23354
23355      .st0, .st1 {
23356        fill: none;
23357        stroke-width: 1.5px;
23358      }
23359
23360      .st1 {
23361        stroke-miterlimit: 10;
23362      }
23363    </style>
23364  </defs>
23365  <path class="st1" stroke="currentColor" d="M16.2,16.6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
23366  <g>
23367    <path class="st1" stroke="currentColor" d="M8,6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
23368    <path class="st0" stroke="currentColor" d="M3.5,18.7L15.4,3.9"/>
23369  </g>
23370</svg>
23371</span>
23372            </span>
23373        </div>
23374    </template>
23375</div>
23376                            </template>
23377                        </div>
23378                    </div>
23379                </div>
23380                    </div>
23381                    <template x-if="isTooltipVisible()">
23382    <div class="absolute shadow-lg"
23383        :style="isLayeredSwatch == false && getTooltipPosition()"
23384    >
23385        <div class="absolute top-0 left-0 z-50 p-2 -mt-6 text-sm leading-tight text-black
23386                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
23387        >
23388        <!--template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
23389            <div x-show="getSwatchType(activeTooltipItem.type) !== 'color'"
23390                class="inline-block shadow-sm"
23391                :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
23392            ></div>
23393        </template-->
23394            <span class="mx-2 text-sm font-semibold whitespace-nowrap subtitle"
23395                    x-html="getTooltipLabel()"
23396            ></span>
23397        </div>
23398        <svg class="absolute z-50 w-8 h-8 text-white transform -translate-x-3
23399                -translate-y-8 fill-current stroke-current"
23400                width="12"
23401                height="12"
23402        >
23403            <title>Tooltip Icon</title>
23404            <rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
23405        </svg>
23406    </div>
23407</template>
23408            </div>
23409                                        
23410                
23410<script>
23411                    function initPriceBox__137ac2fc782845b78c3086c64af6e750_6ac211b62eb5b() {
23412                        return {
23413                            updatePrice(priceData, productId) {
23414                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
23415                                const regularOldPriceElement = this.$el.querySelector('.normal-price .old-price');
23416                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
23417                                const regularPriceElementTax = this.$el.querySelector('.normal-price .price-container .tax');
23418                                const regularOldBasePriceElement = this.$el.querySelector('.base-price .old-price');
23419                                const regularBasePriceElement = this.$el.querySelector('.base-price .price-wrapper .price');
23420                                const regularBasePriceElementTax = this.$el.querySelector('.base-price .price-container .tax');
23421                                const unitPriceElement = this.$el.querySelector('.normal-price .unitPrice');
23422                                const unitBasePriceElement = this.$el.querySelector('.base-price .unitPrice');
23423                                const productTileBadge = document.querySelector('.badge-discounted-' + productId);
23424
23425                                let specialPrice = false;
23426                                let specialPricePercent;
23427
23428                                if (regularPriceLabel) {
23429                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
23430                                        regularPriceLabel.classList.remove('hidden');
23431                                    } else {
23432                                        regularPriceLabel.classList.add('hidden');
23433                                    }
23434                                }
23435
23436                                if (productTileBadge) {
23437                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
23438                                        specialPricePercent = (priceData.oldPrice.amount - priceData.finalPrice.amount)
23439                                            / priceData.oldPrice.amount * 100;
23440                                        productTileBadge.innerText = '-' + Math.round(specialPricePercent) + '%';
23441                                        productTileBadge.classList.remove('hidden');
23442                                    }
23443                                }
23444
23445                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
23446                                    specialPrice = true;
23447                                } else {
23448                                    specialPrice = false;
23449                                }
23450
23451                                if (regularOldPriceElement && priceData.oldPrice.amount) {
23452                                    if (specialPrice) {
23453                                        regularOldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount);
23454                                    } else {
23455                                        regularOldPriceElement.innerText = '';
23456                                    }
23457                                }
23458
23459                                if (regularPriceElement) {
23460                                    regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
23461                                    regularPriceElementTax.style.display = 'block';
23462                                }
23463
23464                                if (unitPriceElement) {
23465                                    unitPriceElement.innerText = '';
23466                                }
23467
23468                                if (unitPriceElement && priceData.unitPrice.pricePerUnitHTML.price) {
23469                                    unitPriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.price;
23470                                }
23471
23472                                if (regularOldBasePriceElement && priceData.baseOldPrice.amount) {
23473                                    if (specialPrice) {
23474                                        regularOldBasePriceElement.innerText =
23475                                            hyva.formatPrice(priceData.baseOldPrice.amount);
23476                                    } else {
23477                                        regularOldBasePriceElement.innerText = '';
23478                                    }
23479                                }
23480
23481                                if (regularBasePriceElement) {
23482                                    regularBasePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount);
23483                                    regularBasePriceElementTax.style.display = 'block';
23484                                }
23485
23486                                if (unitBasePriceElement) {
23487                                    unitBasePriceElement.innerText = '';
23488                                }
23489
23490                                if (unitBasePriceElement && priceData.unitPrice.pricePerUnitHTML.basePrice) {
23491                                    unitBasePriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.basePrice;
23492                                }
23493
23494                                if (priceData.finalPrice.amount === priceData.basePrice.amount) {
23495                                    this.$el.querySelector('.normal-price').classList.add('hidden');
23496                                } else {
23497                                    this.$el.querySelector('.normal-price').classList.remove('hidden');
23498                                }
23499                            }
23500                        }
23501                    }
23502
23503                    function initQtyField__137ac2fc782845b78c3086c64af6e750_6ac211b62eb5b() {
23504                        return {
23505                            qty: 1,
23506                            input: document.getElementById('qty[92326_137ac2fc782845b78c3086c64af6e750_6ac211b62eb5b]'),
23507                            addToCart: document.getElementById('add-to-cart[92326_137ac2fc782845b78c3086c64af6e750_6ac211b62eb5b]'),
23508                            qtyAlert: document.getElementById('qty-alert[92326_137ac2fc782845b78c3086c64af6e750_6ac211b62eb5b]'),
23509                            currentStock: 0,
23510
23511                            validateQty(qty) {
23512                                let regex = /^\d+$/;
23513                                let pattern = regex.test(qty);
23514
23515                                this.addToCart.disabled = qty === 0
23516                                    || qty === null
23517                                    || qty > 10000                                    || !pattern
23518                                    || this.addToCart.classList.contains('not-available');
23519
23520                                if (qty === 0
23521                                    || qty === null
23522                                    || qty > 10000                                    || !pattern) {
23523                                    this.qtyAlert.style.display = 'block';
23524                                } else {
23525                                    this.qtyAlert.style.display = 'none';
23526                                }
23527                            },
23528
23529                            stepUp() {
23530                                this.input.stepUp();
23531                                let qty = document.getElementById('qty[92326_137ac2fc782845b78c3086c64af6e750_6ac211b62eb5b]').value;
23532                                this.validateQty(qty);
23533
23534                            },
23535
23536                            stepDown() {
23537                                this.input.stepDown();
23538                                let qty = document.getElementById('qty[92326_137ac2fc782845b78c3086c64af6e750_6ac211b62eb5b]').value;
23539                                this.validateQty(qty);
23540                            }
23541                        };
23542                    }
23543                </script>
23543
23544                <div class="relative price-block">
23545                    <div class="flex my-4 sm:min-h-42px w-full">
23546                                                <div class="w-full"
23547                             x-data="initPriceBox__137ac2fc782845b78c3086c64af6e750_6ac211b62eb5b()"
23548                             x-init="() => $dispatch('preselectswatch')"
23549                             @update-prices-92326.window="updatePrice($event.detail,92326);">
23550                            <div
23551                                class="price-box mt-3 price-final_price flex flex-wrap justify-between"
23552                                data-role="priceBox">
23553                                <div class="normal-price text-left ">
23554                                <span class="price-container price-final_price tax weee">
23555                                    <div class="old-price text-xs including-tax line-through"></div>
23556                                    <div id="price-including-tax-product-price-92326"
23557                                         data-price-type="finalPrice"
23558                                         class="price-wrapper price-including-tax finalPrice flex items-end">
23559                                        <span class="price"></span>
23560                                        <span class="tax font-normal hidden">mit MwSt.</span>
23561                                    </div>
23562                                    <div class="unitPrice text-xs"></div>
23563                                </span>
23564                                </div>
23565
23566                                <div class="base-price text-left ">
23567                                <span class="price-container price-final_price tax weee">
23568                                    <div class="old-price text-xs excluding-tax line-through"></div>
23569                                    <div id="price-excluding-tax-product-price-92326"
23570                                         data-price-type="finalPrice"
23571                                         class="price-wrapper price-excluding-tax finalPrice flex items-end">
23572                                        <span class="price"></span>
23573                                        <span class="tax font-normal hidden">ohne MwSt.</span>
23574                                    </div>
23575                                    <div class="unitPrice text-xs"></div>
23576                                </span>
23577                                </div>
23578                            </div>
23579                        </div>
23580                    </div>
23581
23582                                            <div x-data="{ currentStock: 0 }"
23583                             x-init="() => $dispatch('preselectswatch')"
23584                             @update-stock-92326.window="currentStock = $event.detail"
23585                             class="flex flex-wrap mt-auto text-left">
23586                            <div class="stock-status text-xs w-full mb-3 mt-auto basis-full">
23587                                <template x-if="currentStock">
23588                                    <div>
23589                                    <span x-show="currentStock > 0" class="text-green-main">
23590                                        Sofort versandfertig, Lieferzeit: 1-3 Werktage                                    </span>
23591                                        <span x-show="currentStock <= 0 && currentStock > -1000"
23592                                              class="text-yellow-700">
23593                                        Aktuell nicht lieferbar, Lieferzeit: 5-10 Werktage                                    </span>
23594                                        <span x-show="currentStock <= -1000 && currentStock > -5000"
23595                                              class="text-red-600">
23596                                        Aktuell nicht lieferbar                                    </span>
23597                                    </div>
23598                                </template>
23599                            </div>
23600                        </div>
23601                    
23602                    
23603                    <div class="flex gap-4 mt-auto justify-end lg:justify-between"
23604                         x-data="initQtyField__137ac2fc782845b78c3086c64af6e750_6ac211b62eb5b()"
23605                         x-init="() => $dispatch('preselectswatch')"
23606                         @update-stock-92326.window="currentStock = $event.detail;">
23607                                                    <div class="w-1/2 flex"
23608                                x-show="currentStock > -5000"
23609                                :aria-hidden="currentStock <= -5000">
23610                                <button
23611                                    class="qty-button -minus-button"
23612                                    type="button"
23613                                    title="Weniger"
23614                                    x-on:click="stepDown()">
23615                                    <?xml version="1.0" encoding="utf-8"?>
23616<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
23617<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="w-5 h-5" width="20" height="20">
23618        <title>Minus</title>
23619    <g>
23620	<g>
23621		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
23622	</g>
23623</g>
23624</svg>
23625                                </button>
23626                                <label for="qty[92326_137ac2fc782845b78c3086c64af6e750_6ac211b62eb5b]"
23627                                       class="sr-only">
23628                                    Anzahl                                </label>
23629                                <input name="qty"
23630                                       class="form-input rounded-none px-2 text-center invalid:ring-2 invalid:ring-red-500 w-11/12"
23631                                       id="qty[92326_137ac2fc782845b78c3086c64af6e750_6ac211b62eb5b]"
23632                                       type="number"
23633                                       inputmode="numeric"
23634                                       maxlength="5"
23635                                       min="1"                                       max="10000"                                       step="1"                                       :value="qty"
23636                                       x-model.number="qty"
23637                                       x-on:input.change="validateQty(qty);"
23638                                />
23639                                <button
23640                                    class="qty-button -plus-button"
23641                                    type="button"
23642                                    title="Mehr"
23643                                    class="plus"
23644                                    x-on:click="stepUp()">
23645                                    <?xml version="1.0" encoding="utf-8"?>
23646<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
23647<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="text-white" width="20" height="20">
23648        <title>Plus Sign</title>
23649    <g>
23650	<g>
23651		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
23652	</g>
23653	<g>
23654		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
23655	</g>
23656</g>
23657</svg>
23658                                </button>
23659                            </div>
23660                            <div class="w-1/2"
23661                                 x-show="currentStock > -5000"
23662                                 :aria-hidden="currentStock <= -5000">
23663                                                                    <button class="btn btn-add-to-cart w-full h-full px-2 py-0"
23664                                            :disabled="currentStock <= -1000 || false"
23665                                            :class="{'not-available': currentStock <= -1000 || false}"
23666                                            id="add-to-cart[92326_137ac2fc782845b78c3086c64af6e750_6ac211b62eb5b]"
23667                                            title="Slipper&#x20;geschlossen&#x20;&quot;grammo&quot;&#x20;31,5&#x20;cm&#x20;&#xD7;&#x20;12&#x20;cm&#x20;&#xD7;&#x20;1,8&#x20;cm&#x20;paarweise&#x20;im&#x20;Flow&#x20;Pack&#x20;In&#x20;den&#x20;Warenkorb"
23668                                            aria-label="Slipper&#x20;geschlossen&#x20;&quot;grammo&quot;&#x20;31,5&#x20;cm&#x20;&#xD7;&#x20;12&#x20;cm&#x20;&#xD7;&#x20;1,8&#x20;cm&#x20;paarweise&#x20;im&#x20;Flow&#x20;Pack&#x20;In&#x20;den&#x20;Warenkorb">
23669                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
23670    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
23671                                        <span class="sm:pl-2 md:hidden lg:block">
23672                                            In&#x20;den&#x20;Warenkorb                                        </span>
23673                                    </button>
23674                                                            </div>
23675                        
23676                        <a x-cloak
23677                           x-show="currentStock <= -5000"
23678                           :aria-hidden="currentStock > -5000"
23679                           href="https://www.papstar-shop.de/slipper-geschlossen-grammo-31-5-cm-12-cm-1-8-cm-paarweise-im-flow-pack-92326.htm"
23680                           class="btn btn-add-to-cart w-full h-full px-2 py-0"
23681                           id="add-to-cart[92326_137ac2fc782845b78c3086c64af6e750_6ac211b62eb5b]"
23682                           title="Slipper&#x20;geschlossen&#x20;&quot;grammo&quot;&#x20;31,5&#x20;cm&#x20;&#xD7;&#x20;12&#x20;cm&#x20;&#xD7;&#x20;1,8&#x20;cm&#x20;paarweise&#x20;im&#x20;Flow&#x20;Pack&#x20;Produkt&#x20;individualisieren"
23683                           aria-label="Slipper&#x20;geschlossen&#x20;&quot;grammo&quot;&#x20;31,5&#x20;cm&#x20;&#xD7;&#x20;12&#x20;cm&#x20;&#xD7;&#x20;1,8&#x20;cm&#x20;paarweise&#x20;im&#x20;Flow&#x20;Pack&#x20;Produkt&#x20;individualisieren">
23684                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
23685    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
23686                            <span class="sm:pl-2 md:hidden lg:block py-4">
23687                                            Produkt&#x20;individualisieren                                        </span>
23688                        </a>
23689
23690                                                    
23690<script>
23691    'use strict';
23692
23693    (() => {
23694        window.addEventListener(
23695            'ga-initialized',
23696            () => {
23697                const productForm = document.querySelector(
23698                    'form\u005Bdata\u002Dsku\u003D\u002292326\u0022\u005D'
23699                );
23700
23701                if (!productForm) {
23702                    return;
23703                }
23704
23705                let sku = '92326';
23706
23707                window.addEventListener(
23708                    'listing\u002Dconfigurable-selection-changed',
23709                    (event) => {
23710                        if (event.detail.skuCandidates.length === 1
23711                            && event.detail.productId === '92326'
23712                        ) {
23713                            sku = event.detail.skuCandidates[0];
23714                        }
23715                    }
23716                );
23717
23718                function bindEventListener(element, event)
23719                {
23720                    element.addEventListener(event, () => {
23721                        if (productForm.checkValidity()) {
23722                            const priceSelector = false                                ? '#product-price-92326 .price'
23723                                : '[data-price-box="product-id-92326"] .price';
23724
23725                            window.dispatchEvent(new CustomEvent('cart-item-added', {
23726                                detail: [{
23727                                    product_sku: sku,
23728                                    product_name: 'Slipper\u0020geschlossen\u0020\u0022grammo\u0022\u002031,5\u0020cm\u0020\u00D7\u002012\u0020cm\u0020\u00D7\u00201,8\u0020cm\u0020paarweise\u0020im\u0020Flow\u0020Pack',
23729                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),
23730
23731                                                                            qty: 1,
23732                                                                    }],
23733                            }));
23734                        }
23735                    });
23736                }
23737
23738                                    const button = productForm.querySelector(
23739                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
23740                    );
23741
23742                    if (!button) {
23743                        return;
23744                    }
23745
23746                    bindEventListener(button, 'click');
23747                            },
23748            { once: true }
23749        );
23750    })();
23751</script>
23751
23752                                            </div>
23753                    <div class="qty-alert hidden" id="qty-alert[92326_137ac2fc782845b78c3086c64af6e750_6ac211b62eb5b]">
23754                        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill="currentColor" viewBox="0 0 20 20" class="w-3 h-3 mr-1 text-energy inline-block align-text-top">
23755<title>Warning</title>
23756    <path d="M19.64 16.36L11.53 2.3A1.85 1.85 0 0 0 10 1.21 1.85 1.85 0 0 0 8.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>
23757</svg>
23758                        <span>Bitte&#x20;nur&#x20;ganze&#x20;Zahlen&#x20;eingeben.</span>
23759                    </div>
23760                </div>
23761            </div>
23762        </div>
23763    </form>
23764</div>
23765                    </li>
23766                                                                    <li class="splide__slide">
23767                        <div class="h-full">
23768    <form method="post"
23769          aria-label="Product&#x20;tile&#x20;for&#x3A;&#x20;Servietten,&#x20;3-lagig&#x20;1&#x2F;4-Falz&#x20;33&#x20;&#xD7;&#x20;33&#x20;cm&#x20;&quot;Winter&#x20;Trees&quot;"
23770          action="https://www.papstar-shop.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cucGFwc3Rhci1zaG9wLmRlLz9tc2Nsa2lkPWI5ODJhMjlkYWVkYzFjMWQyM2I2Yzg1ZmEzZjY4ZjFj/product/37507/"
23771          class="item product product-item product_addtocart_form border rounded p-2.5 bg-container-white hover:shadow-lg flex flex-col w-full h-full"
23772            >
23773        <input name="form_key" type="hidden" value="rKVCmaFj7egUOB24" />        <input type="hidden" name="product" value="37507"/>
23774        <div
23775            class="relative product photo product-item-photo block mb-3 px-12 ">
23776                <a x-data="ReqBlind_6ac211b63a224()"
23777       href="https://www.papstar-shop.de/customer/account/"
23778       title="Servietten, 3-lagig 1/4-Falz 33 × 33 cm &quot;Winter Trees&quot; Zum Merkzettel hinzufügen"
23779       aria-label="Servietten, 3-lagig 1/4-Falz 33 × 33 cm &quot;Winter Trees&quot; Zum Merkzettel hinzufügen"
23780       @click.prevent="open($event)"
23781       class="p-2 bg-transparent absolute right-0 hover:text-primary-darker bottom-0">
23782        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85" xml:space="preserve" fill="currentColor" class="mx-auto bg-transparent text-black" width="36" height="36">
23783    <path d="M23.895 23.457a8.424 8.424 0 0 0-2.896 1.895c-3.408 3.41-3.308 9.06.226 12.594" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/><path d="M68.801 42.971c6.287-6.289 6.389-16.478.224-22.645-6.165-6.164-16.354-6.063-22.644.225l-3.896 3.871-3.87-3.871c-6.287-6.288-16.477-6.389-22.641-.225-6.164 6.167-6.064 16.355.225 22.645l26.295 26.262 26.307-26.262z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/></svg>
23784        <span class="sr-only">Zum Merkzettel hinzufügen</span>
23785    </a>
23786    
23786<script>
23787        function ReqBlind_6ac211b63a224() {
23788            return {
23789                open: function (event) {
23790                    window.scrollTo(0, 0);
23791                    dispatchMessages([{
23792                        type: 'notice',
23793                        text: 'Sie müssen eingeloggt sein, um die Merkzettel-Funktion zu nutzen.'
23794                    }], 5000);
23795                    let href = event.currentTarget.href;
23796                    setTimeout(function() {
23797                        window.location = href;
23798                    }, 4000);
23799                }
23800            }
23801        }
23802    </script>
23802
23803                                        <ul class="product-tile__badges z-10">
23804                                                    <li class="product-tile__badges-item
23805                badge-new-37507"
23806                                    >
23807                                            Neu                                    </li>
23808                        </ul>
23809                        <a href="https://www.papstar-shop.de/servietten-3-lagig-1-4-falz-33-33-cm-winter-trees-37507.htm"
23810               tabindex="-1"
23811                            >
23812                <picture class="object-contain mx-auto py-3 product-image-photo"><source type="image/webp" srcset="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/S/e/Servietten-3-lagig-1-4-Falz-33-x-33-cm-Winter-Trees-37507_b_0_1.webp"><img class="object-contain mx-auto py-3 product-image-photo" x-data="" @update-gallery-37507.window="$el.src = $event.detail" src="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/S/e/Servietten-3-lagig-1-4-Falz-33-x-33-cm-Winter-Trees-37507_b_0_1.jpg" loading="lazy" itemprop="image" width="360" height="360" alt="Servietten,&#x20;3-lagig&#x20;1&#x2F;4-Falz&#x20;33&#x20;&#xD7;&#x20;33&#x20;cm&#x20;&quot;Winter&#x20;Trees&quot;" title="Servietten,&#x20;3-lagig&#x20;1&#x2F;4-Falz&#x20;33&#x20;&#xD7;&#x20;33&#x20;cm&#x20;&quot;Winter&#x20;Trees&quot;" loading="lazy" /></picture>
23813            </a>
23814        </div>
23815        <div class="product-info flex flex-col flex-grow">
23816            <div class="text-black font-semibold text-base">
23817                                    &nbsp;                            </div>
23818                        <div
23819                class="mt-1 text-black font-semibold text-base text-left sm:min-h-90px">
23820                <a class="product-item-link "
23821                   href="https://www.papstar-shop.de/servietten-3-lagig-1-4-falz-33-33-cm-winter-trees-37507.htm"
23822                                    >
23823                    Servietten, 3-lagig 1/4-Falz 33 × 33 cm &quot;Winter Trees&quot;                </a>
23824                            </div>
23825            <div class="flex mt-1 mb-1">
23826                <div class="mt-auto sku text-sm">
23827                    <span>Artikel-Nr.: </span>37507                </div>
23828                                    <div class="lg:w-auto ml-auto block ">
23829                                            </div>
23830                            </div>
23831
23832                        <div class="mt-1 text-xs text-gray-600 italic">
23833                                    &nbsp;
23834                            </div>
23835
23836            <div class="h-full flex justify-between flex-col">
23837                                                                
23837<script>
23838        function initConfigurableSwatchOptions_37507() {
23839            const configurableOptionsComponent = initConfigurableOptions(
23840                '37507',
23841                {"attributes":{"254":{"id":"254","code":"order_unit","label":"Bestelleinheit","options":[{"id":"7059","label":"Karton","products":["137507"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"137507":{"baseOldPrice":{"amount":31.5},"oldPrice":{"amount":37.485001},"basePrice":{"amount":31.5},"finalPrice":{"amount":37.485001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"12,50\u00a0Cent \/ St\u00fcck","basePrice":"10,50\u00a0Cent \/ St\u00fcck"}}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":31.5},"oldPrice":{"amount":37.485001},"basePrice":{"amount":31.5},"finalPrice":{"amount":37.485001}},"productId":"37507","chooseText":"W\u00e4hlen Sie eine Option\u2026","images":[],"index":{"137507":{"254":"7059"}},"salable":{"254":{"7059":["137507"]}},"canDisplayShowOutOfStockStatus":true,"preSelectedGallery":[],"channel":"website","salesChannelCode":"papstar_de","sku":{"137507":"4002911727133"},"quantities":{"137507":130}}            );
23842            const swatchOptionsComponent = initSwatchOptions({"254":{"7059":{"type":"0","value":null,"label":"Karton","unit":"###VPE### St\u00fcck (15 x 20)","vpe":"300"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}});
23843
23844            return Object.assign(
23845                configurableOptionsComponent,
23846                swatchOptionsComponent,
23847                {
23848                    mediaCallback: "https\u003A\u002F\u002Fwww.papstar\u002Dshop.de\u002Fswatches\u002Fajax\u002Fmedia\u002F",
23849                    changeOption(optionId, value, skipUpdateGallery) {
23850                        if (value === '') {
23851                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
23852                        } else {
23853                            this.selectedValues[optionId] = value;
23854                        }
23855                        this.findSimpleIndex();
23856                        this.findAllowedAttributeOptions();
23857                        this.updateStock();
23858                        this.updatePrices();
23859                        this.updateSavingPriceInfo();
23860                    },
23861                    unitSavingsPrice: null,
23862                    hasSpecialPrice: false,
23863                    finalPrice: {
23864                        amount: 0.00
23865                    },
23866                    oldPrice: {
23867                        amount: 0.00
23868                    },
23869
23870                    updateHasSpecialPrice() {
23871                        this.hasSpecialPrice = this.finalPrice.amount < this.oldPrice.amount;
23872                    },
23873                    updateSavingPriceInfo() {
23874                        const detail = this.optionConfig.optionPrices[this.productIndex];
23875                        this.oldPrice.amount = detail.oldPrice.amount;
23876                        this.finalPrice.amount = detail.finalPrice.amount;
23877
23878                        this.updateHasSpecialPrice();
23879
23880                        if (!this.hasSpecialPrice) {
23881                            this.unitSavingsPrice = detail.unitSavings;
23882                        }
23883                    },
23884                    preselectQuerystringItems: function() {
23885                        let found = false;
23886                        // pre-select option like ?size=167
23887                        const urlQueryParams = new URLSearchParams(window.location.search.replace("?", ""));
23888                        Object.values(this.optionConfig.attributes).map(attribute => {
23889                            const skipUpdateGallery = true;
23890                            if (urlQueryParams.get(attribute.code) !== null) {
23891                                let optionId = urlQueryParams.get(attribute.code);
23892                                found = false;
23893                                Object.values(attribute.options).map(option => {
23894                                    if (found === false && option.label === optionId) {
23895                                        optionId = option.id;
23896                                        found = true;
23897                                    }
23898                                });
23899                                this.changeOption(attribute.id, optionId, skipUpdateGallery);
23900                            }
23901                        });
23902                        if (found === false) {
23903                            // pre-select first option
23904                            Object.values(this.optionConfig.attributes).map(attribute => {
23905                                if (attribute.code === "order_unit") {
23906                                    let optionId = 0;
23907                                    Object.values(attribute.options).map(option => {
23908                                        if (this.selectedValues.length === 0) {
23909                                            if (found === false && option.products.length > 0) {
23910                                                optionId = option.id;
23911                                                this.changeOption(attribute.id, optionId, true);
23912                                                found = true;
23913                                            }
23914                                        } else {
23915                                            optionId = this.selectedValues[attribute.id];
23916                                            this.changeOption(attribute.id, optionId, true);
23917                                            found = true;
23918                                        }
23919                                    });
23920                                }
23921                            });
23922                        }
23923                    },
23924                    mouseDown: false,
23925                    startX: 0,
23926                    maxScroll: 0,
23927                    scrollLeft: null,
23928                    slider: null,
23929                    scrollEvents: {
23930                        ["@mousedown"](e) {
23931                            this.slider = e.target.closest(".snap");
23932                            if (!this.slider) {
23933                                return;
23934                            }
23935                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
23936                            this.startX = e.pageX - this.slider.offsetLeft;
23937                            this.scrollLeft = this.slider.scrollLeft;
23938                            this.mouseDown = true;
23939                        },
23940                        ["@mouseout.self"]() {
23941                            this.mouseDown = false;
23942                        },
23943                        ["@mouseup"]() {
23944                            this.mouseDown = false;
23945                        },
23946                        ["@mousemove"](e) {
23947                            e.preventDefault();
23948                            if (!this.mouseDown) {
23949                                return;
23950                            }
23951                            const x = e.pageX - this.slider.offsetLeft;
23952                            const scroll = x - this.startX;
23953                            const scrollLeft = this.scrollLeft - scroll;
23954
23955                            if (scrollLeft > this.maxScroll) {
23956                                this.slider.scrollLeft = this.maxScroll;
23957                                return;
23958                            }
23959                            this.slider.scrollLeft = this.scrollLeft - scroll;
23960                        },
23961                        ["@onselectstart"]() {
23962                            return false;
23963                        }
23964                    },
23965                    resizeEvent() {
23966                        Array.from(this.$el.querySelectorAll(".snap")).forEach(sli
23966der => {
23967                            slider.scrollLeft = 0;
23968                        });
23969                    }
23970                }
23971            );
23972        }
23973    </script>
23973
23974
23975    <div x-data="initConfigurableSwatchOptions_37507();"
23976         x-defer="intersect"
23977         x-init="getAllowedAttributeOptions();() => preselectQuerystringItems();preselectQuerystringItems();"
23978         @private-content-loaded.window="onGetCartData($event.detail.data)"
23979         @update-prices-37507.window="unitSavingsInfo = $event.detail.unitSavings"
23980         @touchstart.passive="preselectQuerystringItems()"
23981         @resize.window="resizeEvent()"
23982         class="relative md:w-full"
23983         @preselectswatch.window="preselectQuerystringItems()"
23984    >
23985        <div>
23986                                            
23987                                <div class="swatch-attribute order_unit">
23988                    <div class="w-full overflow-x-hidden swatch-attribute-options pt-2">
23989                        <div
23990                            class="w-full overflow-auto transition-all snap items-center min-h-14 product-listing-option-wrapper grid gap-2 pb-2"
23991                            id="attribute-label-37507-254"
23992                                                        :role="optionConfig.attributes?.[254]?.options?.length ? 'radiogroup' : null"
23993                            :aria-label="optionConfig.attributes?.[254]?.options?.length ? 'Attribut-order_unit' : null"
23994                            x-bind="scrollEvents">
23995                            <template x-for="(item, index) in optionConfig.attributes[254].options"
23996                                      :key="item.id"
23997                            >
23998                                
23999<div class="swatch-item">
24000        <label
24001            :for="'attribute-option-swatch-input6ac211b63dc751.9835119037507-'+item.id"
24002            class="rounded swatch-option flex flex-col relative shadow-sm cursor-pointer select-none text-center product-option-value-label"
24003            :class="{
24004                'bg-secondary border-container-lighter text-white' : (selectedValues[254] === item.id),
24005                'bg-container-lighter' : (selectedValues[254] !== item.id),
24006                'w-6 h-6' : !isTextSwatch(254, item.id),
24007                'bg-secondary text-white' : focusedLabel === item.id
24008            }"
24009            :style="getSwatchBackgroundStyle('254',item.id)"
24010        >
24011            <input
24012                :id="'attribute-option-swatch-input6ac211b63dc751.9835119037507-'+item.id"
24013                :value="item.id"
24014                name="super_attribute[254]-37507]"
24015                type="radio"
24016                role="radio"
24017                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
24018                style="z-index:-1"
24019                x-on:focus="focusLabel(item.id)"
24020                x-on:blur="blurLabel()"
24021                x-on:change="changeOption(254, $event.target.value)"
24022                x-model="selectedValues[254]"
24023                :required="getAllowedAttributeOptions(254).filter(
24024                                                                    attributeOption => selectedValues[attributeOption]
24025                                                                ).length === 0"
24026                :aria-label="getSwatchText(254, item.id) + ': ' + getSwatchUnitText(254, item.id)"
24027            >
24028            <div x-html="getSwatchText(254, item.id)"
24029                 class="whitespace-nowrap text-sm font-bold"
24030                 :class="{ 'sr-only' : !isTextSwatch(254, item.id) }"
24031                 aria-hidden="false"
24032            ></div>
24033            <!-- N98 custom attributes start-->
24034            <div x-html="getSwatchUnitText(254, item.id)"
24035                 class="text-xs" aria-hidden="false"></div>
24036            <!-- N98 custom attributes end-->
24037        </label>
24038        <template x-if="unitSavingsInfo && selectedValues[254] === item.id">
24039            <div class="unit-savings-price">
24040                <span class="-info" x-html="unitSavingsInfo"></span>
24041            </div>
24042        </template>
24043    <template x-if="index != 0 && selectedValues[254] !== item.id">
24044        <div class="unit-savings-price">
24045            <span class="-info">
24046            <span><?xml version="1.0" encoding="UTF-8"?>
24047<svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" version="1.1" viewBox="0 0 18 22" width="16" height="16">
24048    <title>Percent</title>
24049  <defs>
24050    <style>
24051      .st0 {
24052        stroke-linecap: round;
24053        stroke-linejoin: round;
24054      }
24055
24056      .st0, .st1 {
24057        fill: none;
24058        stroke-width: 1.5px;
24059      }
24060
24061      .st1 {
24062        stroke-miterlimit: 10;
24063      }
24064    </style>
24065  </defs>
24066  <path class="st1" stroke="currentColor" d="M16.2,16.6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
24067  <g>
24068    <path class="st1" stroke="currentColor" d="M8,6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
24069    <path class="st0" stroke="currentColor" d="M3.5,18.7L15.4,3.9"/>
24070  </g>
24071</svg>
24072</span>
24073            </span>
24074        </div>
24075    </template>
24076</div>
24077                            </template>
24078                        </div>
24079                    </div>
24080                </div>
24081                    </div>
24082                    <template x-if="isTooltipVisible()">
24083    <div class="absolute shadow-lg"
24084        :style="isLayeredSwatch == false && getTooltipPosition()"
24085    >
24086        <div class="absolute top-0 left-0 z-50 p-2 -mt-6 text-sm leading-tight text-black
24087                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
24088        >
24089        <!--template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
24090            <div x-show="getSwatchType(activeTooltipItem.type) !== 'color'"
24091                class="inline-block shadow-sm"
24092                :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
24093            ></div>
24094        </template-->
24095            <span class="mx-2 text-sm font-semibold whitespace-nowrap subtitle"
24096                    x-html="getTooltipLabel()"
24097            ></span>
24098        </div>
24099        <svg class="absolute z-50 w-8 h-8 text-white transform -translate-x-3
24100                -translate-y-8 fill-current stroke-current"
24101                width="12"
24102                height="12"
24103        >
24104            <title>Tooltip Icon</title>
24105            <rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
24106        </svg>
24107    </div>
24108</template>
24109            </div>
24110                                        
24111                
24111<script>
24112                    function initPriceBox__137ac2fc782845b78c3086c64af6e750_6ac211b639f25() {
24113                        return {
24114                            updatePrice(priceData, productId) {
24115                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
24116                                const regularOldPriceElement = this.$el.querySelector('.normal-price .old-price');
24117                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
24118                                const regularPriceElementTax = this.$el.querySelector('.normal-price .price-container .tax');
24119                                const regularOldBasePriceElement = this.$el.querySelector('.base-price .old-price');
24120                                const regularBasePriceElement = this.$el.querySelector('.base-price .price-wrapper .price');
24121                                const regularBasePriceElementTax = this.$el.querySelector('.base-price .price-container .tax');
24122                                const unitPriceElement = this.$el.querySelector('.normal-price .unitPrice');
24123                                const unitBasePriceElement = this.$el.querySelector('.base-price .unitPrice');
24124                                const productTileBadge = document.querySelector('.badge-discounted-' + productId);
24125
24126                                let specialPrice = false;
24127                                let specialPricePercent;
24128
24129                                if (regularPriceLabel) {
24130                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
24131                                        regularPriceLabel.classList.remove('hidden');
24132                                    } else {
24133                                        regularPriceLabel.classList.add('hidden');
24134                                    }
24135                                }
24136
24137                                if (productTileBadge) {
24138                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
24139                                        specialPricePercent = (priceData.oldPrice.amount - priceData.finalPrice.amount)
24140                                            / priceData.oldPrice.amount * 100;
24141                                        productTileBadge.innerText = '-' + Math.round(specialPricePercent) + '%';
24142                                        productTileBadge.classList.remove('hidden');
24143                                    }
24144                                }
24145
24146                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
24147                                    specialPrice = true;
24148                                } else {
24149                                    specialPrice = false;
24150                                }
24151
24152                                if (regularOldPriceElement && priceData.oldPrice.amount) {
24153                                    if (specialPrice) {
24154                                        regularOldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount);
24155                                    } else {
24156                                        regularOldPriceElement.innerText = '';
24157                                    }
24158                                }
24159
24160                                if (regularPriceElement) {
24161                                    regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
24162                                    regularPriceElementTax.style.display = 'block';
24163                                }
24164
24165                                if (unitPriceElement) {
24166                                    unitPriceElement.innerText = '';
24167                                }
24168
24169                                if (unitPriceElement && priceData.unitPrice.pricePerUnitHTML.price) {
24170                                    unitPriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.price;
24171                                }
24172
24173                                if (regularOldBasePriceElement && priceData.baseOldPrice.amount) {
24174                                    if (specialPrice) {
24175                                        regularOldBasePriceElement.innerText =
24176                                            hyva.formatPrice(priceData.baseOldPrice.amount);
24177                                    } else {
24178                                        regularOldBasePriceElement.innerText = '';
24179                                    }
24180                                }
24181
24182                                if (regularBasePriceElement) {
24183                                    regularBasePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount);
24184                                    regularBasePriceElementTax.style.display = 'block';
24185                                }
24186
24187                                if (unitBasePriceElement) {
24188                                    unitBasePriceElement.innerText = '';
24189                                }
24190
24191                                if (unitBasePriceElement && priceData.unitPrice.pricePerUnitHTML.basePrice) {
24192                                    unitBasePriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.basePrice;
24193                                }
24194
24195                                if (priceData.finalPrice.amount === priceData.basePrice.amount) {
24196                                    this.$el.querySelector('.normal-price').classList.add('hidden');
24197                                } else {
24198                                    this.$el.querySelector('.normal-price').classList.remove('hidden');
24199                                }
24200                            }
24201                        }
24202                    }
24203
24204                    function initQtyField__137ac2fc782845b78c3086c64af6e750_6ac211b639f25() {
24205                        return {
24206                            qty: 1,
24207                            input: document.getElementById('qty[37507_137ac2fc782845b78c3086c64af6e750_6ac211b639f25]'),
24208                            addToCart: document.getElementById('add-to-cart[37507_137ac2fc782845b78c3086c64af6e750_6ac211b639f25]'),
24209                            qtyAlert: document.getElementById('qty-alert[37507_137ac2fc782845b78c3086c64af6e750_6ac211b639f25]'),
24210                            currentStock: 0,
24211
24212                            validateQty(qty) {
24213                                let regex = /^\d+$/;
24214                                let pattern = regex.test(qty);
24215
24216                                this.addToCart.disabled = qty === 0
24217                                    || qty === null
24218                                    || qty > 10000                                    || !pattern
24219                                    || this.addToCart.classList.contains('not-available');
24220
24221                                if (qty === 0
24222                                    || qty === null
24223                                    || qty > 10000                                    || !pattern) {
24224                                    this.qtyAlert.style.display = 'block';
24225                                } else {
24226                                    this.qtyAlert.style.display = 'none';
24227                                }
24228                            },
24229
24230                            stepUp() {
24231                                this.input.stepUp();
24232                                let qty = document.getElementById('qty[37507_137ac2fc782845b78c3086c64af6e750_6ac211b639f25]').value;
24233                                this.validateQty(qty);
24234
24235                            },
24236
24237                            stepDown() {
24238                                this.input.stepDown();
24239                                let qty = document.getElementById('qty[37507_137ac2fc782845b78c3086c64af6e750_6ac211b639f25]').value;
24240                                this.validateQty(qty);
24241                            }
24242                        };
24243                    }
24244                </script>
24244
24245                <div class="relative price-block">
24246                    <div class="flex my-4 sm:min-h-42px w-full">
24247                                                <div class="w-full"
24248                             x-data="initPriceBox__137ac2fc782845b78c3086c64af6e750_6ac211b639f25()"
24249                             x-init="() => $dispatch('preselectswatch')"
24250                             @update-prices-37507.window="updatePrice($event.detail,37507);">
24251                            <div
24252                                class="price-box mt-3 price-final_price flex flex-wrap justify-between"
24253                                data-role="priceBox">
24254                                <div class="normal-price text-left ">
24255                                <span class="price-container price-final_price tax weee">
24256                                    <div class="old-price text-xs including-tax line-through"></div>
24257                                    <div id="price-including-tax-product-price-37507"
24258                                         data-price-type="finalPrice"
24259                                         class="price-wrapper price-including-tax finalPrice flex items-end">
24260                                        <span class="price"></span>
24261                                        <span class="tax font-normal hidden">mit MwSt.</span>
24262                                    </div>
24263                                    <div class="unitPrice text-xs"></div>
24264                                </span>
24265                                </div>
24266
24267                                <div class="base-price text-left ">
24268                                <span class="price-container price-final_price tax weee">
24269                                    <div class="old-price text-xs excluding-tax line-through"></div>
24270                                    <div id="price-excluding-tax-product-price-37507"
24271                                         data-price-type="finalPrice"
24272                                         class="price-wrapper price-excluding-tax finalPrice flex items-end">
24273                                        <span class="price"></span>
24274                                        <span class="tax font-normal hidden">ohne MwSt.</span>
24275                                    </div>
24276                                    <div class="unitPrice text-xs"></div>
24277                                </span>
24278                                </div>
24279                            </div>
24280                        </div>
24281                    </div>
24282
24283                                            <div x-data="{ currentStock: 0 }"
24284                             x-init="() => $dispatch('preselectswatch')"
24285                             @update-stock-37507.window="currentStock = $event.detail"
24286                             class="flex flex-wrap mt-auto text-left">
24287                            <div class="stock-status text-xs w-full mb-3 mt-auto basis-full">
24288                                <template x-if="currentStock">
24289                                    <div>
24290                                    <span x-show="currentStock > 0" class="text-green-main">
24291                                        Sofort versandfertig, Lieferzeit: 1-3 Werktage                                    </span>
24292                                        <span x-show="currentStock <= 0 && currentStock > -1000"
24293                                              class="text-yellow-700">
24294                                        Aktuell nicht lieferbar, Lieferzeit: 5-10 Werktage                                    </span>
24295                                        <span x-show="currentStock <= -1000 && currentStock > -5000"
24296                                              class="text-red-600">
24297                                        Aktuell nicht lieferbar                                    </span>
24298                                    </div>
24299                                </template>
24300                            </div>
24301                        </div>
24302                    
24303                    
24304                    <div class="flex gap-4 mt-auto justify-end lg:justify-between"
24305                         x-data="initQtyField__137ac2fc782845b78c3086c64af6e750_6ac211b639f25()"
24306                         x-init="() => $dispatch('preselectswatch')"
24307                         @update-stock-37507.window="currentStock = $event.detail;">
24308                                                    <div class="w-1/2 flex"
24309                                x-show="currentStock > -5000"
24310                                :aria-hidden="currentStock <= -5000">
24311                                <button
24312                                    class="qty-button -minus-button"
24313                                    type="button"
24314                                    title="Weniger"
24315                                    x-on:click="stepDown()">
24316                                    <?xml version="1.0" encoding="utf-8"?>
24317<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
24318<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="w-5 h-5" width="20" height="20">
24319        <title>Minus</title>
24320    <g>
24321	<g>
24322		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
24323	</g>
24324</g>
24325</svg>
24326                                </button>
24327                                <label for="qty[37507_137ac2fc782845b78c3086c64af6e750_6ac211b639f25]"
24328                                       class="sr-only">
24329                                    Anzahl                                </label>
24330                                <input name="qty"
24331                                       class="form-input rounded-none px-2 text-center invalid:ring-2 invalid:ring-red-500 w-11/12"
24332                                       id="qty[37507_137ac2fc782845b78c3086c64af6e750_6ac211b639f25]"
24333                                       type="number"
24334                                       inputmode="numeric"
24335                                       maxlength="5"
24336                                       min="1"                                       max="10000"                                       step="1"                                       :value="qty"
24337                                       x-model.number="qty"
24338                                       x-on:input.change="validateQty(qty);"
24339                                />
24340                                <button
24341                                    class="qty-button -plus-button"
24342                                    type="button"
24343                                    title="Mehr"
24344                                    class="plus"
24345                                    x-on:click="stepUp()">
24346                                    <?xml version="1.0" encoding="utf-8"?>
24347<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
24348<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="text-white" width="20" height="20">
24349        <title>Plus Sign</title>
24350    <g>
24351	<g>
24352		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
24353	</g>
24354	<g>
24355		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
24356	</g>
24357</g>
24358</svg>
24359                                </button>
24360                            </div>
24361                            <div class="w-1/2"
24362                                 x-show="currentStock > -5000"
24363                                 :aria-hidden="currentStock <= -5000">
24364                                                                    <button class="btn btn-add-to-cart w-full h-full px-2 py-0"
24365                                            :disabled="currentStock <= -1000 || false"
24366                                            :class="{'not-available': currentStock <= -1000 || false}"
24367                                            id="add-to-cart[37507_137ac2fc782845b78c3086c64af6e750_6ac211b639f25]"
24368                                            title="Servietten,&#x20;3-lagig&#x20;1&#x2F;4-Falz&#x20;33&#x20;&#xD7;&#x20;33&#x20;cm&#x20;&quot;Winter&#x20;Trees&quot;&#x20;In&#x20;den&#x20;Warenkorb"
24369                                            aria-label="Servietten,&#x20;3-lagig&#x20;1&#x2F;4-Falz&#x20;33&#x20;&#xD7;&#x20;33&#x20;cm&#x20;&quot;Winter&#x20;Trees&quot;&#x20;In&#x20;den&#x20;Warenkorb">
24370                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
24371    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
24372                                        <span class="sm:pl-2 md:hidden lg:block">
24373                                            In&#x20;den&#x20;Warenkorb                                        </span>
24374                                    </button>
24375                                                            </div>
24376                        
24377                        <a x-cloak
24378                           x-show="currentStock <= -5000"
24379                           :aria-hidden="currentStock > -5000"
24380                           href="https://www.papstar-shop.de/servietten-3-lagig-1-4-falz-33-33-cm-winter-trees-37507.htm"
24381                           class="btn btn-add-to-cart w-full h-full px-2 py-0"
24382                           id="add-to-cart[37507_137ac2fc782845b78c3086c64af6e750_6ac211b639f25]"
24383                           title="Servietten,&#x20;3-lagig&#x20;1&#x2F;4-Falz&#x20;33&#x20;&#xD7;&#x20;33&#x20;cm&#x20;&quot;Winter&#x20;Trees&quot;&#x20;Produkt&#x20;individualisieren"
24384                           aria-label="Servietten,&#x20;3-lagig&#x20;1&#x2F;4-Falz&#x20;33&#x20;&#xD7;&#x20;33&#x20;cm&#x20;&quot;Winter&#x20;Trees&quot;&#x20;Produkt&#x20;individualisieren">
24385                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
24386    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
24387                            <span class="sm:pl-2 md:hidden lg:block py-4">
24388                                            Produkt&#x20;individualisieren                                        </span>
24389                        </a>
24390
24391                                                    
24391<script>
24392    'use strict';
24393
24394    (() => {
24395        window.addEventListener(
24396            'ga-initialized',
24397            () => {
24398                const productForm = document.querySelector(
24399                    'form\u005Bdata\u002Dsku\u003D\u002237507\u0022\u005D'
24400                );
24401
24402                if (!productForm) {
24403                    return;
24404                }
24405
24406                let sku = '37507';
24407
24408                window.addEventListener(
24409                    'listing\u002Dconfigurable-selection-changed',
24410                    (event) => {
24411                        if (event.detail.skuCandidates.length === 1
24412                            && event.detail.productId === '37507'
24413                        ) {
24414                            sku = event.detail.skuCandidates[0];
24415                        }
24416                    }
24417                );
24418
24419                function bindEventListener(element, event)
24420                {
24421                    element.addEventListener(event, () => {
24422                        if (productForm.checkValidity()) {
24423                            const priceSelector = false                                ? '#product-price-37507 .price'
24424                                : '[data-price-box="product-id-37507"] .price';
24425
24426                            window.dispatchEvent(new CustomEvent('cart-item-added', {
24427                                detail: [{
24428                                    product_sku: sku,
24429                                    product_name: 'Servietten,\u00203\u002Dlagig\u00201\u002F4\u002DFalz\u002033\u0020\u00D7\u002033\u0020cm\u0020\u0022Winter\u0020Trees\u0022',
24430                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),
24431
24432                                                                            qty: 1,
24433                                                                    }],
24434                            }));
24435                        }
24436                    });
24437                }
24438
24439                                    const button = productForm.querySelector(
24440                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
24441                    );
24442
24443                    if (!button) {
24444                        return;
24445                    }
24446
24447                    bindEventListener(button, 'click');
24448                            },
24449            { once: true }
24450        );
24451    })();
24452</script>
24452
24453                                            </div>
24454                    <div class="qty-alert hidden" id="qty-alert[37507_137ac2fc782845b78c3086c64af6e750_6ac211b639f25]">
24455                        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill="currentColor" viewBox="0 0 20 20" class="w-3 h-3 mr-1 text-energy inline-block align-text-top">
24456<title>Warning</title>
24457    <path d="M19.64 16.36L11.53 2.3A1.85 1.85 0 0 0 10 1.21 1.85 1.85 0 0 0 8.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>
24458</svg>
24459                        <span>Bitte&#x20;nur&#x20;ganze&#x20;Zahlen&#x20;eingeben.</span>
24460                    </div>
24461                </div>
24462            </div>
24463        </div>
24464    </form>
24465</div>
24466                    </li>
24467                                                                    <li class="splide__slide">
24468                        <div class="h-full">
24469    <form method="post"
24470          aria-label="Product&#x20;tile&#x20;for&#x3A;&#x20;Pappbecher&#x20;&#x20;Ripple&#x20;Wall&#x20;&quot;Mistletoe&quot;&#x20;,&#x20;0,2&#x20;l&#x20;&#xD8;&#x20;8&#x20;cm&#x20;&#xB7;&#x20;9&#x20;cm,&#x20;PLA-beschichtet"
24471          action="https://www.papstar-shop.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cucGFwc3Rhci1zaG9wLmRlLz9tc2Nsa2lkPWI5ODJhMjlkYWVkYzFjMWQyM2I2Yzg1ZmEzZjY4ZjFj/product/37589/"
24472          class="item product product-item product_addtocart_form border rounded p-2.5 bg-container-white hover:shadow-lg flex flex-col w-full h-full"
24473            >
24474        <input name="form_key" type="hidden" value="rKVCmaFj7egUOB24" />        <input type="hidden" name="product" value="37589"/>
24475        <div
24476            class="relative product photo product-item-photo block mb-3 px-12 ">
24477                <a x-data="ReqBlind_6ac211b6459f8()"
24478       href="https://www.papstar-shop.de/customer/account/"
24479       title="Pappbecher  Ripple Wall &quot;Mistletoe&quot; , 0,2 l Ø 8 cm · 9 cm, PLA-beschichtet Zum Merkzettel hinzufügen"
24480       aria-label="Pappbecher  Ripple Wall &quot;Mistletoe&quot; , 0,2 l Ø 8 cm · 9 cm, PLA-beschichtet Zum Merkzettel hinzufügen"
24481       @click.prevent="open($event)"
24482       class="p-2 bg-transparent absolute right-0 hover:text-primary-darker bottom-0">
24483        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85" xml:space="preserve" fill="currentColor" class="mx-auto bg-transparent text-black" width="36" height="36">
24484    <path d="M23.895 23.457a8.424 8.424 0 0 0-2.896 1.895c-3.408 3.41-3.308 9.06.226 12.594" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/><path d="M68.801 42.971c6.287-6.289 6.389-16.478.224-22.645-6.165-6.164-16.354-6.063-22.644.225l-3.896 3.871-3.87-3.871c-6.287-6.288-16.477-6.389-22.641-.225-6.164 6.167-6.064 16.355.225 22.645l26.295 26.262 26.307-26.262z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/></svg>
24485        <span class="sr-only">Zum Merkzettel hinzufügen</span>
24486    </a>
24487    
24487<script>
24488        function ReqBlind_6ac211b6459f8() {
24489            return {
24490                open: function (event) {
24491                    window.scrollTo(0, 0);
24492                    dispatchMessages([{
24493                        type: 'notice',
24494                        text: 'Sie müssen eingeloggt sein, um die Merkzettel-Funktion zu nutzen.'
24495                    }], 5000);
24496                    let href = event.currentTarget.href;
24497                    setTimeout(function() {
24498                        window.location = href;
24499                    }, 4000);
24500                }
24501            }
24502        }
24503    </script>
24503
24504                                        <ul class="product-tile__badges z-10">
24505                                                    <li class="product-tile__badges-item
24506                badge-new-37589"
24507                                    >
24508                                            Neu                                    </li>
24509                        </ul>
24510                        <a href="https://www.papstar-shop.de/pappbecher-ripple-wall-mistletoe-0-2-l-8-cm-9-cm-pla-beschichtet-37589.htm"
24511               tabindex="-1"
24512                            >
24513                <picture class="object-contain mx-auto py-3 product-image-photo"><source type="image/webp" srcset="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/P/a/Pappbecher-Ripple-Wall-Mistletoe-0-2-l-8-cm-9-cm-PLA-beschichtet-37589_b_0_2.webp"><img class="object-contain mx-auto py-3 product-image-photo" x-data="" @update-gallery-37589.window="$el.src = $event.detail" src="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/P/a/Pappbecher-Ripple-Wall-Mistletoe-0-2-l-8-cm-9-cm-PLA-beschichtet-37589_b_0_2.jpg" loading="lazy" itemprop="image" width="360" height="360" alt="Pappbecher&#x20;&#x20;Ripple&#x20;Wall&#x20;&quot;Mistletoe&quot;&#x20;,&#x20;0,2&#x20;l&#x20;&#xD8;&#x20;8&#x20;cm&#x20;&#xB7;&#x20;9&#x20;cm,&#x20;PLA-beschichtet" title="Pappbecher&#x20;&#x20;Ripple&#x20;Wall&#x20;&quot;Mistletoe&quot;&#x20;,&#x20;0,2&#x20;l&#x20;&#xD8;&#x20;8&#x20;cm&#x20;&#xB7;&#x20;9&#x20;cm,&#x20;PLA-beschichtet" loading="lazy" /></picture>
24514            </a>
24515        </div>
24516        <div class="product-info flex flex-col flex-grow">
24517            <div class="text-black font-semibold text-base">
24518                                    &nbsp;                            </div>
24519                        <div
24520                class="mt-1 text-black font-semibold text-base text-left sm:min-h-90px">
24521                <a class="product-item-link "
24522                   href="https://www.papstar-shop.de/pappbecher-ripple-wall-mistletoe-0-2-l-8-cm-9-cm-pla-beschichtet-37589.htm"
24523                                    >
24524                    Pappbecher  Ripple Wall &quot;Mistletoe&quot; , 0,2 l Ø 8 cm · 9 cm, PLA-beschichtet                </a>
24525                            </div>
24526            <div class="flex mt-1 mb-1">
24527                <div class="mt-auto sku text-sm">
24528                    <span>Artikel-Nr.: </span>37589                </div>
24529                                    <div class="lg:w-auto ml-auto block ">
24530                                            </div>
24531                            </div>
24532
24533                        <div class="mt-1 text-xs text-gray-600 italic">
24534                                    &nbsp;
24535                            </div>
24536
24537            <div class="h-full flex justify-between flex-col">
24538                                                                
24538<script>
24539        function initConfigurableSwatchOptions_37589() {
24540            const configurableOptionsComponent = initConfigurableOptions(
24541                '37589',
24542                {"attributes":{"254":{"id":"254","code":"order_unit","label":"Bestelleinheit","options":[{"id":"7059","label":"Karton","products":["137589"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"137589":{"baseOldPrice":{"amount":61.2},"oldPrice":{"amount":72.828001},"basePrice":{"amount":61.2},"finalPrice":{"amount":72.828001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"14,57\u00a0Cent \/ St\u00fcck","basePrice":"12,24\u00a0Cent \/ St\u00fcck"}}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":61.2},"oldPrice":{"amount":72.828001},"basePrice":{"amount":61.2},"finalPrice":{"amount":72.828001}},"productId":"37589","chooseText":"W\u00e4hlen Sie eine Option\u2026","images":[],"index":{"137589":{"254":"7059"}},"salable":{"254":{"7059":["137589"]}},"canDisplayShowOutOfStockStatus":true,"preSelectedGallery":[],"channel":"website","salesChannelCode":"papstar_de","sku":{"137589":"4002911776353"},"quantities":{"137589":44}}            );
24543            const swatchOptionsComponent = initSwatchOptions({"254":{"7059":{"type":"0","value":null,"label":"Karton","unit":"###VPE### St\u00fcck (20 x 25)","vpe":"500"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}});
24544
24545            return Object.assign(
24546                configurableOptionsComponent,
24547                swatchOptionsComponent,
24548                {
24549                    mediaCallback: "https\u003A\u002F\u002Fwww.papstar\u002Dshop.de\u002Fswatches\u002Fajax\u002Fmedia\u002F",
24550                    changeOption(optionId, value, skipUpdateGallery) {
24551                        if (value === '') {
24552                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
24553                        } else {
24554                            this.selectedValues[optionId] = value;
24555                        }
24556                        this.findSimpleIndex();
24557                        this.findAllowedAttributeOptions();
24558                        this.updateStock();
24559                        this.updatePrices();
24560                        this.updateSavingPriceInfo();
24561                    },
24562                    unitSavingsPrice: null,
24563                    hasSpecialPrice: false,
24564                    finalPrice: {
24565                        amount: 0.00
24566                    },
24567                    oldPrice: {
24568                        amount: 0.00
24569                    },
24570
24571                    updateHasSpecialPrice() {
24572                        this.hasSpecialPrice = this.finalPrice.amount < this.oldPrice.amount;
24573                    },
24574                    updateSavingPriceInfo() {
24575                        const detail = this.optionConfig.optionPrices[this.productIndex];
24576                        this.oldPrice.amount = detail.oldPrice.amount;
24577                        this.finalPrice.amount = detail.finalPrice.amount;
24578
24579                        this.updateHasSpecialPrice();
24580
24581                        if (!this.hasSpecialPrice) {
24582                            this.unitSavingsPrice = detail.unitSavings;
24583                        }
24584                    },
24585                    preselectQuerystringItems: function() {
24586                        let found = false;
24587                        // pre-select option like ?size=167
24588                        const urlQueryParams = new URLSearchParams(window.location.search.replace("?", ""));
24589                        Object.values(this.optionConfig.attributes).map(attribute => {
24590                            const skipUpdateGallery = true;
24591                            if (urlQueryParams.get(attribute.code) !== null) {
24592                                let optionId = urlQueryParams.get(attribute.code);
24593                                found = false;
24594                                Object.values(attribute.options).map(option => {
24595                                    if (found === false && option.label === optionId) {
24596                                        optionId = option.id;
24597                                        found = true;
24598                                    }
24599                                });
24600                                this.changeOption(attribute.id, optionId, skipUpdateGallery);
24601                            }
24602                        });
24603                        if (found === false) {
24604                            // pre-select first option
24605                            Object.values(this.optionConfig.attributes).map(attribute => {
24606                                if (attribute.code === "order_unit") {
24607                                    let optionId = 0;
24608                                    Object.values(attribute.options).map(option => {
24609                                        if (this.selectedValues.length === 0) {
24610                                            if (found === false && option.products.length > 0) {
24611                                                optionId = option.id;
24612                                                this.changeOption(attribute.id, optionId, true);
24613                                                found = true;
24614                                            }
24615                                        } else {
24616                                            optionId = this.selectedValues[attribute.id];
24617                                            this.changeOption(attribute.id, optionId, true);
24618                                            found = true;
24619                                        }
24620                                    });
24621                                }
24622                            });
24623                        }
24624                    },
24625                    mouseDown: false,
24626                    startX: 0,
24627                    maxScroll: 0,
24628                    scrollLeft: null,
24629                    slider: null,
24630                    scrollEvents: {
24631                        ["@mousedown"](e) {
24632                            this.slider = e.target.closest(".snap");
24633                            if (!this.slider) {
24634                                return;
24635                            }
24636                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
24637                            this.startX = e.pageX - this.slider.offsetLeft;
24638                            this.scrollLeft = this.slider.scrollLeft;
24639                            this.mouseDown = true;
24640                        },
24641                        ["@mouseout.self"]() {
24642                            this.mouseDown = false;
24643                        },
24644                        ["@mouseup"]() {
24645                            this.mouseDown = false;
24646                        },
24647                        ["@mousemove"](e) {
24648                            e.preventDefault();
24649                            if (!this.mouseDown) {
24650                                return;
24651                            }
24652                            const x = e.pageX - this.slider.offsetLeft;
24653                            const scroll = x - this.startX;
24654                            const scrollLeft = this.scrollLeft - scroll;
24655
24656                            if (scrollLeft > this.maxScroll) {
24657                                this.slider.scrollLeft = this.maxScroll;
24658                                return;
24659                            }
24660                            this.slider.scrollLeft = this.scrollLeft - scroll;
24661                        },
24662                        ["@onselectstart"]() {
24663                            return false;
24664                        }
24665                    },
24666                    resizeEvent() {
24667                        Array.from(this.$el.querySelectorAll(".snap")).forEach(sli
24667der => {
24668                            slider.scrollLeft = 0;
24669                        });
24670                    }
24671                }
24672            );
24673        }
24674    </script>
24674
24675
24676    <div x-data="initConfigurableSwatchOptions_37589();"
24677         x-defer="intersect"
24678         x-init="getAllowedAttributeOptions();() => preselectQuerystringItems();preselectQuerystringItems();"
24679         @private-content-loaded.window="onGetCartData($event.detail.data)"
24680         @update-prices-37589.window="unitSavingsInfo = $event.detail.unitSavings"
24681         @touchstart.passive="preselectQuerystringItems()"
24682         @resize.window="resizeEvent()"
24683         class="relative md:w-full"
24684         @preselectswatch.window="preselectQuerystringItems()"
24685    >
24686        <div>
24687                                            
24688                                <div class="swatch-attribute order_unit">
24689                    <div class="w-full overflow-x-hidden swatch-attribute-options pt-2">
24690                        <div
24691                            class="w-full overflow-auto transition-all snap items-center min-h-14 product-listing-option-wrapper grid gap-2 pb-2"
24692                            id="attribute-label-37589-254"
24693                                                        :role="optionConfig.attributes?.[254]?.options?.length ? 'radiogroup' : null"
24694                            :aria-label="optionConfig.attributes?.[254]?.options?.length ? 'Attribut-order_unit' : null"
24695                            x-bind="scrollEvents">
24696                            <template x-for="(item, index) in optionConfig.attributes[254].options"
24697                                      :key="item.id"
24698                            >
24699                                
24700<div class="swatch-item">
24701        <label
24702            :for="'attribute-option-swatch-input6ac211b649a0d4.8893181337589-'+item.id"
24703            class="rounded swatch-option flex flex-col relative shadow-sm cursor-pointer select-none text-center product-option-value-label"
24704            :class="{
24705                'bg-secondary border-container-lighter text-white' : (selectedValues[254] === item.id),
24706                'bg-container-lighter' : (selectedValues[254] !== item.id),
24707                'w-6 h-6' : !isTextSwatch(254, item.id),
24708                'bg-secondary text-white' : focusedLabel === item.id
24709            }"
24710            :style="getSwatchBackgroundStyle('254',item.id)"
24711        >
24712            <input
24713                :id="'attribute-option-swatch-input6ac211b649a0d4.8893181337589-'+item.id"
24714                :value="item.id"
24715                name="super_attribute[254]-37589]"
24716                type="radio"
24717                role="radio"
24718                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
24719                style="z-index:-1"
24720                x-on:focus="focusLabel(item.id)"
24721                x-on:blur="blurLabel()"
24722                x-on:change="changeOption(254, $event.target.value)"
24723                x-model="selectedValues[254]"
24724                :required="getAllowedAttributeOptions(254).filter(
24725                                                                    attributeOption => selectedValues[attributeOption]
24726                                                                ).length === 0"
24727                :aria-label="getSwatchText(254, item.id) + ': ' + getSwatchUnitText(254, item.id)"
24728            >
24729            <div x-html="getSwatchText(254, item.id)"
24730                 class="whitespace-nowrap text-sm font-bold"
24731                 :class="{ 'sr-only' : !isTextSwatch(254, item.id) }"
24732                 aria-hidden="false"
24733            ></div>
24734            <!-- N98 custom attributes start-->
24735            <div x-html="getSwatchUnitText(254, item.id)"
24736                 class="text-xs" aria-hidden="false"></div>
24737            <!-- N98 custom attributes end-->
24738        </label>
24739        <template x-if="unitSavingsInfo && selectedValues[254] === item.id">
24740            <div class="unit-savings-price">
24741                <span class="-info" x-html="unitSavingsInfo"></span>
24742            </div>
24743        </template>
24744    <template x-if="index != 0 && selectedValues[254] !== item.id">
24745        <div class="unit-savings-price">
24746            <span class="-info">
24747            <span><?xml version="1.0" encoding="UTF-8"?>
24748<svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" version="1.1" viewBox="0 0 18 22" width="16" height="16">
24749    <title>Percent</title>
24750  <defs>
24751    <style>
24752      .st0 {
24753        stroke-linecap: round;
24754        stroke-linejoin: round;
24755      }
24756
24757      .st0, .st1 {
24758        fill: none;
24759        stroke-width: 1.5px;
24760      }
24761
24762      .st1 {
24763        stroke-miterlimit: 10;
24764      }
24765    </style>
24766  </defs>
24767  <path class="st1" stroke="currentColor" d="M16.2,16.6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
24768  <g>
24769    <path class="st1" stroke="currentColor" d="M8,6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
24770    <path class="st0" stroke="currentColor" d="M3.5,18.7L15.4,3.9"/>
24771  </g>
24772</svg>
24773</span>
24774            </span>
24775        </div>
24776    </template>
24777</div>
24778                            </template>
24779                        </div>
24780                    </div>
24781                </div>
24782                    </div>
24783                    <template x-if="isTooltipVisible()">
24784    <div class="absolute shadow-lg"
24785        :style="isLayeredSwatch == false && getTooltipPosition()"
24786    >
24787        <div class="absolute top-0 left-0 z-50 p-2 -mt-6 text-sm leading-tight text-black
24788                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
24789        >
24790        <!--template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
24791            <div x-show="getSwatchType(activeTooltipItem.type) !== 'color'"
24792                class="inline-block shadow-sm"
24793                :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
24794            ></div>
24795        </template-->
24796            <span class="mx-2 text-sm font-semibold whitespace-nowrap subtitle"
24797                    x-html="getTooltipLabel()"
24798            ></span>
24799        </div>
24800        <svg class="absolute z-50 w-8 h-8 text-white transform -translate-x-3
24801                -translate-y-8 fill-current stroke-current"
24802                width="12"
24803                height="12"
24804        >
24805            <title>Tooltip Icon</title>
24806            <rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
24807        </svg>
24808    </div>
24809</template>
24810            </div>
24811                                        
24812                
24812<script>
24813                    function initPriceBox__137ac2fc782845b78c3086c64af6e750_6ac211b645659() {
24814                        return {
24815                            updatePrice(priceData, productId) {
24816                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
24817                                const regularOldPriceElement = this.$el.querySelector('.normal-price .old-price');
24818                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
24819                                const regularPriceElementTax = this.$el.querySelector('.normal-price .price-container .tax');
24820                                const regularOldBasePriceElement = this.$el.querySelector('.base-price .old-price');
24821                                const regularBasePriceElement = this.$el.querySelector('.base-price .price-wrapper .price');
24822                                const regularBasePriceElementTax = this.$el.querySelector('.base-price .price-container .tax');
24823                                const unitPriceElement = this.$el.querySelector('.normal-price .unitPrice');
24824                                const unitBasePriceElement = this.$el.querySelector('.base-price .unitPrice');
24825                                const productTileBadge = document.querySelector('.badge-discounted-' + productId);
24826
24827                                let specialPrice = false;
24828                                let specialPricePercent;
24829
24830                                if (regularPriceLabel) {
24831                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
24832                                        regularPriceLabel.classList.remove('hidden');
24833                                    } else {
24834                                        regularPriceLabel.classList.add('hidden');
24835                                    }
24836                                }
24837
24838                                if (productTileBadge) {
24839                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
24840                                        specialPricePercent = (priceData.oldPrice.amount - priceData.finalPrice.amount)
24841                                            / priceData.oldPrice.amount * 100;
24842                                        productTileBadge.innerText = '-' + Math.round(specialPricePercent) + '%';
24843                                        productTileBadge.classList.remove('hidden');
24844                                    }
24845                                }
24846
24847                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
24848                                    specialPrice = true;
24849                                } else {
24850                                    specialPrice = false;
24851                                }
24852
24853                                if (regularOldPriceElement && priceData.oldPrice.amount) {
24854                                    if (specialPrice) {
24855                                        regularOldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount);
24856                                    } else {
24857                                        regularOldPriceElement.innerText = '';
24858                                    }
24859                                }
24860
24861                                if (regularPriceElement) {
24862                                    regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
24863                                    regularPriceElementTax.style.display = 'block';
24864                                }
24865
24866                                if (unitPriceElement) {
24867                                    unitPriceElement.innerText = '';
24868                                }
24869
24870                                if (unitPriceElement && priceData.unitPrice.pricePerUnitHTML.price) {
24871                                    unitPriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.price;
24872                                }
24873
24874                                if (regularOldBasePriceElement && priceData.baseOldPrice.amount) {
24875                                    if (specialPrice) {
24876                                        regularOldBasePriceElement.innerText =
24877                                            hyva.formatPrice(priceData.baseOldPrice.amount);
24878                                    } else {
24879                                        regularOldBasePriceElement.innerText = '';
24880                                    }
24881                                }
24882
24883                                if (regularBasePriceElement) {
24884                                    regularBasePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount);
24885                                    regularBasePriceElementTax.style.display = 'block';
24886                                }
24887
24888                                if (unitBasePriceElement) {
24889                                    unitBasePriceElement.innerText = '';
24890                                }
24891
24892                                if (unitBasePriceElement && priceData.unitPrice.pricePerUnitHTML.basePrice) {
24893                                    unitBasePriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.basePrice;
24894                                }
24895
24896                                if (priceData.finalPrice.amount === priceData.basePrice.amount) {
24897                                    this.$el.querySelector('.normal-price').classList.add('hidden');
24898                                } else {
24899                                    this.$el.querySelector('.normal-price').classList.remove('hidden');
24900                                }
24901                            }
24902                        }
24903                    }
24904
24905                    function initQtyField__137ac2fc782845b78c3086c64af6e750_6ac211b645659() {
24906                        return {
24907                            qty: 1,
24908                            input: document.getElementById('qty[37589_137ac2fc782845b78c3086c64af6e750_6ac211b645659]'),
24909                            addToCart: document.getElementById('add-to-cart[37589_137ac2fc782845b78c3086c64af6e750_6ac211b645659]'),
24910                            qtyAlert: document.getElementById('qty-alert[37589_137ac2fc782845b78c3086c64af6e750_6ac211b645659]'),
24911                            currentStock: 0,
24912
24913                            validateQty(qty) {
24914                                let regex = /^\d+$/;
24915                                let pattern = regex.test(qty);
24916
24917                                this.addToCart.disabled = qty === 0
24918                                    || qty === null
24919                                    || qty > 10000                                    || !pattern
24920                                    || this.addToCart.classList.contains('not-available');
24921
24922                                if (qty === 0
24923                                    || qty === null
24924                                    || qty > 10000                                    || !pattern) {
24925                                    this.qtyAlert.style.display = 'block';
24926                                } else {
24927                                    this.qtyAlert.style.display = 'none';
24928                                }
24929                            },
24930
24931                            stepUp() {
24932                                this.input.stepUp();
24933                                let qty = document.getElementById('qty[37589_137ac2fc782845b78c3086c64af6e750_6ac211b645659]').value;
24934                                this.validateQty(qty);
24935
24936                            },
24937
24938                            stepDown() {
24939                                this.input.stepDown();
24940                                let qty = document.getElementById('qty[37589_137ac2fc782845b78c3086c64af6e750_6ac211b645659]').value;
24941                                this.validateQty(qty);
24942                            }
24943                        };
24944                    }
24945                </script>
24945
24946                <div class="relative price-block">
24947                    <div class="flex my-4 sm:min-h-42px w-full">
24948                                                <div class="w-full"
24949                             x-data="initPriceBox__137ac2fc782845b78c3086c64af6e750_6ac211b645659()"
24950                             x-init="() => $dispatch('preselectswatch')"
24951                             @update-prices-37589.window="updatePrice($event.detail,37589);">
24952                            <div
24953                                class="price-box mt-3 price-final_price flex flex-wrap justify-between"
24954                                data-role="priceBox">
24955                                <div class="normal-price text-left ">
24956                                <span class="price-container price-final_price tax weee">
24957                                    <div class="old-price text-xs including-tax line-through"></div>
24958                                    <div id="price-including-tax-product-price-37589"
24959                                         data-price-type="finalPrice"
24960                                         class="price-wrapper price-including-tax finalPrice flex items-end">
24961                                        <span class="price"></span>
24962                                        <span class="tax font-normal hidden">mit MwSt.</span>
24963                                    </div>
24964                                    <div class="unitPrice text-xs"></div>
24965                                </span>
24966                                </div>
24967
24968                                <div class="base-price text-left ">
24969                                <span class="price-container price-final_price tax weee">
24970                                    <div class="old-price text-xs excluding-tax line-through"></div>
24971                                    <div id="price-excluding-tax-product-price-37589"
24972                                         data-price-type="finalPrice"
24973                                         class="price-wrapper price-excluding-tax finalPrice flex items-end">
24974                                        <span class="price"></span>
24975                                        <span class="tax font-normal hidden">ohne MwSt.</span>
24976                                    </div>
24977                                    <div class="unitPrice text-xs"></div>
24978                                </span>
24979                                </div>
24980                            </div>
24981                        </div>
24982                    </div>
24983
24984                                            <div x-data="{ currentStock: 0 }"
24985                             x-init="() => $dispatch('preselectswatch')"
24986                             @update-stock-37589.window="currentStock = $event.detail"
24987                             class="flex flex-wrap mt-auto text-left">
24988                            <div class="stock-status text-xs w-full mb-3 mt-auto basis-full">
24989                                <template x-if="currentStock">
24990                                    <div>
24991                                    <span x-show="currentStock > 0" class="text-green-main">
24992                                        Sofort versandfertig, Lieferzeit: 1-3 Werktage                                    </span>
24993                                        <span x-show="currentStock <= 0 && currentStock > -1000"
24994                                              class="text-yellow-700">
24995                                        Aktuell nicht lieferbar, Lieferzeit: 5-10 Werktage                                    </span>
24996                                        <span x-show="currentStock <= -1000 && currentStock > -5000"
24997                                              class="text-red-600">
24998                                        Aktuell nicht lieferbar                                    </span>
24999                                    </div>
25000                                </template>
25001                            </div>
25002                        </div>
25003                    
25004                    
25005                    <div class="flex gap-4 mt-auto justify-end lg:justify-between"
25006                         x-data="initQtyField__137ac2fc782845b78c3086c64af6e750_6ac211b645659()"
25007                         x-init="() => $dispatch('preselectswatch')"
25008                         @update-stock-37589.window="currentStock = $event.detail;">
25009                                                    <div class="w-1/2 flex"
25010                                x-show="currentStock > -5000"
25011                                :aria-hidden="currentStock <= -5000">
25012                                <button
25013                                    class="qty-button -minus-button"
25014                                    type="button"
25015                                    title="Weniger"
25016                                    x-on:click="stepDown()">
25017                                    <?xml version="1.0" encoding="utf-8"?>
25018<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
25019<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="w-5 h-5" width="20" height="20">
25020        <title>Minus</title>
25021    <g>
25022	<g>
25023		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
25024	</g>
25025</g>
25026</svg>
25027                                </button>
25028                                <label for="qty[37589_137ac2fc782845b78c3086c64af6e750_6ac211b645659]"
25029                                       class="sr-only">
25030                                    Anzahl                                </label>
25031                                <input name="qty"
25032                                       class="form-input rounded-none px-2 text-center invalid:ring-2 invalid:ring-red-500 w-11/12"
25033                                       id="qty[37589_137ac2fc782845b78c3086c64af6e750_6ac211b645659]"
25034                                       type="number"
25035                                       inputmode="numeric"
25036                                       maxlength="5"
25037                                       min="1"                                       max="10000"                                       step="1"                                       :value="qty"
25038                                       x-model.number="qty"
25039                                       x-on:input.change="validateQty(qty);"
25040                                />
25041                                <button
25042                                    class="qty-button -plus-button"
25043                                    type="button"
25044                                    title="Mehr"
25045                                    class="plus"
25046                                    x-on:click="stepUp()">
25047                                    <?xml version="1.0" encoding="utf-8"?>
25048<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
25049<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="text-white" width="20" height="20">
25050        <title>Plus Sign</title>
25051    <g>
25052	<g>
25053		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
25054	</g>
25055	<g>
25056		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
25057	</g>
25058</g>
25059</svg>
25060                                </button>
25061                            </div>
25062                            <div class="w-1/2"
25063                                 x-show="currentStock > -5000"
25064                                 :aria-hidden="currentStock <= -5000">
25065                                                                    <button class="btn btn-add-to-cart w-full h-full px-2 py-0"
25066                                            :disabled="currentStock <= -1000 || false"
25067                                            :class="{'not-available': currentStock <= -1000 || false}"
25068                                            id="add-to-cart[37589_137ac2fc782845b78c3086c64af6e750_6ac211b645659]"
25069                                            title="Pappbecher&#x20;&#x20;Ripple&#x20;Wall&#x20;&quot;Mistletoe&quot;&#x20;,&#x20;0,2&#x20;l&#x20;&#xD8;&#x20;8&#x20;cm&#x20;&#xB7;&#x20;9&#x20;cm,&#x20;PLA-beschichtet&#x20;In&#x20;den&#x20;Warenkorb"
25070                                            aria-label="Pappbecher&#x20;&#x20;Ripple&#x20;Wall&#x20;&quot;Mistletoe&quot;&#x20;,&#x20;0,2&#x20;l&#x20;&#xD8;&#x20;8&#x20;cm&#x20;&#xB7;&#x20;9&#x20;cm,&#x20;PLA-beschichtet&#x20;In&#x20;den&#x20;Warenkorb">
25071                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
25072    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
25073                                        <span class="sm:pl-2 md:hidden lg:block">
25074                                            In&#x20;den&#x20;Warenkorb                                        </span>
25075                                    </button>
25076                                                            </div>
25077                        
25078                        <a x-cloak
25079                           x-show="currentStock <= -5000"
25080                           :aria-hidden="currentStock > -5000"
25081                           href="https://www.papstar-shop.de/pappbecher-ripple-wall-mistletoe-0-2-l-8-cm-9-cm-pla-beschichtet-37589.htm"
25082                           class="btn btn-add-to-cart w-full h-full px-2 py-0"
25083                           id="add-to-cart[37589_137ac2fc782845b78c3086c64af6e750_6ac211b645659]"
25084                           title="Pappbecher&#x20;&#x20;Ripple&#x20;Wall&#x20;&quot;Mistletoe&quot;&#x20;,&#x20;0,2&#x20;l&#x20;&#xD8;&#x20;8&#x20;cm&#x20;&#xB7;&#x20;9&#x20;cm,&#x20;PLA-beschichtet&#x20;Produkt&#x20;individualisieren"
25085                           aria-label="Pappbecher&#x20;&#x20;Ripple&#x20;Wall&#x20;&quot;Mistletoe&quot;&#x20;,&#x20;0,2&#x20;l&#x20;&#xD8;&#x20;8&#x20;cm&#x20;&#xB7;&#x20;9&#x20;cm,&#x20;PLA-beschichtet&#x20;Produkt&#x20;individualisieren">
25086                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
25087    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
25088                            <span class="sm:pl-2 md:hidden lg:block py-4">
25089                                            Produkt&#x20;individualisieren                                        </span>
25090                        </a>
25091
25092                                                    
25092<script>
25093    'use strict';
25094
25095    (() => {
25096        window.addEventListener(
25097            'ga-initialized',
25098            () => {
25099                const productForm = document.querySelector(
25100                    'form\u005Bdata\u002Dsku\u003D\u002237589\u0022\u005D'
25101                );
25102
25103                if (!productForm) {
25104                    return;
25105                }
25106
25107                let sku = '37589';
25108
25109                window.addEventListener(
25110                    'listing\u002Dconfigurable-selection-changed',
25111                    (event) => {
25112                        if (event.detail.skuCandidates.length === 1
25113                            && event.detail.productId === '37589'
25114                        ) {
25115                            sku = event.detail.skuCandidates[0];
25116                        }
25117                    }
25118                );
25119
25120                function bindEventListener(element, event)
25121                {
25122                    element.addEventListener(event, () => {
25123                        if (productForm.checkValidity()) {
25124                            const priceSelector = false                                ? '#product-price-37589 .price'
25125                                : '[data-price-box="product-id-37589"] .price';
25126
25127                            window.dispatchEvent(new CustomEvent('cart-item-added', {
25128                                detail: [{
25129                                    product_sku: sku,
25130                                    product_name: 'Pappbecher\u0020\u0020Ripple\u0020Wall\u
251300020\u0022Mistletoe\u0022\u0020,\u00200,2\u0020l\u0020\u00D8\u00208\u0020cm\u0020\u00B7\u00209\u0020cm,\u0020PLA\u002Dbeschichtet',
25131                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),
25132
25133                                                                            qty: 1,
25134                                                                    }],
25135                            }));
25136                        }
25137                    });
25138                }
25139
25140                                    const button = productForm.querySelector(
25141                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
25142                    );
25143
25144                    if (!button) {
25145                        return;
25146                    }
25147
25148                    bindEventListener(button, 'click');
25149                            },
25150            { once: true }
25151        );
25152    })();
25153</script>
25153
25154                                            </div>
25155                    <div class="qty-alert hidden" id="qty-alert[37589_137ac2fc782845b78c3086c64af6e750_6ac211b645659]">
25156                        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill="currentColor" viewBox="0 0 20 20" class="w-3 h-3 mr-1 text-energy inline-block align-text-top">
25157<title>Warning</title>
25158    <path d="M19.64 16.36L11.53 2.3A1.85 1.85 0 0 0 10 1.21 1.85 1.85 0 0 0 8.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>
25159</svg>
25160                        <span>Bitte&#x20;nur&#x20;ganze&#x20;Zahlen&#x20;eingeben.</span>
25161                    </div>
25162                </div>
25163            </div>
25164        </div>
25165    </form>
25166</div>
25167                    </li>
25168                                                                    <li class="splide__slide">
25169                        <div class="h-full">
25170    <form method="post"
25171          aria-label="Product&#x20;tile&#x20;for&#x3A;&#x20;Servietten&#x20;&quot;ROYAL&#x20;Collection&quot;&#x20;1&#x2F;4-Falz&#x20;40&#x20;cm&#x20;&#xD7;&#x20;40&#x20;cm&#x20;mustard"
25172          action="https://www.papstar-shop.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cucGFwc3Rhci1zaG9wLmRlLz9tc2Nsa2lkPWI5ODJhMjlkYWVkYzFjMWQyM2I2Yzg1ZmEzZjY4ZjFj/product/37684/"
25173          class="item product product-item product_addtocart_form border rounded p-2.5 bg-container-white hover:shadow-lg flex flex-col w-full h-full"
25174            >
25175        <input name="form_key" type="hidden" value="rKVCmaFj7egUOB24" />        <input type="hidden" name="product" value="37684"/>
25176        <div
25177            class="relative product photo product-item-photo block mb-3 px-12 ">
25178                <a x-data="ReqBlind_6ac211b6527c4()"
25179       href="https://www.papstar-shop.de/customer/account/"
25180       title="Servietten &quot;ROYAL Collection&quot; 1/4-Falz 40 cm × 40 cm mustard Zum Merkzettel hinzufügen"
25181       aria-label="Servietten &quot;ROYAL Collection&quot; 1/4-Falz 40 cm × 40 cm mustard Zum Merkzettel hinzufügen"
25182       @click.prevent="open($event)"
25183       class="p-2 bg-transparent absolute right-0 hover:text-primary-darker bottom-0">
25184        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85" xml:space="preserve" fill="currentColor" class="mx-auto bg-transparent text-black" width="36" height="36">
25185    <path d="M23.895 23.457a8.424 8.424 0 0 0-2.896 1.895c-3.408 3.41-3.308 9.06.226 12.594" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/><path d="M68.801 42.971c6.287-6.289 6.389-16.478.224-22.645-6.165-6.164-16.354-6.063-22.644.225l-3.896 3.871-3.87-3.871c-6.287-6.288-16.477-6.389-22.641-.225-6.164 6.167-6.064 16.355.225 22.645l26.295 26.262 26.307-26.262z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/></svg>
25186        <span class="sr-only">Zum Merkzettel hinzufügen</span>
25187    </a>
25188    
25188<script>
25189        function ReqBlind_6ac211b6527c4() {
25190            return {
25191                open: function (event) {
25192                    window.scrollTo(0, 0);
25193                    dispatchMessages([{
25194                        type: 'notice',
25195                        text: 'Sie müssen eingeloggt sein, um die Merkzettel-Funktion zu nutzen.'
25196                    }], 5000);
25197                    let href = event.currentTarget.href;
25198                    setTimeout(function() {
25199                        window.location = href;
25200                    }, 4000);
25201                }
25202            }
25203        }
25204    </script>
25204
25205                                        <ul class="product-tile__badges z-10">
25206                                                    <li class="product-tile__badges-item
25207                badge-discount-37684"
25208                                    >
25209                                            -10 %                                    </li>
25210                                                                <li class="product-tile__badges-item
25211                badge-new-37684"
25212                                    >
25213                                            Neu                                    </li>
25214                        </ul>
25215                        <a href="https://www.papstar-shop.de/servietten-royal-collection-1-4-falz-40-cm-40-cm-mustard-37684.htm"
25216               tabindex="-1"
25217                            >
25218                <picture class="object-contain mx-auto py-3 product-image-photo"><source type="image/webp" srcset="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/S/e/Servietten-ROYAL-Collection-1-4-Falz-40-cm-x-40-cm-mustard-37684_b_0_1.webp"><img class="object-contain mx-auto py-3 product-image-photo" x-data="" @update-gallery-37684.window="$el.src = $event.detail" src="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/S/e/Servietten-ROYAL-Collection-1-4-Falz-40-cm-x-40-cm-mustard-37684_b_0_1.jpg" loading="lazy" itemprop="image" width="360" height="360" alt="Servietten&#x20;&quot;ROYAL&#x20;Collection&quot;&#x20;1&#x2F;4-Falz&#x20;40&#x20;cm&#x20;&#xD7;&#x20;40&#x20;cm&#x20;mustard" title="Servietten&#x20;&quot;ROYAL&#x20;Collection&quot;&#x20;1&#x2F;4-Falz&#x20;40&#x20;cm&#x20;&#xD7;&#x20;40&#x20;cm&#x20;mustard" loading="lazy" /></picture>
25219            </a>
25220        </div>
25221        <div class="product-info flex flex-col flex-grow">
25222            <div class="text-black font-semibold text-base">
25223                                    &nbsp;                            </div>
25224                        <div
25225                class="mt-1 text-black font-semibold text-base text-left sm:min-h-90px">
25226                <a class="product-item-link "
25227                   href="https://www.papstar-shop.de/servietten-royal-collection-1-4-falz-40-cm-40-cm-mustard-37684.htm"
25228                                    >
25229                    Servietten &quot;ROYAL Collection&quot; 1/4-Falz 40 cm × 40 cm mustard                </a>
25230                            </div>
25231            <div class="flex mt-1 mb-1">
25232                <div class="mt-auto sku text-sm">
25233                    <span>Artikel-Nr.: </span>37684                </div>
25234                                    <div class="lg:w-auto ml-auto block ">
25235                                            </div>
25236                            </div>
25237
25238                        <div class="mt-1 text-xs text-gray-600 italic">
25239                                    Verfügbar in 25 Varianten                            </div>
25240
25241            <div class="h-full flex justify-between flex-col">
25242                                                                
25242<script>
25243        function initConfigurableSwatchOptions_37684() {
25244            const configurableOptionsComponent = initConfigurableOptions(
25245                '37684',
25246                {"attributes":{"254":{"id":"254","code":"order_unit","label":"Bestelleinheit","options":[{"id":"7057","label":"Einzelpack","products":["237684"]},{"id":"7059","label":"Karton","products":["137684"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"137684":{"baseOldPrice":{"amount":30},"oldPrice":{"amount":35.700001},"basePrice":{"amount":27},"finalPrice":{"amount":32.130001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"12,85\u00a0Cent \/ St\u00fcck","basePrice":"10,80\u00a0Cent \/ St\u00fcck"}},"unitSavings":"7.7% Ersparnis"},"237684":{"baseOldPrice":{"amount":6.5},"oldPrice":{"amount":7.735001},"basePrice":{"amount":5.85},"finalPrice":{"amount":6.961501},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"13,92\u00a0Cent \/ St\u00fcck","basePrice":"11,70\u00a0Cent \/ St\u00fcck"}}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":6.5},"oldPrice":{"amount":7.735001},"basePrice":{"amount":5.85},"finalPrice":{"amount":6.961501}},"productId":"37684","chooseText":"W\u00e4hlen Sie eine Option\u2026","images":[],"index":{"137684":{"254":"7059"},"237684":{"254":"7057"}},"salable":{"254":{"7059":["137684"],"7057":["237684"]}},"canDisplayShowOutOfStockStatus":true,"preSelectedGallery":[],"channel":"website","salesChannelCode":"papstar_de","sku":{"137684":"4002911523209","237684":"4002911561164"},"quantities":{"137684":268,"237684":1341}}            );
25247            const swatchOptionsComponent = initSwatchOptions({"254":{"7057":{"type":"0","value":null,"label":"Einzelpack","unit":"###VPE### St\u00fcck (1 x 50)","vpe":"50"},"7059":{"type":"0","value":null,"label":"Karton","unit":"###VPE### St\u00fcck (5 x 50)","vpe":"250"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}});
25248
25249            return Object.assign(
25250                configurableOptionsComponent,
25251                swatchOptionsComponent,
25252                {
25253                    mediaCallback: "https\u003A\u002F\u002Fwww.papstar\u002Dshop.de\u002Fswatches\u002Fajax\u002Fmedia\u002F",
25254                    changeOption(optionId, value, skipUpdateGallery) {
25255                        if (value === '') {
25256                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
25257                        } else {
25258                            this.selectedValues[optionId] = value;
25259                        }
25260                        this.findSimpleIndex();
25261                        this.findAllowedAttributeOptions();
25262                        this.updateStock();
25263                        this.updatePrices();
25264                        this.updateSavingPriceInfo();
25265                    },
25266                    unitSavingsPrice: null,
25267                    hasSpecialPrice: false,
25268                    finalPrice: {
25269                        amount: 0.00
25270                    },
25271                    oldPrice: {
25272                        amount: 0.00
25273                    },
25274
25275                    updateHasSpecialPrice() {
25276                        this.hasSpecialPrice = this.finalPrice.amount < this.oldPrice.amount;
25277                    },
25278                    updateSavingPriceInfo() {
25279                        const detail = this.optionConfig.optionPrices[this.productIndex];
25280                        this.oldPrice.amount = detail.oldPrice.amount;
25281                        this.finalPrice.amount = detail.finalPrice.amount;
25282
25283                        this.updateHasSpecialPrice();
25284
25285                        if (!this.hasSpecialPrice) {
25286                            this.unitSavingsPrice = detail.unitSavings;
25287                        }
25288                    },
25289                    preselectQuerystringItems: function() {
25290                        let found = false;
25291                        // pre-select option like ?size=167
25292                        const urlQueryParams = new URLSearchParams(window.location.search.replace("?", ""));
25293                        Object.values(this.optionConfig.attributes).map(attribute => {
25294                            const skipUpdateGallery = true;
25295                            if (urlQueryParams.get(attribute.code) !== null) {
25296                                let optionId = urlQueryParams.get(attribute.code);
25297                                found = false;
25298                                Object.values(attribute.options).map(option => {
25299                                    if (found === false && option.label === optionId) {
25300                                        optionId = option.id;
25301                                        found = true;
25302                                    }
25303                                });
25304                                this.changeOption(attribute.id, optionId, skipUpdateGallery);
25305                            }
25306                        });
25307                        if (found === false) {
25308                            // pre-select first option
25309                            Object.values(this.optionConfig.attributes).map(attribute => {
25310                                if (attribute.code === "order_unit") {
25311                                    let optionId = 0;
25312                                    Object.values(attribute.options).map(option => {
25313                                        if (this.selectedValues.length === 0) {
25314                                            if (found === false && option.products.length > 0) {
25315                                                optionId = option.id;
25316                                                this.changeOption(attribute.id, optionId, true);
25317                                                found = true;
25318                                            }
25319                                        } else {
25320                                            optionId = this.selectedValues[attribute.id];
25321                                            this.changeOption(attribute.id, optionId, true);
25322                                            found = true;
25323                                        }
25324                                    });
25325                                }
25326                            });
25327                        }
25328                    },
25329                    mouseDown: false,
25330                    startX: 0,
25331                    maxScroll: 0,
25332                    scrollLeft: null,
25333                    slider: null,
25334                    scrollEvents: {
25335                        ["@mousedown"](e) {
25336                            this.slider = e.target.closest(".snap");
25337                            if (!this.slider) {
25338                                return;
25339                            }
25340                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
25341                            this.startX = e.pageX - this.slider.offsetLeft;
25342                            this.scrollLeft = this.slider.scrollLeft;
25343                            this.mouseDown = true;
25344                        },
25345                        ["@mouseout.self"]() {
25346                            this.mouseDown = false;
25347                        },
25348                        ["@mouseup"]() {
25349                            this.mouseDown = false;
25350                        },
25351                        ["@mousemove"](e) {
25352                            e.preventDefault();
25353                            if (!this.mouseDown) {
25354                                return;
25355                            }
25356                            const x = e.pageX - this.slider.offsetLeft;
25357                            const scroll = x - this.startX;
25358                            const scrollLeft = this.scrollLeft - scroll;
25359
25360                            if (scrollLeft > this.maxScroll) {
25361                                this.slider.scrollLeft = this.maxScroll;
25362                                return;
25363                            }
25364                            this.slider.scrollLeft = this.scrollLeft - scroll;
25365                        },
25366                        ["@onselectstart"]() {
25367                            return false;
25368                        }
25369                    },
25370                    resizeEvent() {
25371                        Array.from(this.$el.querySelectorAll(".snap")).forEach(slider => {
25372                            slider.scrollLeft = 0;
25373                        });
25374                    }
25375                }
25376            );
25377        }
25378    </script>
25378
25379
25380    <div x-data="initConfigurableSwatchOptions_37684();"
25381         x-defer="intersect"
25382         x-init="getAllowedAttributeOptions();() => preselectQuerystringItems();preselectQuerystringItems();"
25383         @private-content-loaded.window="onGetCartData($event.detail.data)"
25384         @update-prices-37684.window="unitSavingsInfo = $event.detail.unitSavings"
25385         @touchstart.passive="preselectQuerystringItems()"
25386         @resize.window="resizeEvent()"
25387         class="relative md:w-full"
25388         @preselectswatch.window="preselectQuerystringItems()"
25389    >
25390        <div>
25391                                            
25392                                <div class="swatch-attribute order_unit">
25393                    <div class="w-full overflow-x-hidden swatch-attribute-options pt-2">
25394                        <div
25395                            class="w-full overflow-auto transition-all snap items-center min-h-14 product-listing-option-wrapper grid gap-2 pb-2"
25396                            id="attribute-label-37684-254"
25397                                                        :role="optionConfig.attributes?.[254]?.options?.length ? 'radiogroup' : null"
25398                            :aria-label="optionConfig.attributes?.[254]?.options?.length ? 'Attribut-order_unit' : null"
25399                            x-bind="scrollEvents">
25400                            <template x-for="(item, index) in optionConfig.attributes[254].options"
25401                                      :key="item.id"
25402                            >
25403                                
25404<div class="swatch-item">
25405        <label
25406            :for="'attribute-option-swatch-input6ac211b6596bf5.5257001837684-'+item.id"
25407            class="rounded swatch-option flex flex-col relative shadow-sm cursor-pointer select-none text-center product-option-value-label"
25408            :class="{
25409                'bg-secondary border-container-lighter text-white' : (selectedValues[254] === item.id),
25410                'bg-container-lighter' : (selectedValues[254] !== item.id),
25411                'w-6 h-6' : !isTextSwatch(254, item.id),
25412                'bg-secondary text-white' : focusedLabel === item.id
25413            }"
25414            :style="getSwatchBackgroundStyle('254',item.id)"
25415        >
25416            <input
25417                :id="'attribute-option-swatch-input6ac211b6596bf5.5257001837684-'+item.id"
25418                :value="item.id"
25419                name="super_attribute[254]-37684]"
25420                type="radio"
25421                role="radio"
25422                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
25423                style="z-index:-1"
25424                x-on:focus="focusLabel(item.id)"
25425                x-on:blur="blurLabel()"
25426                x-on:change="changeOption(254, $event.target.value)"
25427                x-model="selectedValues[254]"
25428                :required="getAllowedAttributeOptions(254).filter(
25429                                                                    attributeOption => selectedValues[attributeOption]
25430                                                                ).length === 0"
25431                :aria-label="getSwatchText(254, item.id) + ': ' + getSwatchUnitText(254, item.id)"
25432            >
25433            <div x-html="getSwatchText(254, item.id)"
25434                 class="whitespace-nowrap text-sm font-bold"
25435                 :class="{ 'sr-only' : !isTextSwatch(254, item.id) }"
25436                 aria-hidden="false"
25437            ></div>
25438            <!-- N98 custom attributes start-->
25439            <div x-html="getSwatchUnitText(254, item.id)"
25440                 class="text-xs" aria-hidden="false"></div>
25441            <!-- N98 custom attributes end-->
25442        </label>
25443        <template x-if="unitSavingsInfo && selectedValues[254] === item.id">
25444            <div class="unit-savings-price">
25445                <span class="-info" x-html="unitSavingsInfo"></span>
25446            </div>
25447        </template>
25448    <template x-if="index != 0 && selectedValues[254] !== item.id">
25449        <div class="unit-savings-price">
25450            <span class="-info">
25451            <span><?xml version="1.0" encoding="UTF-8"?>
25452<svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" version="1.1" viewBox="0 0 18 22" width="16" height="16">
25453    <title>Percent</title>
25454  <defs>
25455    <style>
25456      .st0 {
25457        stroke-linecap: round;
25458        stroke-linejoin: round;
25459      }
25460
25461      .st0, .st1 {
25462        fill: none;
25463        stroke-width: 1.5px;
25464      }
25465
25466      .st1 {
25467        stroke-miterlimit: 10;
25468      }
25469    </style>
25470  </defs>
25471  <path class="st1" stroke="currentColor" d="M16.2,16.6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
25472  <g>
25473    <path class="st1" stroke="currentColor" d="M8,6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
25474    <path class="st0" stroke="currentColor" d="M3.5,18.7L15.4,3.9"/>
25475  </g>
25476</svg>
25477</span>
25478            </span>
25479        </div>
25480    </template>
25481</div>
25482                            </template>
25483                        </div>
25484                    </div>
25485                </div>
25486                    </div>
25487                    <template x-if="isTooltipVisible()">
25488    <div class="absolute shadow-lg"
25489        :style="isLayeredSwatch == false && getTooltipPosition()"
25490    >
25491        <div class="absolute top-0 left-0 z-50 p-2 -mt-6 text-sm leading-tight text-black
25492                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
25493        >
25494        <!--template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
25495            <div x-show="getSwatchType(activeTooltipItem.type) !== 'color'"
25496                class="inline-block shadow-sm"
25497                :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
25498            ></div>
25499        </template-->
25500            <span class="mx-2 text-sm font-semibold whitespace-nowrap subtitle"
25501                    x-html="getTooltipLabel()"
25502            ></span>
25503        </div>
25504        <svg class="absolute z-50 w-8 h-8 text-white transform -translate-x-3
25505                -translate-y-8 fill-current stroke-current"
25506                width="12"
25507                height="12"
25508        >
25509            <title>Tooltip Icon</title>
25510            <rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
25511        </svg>
25512    </div>
25513</template>
25514            </div>
25515                                        
25516                
25516<script>
25517                    function initPriceBox__137ac2fc782845b78c3086c64af6e750_6ac211b652384() {
25518                        return {
25519                            updatePrice(priceData, productId) {
25520                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
25521                                const regularOldPriceElement = this.$el.querySelector('.normal-price .old-price');
25522                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
25523                                const regularPriceElementTax = this.$el.querySelector('.normal-price .price-container .tax');
25524                                const regularOldBasePriceElement = this.$el.querySelector('.base-price .old-price');
25525                                const regularBasePriceElement = this.$el.querySelector('.base-price .price-wrapper .price');
25526                                const regularBasePriceElementTax = this.$el.querySelector('.base-price .price-container .tax');
25527                                const unitPriceElement = this.$el.querySelector('.normal-price .unitPrice');
25528                                const unitBasePriceElement = this.$el.querySelector('.base-price .unitPrice');
25529                                const productTileBadge = document.querySelector('.badge-discounted-' + productId);
25530
25531                                let specialPrice = false;
25532                                let specialPricePercent;
25533
25534                                if (regularPriceLabel) {
25535                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
25536                                        regularPriceLabel.classList.remove('hidden');
25537                                    } else {
25538                                        regularPriceLabel.classList.add('hidden');
25539                                    }
25540                                }
25541
25542                                if (productTileBadge) {
25543                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
25544                                        specialPricePercent = (priceData.oldPrice.amount - priceData.finalPrice.amount)
25545                                            / priceData.oldPrice.amount * 100;
25546                                        productTileBadge.innerText = '-' + Math.round(specialPricePercent) + '%';
25547                                        productTileBadge.classList.remove('hidden');
25548                                    }
25549                                }
25550
25551                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
25552                                    specialPrice = true;
25553                                } else {
25554                                    specialPrice = false;
25555                                }
25556
25557                                if (regularOldPriceElement && priceData.oldPrice.amount) {
25558                                    if (specialPrice) {
25559                                        regularOldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount);
25560                                    } else {
25561                                        regularOldPriceElement.innerText = '';
25562                                    }
25563                                }
25564
25565                                if (regularPriceElement) {
25566                                    regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
25567                                    regularPriceElementTax.style.display = 'block';
25568                                }
25569
25570                                if (unitPriceElement) {
25571                                    unitPriceElement.innerText = '';
25572                                }
25573
25574                                if (unitPriceElement && priceData.unitPrice.pricePerUnitHTML.price) {
25575                                    unitPriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.price;
25576                                }
25577
25578                                if (regularOldBasePriceElement && priceData.baseOldPrice.amount) {
25579                                    if (specialPrice) {
25580                                        regularOldBasePriceElement.innerText =
25581                                            hyva.formatPrice(priceData.baseOldPrice.amount);
25582                                    } else {
25583                                        regularOldBasePriceElement.innerText = '';
25584                                    }
25585                                }
25586
25587                                if (regularBasePriceElement) {
25588                                    regularBasePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount);
25589                                    regularBasePriceElementTax.style.display = 'block';
25590                                }
25591
25592                                if (unitBasePriceElement) {
25593                                    unitBasePriceElement.innerText = '';
25594                                }
25595
25596                                if (unitBasePriceElement && priceData.unitPrice.pricePerUnitHTML.basePrice) {
25597                                    unitBasePriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.basePrice;
25598                                }
25599
25600                                if (priceData.finalPrice.amount === priceData.basePrice.amount) {
25601                                    this.$el.querySelector('.normal-price').classList.add('hidden');
25602                                } else {
25603                                    this.$el.querySelector('.normal-price').classList.remove('hidden');
25604                                }
25605                            }
25606                        }
25607                    }
25608
25609                    function initQtyField__137ac2fc782845b78c3086c64af6e750_6ac211b652384() {
25610                        return {
25611                            qty: 1,
25612                            input: document.getElementById('qty[37684_137ac2fc782845b78c3086c64af6e750_6ac211b652384]'),
25613                            addToCart: document.getElementById('add-to-cart[37684_137ac2fc782845b78c3086c64af6e750_6ac211b652384]'),
25614                            qtyAlert: document.getElementById('qty-alert[37684_137ac2fc782845b78c3086c64af6e750_6ac211b652384]'),
25615                            currentStock: 0,
25616
25617                            validateQty(qty) {
25618                                let regex = /^\d+$/;
25619                                let pattern = regex.test(qty);
25620
25621                                this.addToCart.disabled = qty === 0
25622                                    || qty === null
25623                                    || qty > 10000                                    || !pattern
25624                                    || this.addToCart.classList.contains('not-available');
25625
25626                                if (qty === 0
25627                                    || qty === null
25628                                    || qty > 10000                                    || !pattern) {
25629                                    this.qtyAlert.style.display = 'block';
25630                                } else {
25631                                    this.qtyAlert.style.display = 'none';
25632                                }
25633                            },
25634
25635                            stepUp() {
25636                                this.input.stepUp();
25637                                let qty = document.getElementById('qty[37684_137ac2fc782845b78c3086c64af6e750_6ac211b652384]').value;
25638                                this.validateQty(qty);
25639
25640                            },
25641
25642                            stepDown() {
25643                                this.input.stepDown();
25644                                let qty = document.getElementById('qty[37684_137ac2fc782845b78c3086c64af6e750_6ac211b652384]').value;
25645                                this.validateQty(qty);
25646                            }
25647                        };
25648                    }
25649                </script>
25649
25650                <div class="relative price-block">
25651                    <div class="flex my-4 sm:min-h-42px w-full">
25652                                                <div class="w-full"
25653                             x-data="initPriceBox__137ac2fc782845b78c3086c64af6e750_6ac211b652384()"
25654                             x-init="() => $dispatch('preselectswatch')"
25655                             @update-prices-37684.window="updatePrice($event.detail,37684);">
25656                            <div
25657                                class="price-box mt-3 price-final_price flex flex-wrap justify-between"
25658                                data-role="priceBox">
25659                                <div class="normal-price text-left ">
25660                                <span class="price-container price-final_price tax weee">
25661                                    <div class="old-price text-xs including-tax line-through"></div>
25662                                    <div id="price-including-tax-product-price-37684"
25663                                         data-price-type="finalPrice"
25664                                         class="price-wrapper price-including-tax finalPrice flex items-end">
25665                                        <span class="price"></span>
25666                                        <span class="tax font-normal hidden">mit MwSt.</span>
25667                                    </div>
25668                                    <div class="unitPrice text-xs"></div>
25669                                </span>
25670                                </div>
25671
25672                                <div class="base-price text-left ">
25673                                <span class="price-container price-final_price tax weee">
25674                                    <div class="old-price text-xs excluding-tax line-through"></div>
25675                                    <div id="price-excluding-tax-product-price-37684"
25676                                         data-price-type="finalPrice"
25677                                         class="price-wrapper price-excluding-tax finalPrice flex items-end">
25678                                        <span class="price"></span>
25679                                        <span class="tax font-normal hidden">ohne MwSt.</span>
25680                                    </div>
25681                                    <div class="unitPrice text-xs"></div>
25682                                </span>
25683                                </div>
25684                            </div>
25685                        </div>
25686                    </div>
25687
25688                                            <div x-data="{ currentStock: 0 }"
25689                             x-init="() => $dispatch('preselectswatch')"
25690                             @update-stock-37684.window="currentStock = $event.detail"
25691                             class="flex flex-wrap mt-auto text-left">
25692                            <div class="stock-status text-xs w-full mb-3 mt-auto basis-full">
25693                                <template x-if="currentStock">
25694                                    <div>
25695                                    <span x-show="currentStock > 0" class="text-green-main">
25696                                        Sofort versandfertig, Lieferzeit: 1-3 Werktage                                    </span>
25697                                        <span x-show="currentStock <= 0 && currentStock > -1000"
25698                                              class="text-yellow-700">
25699                                        Aktuell nicht lieferbar, Lieferzeit: 5-10 Werktage                                    </span>
25700                                        <span x-show="currentStock <= -1000 && currentStock > -5000"
25701                                              class="text-red-600">
25702                                        Aktuell nicht lieferbar                                    </span>
25703                                    </div>
25704                                </template>
25705                            </div>
25706                        </div>
25707                    
25708                    
25709                    <div class="flex gap-4 mt-auto justify-end lg:justify-between"
25710                         x-data="initQtyField__137ac2fc782845b78c3086c64af6e750_6ac211b652384()"
25711                         x-init="() => $dispatch('preselectswatch')"
25712                         @update-stock-37684.window="currentStock = $event.detail;">
25713                                                    <div class="w-1/2 flex"
25714                                x-show="currentStock > -5000"
25715                                :aria-hidden="currentStock <= -5000">
25716                                <button
25717                                    class="qty-button -minus-button"
25718                                    type="button"
25719                                    title="Weniger"
25720                                    x-on:click="stepDown()">
25721                                    <?xml version="1.0" encoding="utf-8"?>
25722<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
25723<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="w-5 h-5" width="20" height="20">
25724        <title>Minus</title>
25725    <g>
25726	<g>
25727		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
25728	</g>
25729</g>
25730</svg>
25731                                </button>
25732                                <label for="qty[37684_137ac2fc782845b78c3086c64af6e750_6ac211b652384]"
25733                                       class="sr-only">
25734                                    Anzahl                                </label>
25735                                <input name="qty"
25736                                       class="form-input rounded-none px-2 text-center invalid:ring-2 invalid:ring-red-500 w-11/12"
25737                                       id="qty[37684_137ac2fc782845b78c3086c64af6e750_6ac211b652384]"
25738                                       type="number"
25739                                       inputmode="numeric"
25740                                       maxlength="5"
25741                                       min="1"                                       max="10000"                                       step="1"                                       :value="qty"
25742                                       x-model.number="qty"
25743                                       x-on:input.change="validateQty(qty);"
25744                                />
25745                                <button
25746                                    class="qty-button -plus-button"
25747                                    type="button"
25748                                    title="Mehr"
25749                                    class="plus"
25750                                    x-on:click="stepUp()">
25751                                    <?xml version="1.0" encoding="utf-8"?>
25752<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
25753<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="text-white" width="20" height="20">
25754        <title>Plus Sign</title>
25755    <g>
25756	<g>
25757		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
25758	</g>
25759	<g>
25760		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
25761	</g>
25762</g>
25763</svg>
25764                                </button>
25765                            </div>
25766                            <div class="w-1/2"
25767                                 x-show="currentStock > -5000"
25768                                 :aria-hidden="currentStock <= -5000">
25769                                                                    <button class="btn btn-add-to-cart w-full h-full px-2 py-0"
25770                                            :disabled="currentStock <= -1000 || false"
25771                                            :class="{'not-available': currentStock <= -1000 || false}"
25772                                            id="add-to-cart[37684_137ac2fc782845b78c3086c64af6e750_6ac211b652384]"
25773                                            title="Servietten&#x20;&quot;ROYAL&#x20;Collection&quot;&#x20;1&#x2F;4-Falz&#x20;40&#x20;cm&#x20;&#xD7;&#x20;40&#x20;cm&#x20;mustard&#x20;In&#x20;den&#x20;Warenkorb"
25774                                            aria-label="Servietten&#x20;&quot;ROYAL&#x20;Collection&quot;&#x20;1&#x2F;4-Falz&#x20;40&#x20;cm&#x20;&#xD7;&#x20;40&#x20;cm&#x20;mustard&#x20;In&#x20;den&#x20;Warenkorb">
25775                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
25776    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
25777                                        <span class="sm:pl-2 md:hidden lg:block">
25778                                            In&#x20;den&#x20;Warenkorb                                        </span>
25779                                    </button>
25780                                                            </div>
25781                        
25782                        <a x-cloak
25783                           x-show="currentStock <= -5000"
25784                           :aria-hidden="currentStock > -5000"
25785                           href="https://www.papstar-shop.de/servietten-royal-collection-1-4-falz-40-cm-40-cm-mustard-37684.htm"
25786                           class="btn btn-add-to-cart w-full h-full px-2 py-0"
25787                           id="add-to-cart[37684_137ac2fc782845b78c3086c64af6e750_6ac211b652384]"
25788                           title="Servietten&#x20;&quot;ROYAL&#x20;Collection&quot;&#x20;1&#x2F;4-Falz&#x20;40&#x20;cm&#x20;&#xD7;&#x20;40&#x20;cm&#x20;mustard&#x20;Produkt&#x20;individualisieren"
25789                           aria-label="Servietten&#x20;&quot;ROYAL&#x20;Collection&quot;&#x20;1&#x2F;4-Falz&#x20;40&#x20;cm&#x20;&#xD7;&#x20;40&#x20;cm&#x20;mustard&#x20;Produkt&#x20;individualisieren">
25790                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
25791    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
25792                            <span class="sm:pl-2 md:hidden lg:block py-4">
25793                                            Produkt&#x20;individualisieren                                        </span>
25794                        </a>
25795
25796                                                    
25796<script>
25797    'use strict';
25798
25799    (() => {
25800        window.addEventListener(
25801            'ga-initialized',
25802            () => {
25803                const productForm = document.querySelector(
25804                    'form\u005Bdata\u002Dsku\u003D\u002237684\u0022\u005D'
25805                );
25806
25807                if (!productForm) {
25808                    return;
25809                }
25810
25811                let sku = '37684';
25812
25813                window.addEventListener(
25814                    'listing\u002Dconfigurable-selection-changed',
25815                    (event) => {
25816                        if (event.detail.skuCandidates.length === 1
25817                            && event.detail.productId === '37684'
25818                        ) {
25819                            sku = event.detail.skuCandidates[0];
25820                        }
25821                    }
25822                );
25823
25824                function bindEventListener(element, event)
25825                {
25826                    element.addEventListener(event, () => {
25827                        if (productForm.checkValidity()) {
25828                            const priceSelector = false                                ? '#product-price-37684 .price'
25829                                : '[data-price-box="product-id-37684"] .price';
25830
25831                            window.dispatchEvent(new CustomEvent('cart-item-added', {
25832                                detail: [{
25833                                    product_sku: sku,
25834                                    product_name: 'Servietten\u0020\u0022ROYAL\u0020Collection\u0022\u00201\u002F4\u002DFalz\u002040\u0020cm\u0020\u00D7\u002040\u0020cm\u0020mustard',
25835                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),
25836
25837                                                                            qty: 1,
25838                                                                    }],
25839                            }));
25840                        }
25841                    });
25842                }
25843
25844                                    const button = productForm.querySelector(
25845                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
25846                    );
25847
25848                    if (!button) {
25849                        return;
25850                    }
25851
25852                    bindEventListener(button, 'click');
25853                            },
25854            { once: true }
25855        );
25856    })();
25857</script>
25857
25858                                            </div>
25859                    <div class="qty-alert hidden" id="qty-alert[37684_137ac2fc782845b78c3086c64af6e750_6ac211b652384]">
25860                        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill="currentColor" viewBox="0 0 20 20" class="w-3 h-3 mr-1 text-energy inline-block align-text-top">
25861<title>Warning</title>
25862    <path d="M19.64 16.36L11.53 2.3A1.85 1.85 0 0 0 10 1.21 1.85 1.85 0 0 0 8.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>
25863</svg>
25864                        <span>Bitte&#x20;nur&#x20;ganze&#x20;Zahlen&#x20;eingeben.</span>
25865                    </div>
25866                </div>
25867            </div>
25868        </div>
25869    </form>
25870</div>
25871                    </li>
25872                                                                    <li class="splide__slide">
25873                        <div class="h-full">
25874    <form method="post"
25875          aria-label="Product&#x20;tile&#x20;for&#x3A;&#x20;Duftlichte&#x20;&quot;Lavender&#x20;Fields&quot;,&#x20;&#xD8;&#x20;38&#x20;mm&#x20;&#xB7;&#x20;24&#x20;mm&#x20;violett&#x20;-&#x20;&#x20;in&#x20;Polycarbonath&#xFC;lle"
25876          action="https://www.papstar-shop.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cucGFwc3Rhci1zaG9wLmRlLz9tc2Nsa2lkPWI5ODJhMjlkYWVkYzFjMWQyM2I2Yzg1ZmEzZjY4ZjFj/product/96893/"
25877          class="item product product-item product_addtocart_form border rounded p-2.5 bg-container-white hover:shadow-lg flex flex-col w-full h-full"
25878            >
25879        <input name="form_key" type="hidden" value="rKVCmaFj7egUOB24" />        <input type="hidden" name="product" value="96893"/>
25880        <div
25881            class="relative product photo product-item-photo block mb-3 px-12 ">
25882                <a x-data="ReqBlind_6ac211b663293()"
25883       href="https://www.papstar-shop.de/customer/account/"
25884       title="Duftlichte &quot;Lavender Fields&quot;, Ø 38 mm · 24 mm violett -  in Polycarbonathülle Zum Merkzettel hinzufügen"
25885       aria-label="Duftlichte &quot;Lavender Fields&quot;, Ø 38 mm · 24 mm violett -  in Polycarbonathülle Zum Merkzettel hinzufügen"
25886       @click.prevent="open($event)"
25887       class="p-2 bg-transparent absolute right-0 hover:text-primary-darker bottom-0">
25888        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85" xml:space="preserve" fill="currentColor" class="mx-auto bg-transparent text-black" width="36" height="36">
25889    <path d="M23.895 23.457a8.424 8.424 0 0 0-2.896 1.895c-3.408 3.41-3.308 9.06.226 12.594" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/><path d="M68.801 42.971c6.287-6.289 6.389-16.478.224-22.645-6.165-6.164-16.354-6.063-22.644.225l-3.896 3.871-3.87-3.871c-6.287-6.288-16.477-6.389-22.641-.225-6.164 6.167-6.064 16.355.225 22.645l26.295 26.262 26.307-26.262z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/></svg>
25890        <span class="sr-only">Zum Merkzettel hinzufügen</span>
25891    </a>
25892    
25892<script>
25893        function ReqBlind_6ac211b663293() {
25894            return {
25895                open: function (event) {
25896                    window.scrollTo(0, 0);
25897                    dispatchMessages([{
25898                        type: 'notice',
25899                        text: 'Sie müssen eingeloggt sein, um die Merkzettel-Funktion zu nutzen.'
25900                    }], 5000);
25901                    let href = event.currentTarget.href;
25902                    setTimeout(function() {
25903                        window.location = href;
25904                    }, 4000);
25905                }
25906            }
25907        }
25908    </script>
25908
25909                                        <ul class="product-tile__badges z-10">
25910                                                    <li class="product-tile__badges-item
25911                badge-new-96893"
25912                                    >
25913                                            Neu                                    </li>
25914                        </ul>
25915                        <a href="https://www.papstar-shop.de/duftlichte-lavender-fields-38-mm-24-mm-violett-in-polycarbonathuelle-96893.htm"
25916               tabindex="-1"
25917                            >
25918                <picture class="object-contain mx-auto py-3 product-image-photo"><source type="image/webp" srcset="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/D/u/Duftlichte-Lavender-Fields-38-mm-24-mm-violett-in-Polycarbonathuelle-96893_b_0.webp"><img class="object-contain mx-auto py-3 product-image-photo" x-data="" @update-gallery-96893.window="$el.src = $event.detail" src="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/D/u/Duftlichte-Lavender-Fields-38-mm-24-mm-violett-in-Polycarbonathuelle-96893_b_0.jpg" loading="lazy" itemprop="image" width="360" height="360" alt="Duftlichte&#x20;&quot;Lavender&#x20;Fields&quot;,&#x20;&#xD8;&#x20;38&#x20;mm&#x20;&#xB7;&#x20;24&#x20;mm&#x20;violett&#x20;-&#x20;&#x20;in&#x20;Polycarbonath&#xFC;lle" title="Duftlichte&#x20;&quot;Lavender&#x20;Fields&quot;,&#x20;&#xD8;&#x20;38&#x20;mm&#x20;&#xB7;&#x20;24&#x20;mm&#x20;violett&#x20;-&#x20;&#x20;in&#x20;Polycarbonath&#xFC;lle" loading="lazy" /></picture>
25919            </a>
25920        </div>
25921        <div class="product-info flex flex-col flex-grow">
25922            <div class="text-black font-semibold text-base">
25923                                    &nbsp;                            </div>
25924                        <div
25925                class="mt-1 text-black font-semibold text-base text-left sm:min-h-90px">
25926                <a class="product-item-link "
25927                   href="https://www.papstar-shop.de/duftlichte-lavender-fields-38-mm-24-mm-violett-in-polycarbonathuelle-96893.htm"
25928                                    >
25929                    Duftlichte &quot;Lavender Fields&quot;, Ø 38 mm · 24 mm violett -  in Polycarbonathülle                </a>
25930                            </div>
25931            <div class="flex mt-1 mb-1">
25932                <div class="mt-auto sku text-sm">
25933                    <span>Artikel-Nr.: </span>96893                </div>
25934                                    <div class="lg:w-auto ml-auto block ">
25935                                            </div>
25936                            </div>
25937
25938                        <div class="mt-1 text-xs text-gray-600 italic">
25939                                    &nbsp;
25940                            </div>
25941
25942            <div class="h-full flex justify-between flex-col">
25943                                                                
25943<script>
25944        function initConfigurableSwatchOptions_96893() {
25945            const configurableOptionsComponent = initConfigurableOptions(
25946                '96893',
25947                {"attributes":{"254":{"id":"254","code":"order_unit","label":"Bestelleinheit","options":[{"id":"7059","label":"Karton","products":["196893"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"196893":{"baseOldPrice":{"amount":32.76},"oldPrice":{"amount":38.984401},"basePrice":{"amount":32.76},"finalPrice":{"amount":38.984401},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"36,10\u00a0Cent \/ St\u00fcck","basePrice":"30,33\u00a0Cent \/ St\u00fcck"}}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":32.76},"oldPrice":{"amount":38.984401},"basePrice":{"amount":32.76},"finalPrice":{"amount":38.984401}},"productId":"96893","chooseText":"W\u00e4hlen Sie eine Option\u2026","images":[],"index":{"196893":{"254":"7059"}},"salable":{"254":{"7059":["196893"]}},"canDisplayShowOutOfStockStatus":true,"preSelectedGallery":[],"channel":"website","salesChannelCode":"papstar_de","sku":{"196893":"4008495025344"},"quantities":{"196893":28}}            );
25948            const swatchOptionsComponent = initSwatchOptions({"254":{"7059":{"type":"0","value":null,"label":"Karton","unit":"###VPE### St\u00fcck (6 x 18)","vpe":"108"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}});
25949
25950            return Object.assign(
25951                configurableOptionsComponent,
25952                swatchOptionsComponent,
25953                {
25954                    mediaCallback: "https\u003A\u002F\u002Fwww.papstar\u002Dshop.de\u002Fswatches\u002Fajax\u002Fmedia\u002F",
25955                    changeOption(optionId, value, skipUpdateGallery) {
25956                        if (value === '') {
25957                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
25958                        } else {
25959                            this.selectedValues[optionId] = value;
25960                        }
25961                        this.findSimpleIndex();
25962                        this.findAllowedAttributeOptions();
25963                        this.updateStock();
25964                        this.updatePrices();
25965                        this.updateSavingPriceInfo();
25966                    },
25967                    unitSavingsPrice: null,
25968                    hasSpecialPrice: false,
25969                    finalPrice: {
25970                        amount: 0.00
25971                    },
25972                    oldPrice: {
25973                        amount: 0.00
25974                    },
25975
25976                    updateHasSpecialPrice() {
25977                        this.hasSpecialPrice = this.finalPrice.amount < this.oldPrice.amount;
25978                    },
25979                    updateSavingPriceInfo() {
25980                        const detail = this.optionConfig.optionPrices[this.productIndex];
25981                        this.oldPrice.amount = detail.oldPrice.amount;
25982                        this.finalPrice.amount = detail.finalPrice.amount;
25983
25984                        this.updateHasSpecialPrice();
25985
25986                        if (!this.hasSpecialPrice) {
25987                            this.unitSavingsPrice = detail.unitSavings;
25988                        }
25989                    },
25990                    preselectQuerystringItems: function() {
25991                        let found = false;
25992                        // pre-select option like ?size=167
25993                        const urlQueryParams = new URLSearchParams(window.location.search.replace("?", ""));
25994                        Object.values(this.optionConfig.attributes).map(attribute => {
25995                            const skipUpdateGallery = true;
25996                            if (urlQueryParams.get(attribute.code) !== null) {
25997                                let optionId = urlQueryParams.get(attribute.code);
25998                                found = false;
25999                                Object.values(attribute.options).map(option => {
26000                                    if (found === false && option.label === optionId) {
26001                                        optionId = option.id;
26002                                        found = true;
26003                                    }
26004                                });
26005                                this.changeOption(attribute.id, optionId, skipUpdateGallery);
26006                            }
26007                        });
26008                        if (found === false) {
26009                            // pre-select first option
26010                            Object.values(this.optionConfig.attributes).map(attribute => {
26011                                if (attribute.code === "order_unit") {
26012                                    let optionId = 0;
26013                                    Object.values(attribute.options).map(option => {
26014                                        if (this.selectedValues.length === 0) {
26015                                            if (found === false && option.products.length > 0) {
26016                                                optionId = option.id;
26017                                                this.changeOption(attribute.id, optionId, true);
26018                                                found = true;
26019                                            }
26020                                        } else {
26021                                            optionId = this.selectedValues[attribute.id];
26022                                            this.changeOption(attribute.id, optionId, true);
26023                                            found = true;
26024                                        }
26025                                    });
26026                                }
26027                            });
26028                        }
26029                    },
26030                    mouseDown: false,
26031                    startX: 0,
26032                    maxScroll: 0,
26033                    scrollLeft: null,
26034                    slider: null,
26035                    scrollEvents: {
26036                        ["@mousedown"](e) {
26037                            this.slider = e.target.closest(".snap");
26038                            if (!this.slider) {
26039                                return;
26040                            }
26041                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
26042                            this.startX = e.pageX - this.slider.offsetLeft;
26043                            this.scrollLeft = this.slider.scrollLeft;
26044                            this.mouseDown = true;
26045                        },
26046                        ["@mouseout.self"]() {
26047                            this.mouseDown = false;
26048                        },
26049                        ["@mouseup"]() {
26050                            this.mouseDown = false;
26051                        },
26052                        ["@mousemove"](e) {
26053                            e.preventDefault();
26054                            if (!this.mouseDown) {
26055                                return;
26056                            }
26057                            const x = e.pageX - this.slider.offsetLeft;
26058                            const scroll = x - this.startX;
26059                            const scrollLeft = this.scrollLeft - scroll;
26060
26061                            if (scrollLeft > this.maxScroll) {
26062                                this.slider.scrollLeft = this.maxScroll;
26063                                return;
26064                            }
26065                            this.slider.scrollLeft = this.scrollLeft - scroll;
26066                        },
26067                        ["@onselectstart"]() {
26068                            return false;
26069                        }
26070                    },
26071                    resizeEvent() {
26072                        Array.from(this.$el.querySelectorAll(".snap")).forEach(sli
26072der => {
26073                            slider.scrollLeft = 0;
26074                        });
26075                    }
26076                }
26077            );
26078        }
26079    </script>
26079
26080
26081    <div x-data="initConfigurableSwatchOptions_96893();"
26082         x-defer="intersect"
26083         x-init="getAllowedAttributeOptions();() => preselectQuerystringItems();preselectQuerystringItems();"
26084         @private-content-loaded.window="onGetCartData($event.detail.data)"
26085         @update-prices-96893.window="unitSavingsInfo = $event.detail.unitSavings"
26086         @touchstart.passive="preselectQuerystringItems()"
26087         @resize.window="resizeEvent()"
26088         class="relative md:w-full"
26089         @preselectswatch.window="preselectQuerystringItems()"
26090    >
26091        <div>
26092                                            
26093                                <div class="swatch-attribute order_unit">
26094                    <div class="w-full overflow-x-hidden swatch-attribute-options pt-2">
26095                        <div
26096                            class="w-full overflow-auto transition-all snap items-center min-h-14 product-listing-option-wrapper grid gap-2 pb-2"
26097                            id="attribute-label-96893-254"
26098                                                        :role="optionConfig.attributes?.[254]?.options?.length ? 'radiogroup' : null"
26099                            :aria-label="optionConfig.attributes?.[254]?.options?.length ? 'Attribut-order_unit' : null"
26100                            x-bind="scrollEvents">
26101                            <template x-for="(item, index) in optionConfig.attributes[254].options"
26102                                      :key="item.id"
26103                            >
26104                                
26105<div class="swatch-item">
26106        <label
26107            :for="'attribute-option-swatch-input6ac211b667f173.1707711196893-'+item.id"
26108            class="rounded swatch-option flex flex-col relative shadow-sm cursor-pointer select-none text-center product-option-value-label"
26109            :class="{
26110                'bg-secondary border-container-lighter text-white' : (selectedValues[254] === item.id),
26111                'bg-container-lighter' : (selectedValues[254] !== item.id),
26112                'w-6 h-6' : !isTextSwatch(254, item.id),
26113                'bg-secondary text-white' : focusedLabel === item.id
26114            }"
26115            :style="getSwatchBackgroundStyle('254',item.id)"
26116        >
26117            <input
26118                :id="'attribute-option-swatch-input6ac211b667f173.1707711196893-'+item.id"
26119                :value="item.id"
26120                name="super_attribute[254]-96893]"
26121                type="radio"
26122                role="radio"
26123                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
26124                style="z-index:-1"
26125                x-on:focus="focusLabel(item.id)"
26126                x-on:blur="blurLabel()"
26127                x-on:change="changeOption(254, $event.target.value)"
26128                x-model="selectedValues[254]"
26129                :required="getAllowedAttributeOptions(254).filter(
26130                                                                    attributeOption => selectedValues[attributeOption]
26131                                                                ).length === 0"
26132                :aria-label="getSwatchText(254, item.id) + ': ' + getSwatchUnitText(254, item.id)"
26133            >
26134            <div x-html="getSwatchText(254, item.id)"
26135                 class="whitespace-nowrap text-sm font-bold"
26136                 :class="{ 'sr-only' : !isTextSwatch(254, item.id) }"
26137                 aria-hidden="false"
26138            ></div>
26139            <!-- N98 custom attributes start-->
26140            <div x-html="getSwatchUnitText(254, item.id)"
26141                 class="text-xs" aria-hidden="false"></div>
26142            <!-- N98 custom attributes end-->
26143        </label>
26144        <template x-if="unitSavingsInfo && selectedValues[254] === item.id">
26145            <div class="unit-savings-price">
26146                <span class="-info" x-html="unitSavingsInfo"></span>
26147            </div>
26148        </template>
26149    <template x-if="index != 0 && selectedValues[254] !== item.id">
26150        <div class="unit-savings-price">
26151            <span class="-info">
26152            <span><?xml version="1.0" encoding="UTF-8"?>
26153<svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" version="1.1" viewBox="0 0 18 22" width="16" height="16">
26154    <title>Percent</title>
26155  <defs>
26156    <style>
26157      .st0 {
26158        stroke-linecap: round;
26159        stroke-linejoin: round;
26160      }
26161
26162      .st0, .st1 {
26163        fill: none;
26164        stroke-width: 1.5px;
26165      }
26166
26167      .st1 {
26168        stroke-miterlimit: 10;
26169      }
26170    </style>
26171  </defs>
26172  <path class="st1" stroke="currentColor" d="M16.2,16.6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
26173  <g>
26174    <path class="st1" stroke="currentColor" d="M8,6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
26175    <path class="st0" stroke="currentColor" d="M3.5,18.7L15.4,3.9"/>
26176  </g>
26177</svg>
26178</span>
26179            </span>
26180        </div>
26181    </template>
26182</div>
26183                            </template>
26184                        </div>
26185                    </div>
26186                </div>
26187                    </div>
26188                    <template x-if="isTooltipVisible()">
26189    <div class="absolute shadow-lg"
26190        :style="isLayeredSwatch == false && getTooltipPosition()"
26191    >
26192        <div class="absolute top-0 left-0 z-50 p-2 -mt-6 text-sm leading-tight text-black
26193                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
26194        >
26195        <!--template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
26196            <div x-show="getSwatchType(activeTooltipItem.type) !== 'color'"
26197                class="inline-block shadow-sm"
26198                :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
26199            ></div>
26200        </template-->
26201            <span class="mx-2 text-sm font-semibold whitespace-nowrap subtitle"
26202                    x-html="getTooltipLabel()"
26203            ></span>
26204        </div>
26205        <svg class="absolute z-50 w-8 h-8 text-white transform -translate-x-3
26206                -translate-y-8 fill-current stroke-current"
26207                width="12"
26208                height="12"
26209        >
26210            <title>Tooltip Icon</title>
26211            <rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
26212        </svg>
26213    </div>
26214</template>
26215            </div>
26216                                        
26217                
26217<script>
26218                    function initPriceBox__137ac2fc782845b78c3086c64af6e750_6ac211b662ef0() {
26219                        return {
26220                            updatePrice(priceData, productId) {
26221                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
26222                                const regularOldPriceElement = this.$el.querySelector('.normal-price .old-price');
26223                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
26224                                const regularPriceElementTax = this.$el.querySelector('.normal-price .price-container .tax');
26225                                const regularOldBasePriceElement = this.$el.querySelector('.base-price .old-price');
26226                                const regularBasePriceElement = this.$el.querySelector('.base-price .price-wrapper .price');
26227                                const regularBasePriceElementTax = this.$el.querySelector('.base-price .price-container .tax');
26228                                const unitPriceElement = this.$el.querySelector('.normal-price .unitPrice');
26229                                const unitBasePriceElement = this.$el.querySelector('.base-price .unitPrice');
26230                                const productTileBadge = document.querySelector('.badge-discounted-' + productId);
26231
26232                                let specialPrice = false;
26233                                let specialPricePercent;
26234
26235                                if (regularPriceLabel) {
26236                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
26237                                        regularPriceLabel.classList.remove('hidden');
26238                                    } else {
26239                                        regularPriceLabel.classList.add('hidden');
26240                                    }
26241                                }
26242
26243                                if (productTileBadge) {
26244                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
26245                                        specialPricePercent = (priceData.oldPrice.amount - priceData.finalPrice.amount)
26246                                            / priceData.oldPrice.amount * 100;
26247                                        productTileBadge.innerText = '-' + Math.round(specialPricePercent) + '%';
26248                                        productTileBadge.classList.remove('hidden');
26249                                    }
26250                                }
26251
26252                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
26253                                    specialPrice = true;
26254                                } else {
26255                                    specialPrice = false;
26256                                }
26257
26258                                if (regularOldPriceElement && priceData.oldPrice.amount) {
26259                                    if (specialPrice) {
26260                                        regularOldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount);
26261                                    } else {
26262                                        regularOldPriceElement.innerText = '';
26263                                    }
26264                                }
26265
26266                                if (regularPriceElement) {
26267                                    regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
26268                                    regularPriceElementTax.style.display = 'block';
26269                                }
26270
26271                                if (unitPriceElement) {
26272                                    unitPriceElement.innerText = '';
26273                                }
26274
26275                                if (unitPriceElement && priceData.unitPrice.pricePerUnitHTML.price) {
26276                                    unitPriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.price;
26277                                }
26278
26279                                if (regularOldBasePriceElement && priceData.baseOldPrice.amount) {
26280                                    if (specialPrice) {
26281                                        regularOldBasePriceElement.innerText =
26282                                            hyva.formatPrice(priceData.baseOldPrice.amount);
26283                                    } else {
26284                                        regularOldBasePriceElement.innerText = '';
26285                                    }
26286                                }
26287
26288                                if (regularBasePriceElement) {
26289                                    regularBasePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount);
26290                                    regularBasePriceElementTax.style.display = 'block';
26291                                }
26292
26293                                if (unitBasePriceElement) {
26294                                    unitBasePriceElement.innerText = '';
26295                                }
26296
26297                                if (unitBasePriceElement && priceData.unitPrice.pricePerUnitHTML.basePrice) {
26298                                    unitBasePriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.basePrice;
26299                                }
26300
26301                                if (priceData.finalPrice.amount === priceData.basePrice.amount) {
26302                                    this.$el.querySelector('.normal-price').classList.add('hidden');
26303                                } else {
26304                                    this.$el.querySelector('.normal-price').classList.remove('hidden');
26305                                }
26306                            }
26307                        }
26308                    }
26309
26310                    function initQtyField__137ac2fc782845b78c3086c64af6e750_6ac211b662ef0() {
26311                        return {
26312                            qty: 1,
26313                            input: document.getElementById('qty[96893_137ac2fc782845b78c3086c64af6e750_6ac211b662ef0]'),
26314                            addToCart: document.getElementById('add-to-cart[96893_137ac2fc782845b78c3086c64af6e750_6ac211b662ef0]'),
26315                            qtyAlert: document.getElementById('qty-alert[96893_137ac2fc782845b78c3086c64af6e750_6ac211b662ef0]'),
26316                            currentStock: 0,
26317
26318                            validateQty(qty) {
26319                                let regex = /^\d+$/;
26320                                let pattern = regex.test(qty);
26321
26322                                this.addToCart.disabled = qty === 0
26323                                    || qty === null
26324                                    || qty > 10000                                    || !pattern
26325                                    || this.addToCart.classList.contains('not-available');
26326
26327                                if (qty === 0
26328                                    || qty === null
26329                                    || qty > 10000                                    || !pattern) {
26330                                    this.qtyAlert.style.display = 'block';
26331                                } else {
26332                                    this.qtyAlert.style.display = 'none';
26333                                }
26334                            },
26335
26336                            stepUp() {
26337                                this.input.stepUp();
26338                                let qty = document.getElementById('qty[96893_137ac2fc782845b78c3086c64af6e750_6ac211b662ef0]').value;
26339                                this.validateQty(qty);
26340
26341                            },
26342
26343                            stepDown() {
26344                                this.input.stepDown();
26345                                let qty = document.getElementById('qty[96893_137ac2fc782845b78c3086c64af6e750_6ac211b662ef0]').value;
26346                                this.validateQty(qty);
26347                            }
26348                        };
26349                    }
26350                </script>
26350
26351                <div class="relative price-block">
26352                    <div class="flex my-4 sm:min-h-42px w-full">
26353                                                <div class="w-full"
26354                             x-data="initPriceBox__137ac2fc782845b78c3086c64af6e750_6ac211b662ef0()"
26355                             x-init="() => $dispatch('preselectswatch')"
26356                             @update-prices-96893.window="updatePrice($event.detail,96893);">
26357                            <div
26358                                class="price-box mt-3 price-final_price flex flex-wrap justify-between"
26359                                data-role="priceBox">
26360                                <div class="normal-price text-left ">
26361                                <span class="price-container price-final_price tax weee">
26362                                    <div class="old-price text-xs including-tax line-through"></div>
26363                                    <div id="price-including-tax-product-price-96893"
26364                                         data-price-type="finalPrice"
26365                                         class="price-wrapper price-including-tax finalPrice flex items-end">
26366                                        <span class="price"></span>
26367                                        <span class="tax font-normal hidden">mit MwSt.</span>
26368                                    </div>
26369                                    <div class="unitPrice text-xs"></div>
26370                                </span>
26371                                </div>
26372
26373                                <div class="base-price text-left ">
26374                                <span class="price-container price-final_price tax weee">
26375                                    <div class="old-price text-xs excluding-tax line-through"></div>
26376                                    <div id="price-excluding-tax-product-price-96893"
26377                                         data-price-type="finalPrice"
26378                                         class="price-wrapper price-excluding-tax finalPrice flex items-end">
26379                                        <span class="price"></span>
26380                                        <span class="tax font-normal hidden">ohne MwSt.</span>
26381                                    </div>
26382                                    <div class="unitPrice text-xs"></div>
26383                                </span>
26384                                </div>
26385                            </div>
26386                        </div>
26387                    </div>
26388
26389                                            <div x-data="{ currentStock: 0 }"
26390                             x-init="() => $dispatch('preselectswatch')"
26391                             @update-stock-96893.window="currentStock = $event.detail"
26392                             class="flex flex-wrap mt-auto text-left">
26393                            <div class="stock-status text-xs w-full mb-3 mt-auto basis-full">
26394                                <template x-if="currentStock">
26395                                    <div>
26396                                    <span x-show="currentStock > 0" class="text-green-main">
26397                                        Sofort versandfertig, Lieferzeit: 1-3 Werktage                                    </span>
26398                                        <span x-show="currentStock <= 0 && currentStock > -1000"
26399                                              class="text-yellow-700">
26400                                        Aktuell nicht lieferbar, Lieferzeit: 5-10 Werktage                                    </span>
26401                                        <span x-show="currentStock <= -1000 && currentStock > -5000"
26402                                              class="text-red-600">
26403                                        Aktuell nicht lieferbar                                    </span>
26404                                    </div>
26405                                </template>
26406                            </div>
26407                        </div>
26408                    
26409                    
26410                    <div class="flex gap-4 mt-auto justify-end lg:justify-between"
26411                         x-data="initQtyField__137ac2fc782845b78c3086c64af6e750_6ac211b662ef0()"
26412                         x-init="() => $dispatch('preselectswatch')"
26413                         @update-stock-96893.window="currentStock = $event.detail;">
26414                                                    <div class="w-1/2 flex"
26415                                x-show="currentStock > -5000"
26416                                :aria-hidden="currentStock <= -5000">
26417                                <button
26418                                    class="qty-button -minus-button"
26419                                    type="button"
26420                                    title="Weniger"
26421                                    x-on:click="stepDown()">
26422                                    <?xml version="1.0" encoding="utf-8"?>
26423<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
26424<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="w-5 h-5" width="20" height="20">
26425        <title>Minus</title>
26426    <g>
26427	<g>
26428		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
26429	</g>
26430</g>
26431</svg>
26432                                </button>
26433                                <label for="qty[96893_137ac2fc782845b78c3086c64af6e750_6ac211b662ef0]"
26434                                       class="sr-only">
26435                                    Anzahl                                </label>
26436                                <input name="qty"
26437                                       class="form-input rounded-none px-2 text-center invalid:ring-2 invalid:ring-red-500 w-11/12"
26438                                       id="qty[96893_137ac2fc782845b78c3086c64af6e750_6ac211b662ef0]"
26439                                       type="number"
26440                                       inputmode="numeric"
26441                                       maxlength="5"
26442                                       min="1"                                       max="10000"                                       step="1"                                       :value="qty"
26443                                       x-model.number="qty"
26444                                       x-on:input.change="validateQty(qty);"
26445                                />
26446                                <button
26447                                    class="qty-button -plus-button"
26448                                    type="button"
26449                                    title="Mehr"
26450                                    class="plus"
26451                                    x-on:click="stepUp()">
26452                                    <?xml version="1.0" encoding="utf-8"?>
26453<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
26454<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="text-white" width="20" height="20">
26455        <title>Plus Sign</title>
26456    <g>
26457	<g>
26458		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
26459	</g>
26460	<g>
26461		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
26462	</g>
26463</g>
26464</svg>
26465                                </button>
26466                            </div>
26467                            <div class="w-1/2"
26468                                 x-show="currentStock > -5000"
26469                                 :aria-hidden="currentStock <= -5000">
26470                                                                    <button class="btn btn-add-to-cart w-full h-full px-2 py-0"
26471                                            :disabled="currentStock <= -1000 || false"
26472                                            :class="{'not-available': currentStock <= -1000 || false}"
26473                                            id="add-to-cart[96893_137ac2fc782845b78c3086c64af6e750_6ac211b662ef0]"
26474                                            title="Duftlichte&#x20;&quot;Lavender&#x20;Fields&quot;,&#x20;&#xD8;&#x20;38&#x20;mm&#x20;&#xB7;&#x20;24&#x20;mm&#x20;violett&#x20;-&#x20;&#x20;in&#x20;Polycarbonath&#xFC;lle&#x20;In&#x20;den&#x20;Warenkorb"
26475                                            aria-label="Duftlichte&#x20;&quot;Lavender&#x20;Fields&quot;,&#x20;&#xD8;&#x20;38&#x20;mm&#x20;&#xB7;&#x20;24&#x20;mm&#x20;violett&#x20;-&#x20;&#x20;in&#x20;Polycarbonath&#xFC;lle&#x20;In&#x20;den&#x20;Warenkorb">
26476                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
26477    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
26478                                        <span class="sm:pl-2 md:hidden lg:block">
26479                                            In&#x20;den&#x20;Warenkorb                                        </span>
26480                                    </button>
26481                                                            </div>
26482                        
26483                        <a x-cloak
26484                           x-show="currentStock <= -5000"
26485                           :aria-hidden="currentStock > -5000"
26486                           href="https://www.papstar-shop.de/duftlichte-lavender-fields-38-mm-24-mm-violett-in-polycarbonathuelle-96893.htm"
26487                           class="btn btn-add-to-cart w-full h-full px-2 py-0"
26488                           id="add-to-cart[96893_137ac2fc782845b78c3086c64af6e750_6ac211b662ef0]"
26489                           title="Duftlichte&#x20;&quot;Lavender&#x20;Fields&quot;,&#x20;&#xD8;&#x20;38&#x20;mm&#x20;&#xB7;&#x20;24&#x20;mm&#x20;violett&#x20;-&#x20;&#x20;in&#x20;Polycarbonath&#xFC;lle&#x20;Produkt&#x20;individualisieren"
26490                           aria-label="Duftlichte&#x20;&quot;Lavender&#x20;Fields&quot;,&#x20;&#xD8;&#x20;38&#x20;mm&#x20;&#xB7;&#x20;24&#x20;mm&#x20;violett&#x20;-&#x20;&#x20;in&#x20;Polycarbonath&#xFC;lle&#x20;Produkt&#x20;individualisieren">
26491                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
26492    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
26493                            <span class="sm:pl-2 md:hidden lg:block py-4">
26494                                            Produkt&#x20;individualisieren                                        </span>
26495                        </a>
26496
26497                                                    
26497<script>
26498    'use strict';
26499
26500    (() => {
26501        window.addEventListener(
26502            'ga-initialized',
26503            () => {
26504                const productForm = document.querySelector(
26505                    'form\u005Bdata\u002Dsku\u003D\u002296893\u0022\u005D'
26506                );
26507
26508                if (!productForm) {
26509                    return;
26510                }
26511
26512                let sku = '96893';
26513
26514                window.addEventListener(
26515                    'listing\u002Dconfigurable-selection-changed',
26516                    (event) => {
26517                        if (event.detail.skuCandidates.length === 1
26518                            && event.detail.productId === '96893'
26519                        ) {
26520                            sku = event.detail.skuCandidates[0];
26521                        }
26522                    }
26523                );
26524
26525                function bindEventListener(element, event)
26526                {
26527                    element.addEventListener(event, () => {
26528                        if (productForm.checkValidity()) {
26529                            const priceSelector = false                                ? '#product-price-96893 .price'
26530                                : '[data-price-box="product-id-96893"] .price';
26531
26532                            window.dispatchEvent(new CustomEvent('cart-item-added', {
26533                                detail: [{
26534                                    product_sku: sku,
26535                                    product_name: 'Duftlichte\u0020\u0022Lavender\u0020Fields\u0022,\u0020\u00D8\u002038\u0020mm\u0020\u00B7\u002024\u0020mm\u0020violett\u0020\u002D\u0020\u0020in\u0020Polycarbonath\u00FClle',
26536                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),
26537
26538                                                                            qty: 1,
26539                                                                    }],
26540                            }));
26541                        }
26542                    });
26543                }
26544
26545                                    const button = productForm.querySelector(
26546                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
26547                    );
26548
26549                    if (!button) {
26550                        return;
26551                    }
26552
26553                    bindEventListener(button, 'click');
26554                            },
26555            { once: true }
26556        );
26557    })();
26558</script>
26558
26559                                            </div>
26560                    <div class="qty-alert hidden" id="qty-alert[96893_137ac2fc782845b78c3086c64af6e750_6ac211b662ef0]">
26561                        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill="currentColor" viewBox="0 0 20 20" class="w-3 h-3 mr-1 text-energy inline-block align-text-top">
26562<title>Warning</title>
26563    <path d="M19.64 16.36L11.53 2.3A1.85 1.85 0 0 0 10 1.21 1.85 1.85 0 0 0 8.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>
26564</svg>
26565                        <span>Bitte&#x20;nur&#x20;ganze&#x20;Zahlen&#x20;eingeben.</span>
26566                    </div>
26567                </div>
26568            </div>
26569        </div>
26570    </form>
26571</div>
26572                    </li>
26573                                                                    <li class="splide__slide">
26574                        <div class="h-full">
26575    <form method="post"
26576          aria-label="Product&#x20;tile&#x20;for&#x3A;&#x20;Portionsbecher,&#x20;PP&#x20;30&#x20;ml&#x20;&#xD8;&#x20;4,6&#x20;cm&#x20;&#xB7;&#x20;2,8&#x20;cm&#x20;schwarz"
26577          action="https://www.papstar-shop.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cucGFwc3Rhci1zaG9wLmRlLz9tc2Nsa2lkPWI5ODJhMjlkYWVkYzFjMWQyM2I2Yzg1ZmEzZjY4ZjFj/product/97139/"
26578          class="item product product-item product_addtocart_form border rounded p-2.5 bg-container-white hover:shadow-lg flex flex-col w-full h-full"
26579            >
26580        <input name="form_key" type="hidden" value="rKVCmaFj7egUOB24" />        <input type="hidden" name="product" value="97139"/>
26581        <div
26582            class="relative product photo product-item-photo block mb-3 px-12 ">
26583                <a x-data="ReqBlind_6ac211b6703f7()"
26584       href="https://www.papstar-shop.de/customer/account/"
26585       title="Portionsbecher, PP 30 ml Ø 4,6 cm · 2,8 cm schwarz Zum Merkzettel hinzufügen"
26586       aria-label="Portionsbecher, PP 30 ml Ø 4,6 cm · 2,8 cm schwarz Zum Merkzettel hinzufügen"
26587       @click.prevent="open($event)"
26588       class="p-2 bg-transparent absolute right-0 hover:text-primary-darker bottom-0">
26589        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85" xml:space="preserve" fill="currentColor" class="mx-auto bg-transparent text-black" width="36" height="36">
26590    <path d="M23.895 23.457a8.424 8.424 0 0 0-2.896 1.895c-3.408 3.41-3.308 9.06.226 12.594" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/><path d="M68.801 42.971c6.287-6.289 6.389-16.478.224-22.645-6.165-6.164-16.354-6.063-22.644.225l-3.896 3.871-3.87-3.871c-6.287-6.288-16.477-6.389-22.641-.225-6.164 6.167-6.064 16.355.225 22.645l26.295 26.262 26.307-26.262z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/></svg>
26591        <span class="sr-only">Zum Merkzettel hinzufügen</span>
26592    </a>
26593    
26593<script>
26594        function ReqBlind_6ac211b6703f7() {
26595            return {
26596                open: function (event) {
26597                    window.scrollTo(0, 0);
26598                    dispatchMessages([{
26599                        type: 'notice',
26600                        text: 'Sie müssen eingeloggt sein, um die Merkzettel-Funktion zu nutzen.'
26601                    }], 5000);
26602                    let href = event.currentTarget.href;
26603                    setTimeout(function() {
26604                        window.location = href;
26605                    }, 4000);
26606                }
26607            }
26608        }
26609    </script>
26609
26610                                        <ul class="product-tile__badges z-10">
26611                                                    <li class="product-tile__badges-item
26612                badge-new-97139"
26613                                    >
26614                                            Neu                                    </li>
26615                        </ul>
26616                        <a href="https://www.papstar-shop.de/portionsbecher-pp-30-ml-4-6-cm-2-8-cm-schwarz-97139.htm"
26617               tabindex="-1"
26618                            >
26619                <picture class="object-contain mx-auto py-3 product-image-photo"><source type="image/webp" srcset="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/P/o/Portionsbecher-PP-30-ml-4-6-cm-2-8-cm-schwarz-97139_b_0.webp"><img class="object-contain mx-auto py-3 product-image-photo" x-data="" @update-gallery-97139.window="$el.src = $event.detail" src="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/P/o/Portionsbecher-PP-30-ml-4-6-cm-2-8-cm-schwarz-97139_b_0.jpg" loading="lazy" itemprop="image" width="360" height="360" alt="Portionsbecher,&#x20;PP&#x20;30&#x20;ml&#x20;&#xD8;&#x20;4,6&#x20;cm&#x20;&#xB7;&#x20;2,8&#x20;cm&#x20;schwarz" title="Portionsbecher,&#x20;PP&#x20;30&#x20;ml&#x20;&#xD8;&#x20;4,6&#x20;cm&#x20;&#xB7;&#x20;2,8&#x20;cm&#x20;schwarz" loading="lazy" /></picture>
26620            </a>
26621        </div>
26622        <div class="product-info flex flex-col flex-grow">
26623            <div class="text-black font-semibold text-base">
26624                                    &nbsp;                            </div>
26625                        <div
26626                class="mt-1 text-black font-semibold text-base text-left sm:min-h-90px">
26627                <a class="product-item-link "
26628                   href="https://www.papstar-shop.de/portionsbecher-pp-30-ml-4-6-cm-2-8-cm-schwarz-97139.htm"
26629                                    >
26630                    Portionsbecher, PP 30 ml Ø 4,6 cm · 2,8 cm schwarz                </a>
26631                            </div>
26632            <div class="flex mt-1 mb-1">
26633                <div class="mt-auto sku text-sm">
26634                    <span>Artikel-Nr.: </span>97139                </div>
26635                                    <div class="lg:w-auto ml-auto block ">
26636                                            </div>
26637                            </div>
26638
26639                        <div class="mt-1 text-xs text-gray-600 italic">
26640                                    Verfügbar in 7 Varianten                            </div>
26641
26642            <div class="h-full flex justify-between flex-col">
26643                                                                
26643<script>
26644        function initConfigurableSwatchOptions_97139() {
26645            const configurableOptionsComponent = initConfigurableOptions(
26646                '97139',
26647                {"attributes":{"254":{"id":"254","code":"order_unit","label":"Bestelleinheit","options":[{"id":"7059","label":"Karton","products":["197139"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"197139":{"baseOldPrice":{"amount":25.6},"oldPrice":{"amount":30.464001},"basePrice":{"amount":25.6},"finalPrice":{"amount":30.464001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"3,05\u00a0Cent \/ St\u00fcck","basePrice":"2,56\u00a0Cent \/ St\u00fcck"}}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":25.6},"oldPrice":{"amount":30.464001},"basePrice":{"amount":25.6},"finalPrice":{"amount":30.464001}},"productId":"97139","chooseText":"W\u00e4hlen Sie eine Option\u2026","images":[],"index":{"197139":{"254":"7059"}},"salable":{"254":{"7059":["197139"]}},"canDisplayShowOutOfStockStatus":true,"preSelectedGallery":[],"channel":"website","salesChannelCode":"papstar_de","sku":{"197139":"4031222333016"},"quantities":{"197139":128}}            );
26648            const swatchOptionsComponent = initSwatchOptions({"254":{"7059":{"type":"0","value":null,"label":"Karton","unit":"###VPE### St\u00fcck (20 x 50)","vpe":"1000"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}});
26649
26650            return Object.assign(
26651                configurableOptionsComponent,
26652                swatchOptionsComponent,
26653                {
26654                    mediaCallback: "https\u003A\u002F\u002Fwww.papstar\u002Dshop.de\u002Fswatches\u002Fajax\u002Fmedia\u002F",
26655                    changeOption(optionId, value, skipUpdateGallery) {
26656                        if (value === '') {
26657                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
26658                        } else {
26659                            this.selectedValues[optionId] = value;
26660                        }
26661                        this.findSimpleIndex();
26662                        this.findAllowedAttributeOptions();
26663                        this.updateStock();
26664                        this.updatePrices();
26665                        this.updateSavingPriceInfo();
26666                    },
26667                    unitSavingsPrice: null,
26668                    hasSpecialPrice: false,
26669                    finalPrice: {
26670                        amount: 0.00
26671                    },
26672                    oldPrice: {
26673                        amount: 0.00
26674                    },
26675
26676                    updateHasSpecialPrice() {
26677                        this.hasSpecialPrice = this.finalPrice.amount < this.oldPrice.amount;
26678                    },
26679                    updateSavingPriceInfo() {
26680                        const detail = this.optionConfig.optionPrices[this.productIndex];
26681                        this.oldPrice.amount = detail.oldPrice.amount;
26682                        this.finalPrice.amount = detail.finalPrice.amount;
26683
26684                        this.updateHasSpecialPrice();
26685
26686                        if (!this.hasSpecialPrice) {
26687                            this.unitSavingsPrice = detail.unitSavings;
26688                        }
26689                    },
26690                    preselectQuerystringItems: function() {
26691                        let found = false;
26692                        // pre-select option like ?size=167
26693                        const urlQueryParams = new URLSearchParams(window.location.search.replace("?", ""));
26694                        Object.values(this.optionConfig.attributes).map(attribute => {
26695                            const skipUpdateGallery = true;
26696                            if (urlQueryParams.get(attribute.code) !== null) {
26697                                let optionId = urlQueryParams.get(attribute.code);
26698                                found = false;
26699                                Object.values(attribute.options).map(option => {
26700                                    if (found === false && option.label === optionId) {
26701                                        optionId = option.id;
26702                                        found = true;
26703                                    }
26704                                });
26705                                this.changeOption(attribute.id, optionId, skipUpdateGallery);
26706                            }
26707                        });
26708                        if (found === false) {
26709                            // pre-select first option
26710                            Object.values(this.optionConfig.attributes).map(attribute => {
26711                                if (attribute.code === "order_unit") {
26712                                    let optionId = 0;
26713                                    Object.values(attribute.options).map(option => {
26714                                        if (this.selectedValues.length === 0) {
26715                                            if (found === false && option.products.length > 0) {
26716                                                optionId = option.id;
26717                                                this.changeOption(attribute.id, optionId, true);
26718                                                found = true;
26719                                            }
26720                                        } else {
26721                                            optionId = this.selectedValues[attribute.id];
26722                                            this.changeOption(attribute.id, optionId, true);
26723                                            found = true;
26724                                        }
26725                                    });
26726                                }
26727                            });
26728                        }
26729                    },
26730                    mouseDown: false,
26731                    startX: 0,
26732                    maxScroll: 0,
26733                    scrollLeft: null,
26734                    slider: null,
26735                    scrollEvents: {
26736                        ["@mousedown"](e) {
26737                            this.slider = e.target.closest(".snap");
26738                            if (!this.slider) {
26739                                return;
26740                            }
26741                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
26742                            this.startX = e.pageX - this.slider.offsetLeft;
26743                            this.scrollLeft = this.slider.scrollLeft;
26744                            this.mouseDown = true;
26745                        },
26746                        ["@mouseout.self"]() {
26747                            this.mouseDown = false;
26748                        },
26749                        ["@mouseup"]() {
26750                            this.mouseDown = false;
26751                        },
26752                        ["@mousemove"](e) {
26753                            e.preventDefault();
26754                            if (!this.mouseDown) {
26755                                return;
26756                            }
26757                            const x = e.pageX - this.slider.offsetLeft;
26758                            const scroll = x - this.startX;
26759                            const scrollLeft = this.scrollLeft - scroll;
26760
26761                            if (scrollLeft > this.maxScroll) {
26762                                this.slider.scrollLeft = this.maxScroll;
26763                                return;
26764                            }
26765                            this.slider.scrollLeft = this.scrollLeft - scroll;
26766                        },
26767                        ["@onselectstart"]() {
26768                            return false;
26769                        }
26770                    },
26771                    resizeEvent() {
26772                        Array.from(this.$el.querySelectorAll(".snap")).forEach(sli
26772der => {
26773                            slider.scrollLeft = 0;
26774                        });
26775                    }
26776                }
26777            );
26778        }
26779    </script>
26779
26780
26781    <div x-data="initConfigurableSwatchOptions_97139();"
26782         x-defer="intersect"
26783         x-init="getAllowedAttributeOptions();() => preselectQuerystringItems();preselectQuerystringItems();"
26784         @private-content-loaded.window="onGetCartData($event.detail.data)"
26785         @update-prices-97139.window="unitSavingsInfo = $event.detail.unitSavings"
26786         @touchstart.passive="preselectQuerystringItems()"
26787         @resize.window="resizeEvent()"
26788         class="relative md:w-full"
26789         @preselectswatch.window="preselectQuerystringItems()"
26790    >
26791        <div>
26792                                            
26793                                <div class="swatch-attribute order_unit">
26794                    <div class="w-full overflow-x-hidden swatch-attribute-options pt-2">
26795                        <div
26796                            class="w-full overflow-auto transition-all snap items-center min-h-14 product-listing-option-wrapper grid gap-2 pb-2"
26797                            id="attribute-label-97139-254"
26798                                                        :role="optionConfig.attributes?.[254]?.options?.length ? 'radiogroup' : null"
26799                            :aria-label="optionConfig.attributes?.[254]?.options?.length ? 'Attribut-order_unit' : null"
26800                            x-bind="scrollEvents">
26801                            <template x-for="(item, index) in optionConfig.attributes[254].options"
26802                                      :key="item.id"
26803                            >
26804                                
26805<div class="swatch-item">
26806        <label
26807            :for="'attribute-option-swatch-input6ac211b6744853.1429556797139-'+item.id"
26808            class="rounded swatch-option flex flex-col relative shadow-sm cursor-pointer select-none text-center product-option-value-label"
26809            :class="{
26810                'bg-secondary border-container-lighter text-white' : (selectedValues[254] === item.id),
26811                'bg-container-lighter' : (selectedValues[254] !== item.id),
26812                'w-6 h-6' : !isTextSwatch(254, item.id),
26813                'bg-secondary text-white' : focusedLabel === item.id
26814            }"
26815            :style="getSwatchBackgroundStyle('254',item.id)"
26816        >
26817            <input
26818                :id="'attribute-option-swatch-input6ac211b6744853.1429556797139-'+item.id"
26819                :value="item.id"
26820                name="super_attribute[254]-97139]"
26821                type="radio"
26822                role="radio"
26823                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
26824                style="z-index:-1"
26825                x-on:focus="focusLabel(item.id)"
26826                x-on:blur="blurLabel()"
26827                x-on:change="changeOption(254, $event.target.value)"
26828                x-model="selectedValues[254]"
26829                :required="getAllowedAttributeOptions(254).filter(
26830                                                                    attributeOption => selectedValues[attributeOption]
26831                                                                ).length === 0"
26832                :aria-label="getSwatchText(254, item.id) + ': ' + getSwatchUnitText(254, item.id)"
26833            >
26834            <div x-html="getSwatchText(254, item.id)"
26835                 class="whitespace-nowrap text-sm font-bold"
26836                 :class="{ 'sr-only' : !isTextSwatch(254, item.id) }"
26837                 aria-hidden="false"
26838            ></div>
26839            <!-- N98 custom attributes start-->
26840            <div x-html="getSwatchUnitText(254, item.id)"
26841                 class="text-xs" aria-hidden="false"></div>
26842            <!-- N98 custom attributes end-->
26843        </label>
26844        <template x-if="unitSavingsInfo && selectedValues[254] === item.id">
26845            <div class="unit-savings-price">
26846                <span class="-info" x-html="unitSavingsInfo"></span>
26847            </div>
26848        </template>
26849    <template x-if="index != 0 && selectedValues[254] !== item.id">
26850        <div class="unit-savings-price">
26851            <span class="-info">
26852            <span><?xml version="1.0" encoding="UTF-8"?>
26853<svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" version="1.1" viewBox="0 0 18 22" width="16" height="16">
26854    <title>Percent</title>
26855  <defs>
26856    <style>
26857      .st0 {
26858        stroke-linecap: round;
26859        stroke-linejoin: round;
26860      }
26861
26862      .st0, .st1 {
26863        fill: none;
26864        stroke-width: 1.5px;
26865      }
26866
26867      .st1 {
26868        stroke-miterlimit: 10;
26869      }
26870    </style>
26871  </defs>
26872  <path class="st1" stroke="currentColor" d="M16.2,16.6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
26873  <g>
26874    <path class="st1" stroke="currentColor" d="M8,6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
26875    <path class="st0" stroke="currentColor" d="M3.5,18.7L15.4,3.9"/>
26876  </g>
26877</svg>
26878</span>
26879            </span>
26880        </div>
26881    </template>
26882</div>
26883                            </template>
26884                        </div>
26885                    </div>
26886                </div>
26887                    </div>
26888                    <template x-if="isTooltipVisible()">
26889    <div class="absolute shadow-lg"
26890        :style="isLayeredSwatch == false && getTooltipPosition()"
26891    >
26892        <div class="absolute top-0 left-0 z-50 p-2 -mt-6 text-sm leading-tight text-black
26893                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
26894        >
26895        <!--template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
26896            <div x-show="getSwatchType(activeTooltipItem.type) !== 'color'"
26897                class="inline-block shadow-sm"
26898                :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
26899            ></div>
26900        </template-->
26901            <span class="mx-2 text-sm font-semibold whitespace-nowrap subtitle"
26902                    x-html="getTooltipLabel()"
26903            ></span>
26904        </div>
26905        <svg class="absolute z-50 w-8 h-8 text-white transform -translate-x-3
26906                -translate-y-8 fill-current stroke-current"
26907                width="12"
26908                height="12"
26909        >
26910            <title>Tooltip Icon</title>
26911            <rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
26912        </svg>
26913    </div>
26914</template>
26915            </div>
26916                                        
26917                
26917<script>
26918                    function initPriceBox__137ac2fc782845b78c3086c64af6e750_6ac211b670121() {
26919                        return {
26920                            updatePrice(priceData, productId) {
26921                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
26922                                const regularOldPriceElement = this.$el.querySelector('.normal-price .old-price');
26923                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
26924                                const regularPriceElementTax = this.$el.querySelector('.normal-price .price-container .tax');
26925                                const regularOldBasePriceElement = this.$el.querySelector('.base-price .old-price');
26926                                const regularBasePriceElement = this.$el.querySelector('.base-price .price-wrapper .price');
26927                                const regularBasePriceElementTax = this.$el.querySelector('.base-price .price-container .tax');
26928                                const unitPriceElement = this.$el.querySelector('.normal-price .unitPrice');
26929                                const unitBasePriceElement = this.$el.querySelector('.base-price .unitPrice');
26930                                const productTileBadge = document.querySelector('.badge-discounted-' + productId);
26931
26932                                let specialPrice = false;
26933                                let specialPricePercent;
26934
26935                                if (regularPriceLabel) {
26936                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
26937                                        regularPriceLabel.classList.remove('hidden');
26938                                    } else {
26939                                        regularPriceLabel.classList.add('hidden');
26940                                    }
26941                                }
26942
26943                                if (productTileBadge) {
26944                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
26945                                        specialPricePercent = (priceData.oldPrice.amount - priceData.finalPrice.amount)
26946                                            / priceData.oldPrice.amount * 100;
26947                                        productTileBadge.innerText = '-' + Math.round(specialPricePercent) + '%';
26948                                        productTileBadge.classList.remove('hidden');
26949                                    }
26950                                }
26951
26952                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
26953                                    specialPrice = true;
26954                                } else {
26955                                    specialPrice = false;
26956                                }
26957
26958                                if (regularOldPriceElement && priceData.oldPrice.amount) {
26959                                    if (specialPrice) {
26960                                        regularOldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount);
26961                                    } else {
26962                                        regularOldPriceElement.innerText = '';
26963                                    }
26964                                }
26965
26966                                if (regularPriceElement) {
26967                                    regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
26968                                    regularPriceElementTax.style.display = 'block';
26969                                }
26970
26971                                if (unitPriceElement) {
26972                                    unitPriceElement.innerText = '';
26973                                }
26974
26975                                if (unitPriceElement && priceData.unitPrice.pricePerUnitHTML.price) {
26976                                    unitPriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.price;
26977                                }
26978
26979                                if (regularOldBasePriceElement && priceData.baseOldPrice.amount) {
26980                                    if (specialPrice) {
26981                                        regularOldBasePriceElement.innerText =
26982                                            hyva.formatPrice(priceData.baseOldPrice.amount);
26983                                    } else {
26984                                        regularOldBasePriceElement.innerText = '';
26985                                    }
26986                                }
26987
26988                                if (regularBasePriceElement) {
26989                                    regularBasePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount);
26990                                    regularBasePriceElementTax.style.display = 'block';
26991                                }
26992
26993                                if (unitBasePriceElement) {
26994                                    unitBasePriceElement.innerText = '';
26995                                }
26996
26997                                if (unitBasePriceElement && priceData.unitPrice.pricePerUnitHTML.basePrice) {
26998                                    unitBasePriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.basePrice;
26999                                }
27000
27001                                if (priceData.finalPrice.amount === priceData.basePrice.amount) {
27002                                    this.$el.querySelector('.normal-price').classList.add('hidden');
27003                                } else {
27004                                    this.$el.querySelector('.normal-price').classList.remove('hidden');
27005                                }
27006                            }
27007                        }
27008                    }
27009
27010                    function initQtyField__137ac2fc782845b78c3086c64af6e750_6ac211b670121() {
27011                        return {
27012                            qty: 1,
27013                            input: document.getElementById('qty[97139_137ac2fc782845b78c3086c64af6e750_6ac211b670121]'),
27014                            addToCart: document.getElementById('add-to-cart[97139_137ac2fc782845b78c3086c64af6e750_6ac211b670121]'),
27015                            qtyAlert: document.getElementById('qty-alert[97139_137ac2fc782845b78c3086c64af6e750_6ac211b670121]'),
27016                            currentStock: 0,
27017
27018                            validateQty(qty) {
27019                                let regex = /^\d+$/;
27020                                let pattern = regex.test(qty);
27021
27022                                this.addToCart.disabled = qty === 0
27023                                    || qty === null
27024                                    || qty > 10000                                    || !pattern
27025                                    || this.addToCart.classList.contains('not-available');
27026
27027                                if (qty === 0
27028                                    || qty === null
27029                                    || qty > 10000                                    || !pattern) {
27030                                    this.qtyAlert.style.display = 'block';
27031                                } else {
27032                                    this.qtyAlert.style.display = 'none';
27033                                }
27034                            },
27035
27036                            stepUp() {
27037                                this.input.stepUp();
27038                                let qty = document.getElementById('qty[97139_137ac2fc782845b78c3086c64af6e750_6ac211b670121]').value;
27039                                this.validateQty(qty);
27040
27041                            },
27042
27043                            stepDown() {
27044                                this.input.stepDown();
27045                                let qty = document.getElementById('qty[97139_137ac2fc782845b78c3086c64af6e750_6ac211b670121]').value;
27046                                this.validateQty(qty);
27047                            }
27048                        };
27049                    }
27050                </script>
27050
27051                <div class="relative price-block">
27052                    <div class="flex my-4 sm:min-h-42px w-full">
27053                                                <div class="w-full"
27054                             x-data="initPriceBox__137ac2fc782845b78c3086c64af6e750_6ac211b670121()"
27055                             x-init="() => $dispatch('preselectswatch')"
27056                             @update-prices-97139.window="updatePrice($event.detail,97139);">
27057                            <div
27058                                class="price-box mt-3 price-final_price flex flex-wrap justify-between"
27059                                data-role="priceBox">
27060                                <div class="normal-price text-left ">
27061                                <span class="price-container price-final_price tax weee">
27062                                    <div class="old-price text-xs including-tax line-through"></div>
27063                                    <div id="price-including-tax-product-price-97139"
27064                                         data-price-type="finalPrice"
27065                                         class="price-wrapper price-including-tax finalPrice flex items-end">
27066                                        <span class="price"></span>
27067                                        <span class="tax font-normal hidden">mit MwSt.</span>
27068                                    </div>
27069                                    <div class="unitPrice text-xs"></div>
27070                                </span>
27071                                </div>
27072
27073                                <div class="base-price text-left ">
27074                                <span class="price-container price-final_price tax weee">
27075                                    <div class="old-price text-xs excluding-tax line-through"></div>
27076                                    <div id="price-excluding-tax-product-price-97139"
27077                                         data-price-type="finalPrice"
27078                                         class="price-wrapper price-excluding-tax finalPrice flex items-end">
27079                                        <span class="price"></span>
27080                                        <span class="tax font-normal hidden">ohne MwSt.</span>
27081                                    </div>
27082                                    <div class="unitPrice text-xs"></div>
27083                                </span>
27084                                </div>
27085                            </div>
27086                        </div>
27087                    </div>
27088
27089                                            <div x-data="{ currentStock: 0 }"
27090                             x-init="() => $dispatch('preselectswatch')"
27091                             @update-stock-97139.window="currentStock = $event.detail"
27092                             class="flex flex-wrap mt-auto text-left">
27093                            <div class="stock-status text-xs w-full mb-3 mt-auto basis-full">
27094                                <template x-if="currentStock">
27095                                    <div>
27096                                    <span x-show="currentStock > 0" class="text-green-main">
27097                                        Sofort versandfertig, Lieferzeit: 1-3 Werktage                                    </span>
27098                                        <span x-show="currentStock <= 0 && currentStock > -1000"
27099                                              class="text-yellow-700">
27100                                        Aktuell nicht lieferbar, Lieferzeit: 5-10 Werktage                                    </span>
27101                                        <span x-show="currentStock <= -1000 && currentStock > -5000"
27102                                              class="text-red-600">
27103                                        Aktuell nicht lieferbar                                    </span>
27104                                    </div>
27105                                </template>
27106                            </div>
27107                        </div>
27108                    
27109                    
27110                    <div class="flex gap-4 mt-auto justify-end lg:justify-between"
27111                         x-data="initQtyField__137ac2fc782845b78c3086c64af6e750_6ac211b670121()"
27112                         x-init="() => $dispatch('preselectswatch')"
27113                         @update-stock-97139.window="currentStock = $event.detail;">
27114                                                    <div class="w-1/2 flex"
27115                                x-show="currentStock > -5000"
27116                                :aria-hidden="currentStock <= -5000">
27117                                <button
27118                                    class="qty-button -minus-button"
27119                                    type="button"
27120                                    title="Weniger"
27121                                    x-on:click="stepDown()">
27122                                    <?xml version="1.0" encoding="utf-8"?>
27123<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
27124<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="w-5 h-5" width="20" height="20">
27125        <title>Minus</title>
27126    <g>
27127	<g>
27128		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
27129	</g>
27130</g>
27131</svg>
27132                                </button>
27133                                <label for="qty[97139_137ac2fc782845b78c3086c64af6e750_6ac211b670121]"
27134                                       class="sr-only">
27135                                    Anzahl                                </label>
27136                                <input name="qty"
27137                                       class="form-input rounded-none px-2 text-center invalid:ring-2 invalid:ring-red-500 w-11/12"
27138                                       id="qty[97139_137ac2fc782845b78c3086c64af6e750_6ac211b670121]"
27139                                       type="number"
27140                                       inputmode="numeric"
27141                                       maxlength="5"
27142                                       min="1"                                       max="10000"                                       step="1"                                       :value="qty"
27143                                       x-model.number="qty"
27144                                       x-on:input.change="validateQty(qty);"
27145                                />
27146                                <button
27147                                    class="qty-button -plus-button"
27148                                    type="button"
27149                                    title="Mehr"
27150                                    class="plus"
27151                                    x-on:click="stepUp()">
27152                                    <?xml version="1.0" encoding="utf-8"?>
27153<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
27154<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="text-white" width="20" height="20">
27155        <title>Plus Sign</title>
27156    <g>
27157	<g>
27158		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
27159	</g>
27160	<g>
27161		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
27162	</g>
27163</g>
27164</svg>
27165                                </button>
27166                            </div>
27167                            <div class="w-1/2"
27168                                 x-show="currentStock > -5000"
27169                                 :aria-hidden="currentStock <= -5000">
27170                                                                    <button class="btn btn-add-to-cart w-full h-full px-2 py-0"
27171                                            :disabled="currentStock <= -1000 || false"
27172                                            :class="{'not-available': currentStock <= -1000 || false}"
27173                                            id="add-to-cart[97139_137ac2fc782845b78c3086c64af6e750_6ac211b670121]"
27174                                            title="Portionsbecher,&#x20;PP&#x20;30&#x20;ml&#x20;&#xD8;&#x20;4,6&#x20;cm&#x20;&#xB7;&#x20;2,8&#x20;cm&#x20;schwarz&#x20;In&#x20;den&#x20;Warenkorb"
27175                                            aria-label="Portionsbecher,&#x20;PP&#x20;30&#x20;ml&#x20;&#xD8;&#x20;4,6&#x20;cm&#x20;&#xB7;&#x20;2,8&#x20;cm&#x20;schwarz&#x20;In&#x20;den&#x20;Warenkorb">
27176                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
27177    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
27178                                        <span class="sm:pl-2 md:hidden lg:block">
27179                                            In&#x20;den&#x20;Warenkorb                                        </span>
27180                                    </button>
27181                                                            </div>
27182                        
27183                        <a x-cloak
27184                           x-show="currentStock <= -5000"
27185                           :aria-hidden="currentStock > -5000"
27186                           href="https://www.papstar-shop.de/portionsbecher-pp-30-ml-4-6-cm-2-8-cm-schwarz-97139.htm"
27187                           class="btn btn-add-to-cart w-full h-full px-2 py-0"
27188                           id="add-to-cart[97139_137ac2fc782845b78c3086c64af6e750_6ac211b670121]"
27189                           title="Portionsbecher,&#x20;PP&#x20;30&#x20;ml&#x20;&#xD8;&#x20;4,6&#x20;cm&#x20;&#xB7;&#x20;2,8&#x20;cm&#x20;schwarz&#x20;Produkt&#x20;individualisieren"
27190                           aria-label="Portionsbecher,&#x20;PP&#x20;30&#x20;ml&#x20;&#xD8;&#x20;4,6&#x20;cm&#x20;&#xB7;&#x20;2,8&#x20;cm&#x20;schwarz&#x20;Produkt&#x20;individualisieren">
27191                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
27192    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
27193                            <span class="sm:pl-2 md:hidden lg:block py-4">
27194                                            Produkt&#x20;individualisieren                                        </span>
27195                        </a>
27196
27197                                                    
27197<script>
27198    'use strict';
27199
27200    (() => {
27201        window.addEventListener(
27202            'ga-initialized',
27203            () => {
27204                const productForm = document.querySelector(
27205                    'form\u005Bdata\u002Dsku\u003D\u002297139\u0022\u005D'
27206                );
27207
27208                if (!productForm) {
27209                    return;
27210                }
27211
27212                let sku = '97139';
27213
27214                window.addEventListener(
27215                    'listing\u002Dconfigurable-selection-changed',
27216                    (event) => {
27217                        if (event.detail.skuCandidates.length === 1
27218                            && event.detail.productId === '97139'
27219                        ) {
27220                            sku = event.detail.skuCandidates[0];
27221                        }
27222                    }
27223                );
27224
27225                function bindEventListener(element, event)
27226                {
27227                    element.addEventListener(event, () => {
27228                        if (productForm.checkValidity()) {
27229                            const priceSelector = false                                ? '#product-price-97139 .price'
27230                                : '[data-price-box="product-id-97139"] .price';
27231
27232                            window.dispatchEvent(new CustomEvent('cart-item-added', {
27233                                detail: [{
27234                                    product_sku: sku,
27235                                    product_name: 'Portionsbecher,\u0020PP\u002030\u0020ml\u0020\u00D8\u00204,6\u0020cm\u0020\u00B7\u00202,8\u0020cm\u0020schwarz',
27236                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),
27237
27238                                                                            qty: 1,
27239                                                                    }],
27240                            }));
27241                        }
27242                    });
27243                }
27244
27245                                    const button = productForm.querySelector(
27246                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
27247                    );
27248
27249                    if (!button) {
27250                        return;
27251                    }
27252
27253                    bindEventListener(button, 'click');
27254                            },
27255            { once: true }
27256        );
27257    })();
27258</script>
27258
27259                                            </div>
27260                    <div class="qty-alert hidden" id="qty-alert[97139_137ac2fc782845b78c3086c64af6e750_6ac211b670121]">
27261                        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill="currentColor" viewBox="0 0 20 20" class="w-3 h-3 mr-1 text-energy inline-block align-text-top">
27262<title>Warning</title>
27263    <path d="M19.64 16.36L11.53 2.3A1.85 1.85 0 0 0 10 1.21 1.85 1.85 0 0 0 8.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>
27264</svg>
27265                        <span>Bitte&#x20;nur&#x20;ganze&#x20;Zahlen&#x20;eingeben.</span>
27266                    </div>
27267                </div>
27268            </div>
27269        </div>
27270    </form>
27271</div>
27272                    </li>
27273                                                                    <li class="splide__slide">
27274                        <div class="h-full">
27275    <form method="post"
27276          aria-label="Product&#x20;tile&#x20;for&#x3A;&#x20;Putzrollen,&#x20;3-lagig&#x20;&#xD8;&#x20;24&#x20;cm&#x20;&#xB7;&#x20;167,5&#x20;m&#x20;&#xD7;&#x20;35,8&#x20;cm&#x20;blau,&#x20;perforiert,&#x20;500&#x20;Abrisse&#x20;&#xE0;&#x20;35,8&#x20;&#xD7;&#x20;33,5&#x20;cm"
27277          action="https://www.papstar-shop.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cucGFwc3Rhci1zaG9wLmRlLz9tc2Nsa2lkPWI5ODJhMjlkYWVkYzFjMWQyM2I2Yzg1ZmEzZjY4ZjFj/product/37651/"
27278          class="item product product-item product_addtocart_form border rounded p-2.5 bg-container-white hover:shadow-lg flex flex-col w-full h-full"
27279            >
27280        <input name="form_key" type="hidden" value="rKVCmaFj7egUOB24" />        <input type="hidden" name="product" value="37651"/>
27281        <div
27282            class="relative product photo product-item-photo block mb-3 px-12 ">
27283                <a x-data="ReqBlind_6ac211b67ced9()"
27284       href="https://www.papstar-shop.de/customer/account/"
27285       title="Putzrollen, 3-lagig Ø 24 cm · 167,5 m × 35,8 cm blau, perforiert, 500 Abrisse à 35,8 × 33,5 cm Zum Merkzettel hinzufügen"
27286       aria-label="Putzrollen, 3-lagig Ø 24 cm · 167,5 m × 35,8 cm blau, perforiert, 500 Abrisse à 35,8 × 33,5 cm Zum Merkzettel hinzufügen"
27287       @click.prevent="open($event)"
27288       class="p-2 bg-transparent absolute right-0 hover:text-primary-darker bottom-0">
27289        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85" xml:space="preserve" fill="currentColor" class="mx-auto bg-transparent text-black" width="36" height="36">
27290    <path d="M23.895 23.457a8.424 8.424 0 0 0-2.896 1.895c-3.408 3.41-3.308 9.06.226 12.594" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/><path d="M68.801 42.971c6.287-6.289 6.389-16.478.224-22.645-6.165-6.164-16.354-6.063-22.644.225l-3.896 3.871-3.87-3.871c-6.287-6.288-16.477-6.389-22.641-.225-6.164 6.167-6.064 16.355.225 22.645l26.295 26.262 26.307-26.262z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/></svg>
27291        <span class="sr-only">Zum Merkzettel hinzufügen</span>
27292    </a>
27293    
27293<script>
27294        function ReqBlind_6ac211b67ced9() {
27295            return {
27296                open: function (event) {
27297                    window.scrollTo(0, 0);
27298                    dispatchMessages([{
27299                        type: 'notice',
27300                        text: 'Sie müssen eingeloggt sein, um die Merkzettel-Funktion zu nutzen.'
27301                    }], 5000);
27302                    let href = event.currentTarget.href;
27303                    setTimeout(function() {
27304                        window.location = href;
27305                    }, 4000);
27306                }
27307            }
27308        }
27309    </script>
27309
27310                                        <ul class="product-tile__badges z-10">
27311                                                    <li class="product-tile__badges-item
27312                badge-new-37651"
27313                                    >
27314                                            Neu                                    </li>
27315                        </ul>
27316                        <a href="https://www.papstar-shop.de/putzrollen-3-lagig-24-cm-167-5-m-35-8-cm-blau-perforiert-500-abrisse-a-37651.htm"
27317               tabindex="-1"
27318                            >
27319                <picture class="object-contain mx-auto py-3 product-image-photo"><source type="image/webp" srcset="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/P/u/Putzrollen-3-lagig-24-cm-167-5-m-x-35-8-cm-blau-perforiert-500-Abrisse-a-37651_b_0_2.webp"><img class="object-contain mx-auto py-3 product-image-photo" x-data="" @update-gallery-37651.window="$el.src = $event.detail" src="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/P/u/Putzrollen-3-lagig-24-cm-167-5-m-x-35-8-cm-blau-perforiert-500-Abrisse-a-37651_b_0_2.jpg" loading="lazy" itemprop="image" width="360" height="360" alt="Putzrollen,&#x20;3-lagig&#x20;&#xD8;&#x20;24&#x20;cm&#x20;&#xB7;&#x20;167,5&#x20;m&#x20;&#xD7;&#x20;35,8&#x20;cm&#x20;blau,&#x20;perforiert,&#x20;500&#x20;Abrisse&#x20;&#xE0;&#x20;35,8&#x20;&#xD7;&#x20;33,5&#x20;cm" title="Putzrollen,&#x20;3-lagig&#x20;&#xD8;&#x20;24&#x20;cm&#x20;&#xB7;&#x20;167,5&#x20;m&#x20;&#xD7;&#x20;35,8&#x20;cm&#x20;blau,&#x20;perforiert,&#x20;500&#x20;Abrisse&#x20;&#xE0;&#x20;35,8&#x20;&#xD7;&#x20;33,5&#x20;cm" loading="lazy" /></picture>
27320            </a>
27321        </div>
27322        <div class="product-info flex flex-col flex-grow">
27323            <div class="text-black font-semibold text-base">
27324                                    &nbsp;                            </div>
27325                        <div
27326                class="mt-1 text-black font-semibold text-base text-left sm:min-h-90px">
27327                <a class="product-item-link "
27328                   href="https://www.papstar-shop.de/putzrollen-3-lagig-24-cm-167-5-m-35-8-cm-blau-perforiert-500-abrisse-a-37651.htm"
27329                                    >
27330                    Putzrollen, 3-lagig Ø 24 cm · 167,5 m × 35,8 cm blau, perforiert, 500 Abrisse à 35,8 × 33,5 cm                </a>
27331                            </div>
27332            <div class="flex mt-1 mb-1">
27333                <div class="mt-auto sku text-sm">
27334                    <span>Artikel-Nr.: </span>37651                </div>
27335                                    <div class="lg:w-auto ml-auto block ">
27336                                            </div>
27337                            </div>
27338
27339                        <div class="mt-1 text-xs text-gray-600 italic">
27340                                    &nbsp;
27341                            </div>
27342
27343            <div class="h-full flex justify-between flex-col">
27344                                                                
27344<script>
27345        function initConfigurableSwatchOptions_37651() {
27346            const configurableOptionsComponent = initConfigurableOptions(
27347                '37651',
27348                {"attributes":{"254":{"id":"254","code":"order_unit","label":"Bestelleinheit","options":[{"id":"7059","label":"Karton","products":["137651"]},{"id":"7061","label":"Palette","products":["637651"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"637651":{"baseOldPrice":{"amount":291.48},"oldPrice":{"amount":346.861201},"basePrice":{"amount":291.48},"finalPrice":{"amount":346.861201},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"17,26\u00a0Cent \/ Meter","basePrice":"14,50\u00a0Cent \/ Meter"}},"unitSavings":"10% Ersparnis"},"137651":{"baseOldPrice":{"amount":26.99},"oldPrice":{"amount":32.118101},"basePrice":{"amount":26.99},"finalPrice":{"amount":32.118101},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"19,17\u00a0Cent \/ Meter","basePrice":"16,11\u00a0Cent \/ Meter"}}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":26.99},"oldPrice":{"amount":32.118101},"basePrice":{"amount":26.99},"finalPrice":{"amount":32.118101}},"productId":"37651","chooseText":"W\u00e4hlen Sie eine Option\u2026","images":[],"index":{"637651":{"254":"7061"},"137651":{"254":"7059"}},"salable":{"254":{"7061":["637651"],"7059":["137651"]}},"canDisplayShowOutOfStockStatus":true,"preSelectedGallery":[],"channel":"website","salesChannelCode":"papstar_de","sku":{"637651":"4049026439667","137651":"4002911770931"},"quantities":{"637651":19,"137651":235}}            );
27349            const swatchOptionsComponent = initSwatchOptions({"254":{"7059":{"type":"0","value":null,"label":"Karton","unit":"###VPE### St\u00fcck (1 x 2)","vpe":"2"},"7061":{"type":"0","value":null,"label":"Palette","unit":"###VPE### St\u00fcck (12 x 2)","vpe":"24"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}});
27350
27351            return Object.assign(
27352                configurableOptionsComponent,
27353                swatchOptionsComponent,
27354                {
27355                    mediaCallback: "https\u003A\u002F\u002Fwww.papstar\u002Dshop.de\u002Fswatches\u002Fajax\u002Fmedia\u002F",
27356                    changeOption(optionId, value, skipUpdateGallery) {
27357                        if (value === '') {
27358                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
27359                        } else {
27360                            this.selectedValues[optionId] = value;
27361                        }
27362                        this.findSimpleIndex();
27363                        this.findAllowedAttributeOptions();
27364                        this.updateStock();
27365                        this.updatePrices();
27366                        this.updateSavingPriceInfo();
27367                    },
27368                    unitSavingsPrice: null,
27369                    hasSpecialPrice: false,
27370                    finalPrice: {
27371                        amount: 0.00
27372                    },
27373                    oldPrice: {
27374                        amount: 0.00
27375                    },
27376
27377                    updateHasSpecialPrice() {
27378                        this.hasSpecialPrice = this.finalPrice.amount < this.oldPrice.amount;
27379                    },
27380                    updateSavingPriceInfo() {
27381                        const detail = this.optionConfig.optionPrices[this.productIndex];
27382                        this.oldPrice.amount = detail.oldPrice.amount;
27383                        this.finalPrice.amount = detail.finalPrice.amount;
27384
27385                        this.updateHasSpecialPrice();
27386
27387                        if (!this.hasSpecialPrice) {
27388                            this.unitSavingsPrice = detail.unitSavings;
27389                        }
27390                    },
27391                    preselectQuerystringItems: function() {
27392                        let found = false;
27393                        // pre-select option like ?size=167
27394                        const urlQueryParams = new URLSearchParams(window.location.search.replace("?", ""));
27395                        Object.values(this.optionConfig.attributes).map(attribute => {
27396                            const skipUpdateGallery = true;
27397                            if (urlQueryParams.get(attribute.code) !== null) {
27398                                let optionId = urlQueryParams.get(attribute.code);
27399                                found = false;
27400                                Object.values(attribute.options).map(option => {
27401                                    if (found === false && option.label === optionId) {
27402                                        optionId = option.id;
27403                                        found = true;
27404                                    }
27405                                });
27406                                this.changeOption(attribute.id, optionId, skipUpdateGallery);
27407                            }
27408                        });
27409                        if (found === false) {
27410                            // pre-select first option
27411                            Object.values(this.optionConfig.attributes).map(attribute => {
27412                                if (attribute.code === "order_unit") {
27413                                    let optionId = 0;
27414                                    Object.values(attribute.options).map(option => {
27415                                        if (this.selectedValues.length === 0) {
27416                                            if (found === false && option.products.length > 0) {
27417                                                optionId = option.id;
27418                                                this.changeOption(attribute.id, optionId, true);
27419                                                found = true;
27420                                            }
27421                                        } else {
27422                                            optionId = this.selectedValues[attribute.id];
27423                                            this.changeOption(attribute.id, optionId, true);
27424                                            found = true;
27425                                        }
27426                                    });
27427                                }
27428                            });
27429                        }
27430                    },
27431                    mouseDown: false,
27432                    startX: 0,
27433                    maxScroll: 0,
27434                    scrollLeft: null,
27435                    slider: null,
27436                    scrollEvents: {
27437                        ["@mousedown"](e) {
27438                            this.slider = e.target.closest(".snap");
27439                            if (!this.slider) {
27440                                return;
27441                            }
27442                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
27443                            this.startX = e.pageX - this.slider.offsetLeft;
27444                            this.scrollLeft = this.slider.scrollLeft;
27445                            this.mouseDown = true;
27446                        },
27447                        ["@mouseout.self"]() {
27448                            this.mouseDown = false;
27449                        },
27450                        ["@mouseup"]() {
27451                            this.mouseDown = false;
27452                        },
27453                        ["@mousemove"](e) {
27454                            e.preventDefault();
27455                            if (!this.mouseDown) {
27456                                return;
27457                            }
27458                            const x = e.pageX - this.slider.offsetLeft;
27459                            const scroll = x - this.startX;
27460                            const scrollLeft = this.scrollLeft - scroll;
27461
27462                            if (scrollLeft > this.maxScroll) {
27463                                this.slider.scrollLeft = this.maxScroll;
27464                                return;
27465                            }
27466                            this.slider.scrollLeft = this.scrollLeft - scroll;
27467                        },
27468                        ["@onselectstart"]() {
27469                            return false;
27470                        }
27471                    },
27472                    resizeEvent() {
27473                        Array.from(this.$el.querySelectorAll(".snap")).forEach(slider => {
27474                            slider.scrollLeft = 0;
27475                        });
27476                    }
27477                }
27478            );
27479        }
27480    </script>
27480
27481
27482    <div x-data="initConfigurableSwatchOptions_37651();"
27483         x-defer="intersect"
27484         x-init="getAllowedAttributeOptions();() => preselectQuerystringItems();preselectQuerystringItems();"
27485         @private-content-loaded.window="onGetCartData($event.detail.data)"
27486         @update-prices-37651.window="unitSavingsInfo = $event.detail.unitSavings"
27487         @touchstart.passive="preselectQuerystringItems()"
27488         @resize.window="resizeEvent()"
27489         class="relative md:w-full"
27490         @preselectswatch.window="preselectQuerystringItems()"
27491    >
27492        <div>
27493                                            
27494                                <div class="swatch-attribute order_unit">
27495                    <div class="w-full overflow-x-hidden swatch-attribute-options pt-2">
27496                        <div
27497                            class="w-full overflow-auto transition-all snap items-center min-h-14 product-listing-option-wrapper grid gap-2 pb-2"
27498                            id="attribute-label-37651-254"
27499                                                        :role="optionConfig.attributes?.[254]?.options?.length ? 'radiogroup' : null"
27500                            :aria-label="optionConfig.attributes?.[254]?.options?.length ? 'Attribut-order_unit' : null"
27501                            x-bind="scrollEvents">
27502                            <template x-for="(item, index) in optionConfig.attributes[254].options"
27503                                      :key="item.id"
27504                            >
27505                                
27506<div class="swatch-item">
27507        <label
27508            :for="'attribute-option-swatch-input6ac211b6829b19.3858538537651-'+item.id"
27509            class="rounded swatch-option flex flex-col relative shadow-sm cursor-pointer select-none text-center product-option-value-label"
27510            :class="{
27511                'bg-secondary border-container-lighter text-white' : (selectedValues[254] === item.id),
27512                'bg-container-lighter' : (selectedValues[254] !== item.id),
27513                'w-6 h-6' : !isTextSwatch(254, item.id),
27514                'bg-secondary text-white' : focusedLabel === item.id
27515            }"
27516            :style="getSwatchBackgroundStyle('254',item.id)"
27517        >
27518            <input
27519                :id="'attribute-option-swatch-input6ac211b6829b19.3858538537651-'+item.id"
27520                :value="item.id"
27521                name="super_attribute[254]-37651]"
27522                type="radio"
27523                role="radio"
27524                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
27525                style="z-index:-1"
27526                x-on:focus="focusLabel(item.id)"
27527                x-on:blur="blurLabel()"
27528                x-on:change="changeOption(254, $event.target.value)"
27529                x-model="selectedValues[254]"
27530                :required="getAllowedAttributeOptions(254).filter(
27531                                                                    attributeOption => selectedValues[attributeOption]
27532                                                                ).length === 0"
27533                :aria-label="getSwatchText(254, item.id) + ': ' + getSwatchUnitText(254, item.id)"
27534            >
27535            <div x-html="getSwatchText(254, item.id)"
27536                 class="whitespace-nowrap text-sm font-bold"
27537                 :class="{ 'sr-only' : !isTextSwatch(254, item.id) }"
27538                 aria-hidden="false"
27539            ></div>
27540            <!-- N98 custom attributes start-->
27541            <div x-html="getSwatchUnitText(254, item.id)"
27542                 class="text-xs" aria-hidden="false"></div>
27543            <!-- N98 custom attributes end-->
27544        </label>
27545        <template x-if="unitSavingsInfo && selectedValues[254] === item.id">
27546            <div class="unit-savings-price">
27547                <span class="-info" x-html="unitSavingsInfo"></span>
27548            </div>
27549        </template>
27550    <template x-if="index != 0 && selectedValues[254] !== item.id">
27551        <div class="unit-savings-price">
27552            <span class="-info">
27553            <span><?xml version="1.0" encoding="UTF-8"?>
27554<svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" version="1.1" viewBox="0 0 18 22" width="16" height="16">
27555    <title>Percent</title>
27556  <defs>
27557    <style>
27558      .st0 {
27559        stroke-linecap: round;
27560        stroke-linejoin: round;
27561      }
27562
27563      .st0, .st1 {
27564        fill: none;
27565        stroke-width: 1.5px;
27566      }
27567
27568      .st1 {
27569        stroke-miterlimit: 10;
27570      }
27571    </style>
27572  </defs>
27573  <path class="st1" stroke="currentColor" d="M16.2,16.6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
27574  <g>
27575    <path class="st1" stroke="currentColor" d="M8,6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
27576    <path class="st0" stroke="currentColor" d="M3.5,18.7L15.4,3.9"/>
27577  </g>
27578</svg>
27579</span>
27580            </span>
27581        </div>
27582    </template>
27583</div>
27584                            </template>
27585                        </div>
27586                    </div>
27587                </div>
27588                    </div>
27589                    <template x-if="isTooltipVisible()">
27590    <div class="absolute shadow-lg"
27591        :style="isLayeredSwatch == false && getTooltipPosition()"
27592    >
27593        <div class="absolute top-0 left-0 z-50 p-2 -mt-6 text-sm leading-tight text-black
27594                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
27595        >
27596        <!--template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
27597            <div x-show="getSwatchType(activeTooltipItem.type) !== 'color'"
27598                class="inline-block shadow-sm"
27599                :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
27600            ></div>
27601        </template-->
27602            <span class="mx-2 text-sm font-semibold whitespace-nowrap subtitle"
27603                    x-html="getTooltipLabel()"
27604            ></span>
27605        </div>
27606        <svg class="absolute z-50 w-8 h-8 text-white transform -translate-x-3
27607                -translate-y-8 fill-current stroke-current"
27608                width="12"
27609                height="12"
27610        >
27611            <title>Tooltip Icon</title>
27612            <rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
27613        </svg>
27614    </div>
27615</template>
27616            </div>
27617                                        
27618                
27618<script>
27619                    function initPriceBox__137ac2fc782845b78c3086c64af6e750_6ac211b67ca03() {
27620                        return {
27621                            updatePrice(priceData, productId) {
27622                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
27623                                const regularOldPriceElement = this.$el.querySelector('.normal-price .old-price');
27624                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
27625                                const regularPriceElementTax = this.$el.querySelector('.normal-price .price-container .tax');
27626                                const regularOldBasePriceElement = this.$el.querySelector('.base-price .old-price');
27627                                const regularBasePriceElement = this.$el.querySelector('.base-price .price-wrapper .price');
27628                                const regularBasePriceElementTax = this.$el.querySelector('.base-price .price-container .tax');
27629                                const unitPriceElement = this.$el.querySelector('.normal-price .unitPrice');
27630                                const unitBasePriceElement = this.$el.querySelector('.base-price .unitPrice');
27631                                const productTileBadge = document.querySelector('.badge-discounted-' + productId);
27632
27633                                let specialPrice = false;
27634                                let specialPricePercent;
27635
27636                                if (regularPriceLabel) {
27637                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
27638                                        regularPriceLabel.classList.remove('hidden');
27639                                    } else {
27640                                        regularPriceLabel.classList.add('hidden');
27641                                    }
27642                                }
27643
27644                                if (productTileBadge) {
27645                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
27646                                        specialPricePercent = (priceData.oldPrice.amount - priceData.finalPrice.amount)
27647                                            / priceData.oldPrice.amount * 100;
27648                                        productTileBadge.innerText = '-' + Math.round(specialPricePercent) + '%';
27649                                        productTileBadge.classList.remove('hidden');
27650                                    }
27651                                }
27652
27653                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
27654                                    specialPrice = true;
27655                                } else {
27656                                    specialPrice = false;
27657                                }
27658
27659                                if (regularOldPriceElement && priceData.oldPrice.amount) {
27660                                    if (specialPrice) {
27661                                        regularOldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount);
27662                                    } else {
27663                                        regularOldPriceElement.innerText = '';
27664                                    }
27665                                }
27666
27667                                if (regularPriceElement) {
27668                                    regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
27669                                    regularPriceElementTax.style.display = 'block';
27670                                }
27671
27672                                if (unitPriceElement) {
27673                                    unitPriceElement.innerText = '';
27674                                }
27675
27676                                if (unitPriceElement && priceData.unitPrice.pricePerUnitHTML.price) {
27677                                    unitPriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.price;
27678                                }
27679
27680                                if (regularOldBasePriceElement && priceData.baseOldPrice.amount) {
27681                                    if (specialPrice) {
27682                                        regularOldBasePriceElement.innerText =
27683                                            hyva.formatPrice(priceData.baseOldPrice.amount);
27684                                    } else {
27685                                        regularOldBasePriceElement.innerText = '';
27686                                    }
27687                                }
27688
27689                                if (regularBasePriceElement) {
27690                                    regularBasePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount);
27691                                    regularBasePriceElementTax.style.display = 'block';
27692                                }
27693
27694                                if (unitBasePriceElement) {
27695                                    unitBasePriceElement.innerText = '';
27696                                }
27697
27698                                if (unitBasePriceElement && priceData.unitPrice.pricePerUnitHTML.basePrice) {
27699                                    unitBasePriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.basePrice;
27700                                }
27701
27702                                if (priceData.finalPrice.amount === priceData.basePrice.amount) {
27703                                    this.$el.querySelector('.normal-price').classList.add('hidden');
27704                                } else {
27705                                    this.$el.querySelector('.normal-price').classList.remove('hidden');
27706                                }
27707                            }
27708                        }
27709                    }
27710
27711                    function initQtyField__137ac2fc782845b78c3086c64af6e750_6ac211b67ca03() {
27712                        return {
27713                            qty: 1,
27714                            input: document.getElementById('qty[37651_137ac2fc782845b78c3086c64af6e750_6ac211b67ca03]'),
27715                            addToCart: document.getElementById('add-to-cart[37651_137ac2fc782845b78c3086c64af6e750_6ac211b67ca03]'),
27716                            qtyAlert: document.getElementById('qty-alert[37651_137ac2fc782845b78c3086c64af6e750_6ac211b67ca03]'),
27717                            currentStock: 0,
27718
27719                            validateQty(qty) {
27720                                let regex = /^\d+$/;
27721                                let pattern = regex.test(qty);
27722
27723                                this.addToCart.disabled = qty === 0
27724                                    || qty === null
27725                                    || qty > 10000                                    || !pattern
27726                                    || this.addToCart.classList.contains('not-available');
27727
27728                                if (qty === 0
27729                                    || qty === null
27730                                    || qty > 10000                                    || !pattern) {
27731                                    this.qtyAlert.style.display = 'block';
27732                                } else {
27733                                    this.qtyAlert.style.display = 'none';
27734                                }
27735                            },
27736
27737                            stepUp() {
27738                                this.input.stepUp();
27739                                let qty = document.getElementById('qty[37651_137ac2fc782845b78c3086c64af6e750_6ac211b67ca03]').value;
27740                                this.validateQty(qty);
27741
27742                            },
27743
27744                            stepDown() {
27745                                this.input.stepDown();
27746                                let qty = document.getElementById('qty[37651_137ac2fc782845b78c3086c64af6e750_6ac211b67ca03]').value;
27747                                this.validateQty(qty);
27748                            }
27749                        };
27750                    }
27751                </script>
27751
27752                <div class="relative price-block">
27753                    <div class="flex my-4 sm:min-h-42px w-full">
27754                                                <div class="w-full"
27755                             x-data="initPriceBox__137ac2fc782845b78c3086c64af6e750_6ac211b67ca03()"
27756                             x-init="() => $dispatch('preselectswatch')"
27757                             @update-prices-37651.window="updatePrice($event.detail,37651);">
27758                            <div
27759                                class="price-box mt-3 price-final_price flex flex-wrap justify-between"
27760                                data-role="priceBox">
27761                                <div class="normal-price text-left ">
27762                                <span class="price-container price-final_price tax weee">
27763                                    <div class="old-price text-xs including-tax line-through"></div>
27764                                    <div id="price-including-tax-product-price-37651"
27765                                         data-price-type="finalPrice"
27766                                         class="price-wrapper price-including-tax finalPrice flex items-end">
27767                                        <span class="price"></span>
27768                                        <span class="tax font-normal hidden">mit MwSt.</span>
27769                                    </div>
27770                                    <div class="unitPrice text-xs"></div>
27771                                </span>
27772                                </div>
27773
27774                                <div class="base-price text-left ">
27775                                <span class="price-container price-final_price tax weee">
27776                                    <div class="old-price text-xs excluding-tax line-through"></div>
27777                                    <div id="price-excluding-tax-product-price-37651"
27778                                         data-price-type="finalPrice"
27779                                         class="price-wrapper price-excluding-tax finalPrice flex items-end">
27780                                        <span class="price"></span>
27781                                        <span class="tax font-normal hidden">ohne MwSt.</span>
27782                                    </div>
27783                                    <div class="unitPrice text-xs"></div>
27784                                </span>
27785                                </div>
27786                            </div>
27787                        </div>
27788                    </div>
27789
27790                                            <div x-data="{ currentStock: 0 }"
27791                             x-init="() => $dispatch('preselectswatch')"
27792                             @update-stock-37651.window="currentStock = $event.detail"
27793                             class="flex flex-wrap mt-auto text-left">
27794                            <div class="stock-status text-xs w-full mb-3 mt-auto basis-full">
27795                                <template x-if="currentStock">
27796                                    <div>
27797                                    <span x-show="currentStock > 0" class="text-green-main">
27798                                        Sofort versandfertig, Lieferzeit: 1-3 Werktage                                    </span>
27799                                        <span x-show="currentStock <= 0 && currentStock > -1000"
27800                                              class="text-yellow-700">
27801                                        Aktuell nicht lieferbar, Lieferzeit: 5-10 Werktage                                    </span>
27802                                        <span x-show="currentStock <= -1000 && currentStock > -5000"
27803                                              class="text-red-600">
27804                                        Aktuell nicht lieferbar                                    </span>
27805                                    </div>
27806                                </template>
27807                            </div>
27808                        </div>
27809                    
27810                    
27811                    <div class="flex gap-4 mt-auto justify-end lg:justify-between"
27812                         x-data="initQtyField__137ac2fc782845b78c3086c64af6e750_6ac211b67ca03()"
27813                         x-init="() => $dispatch('preselectswatch')"
27814                         @update-stock-37651.window="currentStock = $event.detail;">
27815                                                    <div class="w-1/2 flex"
27816                                x-show="currentStock > -5000"
27817                                :aria-hidden="currentStock <= -5000">
27818                                <button
27819                                    class="qty-button -minus-button"
27820                                    type="button"
27821                                    title="Weniger"
27822                                    x-on:click="stepDown()">
27823                                    <?xml version="1.0" encoding="utf-8"?>
27824<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
27825<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="w-5 h-5" width="20" height="20">
27826        <title>Minus</title>
27827    <g>
27828	<g>
27829		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
27830	</g>
27831</g>
27832</svg>
27833                                </button>
27834                                <label for="qty[37651_137ac2fc782845b78c3086c64af6e750_6ac211b67ca03]"
27835                                       class="sr-only">
27836                                    Anzahl                                </label>
27837                                <input name="qty"
27838                                       class="form-input rounded-none px-2 text-center invalid:ring-2 invalid:ring-red-500 w-11/12"
27839                                       id="qty[37651_137ac2fc782845b78c3086c64af6e750_6ac211b67ca03]"
27840                                       type="number"
27841                                       inputmode="numeric"
27842                                       maxlength="5"
27843                                       min="1"                                       max="10000"                                       step="1"                                       :value="qty"
27844                                       x-model.number="qty"
27845                                       x-on:input.change="validateQty(qty);"
27846                                />
27847                                <button
27848                                    class="qty-button -plus-button"
27849                                    type="button"
27850                                    title="Mehr"
27851                                    class="plus"
27852                                    x-on:click="stepUp()">
27853                                    <?xml version="1.0" encoding="utf-8"?>
27854<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
27855<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="text-white" width="20" height="20">
27856        <title>Plus Sign</title>
27857    <g>
27858	<g>
27859		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
27860	</g>
27861	<g>
27862		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
27863	</g>
27864</g>
27865</svg>
27866                                </button>
27867                            </div>
27868                            <div class="w-1/2"
27869                                 x-show="currentStock > -5000"
27870                                 :aria-hidden="currentStock <= -5000">
27871                                                                    <button class="btn btn-add-to-cart w-full h-full px-2 py-0"
27872                                            :disabled="currentStock <= -1000 || false"
27873                                            :class="{'not-available': currentStock <= -1000 || false}"
27874                                            id="add-to-cart[37651_137ac2fc782845b78c3086c64af6e750_6ac211b67ca03]"
27875                                            title="Putzrollen,&#x20;3-lagig&#x20;&#xD8;&#x20;24&#x20;cm&#x20;&#xB7;&#x20;167,5&#x20;m&#x20;&#xD7;&#x20;35,8&#x20;cm&#x20;blau,&#x20;perforiert,&#x20;500&#x20;Abrisse&#x20;&#xE0;&#x20;35,8&#x20;&#xD7;&#x20;33,5&#x20;cm&#x20;In&#x20;den&#x20;Warenkorb"
27876                                            aria-label="Putzrollen,&#x20;3-lagig&#x20;&#xD8;&#x20;24&#x20;cm&#x20;&#xB7;&#x20;167,5&#x20;m&#x20;&#xD7;&#x20;35,8&#x20;cm&#x20;blau,&#x20;perforiert,&#x20;500&#x20;Abrisse&#x20;&#xE0;&#x20;35,8&#x20;&#xD7;&#x20;33,5&#x20;cm&#x20;In&#x20;den&#x20;Warenkorb">
27877                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
27878    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
27879                                        <span class="sm:pl-2 md:hidden lg:block">
27880                                            In&#x20;den&#x20;Warenkorb                                        </span>
27881                                    </button>
27882                                                            </div>
27883                        
27884                        <a x-cloak
27885                           x-show="currentStock <= -5000"
27886                           :aria-hidden="currentStock > -5000"
27887                           href="https://www.papstar-shop.de/putzrollen-3-lagig-24-cm-167-5-m-35-8-cm-blau-perforiert-500-abrisse-a-37651.htm"
27888                           class="btn btn-add-to-cart w-full h-full px-2 py-0"
27889                           id="add-to-cart[37651_137ac2fc782845b78c3086c64af6e750_6ac211b67ca03]"
27890                           title="Putzrollen,&#x20;3-lagig&#x20;&#xD8;&#x20;24&#x20;cm&#x20;&#xB7;&#x20;167,5&#x20;m&#x20;&#xD7;&#x20;35,8&#x20;cm&#x20;blau,&#x20;perforiert,&#x20;500&#x20;Abrisse&#x20;&#xE0;&#x20;35,8&#x20;&#xD7;&#x20;33,5&#x20;cm&#x20;Produkt&#x20;individualisieren"
27891                           aria-label="Putzrollen,&#x20;3-lagig&#x20;&#xD8;&#x20;24&#x20;cm&#x20;&#xB7;&#x20;167,5&#x20;m&#x20;&#xD7;&#x20;35,8&#x20;cm&#x20;blau,&#x20;perforiert,&#x20;500&#x20;Abrisse&#x20;&#xE0;&#x20;35,8&#x20;&#xD7;&#x20;33,5&#x20;cm&#x20;Produkt&#x20;individualisieren">
27892                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
27893    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
27894                            <span class="sm:pl-2 md:hidden lg:block py-4">
27895                                            Produkt&#x20;individualisieren                                        </span>
27896                        </a>
27897
27898                                                    
27898<script>
27899    'use strict';
27900
27901    (() => {
27902        window.addEventListener(
27903            'ga-initialized',
27904            () => {
27905                const productForm = document.querySelector(
27906                    'form\u005Bdata\u002Dsku\u003D\u002237651\u0022\u005D'
27907                );
27908
27909                if (!productForm) {
27910                    return;
27911                }
27912
27913                let sku = '37651';
27914
27915                window.addEventListener(
27916                    'listing\u002Dconfigurable-selection-changed',
27917                    (event) => {
27918                        if (event.detail.skuCandidates.length === 1
27919                            && event.detail.productId === '37651'
27920                        ) {
27921                            sku = event.detail.skuCandidates[0];
27922                        }
27923                    }
27924                );
27925
27926                function bindEventListener(element, event)
27927                {
27928                    element.addEventListener(event, () => {
27929                        if (productForm.checkValidity()) {
27930                            const priceSelector = false                                ? '#product-price-37651 .price'
27931                                : '[data-price-box="product-id-37651"] .price';
27932
27933                            window.dispatchEvent(new CustomEvent('cart-item-added', {
27934                                detail: [{
27935                                    product_sku: sku,
27936                                    product_name: 'Putzrollen,\u00203\u002Dlagig\u0020\u00D8\u002024\u0020cm\u0020\u00B7\u0020167,5\u0020m\u0020\u00D7\u002035,8\u0020cm\u0020blau,\u0020perforiert,\u0020500\u0020Abrisse\u0020\u00E0\u002035,8\u0020\u00D7\u002033,5\u0020cm',
27937                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),
27938
27939                                                                            qty: 1,
27940                                                                    }],
27941                            }));
27942                        }
27943                    });
27944                }
27945
27946                                    const button = productForm.querySelector(
27947                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
27948                    );
27949
27950                    if (!button) {
27951                        return;
27952                    }
27953
27954                    bindEventListener(button, 'click');
27955                            },
27956            { once: true }
27957        );
27958    })();
27959</script>
27959
27960                                            </div>
27961                    <div class="qty-alert hidden" id="qty-alert[37651_137ac2fc782845b78c3086c64af6e750_6ac211b67ca03]">
27962                        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill="currentColor" viewBox="0 0 20 20" class="w-3 h-3 mr-1 text-energy inline-block align-text-top">
27963<title>Warning</title>
27964    <path d="M19.64 16.36L11.53 2.3A1.85 1.85 0 0 0 10 1.21 1.85 1.85 0 0 0 8.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>
27965</svg>
27966                        <span>Bitte&#x20;nur&#x20;ganze&#x20;Zahlen&#x20;eingeben.</span>
27967                    </div>
27968                </div>
27969            </div>
27970        </div>
27971    </form>
27972</div>
27973                    </li>
27974                                                                    <li class="splide__slide">
27975                        <div class="h-full">
27976    <form method="post"
27977          aria-label="Product&#x20;tile&#x20;for&#x3A;&#x20;Hygiene-Set&#x20;Wattest&#xE4;bchen&#x20;&amp;&#x20;Pads&#x20;&quot;grammo&quot;&#x20;11,5&#x20;cm&#x20;&#xD7;&#x20;6,5&#x20;cm&#x20;&#xD7;&#x20;0,5&#x20;cm&#x20;im&#x20;Flow&#x20;Pack"
27978          action="https://www.papstar-shop.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cucGFwc3Rhci1zaG9wLmRlLz9tc2Nsa2lkPWI5ODJhMjlkYWVkYzFjMWQyM2I2Yzg1ZmEzZjY4ZjFj/product/92330/"
27979          class="item product product-item product_addtocart_form border rounded p-2.5 bg-container-white hover:shadow-lg flex flex-col w-full h-full"
27980            >
27981        <input name="form_key" type="hidden" value="rKVCmaFj7egUOB24" />        <input type="hidden" name="product" value="92330"/>
27982        <div
27983            class="relative product photo product-item-photo block mb-3 px-12 ">
27984                <a x-data="ReqBlind_6ac211b68ced7()"
27985       href="https://www.papstar-shop.de/customer/account/"
27986       title="Hygiene-Set Wattestäbchen &amp; Pads &quot;grammo&quot; 11,5 cm × 6,5 cm × 0,5 cm im Flow Pack Zum Merkzettel hinzufügen"
27987       aria-label="Hygiene-Set Wattestäbchen &amp; Pads &quot;grammo&quot; 11,5 cm × 6,5 cm × 0,5 cm im Flow Pack Zum Merkzettel hinzufügen"
27988       @click.prevent="open($event)"
27989       class="p-2 bg-transparent absolute right-0 hover:text-primary-darker bottom-0">
27990        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85" xml:space="preserve" fill="currentColor" class="mx-auto bg-transparent text-black" width="36" height="36">
27991    <path d="M23.895 23.457a8.424 8.424 0 0 0-2.896 1.895c-3.408 3.41-3.308 9.06.226 12.594" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/><path d="M68.801 42.971c6.287-6.289 6.389-16.478.224-22.645-6.165-6.164-16.354-6.063-22.644.225l-3.896 3.871-3.87-3.871c-6.287-6.288-16.477-6.389-22.641-.225-6.164 6.167-6.064 16.355.225 22.645l26.295 26.262 26.307-26.262z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/></svg>
27992        <span class="sr-only">Zum Merkzettel hinzufügen</span>
27993    </a>
27994    
27994<script>
27995        function ReqBlind_6ac211b68ced7() {
27996            return {
27997                open: function (event) {
27998                    window.scrollTo(0, 0);
27999                    dispatchMessages([{
28000                        type: 'notice',
28001                        text: 'Sie müssen eingeloggt sein, um die Merkzettel-Funktion zu nutzen.'
28002                    }], 5000);
28003                    let href = event.currentTarget.href;
28004                    setTimeout(function() {
28005                        window.location = href;
28006                    }, 4000);
28007                }
28008            }
28009        }
28010    </script>
28010
28011                                        <ul class="product-tile__badges z-10">
28012                                                    <li class="product-tile__badges-item
28013                badge-new-92330"
28014                                    >
28015                                            Neu                                    </li>
28016                        </ul>
28017                        <a href="https://www.papstar-shop.de/hygiene-set-wattestaebchen-pads-grammo-11-5-cm-6-5-cm-0-5-cm-im-flow-pack-92330.htm"
28018               tabindex="-1"
28019                            >
28020                <picture class="object-contain mx-auto py-3 product-image-photo"><source type="image/webp" srcset="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/H/y/Hygiene-Set-Wattestaebchen-Pads-grammo-11-5-cm-x-6-5-cm-x-0-5-cm-im-Flow-Pac-92330_b_0.webp"><img class="object-contain mx-auto py-3 product-image-photo" x-data="" @update-gallery-92330.window="$el.src = $event.detail" src="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/H/y/Hygiene-Set-Wattestaebchen-Pads-grammo-11-5-cm-x-6-5-cm-x-0-5-cm-im-Flow-Pac-92330_b_0.jpg" loading="lazy" itemprop="image" width="360" height="360" alt="Hygiene-Set&#x20;Wattest&#xE4;bchen&#x20;&amp;&#x20;Pads&#x20;&quot;grammo&quot;&#x20;11,5&#x20;cm&#x20;&#xD7;&#x20;6,5&#x20;cm&#x20;&#xD7;&#x20;0,5&#x20;cm&#x20;im&#x20;Flow&#x20;Pack" title="Hygiene-Set&#x20;Wattest&#xE4;bchen&#x20;&amp;&#x20;Pads&#x20;&quot;grammo&quot;&#x20;11,5&#x20;cm&#x20;&#xD7;&#x20;6,5&#x20;cm&#x20;&#xD7;&#x20;0,5&#x20;cm&#x20;im&#x20;Flow&#x20;Pack" loading="lazy" /></picture>
28021            </a>
28022        </div>
28023        <div class="product-info flex flex-col flex-grow">
28024            <div class="text-black font-semibold text-base">
28025                                    &nbsp;                            </div>
28026                        <div
28027                class="mt-1 text-black font-semibold text-base text-left sm:min-h-90px">
28028                <a class="product-item-link "
28029                   href="https://www.papstar-shop.de/hygiene-set-wattestaebchen-pads-grammo-11-5-cm-6-5-cm-0-5-cm-im-flow-pack-92330.htm"
28030                                    >
28031                    Hygiene-Set Wattestäbchen &amp; Pads &quot;grammo&quot; 11,5 cm × 6,5 cm × 0,5 cm im Flow Pack                </a>
28032                            </div>
28033            <div class="flex mt-1 mb-1">
28034                <div class="mt-auto sku text-sm">
28035                    <span>Artikel-Nr.: </span>92330                </div>
28036                                    <div class="lg:w-auto ml-auto block ">
28037                                            </div>
28038                            </div>
28039
28040                        <div class="mt-1 text-xs text-gray-600 italic">
28041                                    &nbsp;
28042                            </div>
28043
28044            <div class="h-full flex justify-between flex-col">
28045                                                                
28045<script>
28046        function initConfigurableSwatchOptions_92330() {
28047            const configurableOptionsComponent = initConfigurableOptions(
28048                '92330',
28049                {"attributes":{"254":{"id":"254","code":"order_unit","label":"Bestelleinheit","options":[{"id":"7057","label":"Einzelpack","products":["292330"]},{"id":"7059","label":"Karton","products":["192330"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"192330":{"baseOldPrice":{"amount":123},"oldPrice":{"amount":146.370001},"basePrice":{"amount":123},"finalPrice":{"amount":146.370001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"24,40\u00a0Cent \/ St\u00fcck","basePrice":"20,50\u00a0Cent \/ St\u00fcck"}},"unitSavings":"4.9% Ersparnis"},"292330":{"baseOldPrice":{"amount":21.55},"oldPrice":{"amount":25.644501},"basePrice":{"amount":21.55},"finalPrice":{"amount":25.644501},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"25,64\u00a0Cent \/ St\u00fcck","basePrice":"21,55\u00a0Cent \/ St\u00fcck"}}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":21.55},"oldPrice":{"amount":25.644501},"basePrice":{"amount":21.55},"finalPrice":{"amount":25.644501}},"productId":"92330","chooseText":"W\u00e4hlen Sie eine Option\u2026","images":[],"index":{"192330":{"254":"7059"},"292330":{"254":"7057"}},"salable":{"254":{"7059":["192330"],"7057":["292330"]}},"canDisplayShowOutOfStockStatus":true,"preSelectedGallery":[],"channel":"website","salesChannelCode":"papstar_de","sku":{"192330":"7640430641324","292330":"7640473346491"},"quantities":{"192330":2,"292330":15}}            );
28050            const swatchOptionsComponent = initSwatchOptions({"254":{"7057":{"type":"0","value":null,"label":"Einzelpack","unit":"###VPE### St\u00fcck (1 x 100)","vpe":"100"},"7059":{"type":"0","value":null,"label":"Karton","unit":"###VPE### St\u00fcck (6 x 100)","vpe":"600"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}});
28051
28052            return Object.assign(
28053                configurableOptionsComponent,
28054                swatchOptionsComponent,
28055                {
28056                    mediaCallback: "https\u003A\u002F\u002Fwww.papstar\u002Dshop.de\u002Fswatches\u002Fajax\u002Fmedia\u002F",
28057                    changeOption(optionId, value, skipUpdateGallery) {
28058                        if (value === '') {
28059                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
28060                        } else {
28061                            this.selectedValues[optionId] = value;
28062                        }
28063                        this.findSimpleIndex();
28064                        this.findAllowedAttributeOptions();
28065                        this.updateStock();
28066                        this.updatePrices();
28067                        this.updateSavingPriceInfo();
28068                    },
28069                    unitSavingsPrice: null,
28070                    hasSpecialPrice: false,
28071                    finalPrice: {
28072                        amount: 0.00
28073                    },
28074                    oldPrice: {
28075                        amount: 0.00
28076                    },
28077
28078                    updateHasSpecialPrice() {
28079                        this.hasSpecialPrice = this.finalPrice.amount < this.oldPrice.amount;
28080                    },
28081                    updateSavingPriceInfo() {
28082                        const detail = this.optionConfig.optionPrices[this.productIndex];
28083                        this.oldPrice.amount = detail.oldPrice.amount;
28084                        this.finalPrice.amount = detail.finalPrice.amount;
28085
28086                        this.updateHasSpecialPrice();
28087
28088                        if (!this.hasSpecialPrice) {
28089                            this.unitSavingsPrice = detail.unitSavings;
28090                        }
28091                    },
28092                    preselectQuerystringItems: function() {
28093                        let found = false;
28094                        // pre-select option like ?size=167
28095                        const urlQueryParams = new URLSearchParams(window.location.search.replace("?", ""));
28096                        Object.values(this.optionConfig.attributes).map(attribute => {
28097                            const skipUpdateGallery = true;
28098                            if (urlQueryParams.get(attribute.code) !== null) {
28099                                let optionId = urlQueryParams.get(attribute.code);
28100                                found = false;
28101                                Object.values(attribute.options).map(option => {
28102                                    if (found === false && option.label === optionId) {
28103                                        optionId = option.id;
28104                                        found = true;
28105                                    }
28106                                });
28107                                this.changeOption(attribute.id, optionId, skipUpdateGallery);
28108                            }
28109                        });
28110                        if (found === false) {
28111                            // pre-select first option
28112                            Object.values(this.optionConfig.attributes).map(attribute => {
28113                                if (attribute.code === "order_unit") {
28114                                    let optionId = 0;
28115                                    Object.values(attribute.options).map(option => {
28116                                        if (this.selectedValues.length === 0) {
28117                                            if (found === false && option.products.length > 0) {
28118                                                optionId = option.id;
28119                                                this.changeOption(attribute.id, optionId, true);
28120                                                found = true;
28121                                            }
28122                                        } else {
28123                                            optionId = this.selectedValues[attribute.id];
28124                                            this.changeOption(attribute.id, optionId, true);
28125                                            found = true;
28126                                        }
28127                                    });
28128                                }
28129                            });
28130                        }
28131                    },
28132                    mouseDown: false,
28133                    startX: 0,
28134                    maxScroll: 0,
28135                    scrollLeft: null,
28136                    slider: null,
28137                    scrollEvents: {
28138                        ["@mousedown"](e) {
28139                            this.slider = e.target.closest(".snap");
28140                            if (!this.slider) {
28141                                return;
28142                            }
28143                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
28144                            this.startX = e.pageX - this.slider.offsetLeft;
28145                            this.scrollLeft = this.slider.scrollLeft;
28146                            this.mouseDown = true;
28147                        },
28148                        ["@mouseout.self"]() {
28149                            this.mouseDown = false;
28150                        },
28151                        ["@mouseup"]() {
28152                            this.mouseDown = false;
28153                        },
28154                        ["@mousemove"](e) {
28155                            e.preventDefault();
28156                            if (!this.mouseDown) {
28157                                return;
28158                            }
28159                            const x = e.pageX - this.slider.offsetLeft;
28160                            const scroll = x - this.startX;
28161                            const scrollLeft = this.scrollLeft - scroll;
28162
28163                            if (scrollLeft > this.maxScroll) {
28164                                this.slider.scrollLeft = this.maxScroll;
28165                                return;
28166                            }
28167                            this.slider.scrollLeft = this.scrollLeft - scroll;
28168                        },
28169                        ["@onselectstart"]() {
28170                            return false;
28171                        }
28172                    },
28173                    resizeEvent() {
28174                        Array.from(this.$el.querySelectorAll(".snap")).forEach(slider => {
28175                            slider.scrollLeft = 0;
28176                        });
28177                    }
28178                }
28179            );
28180        }
28181    </script>
28181
28182
28183    <div x-data="initConfigurableSwatchOptions_92330();"
28184         x-defer="intersect"
28185         x-init="getAllowedAttributeOptions();() => preselectQuerystringItems();preselectQuerystringItems();"
28186         @private-content-loaded.window="onGetCartData($event.detail.data)"
28187         @update-prices-92330.window="unitSavingsInfo = $event.detail.unitSavings"
28188         @touchstart.passive="preselectQuerystringItems()"
28189         @resize.window="resizeEvent()"
28190         class="relative md:w-full"
28191         @preselectswatch.window="preselectQuerystringItems()"
28192    >
28193        <div>
28194                                            
28195                                <div class="swatch-attribute order_unit">
28196                    <div class="w-full overflow-x-hidden swatch-attribute-options pt-2">
28197                        <div
28198                            class="w-full overflow-auto transition-all snap items-center min-h-14 product-listing-option-wrapper grid gap-2 pb-2"
28199                            id="attribute-label-92330-254"
28200                                                        :role="optionConfig.attributes?.[254]?.options?.length ? 'radiogroup' : null"
28201                            :aria-label="optionConfig.attributes?.[254]?.options?.length ? 'Attribut-order_unit' : null"
28202                            x-bind="scrollEvents">
28203                            <template x-for="(item, index) in optionConfig.attributes[254].options"
28204                                      :key="item.id"
28205                            >
28206                                
28207<div class="swatch-item">
28208        <label
28209            :for="'attribute-option-swatch-input6ac211b6946d00.7780618492330-'+item.id"
28210            class="rounded swatch-option flex flex-col relative shadow-sm cursor-pointer select-none text-center product-option-value-label"
28211            :class="{
28212                'bg-secondary border-container-lighter text-white' : (selectedValues[254] === item.id),
28213                'bg-container-lighter' : (selectedValues[254] !== item.id),
28214                'w-6 h-6' : !isTextSwatch(254, item.id),
28215                'bg-secondary text-white' : focusedLabel === item.id
28216            }"
28217            :style="getSwatchBackgroundStyle('254',item.id)"
28218        >
28219            <input
28220                :id="'attribute-option-swatch-input6ac211b6946d00.7780618492330-'+item.id"
28221                :value="item.id"
28222                name="super_attribute[254]-92330]"
28223                type="radio"
28224                role="radio"
28225                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
28226                style="z-index:-1"
28227                x-on:focus="focusLabel(item.id)"
28228                x-on:blur="blurLabel()"
28229                x-on:change="changeOption(254, $event.target.value)"
28230                x-model="selectedValues[254]"
28231                :required="getAllowedAttributeOptions(254).filter(
28232                                                                    attributeOption => selectedValues[attributeOption]
28233                                                                ).length === 0"
28234                :aria-label="getSwatchText(254, item.id) + ': ' + getSwatchUnitText(254, item.id)"
28235            >
28236            <div x-html="getSwatchText(254, item.id)"
28237                 class="whitespace-nowrap text-sm font-bold"
28238                 :class="{ 'sr-only' : !isTextSwatch(254, item.id) }"
28239                 aria-hidden="false"
28240            ></div>
28241            <!-- N98 custom attributes start-->
28242            <div x-html="getSwatchUnitText(254, item.id)"
28243                 class="text-xs" aria-hidden="false"></div>
28244            <!-- N98 custom attributes end-->
28245        </label>
28246        <template x-if="unitSavingsInfo && selectedValues[254] === item.id">
28247            <div class="unit-savings-price">
28248                <span class="-info" x-html="unitSavingsInfo"></span>
28249            </div>
28250        </template>
28251    <template x-if="index != 0 && selectedValues[254] !== item.id">
28252        <div class="unit-savings-price">
28253            <span class="-info">
28254            <span><?xml version="1.0" encoding="UTF-8"?>
28255<svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" version="1.1" viewBox="0 0 18 22" width="16" height="16">
28256    <title>Percent</title>
28257  <defs>
28258    <style>
28259      .st0 {
28260        stroke-linecap: round;
28261        stroke-linejoin: round;
28262      }
28263
28264      .st0, .st1 {
28265        fill: none;
28266        stroke-width: 1.5px;
28267      }
28268
28269      .st1 {
28270        stroke-miterlimit: 10;
28271      }
28272    </style>
28273  </defs>
28274  <path class="st1" stroke="currentColor" d="M16.2,16.6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
28275  <g>
28276    <path class="st1" stroke="currentColor" d="M8,6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
28277    <path class="st0" stroke="currentColor" d="M3.5,18.7L15.4,3.9"/>
28278  </g>
28279</svg>
28280</span>
28281            </span>
28282        </div>
28283    </template>
28284</div>
28285                            </template>
28286                        </div>
28287                    </div>
28288                </div>
28289                    </div>
28290                    <template x-if="isTooltipVisible()">
28291    <div class="absolute shadow-lg"
28292        :style="isLayeredSwatch == false && getTooltipPosition()"
28293    >
28294        <div class="absolute top-0 left-0 z-50 p-2 -mt-6 text-sm leading-tight text-black
28295                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
28296        >
28297        <!--template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
28298            <div x-show="getSwatchType(activeTooltipItem.type) !== 'color'"
28299                class="inline-block shadow-sm"
28300                :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
28301            ></div>
28302        </template-->
28303            <span class="mx-2 text-sm font-semibold whitespace-nowrap subtitle"
28304                    x-html="getTooltipLabel()"
28305            ></span>
28306        </div>
28307        <svg class="absolute z-50 w-8 h-8 text-white transform -translate-x-3
28308                -translate-y-8 fill-current stroke-current"
28309                width="12"
28310                height="12"
28311        >
28312            <title>Tooltip Icon</title>
28313            <rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
28314        </svg>
28315    </div>
28316</template>
28317            </div>
28318                                        
28319                
28319<script>
28320                    function initPriceBox__137ac2fc782845b78c3086c64af6e750_6ac211b68c879() {
28321                        return {
28322                            updatePrice(priceData, productId) {
28323                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
28324                                const regularOldPriceElement = this.$el.querySelector('.normal-price .old-price');
28325                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
28326                                const regularPriceElementTax = this.$el.querySelector('.normal-price .price-container .tax');
28327                                const regularOldBasePriceElement = this.$el.querySelector('.base-price .old-price');
28328                                const regularBasePriceElement = this.$el.querySelector('.base-price .price-wrapper .price');
28329                                const regularBasePriceElementTax = this.$el.querySelector('.base-price .price-container .tax');
28330                                const unitPriceElement = this.$el.querySelector('.normal-price .unitPrice');
28331                                const unitBasePriceElement = this.$el.querySelector('.base-price .unitPrice');
28332                                const productTileBadge = document.querySelector('.badge-discounted-' + productId);
28333
28334                                let specialPrice = false;
28335                                let specialPricePercent;
28336
28337                                if (regularPriceLabel) {
28338                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
28339                                        regularPriceLabel.classList.remove('hidden');
28340                                    } else {
28341                                        regularPriceLabel.classList.add('hidden');
28342                                    }
28343                                }
28344
28345                                if (productTileBadge) {
28346                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
28347                                        specialPricePercent = (priceData.oldPrice.amount - priceData.finalPrice.amount)
28348                                            / priceData.oldPrice.amount * 100;
28349                                        productTileBadge.innerText = '-' + Math.round(specialPricePercent) + '%';
28350                                        productTileBadge.classList.remove('hidden');
28351                                    }
28352                                }
28353
28354                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
28355                                    specialPrice = true;
28356                                } else {
28357                                    specialPrice = false;
28358                                }
28359
28360                                if (regularOldPriceElement && priceData.oldPrice.amount) {
28361                                    if (specialPrice) {
28362                                        regularOldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount);
28363                                    } else {
28364                                        regularOldPriceElement.innerText = '';
28365                                    }
28366                                }
28367
28368                                if (regularPriceElement) {
28369                                    regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
28370                                    regularPriceElementTax.style.display = 'block';
28371                                }
28372
28373                                if (unitPriceElement) {
28374                                    unitPriceElement.innerText = '';
28375                                }
28376
28377                                if (unitPriceElement && priceData.unitPrice.pricePerUnitHTML.price) {
28378                                    unitPriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.price;
28379                                }
28380
28381                                if (regularOldBasePriceElement && priceData.baseOldPrice.amount) {
28382                                    if (specialPrice) {
28383                                        regularOldBasePriceElement.innerText =
28384                                            hyva.formatPrice(priceData.baseOldPrice.amount);
28385                                    } else {
28386                                        regularOldBasePriceElement.innerText = '';
28387                                    }
28388                                }
28389
28390                                if (regularBasePriceElement) {
28391                                    regularBasePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount);
28392                                    regularBasePriceElementTax.style.display = 'block';
28393                                }
28394
28395                                if (unitBasePriceElement) {
28396                                    unitBasePriceElement.innerText = '';
28397                                }
28398
28399                                if (unitBasePriceElement && priceData.unitPrice.pricePerUnitHTML.basePrice) {
28400                                    unitBasePriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.basePrice;
28401                                }
28402
28403                                if (priceData.finalPrice.amount === priceData.basePrice.amount) {
28404                                    this.$el.querySelector('.normal-price').classList.add('hidden');
28405                                } else {
28406                                    this.$el.querySelector('.normal-price').classList.remove('hidden');
28407                                }
28408                            }
28409                        }
28410                    }
28411
28412                    function initQtyField__137ac2fc782845b78c3086c64af6e750_6ac211b68c879() {
28413                        return {
28414                            qty: 1,
28415                            input: document.getElementById('qty[92330_137ac2fc782845b78c3086c64af6e750_6ac211b68c879]'),
28416                            addToCart: document.getElementById('add-to-cart[92330_137ac2fc782845b78c3086c64af6e750_6ac211b68c879]'),
28417                            qtyAlert: document.getElementById('qty-alert[92330_137ac2fc782845b78c3086c64af6e750_6ac211b68c879]'),
28418                            currentStock: 0,
28419
28420                            validateQty(qty) {
28421                                let regex = /^\d+$/;
28422                                let pattern = regex.test(qty);
28423
28424                                this.addToCart.disabled = qty === 0
28425                                    || qty === null
28426                                    || qty > 10000                                    || !pattern
28427                                    || this.addToCart.classList.contains('not-available');
28428
28429                                if (qty === 0
28430                                    || qty === null
28431                                    || qty > 10000                                    || !pattern) {
28432                                    this.qtyAlert.style.display = 'block';
28433                                } else {
28434                                    this.qtyAlert.style.display = 'none';
28435                                }
28436                            },
28437
28438                            stepUp() {
28439                                this.input.stepUp();
28440                                let qty = document.getElementById('qty[92330_137ac2fc782845b78c3086c64af6e750_6ac211b68c879]').value;
28441                                this.validateQty(qty);
28442
28443                            },
28444
28445                            stepDown() {
28446                                this.input.stepDown();
28447                                let qty = document.getElementById('qty[92330_137ac2fc782845b78c3086c64af6e750_6ac211b68c879]').value;
28448                                this.validateQty(qty);
28449                            }
28450                        };
28451                    }
28452                </script>
28452
28453                <div class="relative price-block">
28454                    <div class="flex my-4 sm:min-h-42px w-full">
28455                                                <div class="w-full"
28456                             x-data="initPriceBox__137ac2fc782845b78c3086c64af6e750_6ac211b68c879()"
28457                             x-init="() => $dispatch('preselectswatch')"
28458                             @update-prices-92330.window="updatePrice($event.detail,92330);">
28459                            <div
28460                                class="price-box mt-3 price-final_price flex flex-wrap justify-between"
28461                                data-role="priceBox">
28462                                <div class="normal-price text-left ">
28463                                <span class="price-container price-final_price tax weee">
28464                                    <div class="old-price text-xs including-tax line-through"></div>
28465                                    <div id="price-including-tax-product-price-92330"
28466                                         data-price-type="finalPrice"
28467                                         class="price-wrapper price-including-tax finalPrice flex items-end">
28468                                        <span class="price"></span>
28469                                        <span class="tax font-normal hidden">mit MwSt.</span>
28470                                    </div>
28471                                    <div class="unitPrice text-xs"></div>
28472                                </span>
28473                                </div>
28474
28475                                <div class="base-price text-left ">
28476                                <span class="price-container price-final_price tax weee">
28477                                    <div class="old-price text-xs excluding-tax line-through"></div>
28478                                    <div id="price-excluding-tax-product-price-92330"
28479                                         data-price-type="finalPrice"
28480                                         class="price-wrapper price-excluding-tax finalPrice flex items-end">
28481                                        <span class="price"></span>
28482                                        <span class="tax font-normal hidden">ohne MwSt.</span>
28483                                    </div>
28484                                    <div class="unitPrice text-xs"></div>
28485                                </span>
28486                                </div>
28487                            </div>
28488                        </div>
28489                    </div>
28490
28491                                            <div x-data="{ currentStock: 0 }"
28492                             x-init="() => $dispatch('preselectswatch')"
28493                             @update-stock-92330.window="currentStock = $event.detail"
28494                             class="flex flex-wrap mt-auto text-left">
28495                            <div class="stock-status text-xs w-full mb-3 mt-auto basis-full">
28496                                <template x-if="currentStock">
28497                                    <div>
28498                                    <span x-show="currentStock > 0" class="text-green-main">
28499                                        Sofort versandfertig, Lieferzeit: 1-3 Werktage                                    </span>
28500                                        <span x-show="currentStock <= 0 && currentStock > -1000"
28501                                              class="text-yellow-700">
28502                                        Aktuell nicht lieferbar, Lieferzeit: 5-10 Werktage                                    </span>
28503                                        <span x-show="currentStock <= -1000 && currentStock > -5000"
28504                                              class="text-red-600">
28505                                        Aktuell nicht lieferbar                                    </span>
28506                                    </div>
28507                                </template>
28508                            </div>
28509                        </div>
28510                    
28511                    
28512                    <div class="flex gap-4 mt-auto justify-end lg:justify-between"
28513                         x-data="initQtyField__137ac2fc782845b78c3086c64af6e750_6ac211b68c879()"
28514                         x-init="() => $dispatch('preselectswatch')"
28515                         @update-stock-92330.window="currentStock = $event.detail;">
28516                                                    <div class="w-1/2 flex"
28517                                x-show="currentStock > -5000"
28518                                :aria-hidden="currentStock <= -5000">
28519                                <button
28520                                    class="qty-button -minus-button"
28521                                    type="button"
28522                                    title="Weniger"
28523                                    x-on:click="stepDown()">
28524                                    <?xml version="1.0" encoding="utf-8"?>
28525<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
28526<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="w-5 h-5" width="20" height="20">
28527        <title>Minus</title>
28528    <g>
28529	<g>
28530		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
28531	</g>
28532</g>
28533</svg>
28534                                </button>
28535                                <label for="qty[92330_137ac2fc782845b78c3086c64af6e750_6ac211b68c879]"
28536                                       class="sr-only">
28537                                    Anzahl                                </label>
28538                                <input name="qty"
28539                                       class="form-input rounded-none px-2 text-center invalid:ring-2 invalid:ring-red-500 w-11/12"
28540                                       id="qty[92330_137ac2fc782845b78c3086c64af6e750_6ac211b68c879]"
28541                                       type="number"
28542                                       inputmode="numeric"
28543                                       maxlength="5"
28544                                       min="1"                                       max="10000"                                       step="1"                                       :value="qty"
28545                                       x-model.number="qty"
28546                                       x-on:input.change="validateQty(qty);"
28547                                />
28548                                <button
28549                                    class="qty-button -plus-button"
28550                                    type="button"
28551                                    title="Mehr"
28552                                    class="plus"
28553                                    x-on:click="stepUp()">
28554                                    <?xml version="1.0" encoding="utf-8"?>
28555<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
28556<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="text-white" width="20" height="20">
28557        <title>Plus Sign</title>
28558    <g>
28559	<g>
28560		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
28561	</g>
28562	<g>
28563		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
28564	</g>
28565</g>
28566</svg>
28567                                </button>
28568                            </div>
28569                            <div class="w-1/2"
28570                                 x-show="currentStock > -5000"
28571                                 :aria-hidden="currentStock <= -5000">
28572                                                                    <button class="btn btn-add-to-cart w-full h-full px-2 py-0"
28573                                            :disabled="currentStock <= -1000 || false"
28574                                            :class="{'not-available': currentStock <= -1000 || false}"
28575                                            id="add-to-cart[92330_137ac2fc782845b78c3086c64af6e750_6ac211b68c879]"
28576                                            title="Hygiene-Set&#x20;Wattest&#xE4;bchen&#x20;&amp;&#x20;Pads&#x20;&quot;grammo&quot;&#x20;11,5&#x20;cm&#x20;&#xD7;&#x20;6,5&#x20;cm&#x20;&#xD7;&#x20;0,5&#x20;cm&#x20;im&#x20;Flow&#x20;Pack&#x20;In&#x20;den&#x20;Warenkorb"
28577                                            aria-label="Hygiene-Set&#x20;Wattest&#xE4;bchen&#x20;&amp;&#x20;Pads&#x20;&quot;grammo&quot;&#x20;11,5&#x20;cm&#x20;&#xD7;&#x20;6,5&#x20;cm&#x20;&#xD7;&#x20;0,5&#x20;cm&#x20;im&#x20;Flow&#x20;Pack&#x20;In&#x20;den&#x20;Warenkorb">
28578                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
28579    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
28580                                        <span class="sm:pl-2 md:hidden lg:block">
28581                                            In&#x20;den&#x20;Warenkorb                                        </span>
28582                                    </button>
28583                                                            </div>
28584                        
28585                        <a x-cloak
28586                           x-show="currentStock <= -5000"
28587                           :aria-hidden="currentStock > -5000"
28588                           href="https://www.papstar-shop.de/hygiene-set-wattestaebchen-pads-grammo-11-5-cm-6-5-cm-0-5-cm-im-flow-pack-92330.htm"
28589                           class="btn btn-add-to-cart w-full h-full px-2 py-0"
28590                           id="add-to-cart[92330_137ac2fc782845b78c3086c64af6e750_6ac211b68c879]"
28591                           title="Hygiene-Set&#x20;Wattest&#xE4;bchen&#x20;&amp;&#x20;Pads&#x20;&quot;grammo&quot;&#x20;11,5&#x20;cm&#x20;&#xD7;&#x20;6,5&#x20;cm&#x20;&#xD7;&#x20;0,5&#x20;cm&#x20;im&#x20;Flow&#x20;Pack&#x20;Produkt&#x20;individualisieren"
28592                           aria-label="Hygiene-Set&#x20;Wattest&#xE4;bchen&#x20;&amp;&#x20;Pads&#x20;&quot;grammo&quot;&#x20;11,5&#x20;cm&#x20;&#xD7;&#x20;6,5&#x20;cm&#x20;&#xD7;&#x20;0,5&#x20;cm&#x20;im&#x20;Flow&#x20;Pack&#x20;Produkt&#x20;individualisieren">
28593                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
28594    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
28595                            <span class="sm:pl-2 md:hidden lg:block py-4">
28596                                            Produkt&#x20;individualisieren                                        </span>
28597                        </a>
28598
28599                                                    
28599<script>
28600    'use strict';
28601
28602    (() => {
28603        window.addEventListener(
28604            'ga-initialized',
28605            () => {
28606                const productForm = document.querySelector(
28607                    'form\u005Bdata\u002Dsku\u003D\u002292330\u0022\u005D'
28608                );
28609
28610                if (!productForm) {
28611                    return;
28612                }
28613
28614                let sku = '92330';
28615
28616                window.addEventListener(
28617                    'listing\u002Dconfigurable-selection-changed',
28618                    (event) => {
28619                        if (event.detail.skuCandidates.length === 1
28620                            && event.detail.productId === '92330'
28621                        ) {
28622                            sku = event.detail.skuCandidates[0];
28623                        }
28624                    }
28625                );
28626
28627                function bindEventListener(element, event)
28628                {
28629                    element.addEventListener(event, () => {
28630                        if (productForm.checkValidity()) {
28631                            const priceSelector = false                                ? '#product-price-92330 .price'
28632                                : '[data-price-box="product-id-92330"] .price';
28633
28634                            window.dispatchEvent(new CustomEvent('cart-item-added', {
28635                                detail: [{
28636                                    product_sku: sku,
28637                                    product_name: 'Hygiene\u002DSet\u0020Wattest\u00E4bchen\u0020\u0026\u0020Pads\u0020\u0022grammo\u0022\u002011,5\u0020cm\u0020\u00D7\u00206,5\u0020cm\u0020\u00D7\u00200,5\u0020cm\u0020im\u0020Flow\u0020Pack',
28638                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),
28639
28640                                                                            qty: 1,
28641                                                                    }],
28642                            }));
28643                        }
28644                    });
28645                }
28646
28647                                    const button = productForm.querySelector(
28648                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
28649                    );
28650
28651                    if (!button) {
28652                        return;
28653                    }
28654
28655                    bindEventListener(button, 'click');
28656                            },
28657            { once: true }
28658        );
28659    })();
28660</script>
28660
28661                                            </div>
28662                    <div class="qty-alert hidden" id="qty-alert[92330_137ac2fc782845b78c3086c64af6e750_6ac211b68c879]">
28663                        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill="currentColor" viewBox="0 0 20 20" class="w-3 h-3 mr-1 text-energy inline-block align-text-top">
28664<title>Warning</title>
28665    <path d="M19.64 16.36L11.53 2.3A1.85 1.85 0 0 0 10 1.21 1.85 1.85 0 0 0 8.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>
28666</svg>
28667                        <span>Bitte&#x20;nur&#x20;ganze&#x20;Zahlen&#x20;eingeben.</span>
28668                    </div>
28669                </div>
28670            </div>
28671        </div>
28672    </form>
28673</div>
28674                    </li>
28675                                                                    <li class="splide__slide">
28676                        <div class="h-full">
28677    <form method="post"
28678          aria-label="Product&#x20;tile&#x20;for&#x3A;&#x20;M&#xFC;lls&#xE4;cke,&#x20;LDPE&#x20;240&#x20;l,&#x20;100&#x20;&#xD7;&#x20;125&#x20;cm&#x20;blau&#x20;hochbelastbar&#x20;und&#x20;besonders&#x20;rei&#xDF;fest,&#x20;70&#x20;my"
28679          action="https://www.papstar-shop.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cucGFwc3Rhci1zaG9wLmRlLz9tc2Nsa2lkPWI5ODJhMjlkYWVkYzFjMWQyM2I2Yzg1ZmEzZjY4ZjFj/product/90502/"
28680          class="item product product-item product_addtocart_form border rounded p-2.5 bg-container-white hover:shadow-lg flex flex-col w-full h-full"
28681            >
28682        <input name="form_key" type="hidden" value="rKVCmaFj7egUOB24" />        <input type="hidden" name="product" value="90502"/>
28683        <div
28684            class="relative product photo product-item-photo block mb-3 px-12 ">
28685                <a x-data="ReqBlind_6ac211b69e775()"
28686       href="https://www.papstar-shop.de/customer/account/"
28687       title="Müllsäcke, LDPE 240 l, 100 × 125 cm blau hochbelastbar und besonders reißfest, 70 my Zum Merkzettel hinzufügen"
28688       aria-label="Müllsäcke, LDPE 240 l, 100 × 125 cm blau hochbelastbar und besonders reißfest, 70 my Zum Merkzettel hinzufügen"
28689       @click.prevent="open($event)"
28690       class="p-2 bg-transparent absolute right-0 hover:text-primary-darker bottom-0">
28691        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85" xml:space="preserve" fill="currentColor" class="mx-auto bg-transparent text-black" width="36" height="36">
28692    <path d="M23.895 23.457a8.424 8.424 0 0 0-2.896 1.895c-3.408 3.41-3.308 9.06.226 12.594" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/><path d="M68.801 42.971c6.287-6.289 6.389-16.478.224-22.645-6.165-6.164-16.354-6.063-22.644.225l-3.896 3.871-3.87-3.871c-6.287-6.288-16.477-6.389-22.641-.225-6.164 6.167-6.064 16.355.225 22.645l26.295 26.262 26.307-26.262z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/></svg>
28693        <span class="sr-only">Zum Merkzettel hinzufügen</span>
28694    </a>
28695    
28695<script>
28696        function ReqBlind_6ac211b69e775() {
28697            return {
28698                open: function (event) {
28699                    window.scrollTo(0, 0);
28700                    dispatchMessages([{
28701                        type: 'notice',
28702                        text: 'Sie müssen eingeloggt sein, um die Merkzettel-Funktion zu nutzen.'
28703                    }], 5000);
28704                    let href = event.currentTarget.href;
28705                    setTimeout(function() {
28706                        window.location = href;
28707                    }, 4000);
28708                }
28709            }
28710        }
28711    </script>
28711
28712                                        <ul class="product-tile__badges z-10">
28713                                                    <li class="product-tile__badges-item
28714                badge-new-90502"
28715                                    >
28716                                            Neu                                    </li>
28717                        </ul>
28718                        <a href="https://www.papstar-shop.de/muellsaecke-ldpe-240-l-100-125-cm-blau-hochbelastbar-und-besonders-reissfest-7-90502.htm"
28719               tabindex="-1"
28720                            >
28721                <picture class="object-contain mx-auto py-3 product-image-photo"><source type="image/webp" srcset="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/M/u/Muellsaecke-LDPE-240-l-100-x-125-cm-blau-hochbelastbar-und-besonders-reissfe-90502_b_0.webp"><img class="object-contain mx-auto py-3 product-image-photo" x-data="" @update-gallery-90502.window="$el.src = $event.detail" src="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/M/u/Muellsaecke-LDPE-240-l-100-x-125-cm-blau-hochbelastbar-und-besonders-reissfe-90502_b_0.jpg" loading="lazy" itemprop="image" width="360" height="360" alt="M&#xFC;lls&#xE4;cke,&#x20;LDPE&#x20;240&#x20;l,&#x20;100&#x20;&#xD7;&#x20;125&#x20;cm&#x20;blau&#x20;hochbelastbar&#x20;und&#x20;besonders&#x20;rei&#xDF;fest,&#x20;70&#x20;my" title="M&#xFC;lls&#xE4;cke,&#x20;LDPE&#x20;240&#x20;l,&#x20;100&#x20;&#xD7;&#x20;125&#x20;cm&#x20;blau&#x20;hochbelastbar&#x20;und&#x20;besonders&#x20;rei&#xDF;fest,&#x20;70&#x20;my" loading="lazy" /></picture>
28722            </a>
28723        </div>
28724        <div class="product-info flex flex-col flex-grow">
28725            <div class="text-black font-semibold text-base">
28726                                    &nbsp;                            </div>
28727                        <div
28728                class="mt-1 text-black font-semibold text-base text-left sm:min-h-90px">
28729                <a class="product-item-link "
28730                   href="https://www.papstar-shop.de/muellsaecke-ldpe-240-l-100-125-cm-blau-hochbelastbar-und-besonders-reissfest-7-90502.htm"
28731                                    >
28732                    Müllsäcke, LDPE 240 l, 100 × 125 cm blau hochbelastbar und besonders reißfest, 70 my                </a>
28733                            </div>
28734            <div class="flex mt-1 mb-1">
28735                <div class="mt-auto sku text-sm">
28736                    <span>Artikel-Nr.: </span>90502                </div>
28737                                    <div class="lg:w-auto ml-auto block ">
28738                                            </div>
28739                            </div>
28740
28741                        <div class="mt-1 text-xs text-gray-600 italic">
28742                                    &nbsp;
28743                            </div>
28744
28745            <div class="h-full flex justify-between flex-col">
28746                                                                
28746<script>
28747        function initConfigurableSwatchOptions_90502() {
28748            const configurableOptionsComponent = initConfigurableOptions(
28749                '90502',
28750                {"attributes":{"254":{"id":"254","code":"order_unit","label":"Bestelleinheit","options":[{"id":"7057","label":"Einzelpack","products":["290502"]},{"id":"7059","label":"Karton","products":["190502"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"290502":{"baseOldPrice":{"amount":6.69},"oldPrice":{"amount":7.961101},"basePrice":{"amount":6.69},"finalPrice":{"amount":7.961101},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"79,61\u00a0Cent \/ St\u00fcck","basePrice":"66,90\u00a0Cent \/ St\u00fcck"}}},"190502":{"baseOldPrice":{"amount":61.9},"oldPrice":{"amount":73.661001},"basePrice":{"amount":61.9},"finalPrice":{"amount":73.661001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"73,66\u00a0Cent \/ St\u00fcck","basePrice":"61,90\u00a0Cent \/ St\u00fcck"}},"unitSavings":"7.5% Ersparnis"}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":6.69},"oldPrice":{"amount":7.961101},"basePrice":{"amount":6.69},"finalPrice":{"amount":7.961101}},"productId":"90502","chooseText":"W\u00e4hlen Sie eine Option\u2026","images":[],"index":{"290502":{"254":"7057"},"190502":{"254":"7059"}},"salable":{"254":{"7057":["290502"],"7059":["190502"]}},"canDisplayShowOutOfStockStatus":true,"preSelectedGallery":[],"channel":"website","salesChannelCode":"papstar_de","sku":{"290502":"4002911450093","190502":"4002911772812"},"quantities":{"290502":1203,"190502":120}}            );
28751            const swatchOptionsComponent = initSwatchOptions({"254":{"7057":{"type":"0","value":null,"label":"Einzelpack","unit":"###VPE### St\u00fcck (1 x 10)","vpe":"10"},"7059":{"type":"0","value":null,"label":"Karton","unit":"###VPE### St\u00fcck (10 x 10)","vpe":"100"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}});
28752
28753            return Object.assign(
28754                configurableOptionsComponent,
28755                swatchOptionsComponent,
28756                {
28757                    mediaCallback: "https\u003A\u002F\u002Fwww.papstar\u002Dshop.de\u002Fswatches\u002Fajax\u002Fmedia\u002F",
28758                    changeOption(optionId, value, skipUpdateGallery) {
28759                        if (value === '') {
28760                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
28761                        } else {
28762                            this.selectedValues[optionId] = value;
28763                        }
28764                        this.findSimpleIndex();
28765                        this.findAllowedAttributeOptions();
28766                        this.updateStock();
28767                        this.updatePrices();
28768                        this.updateSavingPriceInfo();
28769                    },
28770                    unitSavingsPrice: null,
28771                    hasSpecialPrice: false,
28772                    finalPrice: {
28773                        amount: 0.00
28774                    },
28775                    oldPrice: {
28776                        amount: 0.00
28777                    },
28778
28779                    updateHasSpecialPrice() {
28780                        this.hasSpecialPrice = this.finalPrice.amount < this.oldPrice.amount;
28781                    },
28782                    updateSavingPriceInfo() {
28783                        const detail = this.optionConfig.optionPrices[this.productIndex];
28784                        this.oldPrice.amount = detail.oldPrice.amount;
28785                        this.finalPrice.amount = detail.finalPrice.amount;
28786
28787                        this.updateHasSpecialPrice();
28788
28789                        if (!this.hasSpecialPrice) {
28790                            this.unitSavingsPrice = detail.unitSavings;
28791                        }
28792                    },
28793                    preselectQuerystringItems: function() {
28794                        let found = false;
28795                        // pre-select option like ?size=167
28796                        const urlQueryParams = new URLSearchParams(window.location.search.replace("?", ""));
28797                        Object.values(this.optionConfig.attributes).map(attribute => {
28798                            const skipUpdateGallery = true;
28799                            if (urlQueryParams.get(attribute.code) !== null) {
28800                                let optionId = urlQueryParams.get(attribute.code);
28801                                found = false;
28802                                Object.values(attribute.options).map(option => {
28803                                    if (found === false && option.label === optionId) {
28804                                        optionId = option.id;
28805                                        found = true;
28806                                    }
28807                                });
28808                                this.changeOption(attribute.id, optionId, skipUpdateGallery);
28809                            }
28810                        });
28811                        if (found === false) {
28812                            // pre-select first option
28813                            Object.values(this.optionConfig.attributes).map(attribute => {
28814                                if (attribute.code === "order_unit") {
28815                                    let optionId = 0;
28816                                    Object.values(attribute.options).map(option => {
28817                                        if (this.selectedValues.length === 0) {
28818                                            if (found === false && option.products.length > 0) {
28819                                                optionId = option.id;
28820                                                this.changeOption(attribute.id, optionId, true);
28821                                                found = true;
28822                                            }
28823                                        } else {
28824                                            optionId = this.selectedValues[attribute.id];
28825                                            this.changeOption(attribute.id, optionId, true);
28826                                            found = true;
28827                                        }
28828                                    });
28829                                }
28830                            });
28831                        }
28832                    },
28833                    mouseDown: false,
28834                    startX: 0,
28835                    maxScroll: 0,
28836                    scrollLeft: null,
28837                    slider: null,
28838                    scrollEvents: {
28839                        ["@mousedown"](e) {
28840                            this.slider = e.target.closest(".snap");
28841                            if (!this.slider) {
28842                                return;
28843                            }
28844                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
28845                            this.startX = e.pageX - this.slider.offsetLeft;
28846                            this.scrollLeft = this.slider.scrollLeft;
28847                            this.mouseDown = true;
28848                        },
28849                        ["@mouseout.self"]() {
28850                            this.mouseDown = false;
28851                        },
28852                        ["@mouseup"]() {
28853                            this.mouseDown = false;
28854                        },
28855                        ["@mousemove"](e) {
28856                            e.preventDefault();
28857                            if (!this.mouseDown) {
28858                                return;
28859                            }
28860                            const x = e.pageX - this.slider.offsetLeft;
28861                            const scroll = x - this.startX;
28862                            const scrollLeft = this.scrollLeft - scroll;
28863
28864                            if (scrollLeft > this.maxScroll) {
28865                                this.slider.scrollLeft = this.maxScroll;
28866                                return;
28867                            }
28868                            this.slider.scrollLeft = this.scrollLeft - scroll;
28869                        },
28870                        ["@onselectstart"]() {
28871                            return false;
28872                        }
28873                    },
28874                    resizeEvent() {
28875                        Array.from(this.$el.querySelectorAll(".snap")).forEach(slider => {
28876                            slider.scrollLeft = 0;
28877                        });
28878                    }
28879                }
28880            );
28881        }
28882    </script>
28882
28883
28884    <div x-data="initConfigurableSwatchOptions_90502();"
28885         x-defer="intersect"
28886         x-init="getAllowedAttributeOptions();() => preselectQuerystringItems();preselectQuerystringItems();"
28887         @private-content-loaded.window="onGetCartData($event.detail.data)"
28888         @update-prices-90502.window="unitSavingsInfo = $event.detail.unitSavings"
28889         @touchstart.passive="preselectQuerystringItems()"
28890         @resize.window="resizeEvent()"
28891         class="relative md:w-full"
28892         @preselectswatch.window="preselectQuerystringItems()"
28893    >
28894        <div>
28895                                            
28896                                <div class="swatch-attribute order_unit">
28897                    <div class="w-full overflow-x-hidden swatch-attribute-options pt-2">
28898                        <div
28899                            class="w-full overflow-auto transition-all snap items-center min-h-14 product-listing-option-wrapper grid gap-2 pb-2"
28900                            id="attribute-label-90502-254"
28901                                                        :role="optionConfig.attributes?.[254]?.options?.length ? 'radiogroup' : null"
28902                            :aria-label="optionConfig.attributes?.[254]?.options?.length ? 'Attribut-order_unit' : null"
28903                            x-bind="scrollEvents">
28904                            <template x-for="(item, index) in optionConfig.attributes[254].options"
28905                                      :key="item.id"
28906                            >
28907                                
28908<div class="swatch-item">
28909        <label
28910            :for="'attribute-option-swatch-input6ac211b6a3bdf0.0315585790502-'+item.id"
28911            class="rounded swatch-option flex flex-col relative shadow-sm cursor-pointer select-none text-center product-option-value-label"
28912            :class="{
28913                'bg-secondary border-container-lighter text-white' : (selectedValues[254] === item.id),
28914                'bg-container-lighter' : (selectedValues[254] !== item.id),
28915                'w-6 h-6' : !isTextSwatch(254, item.id),
28916                'bg-secondary text-white' : focusedLabel === item.id
28917            }"
28918            :style="getSwatchBackgroundStyle('254',item.id)"
28919        >
28920            <input
28921                :id="'attribute-option-swatch-input6ac211b6a3bdf0.0315585790502-'+item.id"
28922                :value="item.id"
28923                name="super_attribute[254]-90502]"
28924                type="radio"
28925                role="radio"
28926                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
28927                style="z-index:-1"
28928                x-on:focus="focusLabel(item.id)"
28929                x-on:blur="blurLabel()"
28930                x-on:change="changeOption(254, $event.target.value)"
28931                x-model="selectedValues[254]"
28932                :required="getAllowedAttributeOptions(254).filter(
28933                                                                    attributeOption => selectedValues[attributeOption]
28934                                                                ).length === 0"
28935                :aria-label="getSwatchText(254, item.id) + ': ' + getSwatchUnitText(254, item.id)"
28936            >
28937            <div x-html="getSwatchText(254, item.id)"
28938                 class="whitespace-nowrap text-sm font-bold"
28939                 :class="{ 'sr-only' : !isTextSwatch(254, item.id) }"
28940                 aria-hidden="false"
28941            ></div>
28942            <!-- N98 custom attributes start-->
28943            <div x-html="getSwatchUnitText(254, item.id)"
28944                 class="text-xs" aria-hidden="false"></div>
28945            <!-- N98 custom attributes end-->
28946        </label>
28947        <template x-if="unitSavingsInfo && selectedValues[254] === item.id">
28948            <div class="unit-savings-price">
28949                <span class="-info" x-html="unitSavingsInfo"></span>
28950            </div>
28951        </template>
28952    <template x-if="index != 0 && selectedValues[254] !== item.id">
28953        <div class="unit-savings-price">
28954            <span class="-info">
28955            <span><?xml version="1.0" encoding="UTF-8"?>
28956<svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" version="1.1" viewBox="0 0 18 22" width="16" height="16">
28957    <title>Percent</title>
28958  <defs>
28959    <style>
28960      .st0 {
28961        stroke-linecap: round;
28962        stroke-linejoin: round;
28963      }
28964
28965      .st0, .st1 {
28966        fill: none;
28967        stroke-width: 1.5px;
28968      }
28969
28970      .st1 {
28971        stroke-miterlimit: 10;
28972      }
28973    </style>
28974  </defs>
28975  <path class="st1" stroke="currentColor" d="M16.2,16.6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
28976  <g>
28977    <path class="st1" stroke="currentColor" d="M8,6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
28978    <path class="st0" stroke="currentColor" d="M3.5,18.7L15.4,3.9"/>
28979  </g>
28980</svg>
28981</span>
28982            </span>
28983        </div>
28984    </template>
28985</div>
28986                            </template>
28987                        </div>
28988                    </div>
28989                </div>
28990                    </div>
28991                    <template x-if="isTooltipVisible()">
28992    <div class="absolute shadow-lg"
28993        :style="isLayeredSwatch == false && getTooltipPosition()"
28994    >
28995        <div class="absolute top-0 left-0 z-50 p-2 -mt-6 text-sm leading-tight text-black
28996                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
28997        >
28998        <!--template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
28999            <div x-show="getSwatchType(activeTooltipItem.type) !== 'color'"
29000                class="inline-block shadow-sm"
29001                :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
29002            ></div>
29003        </template-->
29004            <span class="mx-2 text-sm font-semibold whitespace-nowrap subtitle"
29005                    x-html="getTooltipLabel()"
29006            ></span>
29007        </div>
29008        <svg class="absolute z-50 w-8 h-8 text-white transform -translate-x-3
29009                -translate-y-8 fill-current stroke-current"
29010                width="12"
29011                height="12"
29012        >
29013            <title>Tooltip Icon</title>
29014            <rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
29015        </svg>
29016    </div>
29017</template>
29018            </div>
29019                                        
29020                
29020<script>
29021                    function initPriceBox__137ac2fc782845b78c3086c64af6e750_6ac211b69e42f() {
29022                        return {
29023                            updatePrice(priceData, productId) {
29024                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
29025                                const regularOldPriceElement = this.$el.querySelector('.normal-price .old-price');
29026                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
29027                                const regularPriceElementTax = this.$el.querySelector('.normal-price .price-container .tax');
29028                                const regularOldBasePriceElement = this.$el.querySelector('.base-price .old-price');
29029                                const regularBasePriceElement = this.$el.querySelector('.base-price .price-wrapper .price');
29030                                const regularBasePriceElementTax = this.$el.querySelector('.base-price .price-container .tax');
29031                                const unitPriceElement = this.$el.querySelector('.normal-price .unitPrice');
29032                                const unitBasePriceElement = this.$el.querySelector('.base-price .unitPrice');
29033                                const productTileBadge = document.querySelector('.badge-discounted-' + productId);
29034
29035                                let specialPrice = false;
29036                                let specialPricePercent;
29037
29038                                if (regularPriceLabel) {
29039                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
29040                                        regularPriceLabel.classList.remove('hidden');
29041                                    } else {
29042                                        regularPriceLabel.classList.add('hidden');
29043                                    }
29044                                }
29045
29046                                if (productTileBadge) {
29047                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
29048                                        specialPricePercent = (priceData.oldPrice.amount - priceData.finalPrice.amount)
29049                                            / priceData.oldPrice.amount * 100;
29050                                        productTileBadge.innerText = '-' + Math.round(specialPricePercent) + '%';
29051                                        productTileBadge.classList.remove('hidden');
29052                                    }
29053                                }
29054
29055                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
29056                                    specialPrice = true;
29057                                } else {
29058                                    specialPrice = false;
29059                                }
29060
29061                                if (regularOldPriceElement && priceData.oldPrice.amount) {
29062                                    if (specialPrice) {
29063                                        regularOldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount);
29064                                    } else {
29065                                        regularOldPriceElement.innerText = '';
29066                                    }
29067                                }
29068
29069                                if (regularPriceElement) {
29070                                    regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
29071                                    regularPriceElementTax.style.display = 'block';
29072                                }
29073
29074                                if (unitPriceElement) {
29075                                    unitPriceElement.innerText = '';
29076                                }
29077
29078                                if (unitPriceElement && priceData.unitPrice.pricePerUnitHTML.price) {
29079                                    unitPriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.price;
29080                                }
29081
29082                                if (regularOldBasePriceElement && priceData.baseOldPrice.amount) {
29083                                    if (specialPrice) {
29084                                        regularOldBasePriceElement.innerText =
29085                                            hyva.formatPrice(priceData.baseOldPrice.amount);
29086                                    } else {
29087                                        regularOldBasePriceElement.innerText = '';
29088                                    }
29089                                }
29090
29091                                if (regularBasePriceElement) {
29092                                    regularBasePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount);
29093                                    regularBasePriceElementTax.style.display = 'block';
29094                                }
29095
29096                                if (unitBasePriceElement) {
29097                                    unitBasePriceElement.innerText = '';
29098                                }
29099
29100                                if (unitBasePriceElement && priceData.unitPrice.pricePerUnitHTML.basePrice) {
29101                                    unitBasePriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.basePrice;
29102                                }
29103
29104                                if (priceData.finalPrice.amount === priceData.basePrice.amount) {
29105                                    this.$el.querySelector('.normal-price').classList.add('hidden');
29106                                } else {
29107                                    this.$el.querySelector('.normal-price').classList.remove('hidden');
29108                                }
29109                            }
29110                        }
29111                    }
29112
29113                    function initQtyField__137ac2fc782845b78c3086c64af6e750_6ac211b69e42f() {
29114                        return {
29115                            qty: 1,
29116                            input: document.getElementById('qty[90502_137ac2fc782845b78c3086c64af6e750_6ac211b69e42f]'),
29117                            addToCart: document.getElementById('add-to-cart[90502_137ac2fc782845b78c3086c64af6e750_6ac211b69e42f]'),
29118                            qtyAlert: document.getElementById('qty-alert[90502_137ac2fc782845b78c3086c64af6e750_6ac211b69e42f]'),
29119                            currentStock: 0,
29120
29121                            validateQty(qty) {
29122                                let regex = /^\d+$/;
29123                                let pattern = regex.test(qty);
29124
29125                                this.addToCart.disabled = qty === 0
29126                                    || qty === null
29127                                    || qty > 10000                                    || !pattern
29128                                    || this.addToCart.classList.contains('not-available');
29129
29130                                if (qty === 0
29131                                    || qty === null
29132                                    || qty > 10000                                    || !pattern) {
29133                                    this.qtyAlert.style.display = 'block';
29134                                } else {
29135                                    this.qtyAlert.style.display = 'none';
29136                                }
29137                            },
29138
29139                            stepUp() {
29140                                this.input.stepUp();
29141                                let qty = document.getElementById('qty[90502_137ac2fc782845b78c3086c64af6e750_6ac211b69e42f]').value;
29142                                this.validateQty(qty);
29143
29144                            },
29145
29146                            stepDown() {
29147                                this.input.stepDown();
29148                                let qty = document.getElementById('qty[90502_137ac2fc782845b78c3086c64af6e750_6ac211b69e42f]').value;
29149                                this.validateQty(qty);
29150                            }
29151                        };
29152                    }
29153                </script>
29153
29154                <div class="relative price-block">
29155                    <div class="flex my-4 sm:min-h-42px w-full">
29156                                                <div class="w-full"
29157                             x-data="initPriceBox__137ac2fc782845b78c3086c64af6e750_6ac211b69e42f()"
29158                             x-init="() => $dispatch('preselectswatch')"
29159                             @update-prices-90502.window="updatePrice($event.detail,90502);">
29160                            <div
29161                                class="price-box mt-3 price-final_price flex flex-wrap justify-between"
29162                                data-role="priceBox">
29163                                <div class="normal-price text-left ">
29164                                <span class="price-container price-final_price tax weee">
29165                                    <div class="old-price text-xs including-tax line-through"></div>
29166                                    <div id="price-including-tax-product-price-90502"
29167                                         data-price-type="finalPrice"
29168                                         class="price-wrapper price-including-tax finalPrice flex items-end">
29169                                        <span class="price"></span>
29170                                        <span class="tax font-normal hidden">mit MwSt.</span>
29171                                    </div>
29172                                    <div class="unitPrice text-xs"></div>
29173                                </span>
29174                                </div>
29175
29176                                <div class="base-price text-left ">
29177                                <span class="price-container price-final_price tax weee">
29178                                    <div class="old-price text-xs excluding-tax line-through"></div>
29179                                    <div id="price-excluding-tax-product-price-90502"
29180                                         data-price-type="finalPrice"
29181                                         class="price-wrapper price-excluding-tax finalPrice flex items-end">
29182                                        <span class="price"></span>
29183                                        <span class="tax font-normal hidden">ohne MwSt.</span>
29184                                    </div>
29185                                    <div class="unitPrice text-xs"></div>
29186                                </span>
29187                                </div>
29188                            </div>
29189                        </div>
29190                    </div>
29191
29192                                            <div x-data="{ currentStock: 0 }"
29193                             x-init="() => $dispatch('preselectswatch')"
29194                             @update-stock-90502.window="currentStock = $event.detail"
29195                             class="flex flex-wrap mt-auto text-left">
29196                            <div class="stock-status text-xs w-full mb-3 mt-auto basis-full">
29197                                <template x-if="currentStock">
29198                                    <div>
29199                                    <span x-show="currentStock > 0" class="text-green-main">
29200                                        Sofort versandfertig, Lieferzeit: 1-3 Werktage                                    </span>
29201                                        <span x-show="currentStock <= 0 && currentStock > -1000"
29202                                              class="text-yellow-700">
29203                                        Aktuell nicht lieferbar, Lieferzeit: 5-10 Werktage                                    </span>
29204                                        <span x-show="currentStock <= -1000 && currentStock > -5000"
29205                                              class="text-red-600">
29206                                        Aktuell nicht lieferbar                                    </span>
29207                                    </div>
29208                                </template>
29209                            </div>
29210                        </div>
29211                    
29212                    
29213                    <div class="flex gap-4 mt-auto justify-end lg:justify-between"
29214                         x-data="initQtyField__137ac2fc782845b78c3086c64af6e750_6ac211b69e42f()"
29215                         x-init="() => $dispatch('preselectswatch')"
29216                         @update-stock-90502.window="currentStock = $event.detail;">
29217                                                    <div class="w-1/2 flex"
29218                                x-show="currentStock > -5000"
29219                                :aria-hidden="currentStock <= -5000">
29220                                <button
29221                                    class="qty-button -minus-button"
29222                                    type="button"
29223                                    title="Weniger"
29224                                    x-on:click="stepDown()">
29225                                    <?xml version="1.0" encoding="utf-8"?>
29226<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
29227<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="w-5 h-5" width="20" height="20">
29228        <title>Minus</title>
29229    <g>
29230	<g>
29231		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
29232	</g>
29233</g>
29234</svg>
29235                                </button>
29236                                <label for="qty[90502_137ac2fc782845b78c3086c64af6e750_6ac211b69e42f]"
29237                                       class="sr-only">
29238                                    Anzahl                                </label>
29239                                <input name="qty"
29240                                       class="form-input rounded-none px-2 text-center invalid:ring-2 invalid:ring-red-500 w-11/12"
29241                                       id="qty[90502_137ac2fc782845b78c3086c64af6e750_6ac211b69e42f]"
29242                                       type="number"
29243                                       inputmode="numeric"
29244                                       maxlength="5"
29245                                       min="1"                                       max="10000"                                       step="1"                                       :value="qty"
29246                                       x-model.number="qty"
29247                                       x-on:input.change="validateQty(qty);"
29248                                />
29249                                <button
29250                                    class="qty-button -plus-button"
29251                                    type="button"
29252                                    title="Mehr"
29253                                    class="plus"
29254                                    x-on:click="stepUp()">
29255                                    <?xml version="1.0" encoding="utf-8"?>
29256<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
29257<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="text-white" width="20" height="20">
29258        <title>Plus Sign</title>
29259    <g>
29260	<g>
29261		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
29262	</g>
29263	<g>
29264		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
29265	</g>
29266</g>
29267</svg>
29268                                </button>
29269                            </div>
29270                            <div class="w-1/2"
29271                                 x-show="currentStock > -5000"
29272                                 :aria-hidden="currentStock <= -5000">
29273                                                                    <button class="btn btn-add-to-cart w-full h-full px-2 py-0"
29274                                            :disabled="currentStock <= -1000 || false"
29275                                            :class="{'not-available': currentStock <= -1000 || false}"
29276                                            id="add-to-cart[90502_137ac2fc782845b78c3086c64af6e750_6ac211b69e42f]"
29277                                            title="M&#xFC;lls&#xE4;cke,&#x20;LDPE&#x20;240&#x20;l,&#x20;100&#x20;&#xD7;&#x20;125&#x20;cm&#x20;blau&#x20;hochbelastbar&#x20;und&#x20;besonders&#x20;rei&#xDF;fest,&#x20;70&#x20;my&#x20;In&#x20;den&#x20;Warenkorb"
29278                                            aria-label="M&#xFC;lls&#xE4;cke,&#x20;LDPE&#x20;240&#x20;l,&#x20;100&#x20;&#xD7;&#x20;125&#x20;cm&#x20;blau&#x20;hochbelastbar&#x20;und&#x20;besonders&#x20;rei&#xDF;fest,&#x20;70&#x20;my&#x20;In&#x20;den&#x20;Warenkorb">
29279                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
29280    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
29281                                        <span class="sm:pl-2 md:hidden lg:block">
29282                                            In&#x20;den&#x20;Warenkorb                                        </span>
29283                                    </button>
29284                                                            </div>
29285                        
29286                        <a x-cloak
29287                           x-show="currentStock <= -5000"
29288                           :aria-hidden="currentStock > -5000"
29289                           href="https://www.papstar-shop.de/muellsaecke-ldpe-240-l-100-125-cm-blau-hochbelastbar-und-besonders-reissfest-7-90502.htm"
29290                           class="btn btn-add-to-cart w-full h-full px-2 py-0"
29291                           id="add-to-cart[90502_137ac2fc782845b78c3086c64af6e750_6ac211b69e42f]"
29292                           title="M&#xFC;lls&#xE4;cke,&#x20;LDPE&#x20;240&#x20;l,&#x20;100&#x20;&#xD7;&#x20;125&#x20;cm&#x20;blau&#x20;hochbelastbar&#x20;und&#x20;besonders&#x20;rei&#xDF;fest,&#x20;70&#x20;my&#x20;Produkt&#x20;individualisieren"
29293                           aria-label="M&#xFC;lls&#xE4;cke,&#x20;LDPE&#x20;240&#x20;l,&#x20;100&#x20;&#xD7;&#x20;125&#x20;cm&#x20;blau&#x20;hochbelastbar&#x20;und&#x20;besonders&#x20;rei&#xDF;fest,&#x20;70&#x20;my&#x20;Produkt&#x20;individualisieren">
29294                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
29295    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
29296                            <span class="sm:pl-2 md:hidden lg:block py-4">
29297                                            Produkt&#x20;individualisieren                                        </span>
29298                        </a>
29299
29300                                                    
29300<script>
29301    'use strict';
29302
29303    (() => {
29304        window.addEventListener(
29305            'ga-initialized',
29306            () => {
29307                const productForm = document.querySelector(
29308                    'form\u005Bdata\u002Dsku\u003D\u002290502\u0022\u005D'
29309                );
29310
29311                if (!productForm) {
29312                    return;
29313                }
29314
29315                let sku = '90502';
29316
29317                window.addEventListener(
29318                    'listing\u002Dconfigurable-selection-changed',
29319                    (event) => {
29320                        if (event.detail.skuCandidates.length === 1
29321                            && event.detail.productId === '90502'
29322                        ) {
29323                            sku = event.detail.skuCandidates[0];
29324                        }
29325                    }
29326                );
29327
29328                function bindEventListener(element, event)
29329                {
29330                    element.addEventListener(event, () => {
29331                        if (productForm.checkValidity()) {
29332                            const priceSelector = false                                ? '#product-price-90502 .price'
29333                                : '[data-price-box="product-id-90502"] .price';
29334
29335                            window.dispatchEvent(new CustomEvent('cart-item-added', {
29336                                detail: [{
29337                                    product_sku: sku,
29338                                    product_name: 'M\u00FClls\u00E4cke,\u0020LDPE\u0020240\u0020l,\u0020100\u0020\u00D7\u0020125\u0020cm\u0020blau\u0020hochbelastbar\u0020und\u0020besonders\u0020rei\u00DFfest,\u002070\u0020my',
29339                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),
29340
29341                                                                            qty: 1,
29342                                                                    }],
29343                            }));
29344                        }
29345                    });
29346                }
29347
29348                                    const button = productForm.querySelector(
29349                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
29350                    );
29351
29352                    if (!button) {
29353                        return;
29354                    }
29355
29356                    bindEventListener(button, 'click');
29357                            },
29358            { once: true }
29359        );
29360    })();
29361</script>
29361
29362                                            </div>
29363                    <div class="qty-alert hidden" id="qty-alert[90502_137ac2fc782845b78c3086c64af6e750_6ac211b69e42f]">
29364                        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill="currentColor" viewBox="0 0 20 20" class="w-3 h-3 mr-1 text-energy inline-block align-text-top">
29365<title>Warning</title>
29366    <path d="M19.64 16.36L11.53 2.3A1.85 1.85 0 0 0 10 1.21 1.85 1.85 0 0 0 8.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>
29367</svg>
29368                        <span>Bitte&#x20;nur&#x20;ganze&#x20;Zahlen&#x20;eingeben.</span>
29369                    </div>
29370                </div>
29371            </div>
29372        </div>
29373    </form>
29374</div>
29375                    </li>
29376                                                                    <li class="splide__slide">
29377                        <div class="h-full">
29378    <form method="post"
29379          aria-label="Product&#x20;tile&#x20;for&#x3A;&#x20;Pappbecher&#x20;Ripple&#x20;Wall&#x20;&quot;Stars&#x20;&amp;&#x20;Snowflakes&quot;&#x20;0,2&#x20;l,&#x20;&#xD8;&#x20;8&#x20;cm&#x20;&#xB7;&#x20;9&#x20;cm&#x20;schwarz,&#x20;PE-beschichtet"
29380          action="https://www.papstar-shop.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cucGFwc3Rhci1zaG9wLmRlLz9tc2Nsa2lkPWI5ODJhMjlkYWVkYzFjMWQyM2I2Yzg1ZmEzZjY4ZjFj/product/37588/"
29381          class="item product product-item product_addtocart_form border rounded p-2.5 bg-container-white hover:shadow-lg flex flex-col w-full h-full"
29382            >
29383        <input name="form_key" type="hidden" value="rKVCmaFj7egUOB24" />        <input type="hidden" name="product" value="37588"/>
29384        <div
29385            class="relative product photo product-item-photo block mb-3 px-12 ">
29386                <a x-data="ReqBlind_6ac211b6ae80e()"
29387       href="https://www.papstar-shop.de/customer/account/"
29388       title="Pappbecher Ripple Wall &quot;Stars &amp; Snowflakes&quot; 0,2 l, Ø 8 cm · 9 cm schwarz, PE-beschichtet Zum Merkzettel hinzufügen"
29389       aria-label="Pappbecher Ripple Wall &quot;Stars &amp; Snowflakes&quot; 0,2 l, Ø 8 cm · 9 cm schwarz, PE-beschichtet Zum Merkzettel hinzufügen"
29390       @click.prevent="open($event)"
29391       class="p-2 bg-transparent absolute right-0 hover:text-primary-darker bottom-0">
29392        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85" xml:space="preserve" fill="currentColor" class="mx-auto bg-transparent text-black" width="36" height="36">
29393    <path d="M23.895 23.457a8.424 8.424 0 0 0-2.896 1.895c-3.408 3.41-3.308 9.06.226 12.594" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/><path d="M68.801 42.971c6.287-6.289 6.389-16.478.224-22.645-6.165-6.164-16.354-6.063-22.644.225l-3.896 3.871-3.87-3.871c-6.287-6.288-16.477-6.389-22.641-.225-6.164 6.167-6.064 16.355.225 22.645l26.295 26.262 26.307-26.262z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/></svg>
29394        <span class="sr-only">Zum Merkzettel hinzufügen</span>
29395    </a>
29396    
29396<script>
29397        function ReqBlind_6ac211b6ae80e() {
29398            return {
29399                open: function (event) {
29400                    window.scrollTo(0, 0);
29401                    dispatchMessages([{
29402                        type: 'notice',
29403                        text: 'Sie müssen eingeloggt sein, um die Merkzettel-Funktion zu nutzen.'
29404                    }], 5000);
29405                    let href = event.currentTarget.href;
29406                    setTimeout(function() {
29407                        window.location = href;
29408                    }, 4000);
29409                }
29410            }
29411        }
29412    </script>
29412
29413                                        <ul class="product-tile__badges z-10">
29414                                                    <li class="product-tile__badges-item
29415                badge-new-37588"
29416                                    >
29417                                            Neu                                    </li>
29418                        </ul>
29419                        <a href="https://www.papstar-shop.de/pappbecher-ripple-wall-stars-snowflakes-0-2-l-8-cm-9-cm-schwarz-pe-bes-37588.htm"
29420               tabindex="-1"
29421                            >
29422                <picture class="object-contain mx-auto py-3 product-image-photo"><source type="image/webp" srcset="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/P/a/Pappbecher-Ripple-Wall-Stars-Snowflakes-0-2-l-8-cm-9-cm-schwarz-PE-bes-37588_b_0_2.webp"><img class="object-contain mx-auto py-3 product-image-photo" x-data="" @update-gallery-37588.window="$el.src = $event.detail" src="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/P/a/Pappbecher-Ripple-Wall-Stars-Snowflakes-0-2-l-8-cm-9-cm-schwarz-PE-bes-37588_b_0_2.jpg" loading="lazy" itemprop="image" width="360" height="360" alt="Pappbecher&#x20;Ripple&#x20;Wall&#x20;&quot;Stars&#x20;&amp;&#x20;Snowflakes&quot;&#x20;0,2&#x20;l,&#x20;&#xD8;&#x20;8&#x20;cm&#x20;&#xB7;&#x20;9&#x20;cm&#x20;schwarz,&#x20;PE-beschichtet" title="Pappbecher&#x20;Ripple&#x20;Wall&#x20;&quot;Stars&#x20;&amp;&#x20;Snowflakes&quot;&#x20;0,2&#x20;l,&#x20;&#xD8;&#x20;8&#x20;cm&#x20;&#xB7;&#x20;9&#x20;cm&#x20;schwarz,&#x20;PE-beschichtet" loading="lazy" /></picture>
29423            </a>
29424        </div>
29425        <div class="product-info flex flex-col flex-grow">
29426            <div class="text-black font-semibold text-base">
29427                                    &nbsp;                            </div>
29428                        <div
29429                class="mt-1 text-black font-semibold text-base text-left sm:min-h-90px">
29430                <a class="product-item-link "
29431                   href="https://www.papstar-shop.de/pappbecher-ripple-wall-stars-snowflakes-0-2-l-8-cm-9-cm-schwarz-pe-bes-37588.htm"
29432                                    >
29433                    Pappbecher Ripple Wall &quot;Stars &amp; Snowflakes&quot; 0,2 l, Ø 8 cm · 9 cm schwarz, PE-beschichtet                </a>
29434                            </div>
29435            <div class="flex mt-1 mb-1">
29436                <div class="mt-auto sku text-sm">
29437                    <span>Artikel-Nr.: </span>37588                </div>
29438                                    <div class="lg:w-auto ml-auto block ">
29439                                            </div>
29440                            </div>
29441
29442                        <div class="mt-1 text-xs text-gray-600 italic">
29443                                    &nbsp;
29444                            </div>
29445
29446            <div class="h-full flex justify-between flex-col">
29447                                                                
29447<script>
29448        function initConfigurableSwatchOptions_37588() {
29449            const configurableOptionsComponent = initConfigurableOptions(
29450                '37588',
29451                {"attributes":{"254":{"id":"254","code":"order_unit","label":"Bestelleinheit","options":[{"id":"7059","label":"Karton","products":["137588"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"137588":{"baseOldPrice":{"amount":56.8},"oldPrice":{"amount":67.592001},"basePrice":{"amount":56.8},"finalPrice":{"amount":67.592001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"13,52\u00a0Cent \/ St\u00fcck","basePrice":"11,36\u00a0Cent \/ St\u00fcck"}}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":56.8},"oldPrice":{"amount":67.592001},"basePrice":{"amount":56.8},"finalPrice":{"amount":67.592001}},"productId":"37588","chooseText":"W\u00e4hlen Sie eine Option\u2026","images":[],"index":{"137588":{"254":"7059"}},"salable":{"254":{"7059":["137588"]}},"canDisplayShowOutOfStockStatus":true,"preSelectedGallery":[],"channel":"website","salesChannelCode":"papstar_de","sku":{"137588":"4002911408377"},"quantities":{"137588":43}}            );
29452            const swatchOptionsComponent = initSwatchOptions({"254":{"7059":{"type":"0","value":null,"label":"Karton","unit":"###VPE### St\u00fcck (20 x 25)","vpe":"500"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}});
29453
29454            return Object.assign(
29455                configurableOptionsComponent,
29456                swatchOptionsComponent,
29457                {
29458                    mediaCallback: "https\u003A\u002F\u002Fwww.papstar\u002Dshop.de\u002Fswatches\u002Fajax\u002Fmedia\u002F",
29459                    changeOption(optionId, value, skipUpdateGallery) {
29460                        if (value === '') {
29461                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
29462                        } else {
29463                            this.selectedValues[optionId] = value;
29464                        }
29465                        this.findSimpleIndex();
29466                        this.findAllowedAttributeOptions();
29467                        this.updateStock();
29468                        this.updatePrices();
29469                        this.updateSavingPriceInfo();
29470                    },
29471                    unitSavingsPrice: null,
29472                    hasSpecialPrice: false,
29473                    finalPrice: {
29474                        amount: 0.00
29475                    },
29476                    oldPrice: {
29477                        amount: 0.00
29478                    },
29479
29480                    updateHasSpecialPrice() {
29481                        this.hasSpecialPrice = this.finalPrice.amount < this.oldPrice.amount;
29482                    },
29483                    updateSavingPriceInfo() {
29484                        const detail = this.optionConfig.optionPrices[this.productIndex];
29485                        this.oldPrice.amount = detail.oldPrice.amount;
29486                        this.finalPrice.amount = detail.finalPrice.amount;
29487
29488                        this.updateHasSpecialPrice();
29489
29490                        if (!this.hasSpecialPrice) {
29491                            this.unitSavingsPrice = detail.unitSavings;
29492                        }
29493                    },
29494                    preselectQuerystringItems: function() {
29495                        let found = false;
29496                        // pre-select option like ?size=167
29497                        const urlQueryParams = new URLSearchParams(window.location.search.replace("?", ""));
29498                        Object.values(this.optionConfig.attributes).map(attribute => {
29499                            const skipUpdateGallery = true;
29500                            if (urlQueryParams.get(attribute.code) !== null) {
29501                                let optionId = urlQueryParams.get(attribute.code);
29502                                found = false;
29503                                Object.values(attribute.options).map(option => {
29504                                    if (found === false && option.label === optionId) {
29505                                        optionId = option.id;
29506                                        found = true;
29507                                    }
29508                                });
29509                                this.changeOption(attribute.id, optionId, skipUpdateGallery);
29510                            }
29511                        });
29512                        if (found === false) {
29513                            // pre-select first option
29514                            Object.values(this.optionConfig.attributes).map(attribute => {
29515                                if (attribute.code === "order_unit") {
29516                                    let optionId = 0;
29517                                    Object.values(attribute.options).map(option => {
29518                                        if (this.selectedValues.length === 0) {
29519                                            if (found === false && option.products.length > 0) {
29520                                                optionId = option.id;
29521                                                this.changeOption(attribute.id, optionId, true);
29522                                                found = true;
29523                                            }
29524                                        } else {
29525                                            optionId = this.selectedValues[attribute.id];
29526                                            this.changeOption(attribute.id, optionId, true);
29527                                            found = true;
29528                                        }
29529                                    });
29530                                }
29531                            });
29532                        }
29533                    },
29534                    mouseDown: false,
29535                    startX: 0,
29536                    maxScroll: 0,
29537                    scrollLeft: null,
29538                    slider: null,
29539                    scrollEvents: {
29540                        ["@mousedown"](e) {
29541                            this.slider = e.target.closest(".snap");
29542                            if (!this.slider) {
29543                                return;
29544                            }
29545                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
29546                            this.startX = e.pageX - this.slider.offsetLeft;
29547                            this.scrollLeft = this.slider.scrollLeft;
29548                            this.mouseDown = true;
29549                        },
29550                        ["@mouseout.self"]() {
29551                            this.mouseDown = false;
29552                        },
29553                        ["@mouseup"]() {
29554                            this.mouseDown = false;
29555                        },
29556                        ["@mousemove"](e) {
29557                            e.preventDefault();
29558                            if (!this.mouseDown) {
29559                                return;
29560                            }
29561                            const x = e.pageX - this.slider.offsetLeft;
29562                            const scroll = x - this.startX;
29563                            const scrollLeft = this.scrollLeft - scroll;
29564
29565                            if (scrollLeft > this.maxScroll) {
29566                                this.slider.scrollLeft = this.maxScroll;
29567                                return;
29568                            }
29569                            this.slider.scrollLeft = this.scrollLeft - scroll;
29570                        },
29571                        ["@onselectstart"]() {
29572                            return false;
29573                        }
29574                    },
29575                    resizeEvent() {
29576                        Array.from(this.$el.querySelectorAll(".snap")).forEach(sli
29576der => {
29577                            slider.scrollLeft = 0;
29578                        });
29579                    }
29580                }
29581            );
29582        }
29583    </script>
29583
29584
29585    <div x-data="initConfigurableSwatchOptions_37588();"
29586         x-defer="intersect"
29587         x-init="getAllowedAttributeOptions();() => preselectQuerystringItems();preselectQuerystringItems();"
29588         @private-content-loaded.window="onGetCartData($event.detail.data)"
29589         @update-prices-37588.window="unitSavingsInfo = $event.detail.unitSavings"
29590         @touchstart.passive="preselectQuerystringItems()"
29591         @resize.window="resizeEvent()"
29592         class="relative md:w-full"
29593         @preselectswatch.window="preselectQuerystringItems()"
29594    >
29595        <div>
29596                                            
29597                                <div class="swatch-attribute order_unit">
29598                    <div class="w-full overflow-x-hidden swatch-attribute-options pt-2">
29599                        <div
29600                            class="w-full overflow-auto transition-all snap items-center min-h-14 product-listing-option-wrapper grid gap-2 pb-2"
29601                            id="attribute-label-37588-254"
29602                                                        :role="optionConfig.attributes?.[254]?.options?.length ? 'radiogroup' : null"
29603                            :aria-label="optionConfig.attributes?.[254]?.options?.length ? 'Attribut-order_unit' : null"
29604                            x-bind="scrollEvents">
29605                            <template x-for="(item, index) in optionConfig.attributes[254].options"
29606                                      :key="item.id"
29607                            >
29608                                
29609<div class="swatch-item">
29610        <label
29611            :for="'attribute-option-swatch-input6ac211b6b2b834.8116667737588-'+item.id"
29612            class="rounded swatch-option flex flex-col relative shadow-sm cursor-pointer select-none text-center product-option-value-label"
29613            :class="{
29614                'bg-secondary border-container-lighter text-white' : (selectedValues[254] === item.id),
29615                'bg-container-lighter' : (selectedValues[254] !== item.id),
29616                'w-6 h-6' : !isTextSwatch(254, item.id),
29617                'bg-secondary text-white' : focusedLabel === item.id
29618            }"
29619            :style="getSwatchBackgroundStyle('254',item.id)"
29620        >
29621            <input
29622                :id="'attribute-option-swatch-input6ac211b6b2b834.8116667737588-'+item.id"
29623                :value="item.id"
29624                name="super_attribute[254]-37588]"
29625                type="radio"
29626                role="radio"
29627                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
29628                style="z-index:-1"
29629                x-on:focus="focusLabel(item.id)"
29630                x-on:blur="blurLabel()"
29631                x-on:change="changeOption(254, $event.target.value)"
29632                x-model="selectedValues[254]"
29633                :required="getAllowedAttributeOptions(254).filter(
29634                                                                    attributeOption => selectedValues[attributeOption]
29635                                                                ).length === 0"
29636                :aria-label="getSwatchText(254, item.id) + ': ' + getSwatchUnitText(254, item.id)"
29637            >
29638            <div x-html="getSwatchText(254, item.id)"
29639                 class="whitespace-nowrap text-sm font-bold"
29640                 :class="{ 'sr-only' : !isTextSwatch(254, item.id) }"
29641                 aria-hidden="false"
29642            ></div>
29643            <!-- N98 custom attributes start-->
29644            <div x-html="getSwatchUnitText(254, item.id)"
29645                 class="text-xs" aria-hidden="false"></div>
29646            <!-- N98 custom attributes end-->
29647        </label>
29648        <template x-if="unitSavingsInfo && selectedValues[254] === item.id">
29649            <div class="unit-savings-price">
29650                <span class="-info" x-html="unitSavingsInfo"></span>
29651            </div>
29652        </template>
29653    <template x-if="index != 0 && selectedValues[254] !== item.id">
29654        <div class="unit-savings-price">
29655            <span class="-info">
29656            <span><?xml version="1.0" encoding="UTF-8"?>
29657<svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" version="1.1" viewBox="0 0 18 22" width="16" height="16">
29658    <title>Percent</title>
29659  <defs>
29660    <style>
29661      .st0 {
29662        stroke-linecap: round;
29663        stroke-linejoin: round;
29664      }
29665
29666      .st0, .st1 {
29667        fill: none;
29668        stroke-width: 1.5px;
29669      }
29670
29671      .st1 {
29672        stroke-miterlimit: 10;
29673      }
29674    </style>
29675  </defs>
29676  <path class="st1" stroke="currentColor" d="M16.2,16.6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
29677  <g>
29678    <path class="st1" stroke="currentColor" d="M8,6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
29679    <path class="st0" stroke="currentColor" d="M3.5,18.7L15.4,3.9"/>
29680  </g>
29681</svg>
29682</span>
29683            </span>
29684        </div>
29685    </template>
29686</div>
29687                            </template>
29688                        </div>
29689                    </div>
29690                </div>
29691                    </div>
29692                    <template x-if="isTooltipVisible()">
29693    <div class="absolute shadow-lg"
29694        :style="isLayeredSwatch == false && getTooltipPosition()"
29695    >
29696        <div class="absolute top-0 left-0 z-50 p-2 -mt-6 text-sm leading-tight text-black
29697                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
29698        >
29699        <!--template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
29700            <div x-show="getSwatchType(activeTooltipItem.type) !== 'color'"
29701                class="inline-block shadow-sm"
29702                :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
29703            ></div>
29704        </template-->
29705            <span class="mx-2 text-sm font-semibold whitespace-nowrap subtitle"
29706                    x-html="getTooltipLabel()"
29707            ></span>
29708        </div>
29709        <svg class="absolute z-50 w-8 h-8 text-white transform -translate-x-3
29710                -translate-y-8 fill-current stroke-current"
29711                width="12"
29712                height="12"
29713        >
29714            <title>Tooltip Icon</title>
29715            <rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
29716        </svg>
29717    </div>
29718</template>
29719            </div>
29720                                        
29721                
29721<script>
29722                    function initPriceBox__137ac2fc782845b78c3086c64af6e750_6ac211b6ae4db() {
29723                        return {
29724                            updatePrice(priceData, productId) {
29725                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
29726                                const regularOldPriceElement = this.$el.querySelector('.normal-price .old-price');
29727                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
29728                                const regularPriceElementTax = this.$el.querySelector('.normal-price .price-container .tax');
29729                                const regularOldBasePriceElement = this.$el.querySelector('.base-price .old-price');
29730                                const regularBasePriceElement = this.$el.querySelector('.base-price .price-wrapper .price');
29731                                const regularBasePriceElementTax = this.$el.querySelector('.base-price .price-container .tax');
29732                                const unitPriceElement = this.$el.querySelector('.normal-price .unitPrice');
29733                                const unitBasePriceElement = this.$el.querySelector('.base-price .unitPrice');
29734                                const productTileBadge = document.querySelector('.badge-discounted-' + productId);
29735
29736                                let specialPrice = false;
29737                                let specialPricePercent;
29738
29739                                if (regularPriceLabel) {
29740                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
29741                                        regularPriceLabel.classList.remove('hidden');
29742                                    } else {
29743                                        regularPriceLabel.classList.add('hidden');
29744                                    }
29745                                }
29746
29747                                if (productTileBadge) {
29748                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
29749                                        specialPricePercent = (priceData.oldPrice.amount - priceData.finalPrice.amount)
29750                                            / priceData.oldPrice.amount * 100;
29751                                        productTileBadge.innerText = '-' + Math.round(specialPricePercent) + '%';
29752                                        productTileBadge.classList.remove('hidden');
29753                                    }
29754                                }
29755
29756                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
29757                                    specialPrice = true;
29758                                } else {
29759                                    specialPrice = false;
29760                                }
29761
29762                                if (regularOldPriceElement && priceData.oldPrice.amount) {
29763                                    if (specialPrice) {
29764                                        regularOldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount);
29765                                    } else {
29766                                        regularOldPriceElement.innerText = '';
29767                                    }
29768                                }
29769
29770                                if (regularPriceElement) {
29771                                    regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
29772                                    regularPriceElementTax.style.display = 'block';
29773                                }
29774
29775                                if (unitPriceElement) {
29776                                    unitPriceElement.innerText = '';
29777                                }
29778
29779                                if (unitPriceElement && priceData.unitPrice.pricePerUnitHTML.price) {
29780                                    unitPriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.price;
29781                                }
29782
29783                                if (regularOldBasePriceElement && priceData.baseOldPrice.amount) {
29784                                    if (specialPrice) {
29785                                        regularOldBasePriceElement.innerText =
29786                                            hyva.formatPrice(priceData.baseOldPrice.amount);
29787                                    } else {
29788                                        regularOldBasePriceElement.innerText = '';
29789                                    }
29790                                }
29791
29792                                if (regularBasePriceElement) {
29793                                    regularBasePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount);
29794                                    regularBasePriceElementTax.style.display = 'block';
29795                                }
29796
29797                                if (unitBasePriceElement) {
29798                                    unitBasePriceElement.innerText = '';
29799                                }
29800
29801                                if (unitBasePriceElement && priceData.unitPrice.pricePerUnitHTML.basePrice) {
29802                                    unitBasePriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.basePrice;
29803                                }
29804
29805                                if (priceData.finalPrice.amount === priceData.basePrice.amount) {
29806                                    this.$el.querySelector('.normal-price').classList.add('hidden');
29807                                } else {
29808                                    this.$el.querySelector('.normal-price').classList.remove('hidden');
29809                                }
29810                            }
29811                        }
29812                    }
29813
29814                    function initQtyField__137ac2fc782845b78c3086c64af6e750_6ac211b6ae4db() {
29815                        return {
29816                            qty: 1,
29817                            input: document.getElementById('qty[37588_137ac2fc782845b78c3086c64af6e750_6ac211b6ae4db]'),
29818                            addToCart: document.getElementById('add-to-cart[37588_137ac2fc782845b78c3086c64af6e750_6ac211b6ae4db]'),
29819                            qtyAlert: document.getElementById('qty-alert[37588_137ac2fc782845b78c3086c64af6e750_6ac211b6ae4db]'),
29820                            currentStock: 0,
29821
29822                            validateQty(qty) {
29823                                let regex = /^\d+$/;
29824                                let pattern = regex.test(qty);
29825
29826                                this.addToCart.disabled = qty === 0
29827                                    || qty === null
29828                                    || qty > 10000                                    || !pattern
29829                                    || this.addToCart.classList.contains('not-available');
29830
29831                                if (qty === 0
29832                                    || qty === null
29833                                    || qty > 10000                                    || !pattern) {
29834                                    this.qtyAlert.style.display = 'block';
29835                                } else {
29836                                    this.qtyAlert.style.display = 'none';
29837                                }
29838                            },
29839
29840                            stepUp() {
29841                                this.input.stepUp();
29842                                let qty = document.getElementById('qty[37588_137ac2fc782845b78c3086c64af6e750_6ac211b6ae4db]').value;
29843                                this.validateQty(qty);
29844
29845                            },
29846
29847                            stepDown() {
29848                                this.input.stepDown();
29849                                let qty = document.getElementById('qty[37588_137ac2fc782845b78c3086c64af6e750_6ac211b6ae4db]').value;
29850                                this.validateQty(qty);
29851                            }
29852                        };
29853                    }
29854                </script>
29854
29855                <div class="relative price-block">
29856                    <div class="flex my-4 sm:min-h-42px w-full">
29857                                                <div class="w-full"
29858                             x-data="initPriceBox__137ac2fc782845b78c3086c64af6e750_6ac211b6ae4db()"
29859                             x-init="() => $dispatch('preselectswatch')"
29860                             @update-prices-37588.window="updatePrice($event.detail,37588);">
29861                            <div
29862                                class="price-box mt-3 price-final_price flex flex-wrap justify-between"
29863                                data-role="priceBox">
29864                                <div class="normal-price text-left ">
29865                                <span class="price-container price-final_price tax weee">
29866                                    <div class="old-price text-xs including-tax line-through"></div>
29867                                    <div id="price-including-tax-product-price-37588"
29868                                         data-price-type="finalPrice"
29869                                         class="price-wrapper price-including-tax finalPrice flex items-end">
29870                                        <span class="price"></span>
29871                                        <span class="tax font-normal hidden">mit MwSt.</span>
29872                                    </div>
29873                                    <div class="unitPrice text-xs"></div>
29874                                </span>
29875                                </div>
29876
29877                                <div class="base-price text-left ">
29878                                <span class="price-container price-final_price tax weee">
29879                                    <div class="old-price text-xs excluding-tax line-through"></div>
29880                                    <div id="price-excluding-tax-product-price-37588"
29881                                         data-price-type="finalPrice"
29882                                         class="price-wrapper price-excluding-tax finalPrice flex items-end">
29883                                        <span class="price"></span>
29884                                        <span class="tax font-normal hidden">ohne MwSt.</span>
29885                                    </div>
29886                                    <div class="unitPrice text-xs"></div>
29887                                </span>
29888                                </div>
29889                            </div>
29890                        </div>
29891                    </div>
29892
29893                                            <div x-data="{ currentStock: 0 }"
29894                             x-init="() => $dispatch('preselectswatch')"
29895                             @update-stock-37588.window="currentStock = $event.detail"
29896                             class="flex flex-wrap mt-auto text-left">
29897                            <div class="stock-status text-xs w-full mb-3 mt-auto basis-full">
29898                                <template x-if="currentStock">
29899                                    <div>
29900                                    <span x-show="currentStock > 0" class="text-green-main">
29901                                        Sofort versandfertig, Lieferzeit: 1-3 Werktage                                    </span>
29902                                        <span x-show="currentStock <= 0 && currentStock > -1000"
29903                                              class="text-yellow-700">
29904                                        Aktuell nicht lieferbar, Lieferzeit: 5-10 Werktage                                    </span>
29905                                        <span x-show="currentStock <= -1000 && currentStock > -5000"
29906                                              class="text-red-600">
29907                                        Aktuell nicht lieferbar                                    </span>
29908                                    </div>
29909                                </template>
29910                            </div>
29911                        </div>
29912                    
29913                    
29914                    <div class="flex gap-4 mt-auto justify-end lg:justify-between"
29915                         x-data="initQtyField__137ac2fc782845b78c3086c64af6e750_6ac211b6ae4db()"
29916                         x-init="() => $dispatch('preselectswatch')"
29917                         @update-stock-37588.window="currentStock = $event.detail;">
29918                                                    <div class="w-1/2 flex"
29919                                x-show="currentStock > -5000"
29920                                :aria-hidden="currentStock <= -5000">
29921                                <button
29922                                    class="qty-button -minus-button"
29923                                    type="button"
29924                                    title="Weniger"
29925                                    x-on:click="stepDown()">
29926                                    <?xml version="1.0" encoding="utf-8"?>
29927<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
29928<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="w-5 h-5" width="20" height="20">
29929        <title>Minus</title>
29930    <g>
29931	<g>
29932		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
29933	</g>
29934</g>
29935</svg>
29936                                </button>
29937                                <label for="qty[37588_137ac2fc782845b78c3086c64af6e750_6ac211b6ae4db]"
29938                                       class="sr-only">
29939                                    Anzahl                                </label>
29940                                <input name="qty"
29941                                       class="form-input rounded-none px-2 text-center invalid:ring-2 invalid:ring-red-500 w-11/12"
29942                                       id="qty[37588_137ac2fc782845b78c3086c64af6e750_6ac211b6ae4db]"
29943                                       type="number"
29944                                       inputmode="numeric"
29945                                       maxlength="5"
29946                                       min="1"                                       max="10000"                                       step="1"                                       :value="qty"
29947                                       x-model.number="qty"
29948                                       x-on:input.change="validateQty(qty);"
29949                                />
29950                                <button
29951                                    class="qty-button -plus-button"
29952                                    type="button"
29953                                    title="Mehr"
29954                                    class="plus"
29955                                    x-on:click="stepUp()">
29956                                    <?xml version="1.0" encoding="utf-8"?>
29957<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
29958<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="text-white" width="20" height="20">
29959        <title>Plus Sign</title>
29960    <g>
29961	<g>
29962		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
29963	</g>
29964	<g>
29965		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
29966	</g>
29967</g>
29968</svg>
29969                                </button>
29970                            </div>
29971                            <div class="w-1/2"
29972                                 x-show="currentStock > -5000"
29973                                 :aria-hidden="currentStock <= -5000">
29974                                                                    <button class="btn btn-add-to-cart w-full h-full px-2 py-0"
29975                                            :disabled="currentStock <= -1000 || false"
29976                                            :class="{'not-available': currentStock <= -1000 || false}"
29977                                            id="add-to-cart[37588_137ac2fc782845b78c3086c64af6e750_6ac211b6ae4db]"
29978                                            title="Pappbecher&#x20;Ripple&#x20;Wall&#x20;&quot;Stars&#x20;&amp;&#x20;Snowflakes&quot;&#x20;0,2&#x20;l,&#x20;&#xD8;&#x20;8&#x20;cm&#x20;&#xB7;&#x20;9&#x20;cm&#x20;schwarz,&#x20;PE-beschichtet&#x20;In&#x20;den&#x20;Warenkorb"
29979                                            aria-label="Pappbecher&#x20;Ripple&#x20;Wall&#x20;&quot;Stars&#x20;&amp;&#x20;Snowflakes&quot;&#x20;0,2&#x20;l,&#x20;&#xD8;&#x20;8&#x20;cm&#x20;&#xB7;&#x20;9&#x20;cm&#x20;schwarz,&#x20;PE-beschichtet&#x20;In&#x20;den&#x20;Warenkorb">
29980                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
29981    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
29982                                        <span class="sm:pl-2 md:hidden lg:block">
29983                                            In&#x20;den&#x20;Warenkorb                                        </span>
29984                                    </button>
29985                                                            </div>
29986                        
29987                        <a x-cloak
29988                           x-show="currentStock <= -5000"
29989                           :aria-hidden="currentStock > -5000"
29990                           href="https://www.papstar-shop.de/pappbecher-ripple-wall-stars-snowflakes-0-2-l-8-cm-9-cm-schwarz-pe-bes-37588.htm"
29991                           class="btn btn-add-to-cart w-full h-full px-2 py-0"
29992                           id="add-to-cart[37588_137ac2fc782845b78c3086c64af6e750_6ac211b6ae4db]"
29993                           title="Pappbecher&#x20;Ripple&#x20;Wall&#x20;&quot;Stars&#x20;&amp;&#x20;Snowflakes&quot;&#x20;0,2&#x20;l,&#x20;&#xD8;&#x20;8&#x20;cm&#x20;&#xB7;&#x20;9&#x20;cm&#x20;schwarz,&#x20;PE-beschichtet&#x20;Produkt&#x20;individualisieren"
29994                           aria-label="Pappbecher&#x20;Ripple&#x20;Wall&#x20;&quot;Stars&#x20;&amp;&#x20;Snowflakes&quot;&#x20;0,2&#x20;l,&#x20;&#xD8;&#x20;8&#x20;cm&#x20;&#xB7;&#x20;9&#x20;cm&#x20;schwarz,&#x20;PE-beschichtet&#x20;Produkt&#x20;individualisieren">
29995                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
29996    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
29997                            <span class="sm:pl-2 md:hidden lg:block py-4">
29998                                            Produkt&#x20;individualisieren                                        </span>
29999                        </a>
30000
30001                                                    
30001<script>
30002    'use strict';
30003
30004    (() => {
30005        window.addEventListener(
30006            'ga-initialized',
30007            () => {
30008                const productForm = document.querySelector(
30009                    'form\u005Bdata\u002Dsku\u003D\u002237588\u0022\u005D'
30010                );
30011
30012                if (!productForm) {
30013                    return;
30014                }
30015
30016                let sku = '37588';
30017
30018                window.addEventListener(
30019                    'listing\u002Dconfigurable-selection-changed',
30020                    (event) => {
30021                        if (event.detail.skuCandidates.length === 1
30022                            && event.detail.productId === '37588'
30023                        ) {
30024                            sku = event.detail.skuCandidates[0];
30025                        }
30026                    }
30027                );
30028
30029                function bindEventListener(element, event)
30030                {
30031                    element.addEventListener(event, () => {
30032                        if (productForm.checkValidity()) {
30033                            const priceSelector = false                                ? '#product-price-37588 .price'
30034                                : '[data-price-box="product-id-37588"] .price';
30035
30036                            window.dispatchEvent(new CustomEvent('cart-item-added', {
30037                                detail: [{
30038                                    product_sku: sku,
30039                                    product_name: 'Pappbecher\u0020Ripple\u0020Wall\u
300390020\u0022Stars\u0020\u0026\u0020Snowflakes\u0022\u00200,2\u0020l,\u0020\u00D8\u00208\u0020cm\u0020\u00B7\u00209\u0020cm\u0020schwarz,\u0020PE\u002Dbeschichtet',
30040                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),
30041
30042                                                                            qty: 1,
30043                                                                    }],
30044                            }));
30045                        }
30046                    });
30047                }
30048
30049                                    const button = productForm.querySelector(
30050                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
30051                    );
30052
30053                    if (!button) {
30054                        return;
30055                    }
30056
30057                    bindEventListener(button, 'click');
30058                            },
30059            { once: true }
30060        );
30061    })();
30062</script>
30062
30063                                            </div>
30064                    <div class="qty-alert hidden" id="qty-alert[37588_137ac2fc782845b78c3086c64af6e750_6ac211b6ae4db]">
30065                        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill="currentColor" viewBox="0 0 20 20" class="w-3 h-3 mr-1 text-energy inline-block align-text-top">
30066<title>Warning</title>
30067    <path d="M19.64 16.36L11.53 2.3A1.85 1.85 0 0 0 10 1.21 1.85 1.85 0 0 0 8.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>
30068</svg>
30069                        <span>Bitte&#x20;nur&#x20;ganze&#x20;Zahlen&#x20;eingeben.</span>
30070                    </div>
30071                </div>
30072            </div>
30073        </div>
30074    </form>
30075</div>
30076                    </li>
30077                                                                    <li class="splide__slide">
30078                        <div class="h-full">
30079    <form method="post"
30080          aria-label="Product&#x20;tile&#x20;for&#x3A;&#x20;Fl&#xFC;ssigseife&#x20;&quot;Geneva&#x20;Green&quot;&#x20;370&#x20;ml&#x20;mit&#x20;Pumpspender"
30081          action="https://www.papstar-shop.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cucGFwc3Rhci1zaG9wLmRlLz9tc2Nsa2lkPWI5ODJhMjlkYWVkYzFjMWQyM2I2Yzg1ZmEzZjY4ZjFj/product/92333/"
30082          class="item product product-item product_addtocart_form border rounded p-2.5 bg-container-white hover:shadow-lg flex flex-col w-full h-full"
30083            >
30084        <input name="form_key" type="hidden" value="rKVCmaFj7egUOB24" />        <input type="hidden" name="product" value="92333"/>
30085        <div
30086            class="relative product photo product-item-photo block mb-3 px-12 ">
30087                <a x-data="ReqBlind_6ac211b6bd791()"
30088       href="https://www.papstar-shop.de/customer/account/"
30089       title="Flüssigseife &quot;Geneva Green&quot; 370 ml mit Pumpspender Zum Merkzettel hinzufügen"
30090       aria-label="Flüssigseife &quot;Geneva Green&quot; 370 ml mit Pumpspender Zum Merkzettel hinzufügen"
30091       @click.prevent="open($event)"
30092       class="p-2 bg-transparent absolute right-0 hover:text-primary-darker bottom-0">
30093        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85" xml:space="preserve" fill="currentColor" class="mx-auto bg-transparent text-black" width="36" height="36">
30094    <path d="M23.895 23.457a8.424 8.424 0 0 0-2.896 1.895c-3.408 3.41-3.308 9.06.226 12.594" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/><path d="M68.801 42.971c6.287-6.289 6.389-16.478.224-22.645-6.165-6.164-16.354-6.063-22.644.225l-3.896 3.871-3.87-3.871c-6.287-6.288-16.477-6.389-22.641-.225-6.164 6.167-6.064 16.355.225 22.645l26.295 26.262 26.307-26.262z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/></svg>
30095        <span class="sr-only">Zum Merkzettel hinzufügen</span>
30096    </a>
30097    
30097<script>
30098        function ReqBlind_6ac211b6bd791() {
30099            return {
30100                open: function (event) {
30101                    window.scrollTo(0, 0);
30102                    dispatchMessages([{
30103                        type: 'notice',
30104                        text: 'Sie müssen eingeloggt sein, um die Merkzettel-Funktion zu nutzen.'
30105                    }], 5000);
30106                    let href = event.currentTarget.href;
30107                    setTimeout(function() {
30108                        window.location = href;
30109                    }, 4000);
30110                }
30111            }
30112        }
30113    </script>
30113
30114                                        <ul class="product-tile__badges z-10">
30115                                                    <li class="product-tile__badges-item
30116                badge-new-92333"
30117                                    >
30118                                            Neu                                    </li>
30119                        </ul>
30120                        <a href="https://www.papstar-shop.de/fluessigseife-geneva-green-370-ml-mit-pumpspender-92333.htm"
30121               tabindex="-1"
30122                            >
30123                <picture class="object-contain mx-auto py-3 product-image-photo"><source type="image/webp" srcset="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/F/l/Fluessigseife-Geneva-Green-370-ml-mit-Pumpspender-92333_b_0_1.webp"><img class="object-contain mx-auto py-3 product-image-photo" x-data="" @update-gallery-92333.window="$el.src = $event.detail" src="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/F/l/Fluessigseife-Geneva-Green-370-ml-mit-Pumpspender-92333_b_0_1.jpg" loading="lazy" itemprop="image" width="360" height="360" alt="Fl&#xFC;ssigseife&#x20;&quot;Geneva&#x20;Green&quot;&#x20;370&#x20;ml&#x20;mit&#x20;Pumpspender" title="Fl&#xFC;ssigseife&#x20;&quot;Geneva&#x20;Green&quot;&#x20;370&#x20;ml&#x20;mit&#x20;Pumpspender" loading="lazy" /></picture>
30124            </a>
30125        </div>
30126        <div class="product-info flex flex-col flex-grow">
30127            <div class="text-black font-semibold text-base">
30128                                    &nbsp;                            </div>
30129                        <div
30130                class="mt-1 text-black font-semibold text-base text-left sm:min-h-90px">
30131                <a class="product-item-link "
30132                   href="https://www.papstar-shop.de/fluessigseife-geneva-green-370-ml-mit-pumpspender-92333.htm"
30133                                    >
30134                    Flüssigseife &quot;Geneva Green&quot; 370 ml mit Pumpspender                </a>
30135                            </div>
30136            <div class="flex mt-1 mb-1">
30137                <div class="mt-auto sku text-sm">
30138                    <span>Artikel-Nr.: </span>92333                </div>
30139                                    <div class="lg:w-auto ml-auto block ">
30140                                            </div>
30141                            </div>
30142
30143                        <div class="mt-1 text-xs text-gray-600 italic">
30144                                    &nbsp;
30145                            </div>
30146
30147            <div class="h-full flex justify-between flex-col">
30148                                                                
30148<script>
30149        function initConfigurableSwatchOptions_92333() {
30150            const configurableOptionsComponent = initConfigurableOptions(
30151                '92333',
30152                {"attributes":{"254":{"id":"254","code":"order_unit","label":"Bestelleinheit","options":[{"id":"7057","label":"Einzelpack","products":["292333"]},{"id":"7059","label":"Karton","products":["192333"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"192333":{"baseOldPrice":{"amount":70.2},"oldPrice":{"amount":83.538001},"basePrice":{"amount":70.2},"finalPrice":{"amount":83.538001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"12,54\u00a0\u20ac \/ Liter","basePrice":"10,54\u00a0\u20ac \/ Liter"}},"unitSavings":"11.4% Ersparnis"},"292333":{"baseOldPrice":{"amount":4.4},"oldPrice":{"amount":5.236001},"basePrice":{"amount":4.4},"finalPrice":{"amount":5.236001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"14,15\u00a0\u20ac \/ Liter","basePrice":"11,89\u00a0\u20ac \/ Liter"}}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":4.4},"oldPrice":{"amount":5.236001},"basePrice":{"amount":4.4},"finalPrice":{"amount":5.236001}},"productId":"92333","chooseText":"W\u00e4hlen Sie eine Option\u2026","images":[],"index":{"192333":{"254":"7059"},"292333":{"254":"7057"}},"salable":{"254":{"7059":["192333"],"7057":["292333"]}},"canDisplayShowOutOfStockStatus":true,"preSelectedGallery":[],"channel":"website","salesChannelCode":"papstar_de","sku":{"192333":"8030983745942","292333":"4002911390634"},"quantities":{"192333":4,"292333":72}}            );
30153            const swatchOptionsComponent = initSwatchOptions({"254":{"7057":{"type":"0","value":null,"label":"Einzelpack","unit":"###VPE### St\u00fcck (1 x 1)","vpe":"1"},"7059":{"type":"0","value":null,"label":"Karton","unit":"###VPE### St\u00fcck (18 x 1)","vpe":"18"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}});
30154
30155            return Object.assign(
30156                configurableOptionsComponent,
30157                swatchOptionsComponent,
30158                {
30159                    mediaCallback: "https\u003A\u002F\u002Fwww.papstar\u002Dshop.de\u002Fswatches\u002Fajax\u002Fmedia\u002F",
30160                    changeOption(optionId, value, skipUpdateGallery) {
30161                        if (value === '') {
30162                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
30163                        } else {
30164                            this.selectedValues[optionId] = value;
30165                        }
30166                        this.findSimpleIndex();
30167                        this.findAllowedAttributeOptions();
30168                        this.updateStock();
30169                        this.updatePrices();
30170                        this.updateSavingPriceInfo();
30171                    },
30172                    unitSavingsPrice: null,
30173                    hasSpecialPrice: false,
30174                    finalPrice: {
30175                        amount: 0.00
30176                    },
30177                    oldPrice: {
30178                        amount: 0.00
30179                    },
30180
30181                    updateHasSpecialPrice() {
30182                        this.hasSpecialPrice = this.finalPrice.amount < this.oldPrice.amount;
30183                    },
30184                    updateSavingPriceInfo() {
30185                        const detail = this.optionConfig.optionPrices[this.productIndex];
30186                        this.oldPrice.amount = detail.oldPrice.amount;
30187                        this.finalPrice.amount = detail.finalPrice.amount;
30188
30189                        this.updateHasSpecialPrice();
30190
30191                        if (!this.hasSpecialPrice) {
30192                            this.unitSavingsPrice = detail.unitSavings;
30193                        }
30194                    },
30195                    preselectQuerystringItems: function() {
30196                        let found = false;
30197                        // pre-select option like ?size=167
30198                        const urlQueryParams = new URLSearchParams(window.location.search.replace("?", ""));
30199                        Object.values(this.optionConfig.attributes).map(attribute => {
30200                            const skipUpdateGallery = true;
30201                            if (urlQueryParams.get(attribute.code) !== null) {
30202                                let optionId = urlQueryParams.get(attribute.code);
30203                                found = false;
30204                                Object.values(attribute.options).map(option => {
30205                                    if (found === false && option.label === optionId) {
30206                                        optionId = option.id;
30207                                        found = true;
30208                                    }
30209                                });
30210                                this.changeOption(attribute.id, optionId, skipUpdateGallery);
30211                            }
30212                        });
30213                        if (found === false) {
30214                            // pre-select first option
30215                            Object.values(this.optionConfig.attributes).map(attribute => {
30216                                if (attribute.code === "order_unit") {
30217                                    let optionId = 0;
30218                                    Object.values(attribute.options).map(option => {
30219                                        if (this.selectedValues.length === 0) {
30220                                            if (found === false && option.products.length > 0) {
30221                                                optionId = option.id;
30222                                                this.changeOption(attribute.id, optionId, true);
30223                                                found = true;
30224                                            }
30225                                        } else {
30226                                            optionId = this.selectedValues[attribute.id];
30227                                            this.changeOption(attribute.id, optionId, true);
30228                                            found = true;
30229                                        }
30230                                    });
30231                                }
30232                            });
30233                        }
30234                    },
30235                    mouseDown: false,
30236                    startX: 0,
30237                    maxScroll: 0,
30238                    scrollLeft: null,
30239                    slider: null,
30240                    scrollEvents: {
30241                        ["@mousedown"](e) {
30242                            this.slider = e.target.closest(".snap");
30243                            if (!this.slider) {
30244                                return;
30245                            }
30246                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
30247                            this.startX = e.pageX - this.slider.offsetLeft;
30248                            this.scrollLeft = this.slider.scrollLeft;
30249                            this.mouseDown = true;
30250                        },
30251                        ["@mouseout.self"]() {
30252                            this.mouseDown = false;
30253                        },
30254                        ["@mouseup"]() {
30255                            this.mouseDown = false;
30256                        },
30257                        ["@mousemove"](e) {
30258                            e.preventDefault();
30259                            if (!this.mouseDown) {
30260                                return;
30261                            }
30262                            const x = e.pageX - this.slider.offsetLeft;
30263                            const scroll = x - this.startX;
30264                            const scrollLeft = this.scrollLeft - scroll;
30265
30266                            if (scrollLeft > this.maxScroll) {
30267                                this.slider.scrollLeft = this.maxScroll;
30268                                return;
30269                            }
30270                            this.slider.scrollLeft = this.scrollLeft - scroll;
30271                        },
30272                        ["@onselectstart"]() {
30273                            return false;
30274                        }
30275                    },
30276                    resizeEvent() {
30277                        Array.from(this.$el.querySelectorAll(".snap")).forEach(slider => {
30278                            slider.scrollLeft = 0;
30279                        });
30280                    }
30281                }
30282            );
30283        }
30284    </script>
30284
30285
30286    <div x-data="initConfigurableSwatchOptions_92333();"
30287         x-defer="intersect"
30288         x-init="getAllowedAttributeOptions();() => preselectQuerystringItems();preselectQuerystringItems();"
30289         @private-content-loaded.window="onGetCartData($event.detail.data)"
30290         @update-prices-92333.window="unitSavingsInfo = $event.detail.unitSavings"
30291         @touchstart.passive="preselectQuerystringItems()"
30292         @resize.window="resizeEvent()"
30293         class="relative md:w-full"
30294         @preselectswatch.window="preselectQuerystringItems()"
30295    >
30296        <div>
30297                                            
30298                                <div class="swatch-attribute order_unit">
30299                    <div class="w-full overflow-x-hidden swatch-attribute-options pt-2">
30300                        <div
30301                            class="w-full overflow-auto transition-all snap items-center min-h-14 product-listing-option-wrapper grid gap-2 pb-2"
30302                            id="attribute-label-92333-254"
30303                                                        :role="optionConfig.attributes?.[254]?.options?.length ? 'radiogroup' : null"
30304                            :aria-label="optionConfig.attributes?.[254]?.options?.length ? 'Attribut-order_unit' : null"
30305                            x-bind="scrollEvents">
30306                            <template x-for="(item, index) in optionConfig.attributes[254].options"
30307                                      :key="item.id"
30308                            >
30309                                
30310<div class="swatch-item">
30311        <label
30312            :for="'attribute-option-swatch-input6ac211b6c372f1.8289451392333-'+item.id"
30313            class="rounded swatch-option flex flex-col relative shadow-sm cursor-pointer select-none text-center product-option-value-label"
30314            :class="{
30315                'bg-secondary border-container-lighter text-white' : (selectedValues[254] === item.id),
30316                'bg-container-lighter' : (selectedValues[254] !== item.id),
30317                'w-6 h-6' : !isTextSwatch(254, item.id),
30318                'bg-secondary text-white' : focusedLabel === item.id
30319            }"
30320            :style="getSwatchBackgroundStyle('254',item.id)"
30321        >
30322            <input
30323                :id="'attribute-option-swatch-input6ac211b6c372f1.8289451392333-'+item.id"
30324                :value="item.id"
30325                name="super_attribute[254]-92333]"
30326                type="radio"
30327                role="radio"
30328                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
30329                style="z-index:-1"
30330                x-on:focus="focusLabel(item.id)"
30331                x-on:blur="blurLabel()"
30332                x-on:change="changeOption(254, $event.target.value)"
30333                x-model="selectedValues[254]"
30334                :required="getAllowedAttributeOptions(254).filter(
30335                                                                    attributeOption => selectedValues[attributeOption]
30336                                                                ).length === 0"
30337                :aria-label="getSwatchText(254, item.id) + ': ' + getSwatchUnitText(254, item.id)"
30338            >
30339            <div x-html="getSwatchText(254, item.id)"
30340                 class="whitespace-nowrap text-sm font-bold"
30341                 :class="{ 'sr-only' : !isTextSwatch(254, item.id) }"
30342                 aria-hidden="false"
30343            ></div>
30344            <!-- N98 custom attributes start-->
30345            <div x-html="getSwatchUnitText(254, item.id)"
30346                 class="text-xs" aria-hidden="false"></div>
30347            <!-- N98 custom attributes end-->
30348        </label>
30349        <template x-if="unitSavingsInfo && selectedValues[254] === item.id">
30350            <div class="unit-savings-price">
30351                <span class="-info" x-html="unitSavingsInfo"></span>
30352            </div>
30353        </template>
30354    <template x-if="index != 0 && selectedValues[254] !== item.id">
30355        <div class="unit-savings-price">
30356            <span class="-info">
30357            <span><?xml version="1.0" encoding="UTF-8"?>
30358<svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" version="1.1" viewBox="0 0 18 22" width="16" height="16">
30359    <title>Percent</title>
30360  <defs>
30361    <style>
30362      .st0 {
30363        stroke-linecap: round;
30364        stroke-linejoin: round;
30365      }
30366
30367      .st0, .st1 {
30368        fill: none;
30369        stroke-width: 1.5px;
30370      }
30371
30372      .st1 {
30373        stroke-miterlimit: 10;
30374      }
30375    </style>
30376  </defs>
30377  <path class="st1" stroke="currentColor" d="M16.2,16.6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
30378  <g>
30379    <path class="st1" stroke="currentColor" d="M8,6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
30380    <path class="st0" stroke="currentColor" d="M3.5,18.7L15.4,3.9"/>
30381  </g>
30382</svg>
30383</span>
30384            </span>
30385        </div>
30386    </template>
30387</div>
30388                            </template>
30389                        </div>
30390                    </div>
30391                </div>
30392                    </div>
30393                    <template x-if="isTooltipVisible()">
30394    <div class="absolute shadow-lg"
30395        :style="isLayeredSwatch == false && getTooltipPosition()"
30396    >
30397        <div class="absolute top-0 left-0 z-50 p-2 -mt-6 text-sm leading-tight text-black
30398                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
30399        >
30400        <!--template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
30401            <div x-show="getSwatchType(activeTooltipItem.type) !== 'color'"
30402                class="inline-block shadow-sm"
30403                :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
30404            ></div>
30405        </template-->
30406            <span class="mx-2 text-sm font-semibold whitespace-nowrap subtitle"
30407                    x-html="getTooltipLabel()"
30408            ></span>
30409        </div>
30410        <svg class="absolute z-50 w-8 h-8 text-white transform -translate-x-3
30411                -translate-y-8 fill-current stroke-current"
30412                width="12"
30413                height="12"
30414        >
30415            <title>Tooltip Icon</title>
30416            <rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
30417        </svg>
30418    </div>
30419</template>
30420            </div>
30421                                        
30422                
30422<script>
30423                    function initPriceBox__137ac2fc782845b78c3086c64af6e750_6ac211b6bd429() {
30424                        return {
30425                            updatePrice(priceData, productId) {
30426                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
30427                                const regularOldPriceElement = this.$el.querySelector('.normal-price .old-price');
30428                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
30429                                const regularPriceElementTax = this.$el.querySelector('.normal-price .price-container .tax');
30430                                const regularOldBasePriceElement = this.$el.querySelector('.base-price .old-price');
30431                                const regularBasePriceElement = this.$el.querySelector('.base-price .price-wrapper .price');
30432                                const regularBasePriceElementTax = this.$el.querySelector('.base-price .price-container .tax');
30433                                const unitPriceElement = this.$el.querySelector('.normal-price .unitPrice');
30434                                const unitBasePriceElement = this.$el.querySelector('.base-price .unitPrice');
30435                                const productTileBadge = document.querySelector('.badge-discounted-' + productId);
30436
30437                                let specialPrice = false;
30438                                let specialPricePercent;
30439
30440                                if (regularPriceLabel) {
30441                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
30442                                        regularPriceLabel.classList.remove('hidden');
30443                                    } else {
30444                                        regularPriceLabel.classList.add('hidden');
30445                                    }
30446                                }
30447
30448                                if (productTileBadge) {
30449                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
30450                                        specialPricePercent = (priceData.oldPrice.amount - priceData.finalPrice.amount)
30451                                            / priceData.oldPrice.amount * 100;
30452                                        productTileBadge.innerText = '-' + Math.round(specialPricePercent) + '%';
30453                                        productTileBadge.classList.remove('hidden');
30454                                    }
30455                                }
30456
30457                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
30458                                    specialPrice = true;
30459                                } else {
30460                                    specialPrice = false;
30461                                }
30462
30463                                if (regularOldPriceElement && priceData.oldPrice.amount) {
30464                                    if (specialPrice) {
30465                                        regularOldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount);
30466                                    } else {
30467                                        regularOldPriceElement.innerText = '';
30468                                    }
30469                                }
30470
30471                                if (regularPriceElement) {
30472                                    regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
30473                                    regularPriceElementTax.style.display = 'block';
30474                                }
30475
30476                                if (unitPriceElement) {
30477                                    unitPriceElement.innerText = '';
30478                                }
30479
30480                                if (unitPriceElement && priceData.unitPrice.pricePerUnitHTML.price) {
30481                                    unitPriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.price;
30482                                }
30483
30484                                if (regularOldBasePriceElement && priceData.baseOldPrice.amount) {
30485                                    if (specialPrice) {
30486                                        regularOldBasePriceElement.innerText =
30487                                            hyva.formatPrice(priceData.baseOldPrice.amount);
30488                                    } else {
30489                                        regularOldBasePriceElement.innerText = '';
30490                                    }
30491                                }
30492
30493                                if (regularBasePriceElement) {
30494                                    regularBasePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount);
30495                                    regularBasePriceElementTax.style.display = 'block';
30496                                }
30497
30498                                if (unitBasePriceElement) {
30499                                    unitBasePriceElement.innerText = '';
30500                                }
30501
30502                                if (unitBasePriceElement && priceData.unitPrice.pricePerUnitHTML.basePrice) {
30503                                    unitBasePriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.basePrice;
30504                                }
30505
30506                                if (priceData.finalPrice.amount === priceData.basePrice.amount) {
30507                                    this.$el.querySelector('.normal-price').classList.add('hidden');
30508                                } else {
30509                                    this.$el.querySelector('.normal-price').classList.remove('hidden');
30510                                }
30511                            }
30512                        }
30513                    }
30514
30515                    function initQtyField__137ac2fc782845b78c3086c64af6e750_6ac211b6bd429() {
30516                        return {
30517                            qty: 1,
30518                            input: document.getElementById('qty[92333_137ac2fc782845b78c3086c64af6e750_6ac211b6bd429]'),
30519                            addToCart: document.getElementById('add-to-cart[92333_137ac2fc782845b78c3086c64af6e750_6ac211b6bd429]'),
30520                            qtyAlert: document.getElementById('qty-alert[92333_137ac2fc782845b78c3086c64af6e750_6ac211b6bd429]'),
30521                            currentStock: 0,
30522
30523                            validateQty(qty) {
30524                                let regex = /^\d+$/;
30525                                let pattern = regex.test(qty);
30526
30527                                this.addToCart.disabled = qty === 0
30528                                    || qty === null
30529                                    || qty > 10000                                    || !pattern
30530                                    || this.addToCart.classList.contains('not-available');
30531
30532                                if (qty === 0
30533                                    || qty === null
30534                                    || qty > 10000                                    || !pattern) {
30535                                    this.qtyAlert.style.display = 'block';
30536                                } else {
30537                                    this.qtyAlert.style.display = 'none';
30538                                }
30539                            },
30540
30541                            stepUp() {
30542                                this.input.stepUp();
30543                                let qty = document.getElementById('qty[92333_137ac2fc782845b78c3086c64af6e750_6ac211b6bd429]').value;
30544                                this.validateQty(qty);
30545
30546                            },
30547
30548                            stepDown() {
30549                                this.input.stepDown();
30550                                let qty = document.getElementById('qty[92333_137ac2fc782845b78c3086c64af6e750_6ac211b6bd429]').value;
30551                                this.validateQty(qty);
30552                            }
30553                        };
30554                    }
30555                </script>
30555
30556                <div class="relative price-block">
30557                    <div class="flex my-4 sm:min-h-42px w-full">
30558                                                <div class="w-full"
30559                             x-data="initPriceBox__137ac2fc782845b78c3086c64af6e750_6ac211b6bd429()"
30560                             x-init="() => $dispatch('preselectswatch')"
30561                             @update-prices-92333.window="updatePrice($event.detail,92333);">
30562                            <div
30563                                class="price-box mt-3 price-final_price flex flex-wrap justify-between"
30564                                data-role="priceBox">
30565                                <div class="normal-price text-left ">
30566                                <span class="price-container price-final_price tax weee">
30567                                    <div class="old-price text-xs including-tax line-through"></div>
30568                                    <div id="price-including-tax-product-price-92333"
30569                                         data-price-type="finalPrice"
30570                                         class="price-wrapper price-including-tax finalPrice flex items-end">
30571                                        <span class="price"></span>
30572                                        <span class="tax font-normal hidden">mit MwSt.</span>
30573                                    </div>
30574                                    <div class="unitPrice text-xs"></div>
30575                                </span>
30576                                </div>
30577
30578                                <div class="base-price text-left ">
30579                                <span class="price-container price-final_price tax weee">
30580                                    <div class="old-price text-xs excluding-tax line-through"></div>
30581                                    <div id="price-excluding-tax-product-price-92333"
30582                                         data-price-type="finalPrice"
30583                                         class="price-wrapper price-excluding-tax finalPrice flex items-end">
30584                                        <span class="price"></span>
30585                                        <span class="tax font-normal hidden">ohne MwSt.</span>
30586                                    </div>
30587                                    <div class="unitPrice text-xs"></div>
30588                                </span>
30589                                </div>
30590                            </div>
30591                        </div>
30592                    </div>
30593
30594                                            <div x-data="{ currentStock: 0 }"
30595                             x-init="() => $dispatch('preselectswatch')"
30596                             @update-stock-92333.window="currentStock = $event.detail"
30597                             class="flex flex-wrap mt-auto text-left">
30598                            <div class="stock-status text-xs w-full mb-3 mt-auto basis-full">
30599                                <template x-if="currentStock">
30600                                    <div>
30601                                    <span x-show="currentStock > 0" class="text-green-main">
30602                                        Sofort versandfertig, Lieferzeit: 1-3 Werktage                                    </span>
30603                                        <span x-show="currentStock <= 0 && currentStock > -1000"
30604                                              class="text-yellow-700">
30605                                        Aktuell nicht lieferbar, Lieferzeit: 5-10 Werktage                                    </span>
30606                                        <span x-show="currentStock <= -1000 && currentStock > -5000"
30607                                              class="text-red-600">
30608                                        Aktuell nicht lieferbar                                    </span>
30609                                    </div>
30610                                </template>
30611                            </div>
30612                        </div>
30613                    
30614                    
30615                    <div class="flex gap-4 mt-auto justify-end lg:justify-between"
30616                         x-data="initQtyField__137ac2fc782845b78c3086c64af6e750_6ac211b6bd429()"
30617                         x-init="() => $dispatch('preselectswatch')"
30618                         @update-stock-92333.window="currentStock = $event.detail;">
30619                                                    <div class="w-1/2 flex"
30620                                x-show="currentStock > -5000"
30621                                :aria-hidden="currentStock <= -5000">
30622                                <button
30623                                    class="qty-button -minus-button"
30624                                    type="button"
30625                                    title="Weniger"
30626                                    x-on:click="stepDown()">
30627                                    <?xml version="1.0" encoding="utf-8"?>
30628<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
30629<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="w-5 h-5" width="20" height="20">
30630        <title>Minus</title>
30631    <g>
30632	<g>
30633		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
30634	</g>
30635</g>
30636</svg>
30637                                </button>
30638                                <label for="qty[92333_137ac2fc782845b78c3086c64af6e750_6ac211b6bd429]"
30639                                       class="sr-only">
30640                                    Anzahl                                </label>
30641                                <input name="qty"
30642                                       class="form-input rounded-none px-2 text-center invalid:ring-2 invalid:ring-red-500 w-11/12"
30643                                       id="qty[92333_137ac2fc782845b78c3086c64af6e750_6ac211b6bd429]"
30644                                       type="number"
30645                                       inputmode="numeric"
30646                                       maxlength="5"
30647                                       min="1"                                       max="10000"                                       step="1"                                       :value="qty"
30648                                       x-model.number="qty"
30649                                       x-on:input.change="validateQty(qty);"
30650                                />
30651                                <button
30652                                    class="qty-button -plus-button"
30653                                    type="button"
30654                                    title="Mehr"
30655                                    class="plus"
30656                                    x-on:click="stepUp()">
30657                                    <?xml version="1.0" encoding="utf-8"?>
30658<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
30659<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="text-white" width="20" height="20">
30660        <title>Plus Sign</title>
30661    <g>
30662	<g>
30663		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
30664	</g>
30665	<g>
30666		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
30667	</g>
30668</g>
30669</svg>
30670                                </button>
30671                            </div>
30672                            <div class="w-1/2"
30673                                 x-show="currentStock > -5000"
30674                                 :aria-hidden="currentStock <= -5000">
30675                                                                    <button class="btn btn-add-to-cart w-full h-full px-2 py-0"
30676                                            :disabled="currentStock <= -1000 || false"
30677                                            :class="{'not-available': currentStock <= -1000 || false}"
30678                                            id="add-to-cart[92333_137ac2fc782845b78c3086c64af6e750_6ac211b6bd429]"
30679                                            title="Fl&#xFC;ssigseife&#x20;&quot;Geneva&#x20;Green&quot;&#x20;370&#x20;ml&#x20;mit&#x20;Pumpspender&#x20;In&#x20;den&#x20;Warenkorb"
30680                                            aria-label="Fl&#xFC;ssigseife&#x20;&quot;Geneva&#x20;Green&quot;&#x20;370&#x20;ml&#x20;mit&#x20;Pumpspender&#x20;In&#x20;den&#x20;Warenkorb">
30681                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
30682    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
30683                                        <span class="sm:pl-2 md:hidden lg:block">
30684                                            In&#x20;den&#x20;Warenkorb                                        </span>
30685                                    </button>
30686                                                            </div>
30687                        
30688                        <a x-cloak
30689                           x-show="currentStock <= -5000"
30690                           :aria-hidden="currentStock > -5000"
30691                           href="https://www.papstar-shop.de/fluessigseife-geneva-green-370-ml-mit-pumpspender-92333.htm"
30692                           class="btn btn-add-to-cart w-full h-full px-2 py-0"
30693                           id="add-to-cart[92333_137ac2fc782845b78c3086c64af6e750_6ac211b6bd429]"
30694                           title="Fl&#xFC;ssigseife&#x20;&quot;Geneva&#x20;Green&quot;&#x20;370&#x20;ml&#x20;mit&#x20;Pumpspender&#x20;Produkt&#x20;individualisieren"
30695                           aria-label="Fl&#xFC;ssigseife&#x20;&quot;Geneva&#x20;Green&quot;&#x20;370&#x20;ml&#x20;mit&#x20;Pumpspender&#x20;Produkt&#x20;individualisieren">
30696                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
30697    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
30698                            <span class="sm:pl-2 md:hidden lg:block py-4">
30699                                            Produkt&#x20;individualisieren                                        </span>
30700                        </a>
30701
30702                                                    
30702<script>
30703    'use strict';
30704
30705    (() => {
30706        window.addEventListener(
30707            'ga-initialized',
30708            () => {
30709                const productForm = document.querySelector(
30710                    'form\u005Bdata\u002Dsku\u003D\u002292333\u0022\u005D'
30711                );
30712
30713                if (!productForm) {
30714                    return;
30715                }
30716
30717                let sku = '92333';
30718
30719                window.addEventListener(
30720                    'listing\u002Dconfigurable-selection-changed',
30721                    (event) => {
30722                        if (event.detail.skuCandidates.length === 1
30723                            && event.detail.productId === '92333'
30724                        ) {
30725                            sku = event.detail.skuCandidates[0];
30726                        }
30727                    }
30728                );
30729
30730                function bindEventListener(element, event)
30731                {
30732                    element.addEventListener(event, () => {
30733                        if (productForm.checkValidity()) {
30734                            const priceSelector = false                                ? '#product-price-92333 .price'
30735                                : '[data-price-box="product-id-92333"] .price';
30736
30737                            window.dispatchEvent(new CustomEvent('cart-item-added', {
30738                                detail: [{
30739                                    product_sku: sku,
30740                                    product_name: 'Fl\u00FCssigseife\u0020\u0022Geneva\u0020Green\u0022\u0020370\u0020ml\u0020mit\u0020Pumpspender',
30741                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),
30742
30743                                                                            qty: 1,
30744                                                                    }],
30745                            }));
30746                        }
30747                    });
30748                }
30749
30750                                    const button = productForm.querySelector(
30751                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
30752                    );
30753
30754                    if (!button) {
30755                        return;
30756                    }
30757
30758                    bindEventListener(button, 'click');
30759                            },
30760            { once: true }
30761        );
30762    })();
30763</script>
30763
30764                                            </div>
30765                    <div class="qty-alert hidden" id="qty-alert[92333_137ac2fc782845b78c3086c64af6e750_6ac211b6bd429]">
30766                        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill="currentColor" viewBox="0 0 20 20" class="w-3 h-3 mr-1 text-energy inline-block align-text-top">
30767<title>Warning</title>
30768    <path d="M19.64 16.36L11.53 2.3A1.85 1.85 0 0 0 10 1.21 1.85 1.85 0 0 0 8.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>
30769</svg>
30770                        <span>Bitte&#x20;nur&#x20;ganze&#x20;Zahlen&#x20;eingeben.</span>
30771                    </div>
30772                </div>
30773            </div>
30774        </div>
30775    </form>
30776</div>
30777                    </li>
30778                                                                    <li class="splide__slide">
30779                        <div class="h-full">
30780    <form method="post"
30781          aria-label="Product&#x20;tile&#x20;for&#x3A;&#x20;Zuckerwattest&#xE4;be&#x20;Holz&#x20;&quot;pure&quot;&#x20;eckig,&#x20;40&#x20;cm&#x20;&#xD7;&#x20;4&#x20;&#xD7;&#x20;4&#x20;mm"
30782          action="https://www.papstar-shop.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cucGFwc3Rhci1zaG9wLmRlLz9tc2Nsa2lkPWI5ODJhMjlkYWVkYzFjMWQyM2I2Yzg1ZmEzZjY4ZjFj/product/37592/"
30783          class="item product product-item product_addtocart_form border rounded p-2.5 bg-container-white hover:shadow-lg flex flex-col w-full h-full"
30784            >
30785        <input name="form_key" type="hidden" value="rKVCmaFj7egUOB24" />        <input type="hidden" name="product" value="37592"/>
30786        <div
30787            class="relative product photo product-item-photo block mb-3 px-12 ">
30788                <a x-data="ReqBlind_6ac211b6cc7e7()"
30789       href="https://www.papstar-shop.de/customer/account/"
30790       title="Zuckerwattestäbe Holz &quot;pure&quot; eckig, 40 cm × 4 × 4 mm Zum Merkzettel hinzufügen"
30791       aria-label="Zuckerwattestäbe Holz &quot;pure&quot; eckig, 40 cm × 4 × 4 mm Zum Merkzettel hinzufügen"
30792       @click.prevent="open($event)"
30793       class="p-2 bg-transparent absolute right-0 hover:text-primary-darker bottom-0">
30794        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85" xml:space="preserve" fill="currentColor" class="mx-auto bg-transparent text-black" width="36" height="36">
30795    <path d="M23.895 23.457a8.424 8.424 0 0 0-2.896 1.895c-3.408 3.41-3.308 9.06.226 12.594" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/><path d="M68.801 42.971c6.287-6.289 6.389-16.478.224-22.645-6.165-6.164-16.354-6.063-22.644.225l-3.896 3.871-3.87-3.871c-6.287-6.288-16.477-6.389-22.641-.225-6.164 6.167-6.064 16.355.225 22.645l26.295 26.262 26.307-26.262z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/></svg>
30796        <span class="sr-only">Zum Merkzettel hinzufügen</span>
30797    </a>
30798    
30798<script>
30799        function ReqBlind_6ac211b6cc7e7() {
30800            return {
30801                open: function (event) {
30802                    window.scrollTo(0, 0);
30803                    dispatchMessages([{
30804                        type: 'notice',
30805                        text: 'Sie müssen eingeloggt sein, um die Merkzettel-Funktion zu nutzen.'
30806                    }], 5000);
30807                    let href = event.currentTarget.href;
30808                    setTimeout(function() {
30809                        window.location = href;
30810                    }, 4000);
30811                }
30812            }
30813        }
30814    </script>
30814
30815                                        <ul class="product-tile__badges z-10">
30816                                                    <li class="product-tile__badges-item
30817                badge-new-37592"
30818                                    >
30819                                            Neu                                    </li>
30820                        </ul>
30821                        <a href="https://www.papstar-shop.de/zuckerwattestaebe-holz-pure-eckig-40-cm-4-4-mm-37592.htm"
30822               tabindex="-1"
30823                            >
30824                <picture class="object-contain mx-auto py-3 product-image-photo"><source type="image/webp" srcset="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/Z/u/Zuckerwattestaebe-Holz-pure-eckig-40-cm-x-4-x-4-mm-37592_b_0_2.webp"><img class="object-contain mx-auto py-3 product-image-photo" x-data="" @update-gallery-37592.window="$el.src = $event.detail" src="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/Z/u/Zuckerwattestaebe-Holz-pure-eckig-40-cm-x-4-x-4-mm-37592_b_0_2.jpg" loading="lazy" itemprop="image" width="360" height="360" alt="Zuckerwattest&#xE4;be&#x20;Holz&#x20;&quot;pure&quot;&#x20;eckig,&#x20;40&#x20;cm&#x20;&#xD7;&#x20;4&#x20;&#xD7;&#x20;4&#x20;mm" title="Zuckerwattest&#xE4;be&#x20;Holz&#x20;&quot;pure&quot;&#x20;eckig,&#x20;40&#x20;cm&#x20;&#xD7;&#x20;4&#x20;&#xD7;&#x20;4&#x20;mm" loading="lazy" /></picture>
30825            </a>
30826        </div>
30827        <div class="product-info flex flex-col flex-grow">
30828            <div class="text-black font-semibold text-base">
30829                                    &nbsp;                            </div>
30830                        <div
30831                class="mt-1 text-black font-semibold text-base text-left sm:min-h-90px">
30832                <a class="product-item-link "
30833                   href="https://www.papstar-shop.de/zuckerwattestaebe-holz-pure-eckig-40-cm-4-4-mm-37592.htm"
30834                                    >
30835                    Zuckerwattestäbe Holz &quot;pure&quot; eckig, 40 cm × 4 × 4 mm                </a>
30836                            </div>
30837            <div class="flex mt-1 mb-1">
30838                <div class="mt-auto sku text-sm">
30839                    <span>Artikel-Nr.: </span>37592                </div>
30840                                    <div class="lg:w-auto ml-auto block ">
30841                                            </div>
30842                            </div>
30843
30844                        <div class="mt-1 text-xs text-gray-600 italic">
30845                                    Verfügbar in 2 Varianten                            </div>
30846
30847            <div class="h-full flex justify-between flex-col">
30848                                                                
30848<script>
30849        function initConfigurableSwatchOptions_37592() {
30850            const configurableOptionsComponent = initConfigurableOptions(
30851                '37592',
30852                {"attributes":{"254":{"id":"254","code":"order_unit","label":"Bestelleinheit","options":[{"id":"7059","label":"Karton","products":["137592"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"137592":{"baseOldPrice":{"amount":57.8},"oldPrice":{"amount":68.782001},"basePrice":{"amount":57.8},"finalPrice":{"amount":68.782001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"6,88\u00a0Cent \/ St\u00fcck","basePrice":"5,78\u00a0Cent \/ St\u00fcck"}}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":57.8},"oldPrice":{"amount":68.782001},"basePrice":{"amount":57.8},"finalPrice":{"amount":68.782001}},"productId":"37592","chooseText":"W\u00e4hlen Sie eine Option\u2026","images":[],"index":{"137592":{"254":"7059"}},"salable":{"254":{"7059":["137592"]}},"canDisplayShowOutOfStockStatus":true,"preSelectedGallery":[],"channel":"website","salesChannelCode":"papstar_de","sku":{"137592":"4002911483381"},"quantities":{"137592":90}}            );
30853            const swatchOptionsComponent = initSwatchOptions({"254":{"7059":{"type":"0","value":null,"label":"Karton","unit":"###VPE### St\u00fcck (20 x 50)","vpe":"1000"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}});
30854
30855            return Object.assign(
30856                configurableOptionsComponent,
30857                swatchOptionsComponent,
30858                {
30859                    mediaCallback: "https\u003A\u002F\u002Fwww.papstar\u002Dshop.de\u002Fswatches\u002Fajax\u002Fmedia\u002F",
30860                    changeOption(optionId, value, skipUpdateGallery) {
30861                        if (value === '') {
30862                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
30863                        } else {
30864                            this.selectedValues[optionId] = value;
30865                        }
30866                        this.findSimpleIndex();
30867                        this.findAllowedAttributeOptions();
30868                        this.updateStock();
30869                        this.updatePrices();
30870                        this.updateSavingPriceInfo();
30871                    },
30872                    unitSavingsPrice: null,
30873                    hasSpecialPrice: false,
30874                    finalPrice: {
30875                        amount: 0.00
30876                    },
30877                    oldPrice: {
30878                        amount: 0.00
30879                    },
30880
30881                    updateHasSpecialPrice() {
30882                        this.hasSpecialPrice = this.finalPrice.amount < this.oldPrice.amount;
30883                    },
30884                    updateSavingPriceInfo() {
30885                        const detail = this.optionConfig.optionPrices[this.productIndex];
30886                        this.oldPrice.amount = detail.oldPrice.amount;
30887                        this.finalPrice.amount = detail.finalPrice.amount;
30888
30889                        this.updateHasSpecialPrice();
30890
30891                        if (!this.hasSpecialPrice) {
30892                            this.unitSavingsPrice = detail.unitSavings;
30893                        }
30894                    },
30895                    preselectQuerystringItems: function() {
30896                        let found = false;
30897                        // pre-select option like ?size=167
30898                        const urlQueryParams = new URLSearchParams(window.location.search.replace("?", ""));
30899                        Object.values(this.optionConfig.attributes).map(attribute => {
30900                            const skipUpdateGallery = true;
30901                            if (urlQueryParams.get(attribute.code) !== null) {
30902                                let optionId = urlQueryParams.get(attribute.code);
30903                                found = false;
30904                                Object.values(attribute.options).map(option => {
30905                                    if (found === false && option.label === optionId) {
30906                                        optionId = option.id;
30907                                        found = true;
30908                                    }
30909                                });
30910                                this.changeOption(attribute.id, optionId, skipUpdateGallery);
30911                            }
30912                        });
30913                        if (found === false) {
30914                            // pre-select first option
30915                            Object.values(this.optionConfig.attributes).map(attribute => {
30916                                if (attribute.code === "order_unit") {
30917                                    let optionId = 0;
30918                                    Object.values(attribute.options).map(option => {
30919                                        if (this.selectedValues.length === 0) {
30920                                            if (found === false && option.products.length > 0) {
30921                                                optionId = option.id;
30922                                                this.changeOption(attribute.id, optionId, true);
30923                                                found = true;
30924                                            }
30925                                        } else {
30926                                            optionId = this.selectedValues[attribute.id];
30927                                            this.changeOption(attribute.id, optionId, true);
30928                                            found = true;
30929                                        }
30930                                    });
30931                                }
30932                            });
30933                        }
30934                    },
30935                    mouseDown: false,
30936                    startX: 0,
30937                    maxScroll: 0,
30938                    scrollLeft: null,
30939                    slider: null,
30940                    scrollEvents: {
30941                        ["@mousedown"](e) {
30942                            this.slider = e.target.closest(".snap");
30943                            if (!this.slider) {
30944                                return;
30945                            }
30946                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
30947                            this.startX = e.pageX - this.slider.offsetLeft;
30948                            this.scrollLeft = this.slider.scrollLeft;
30949                            this.mouseDown = true;
30950                        },
30951                        ["@mouseout.self"]() {
30952                            this.mouseDown = false;
30953                        },
30954                        ["@mouseup"]() {
30955                            this.mouseDown = false;
30956                        },
30957                        ["@mousemove"](e) {
30958                            e.preventDefault();
30959                            if (!this.mouseDown) {
30960                                return;
30961                            }
30962                            const x = e.pageX - this.slider.offsetLeft;
30963                            const scroll = x - this.startX;
30964                            const scrollLeft = this.scrollLeft - scroll;
30965
30966                            if (scrollLeft > this.maxScroll) {
30967                                this.slider.scrollLeft = this.maxScroll;
30968                                return;
30969                            }
30970                            this.slider.scrollLeft = this.scrollLeft - scroll;
30971                        },
30972                        ["@onselectstart"]() {
30973                            return false;
30974                        }
30975                    },
30976                    resizeEvent() {
30977                        Array.from(this.$el.querySelectorAll(".snap")).forEach(sli
30977der => {
30978                            slider.scrollLeft = 0;
30979                        });
30980                    }
30981                }
30982            );
30983        }
30984    </script>
30984
30985
30986    <div x-data="initConfigurableSwatchOptions_37592();"
30987         x-defer="intersect"
30988         x-init="getAllowedAttributeOptions();() => preselectQuerystringItems();preselectQuerystringItems();"
30989         @private-content-loaded.window="onGetCartData($event.detail.data)"
30990         @update-prices-37592.window="unitSavingsInfo = $event.detail.unitSavings"
30991         @touchstart.passive="preselectQuerystringItems()"
30992         @resize.window="resizeEvent()"
30993         class="relative md:w-full"
30994         @preselectswatch.window="preselectQuerystringItems()"
30995    >
30996        <div>
30997                                            
30998                                <div class="swatch-attribute order_unit">
30999                    <div class="w-full overflow-x-hidden swatch-attribute-options pt-2">
31000                        <div
31001                            class="w-full overflow-auto transition-all snap items-center min-h-14 product-listing-option-wrapper grid gap-2 pb-2"
31002                            id="attribute-label-37592-254"
31003                                                        :role="optionConfig.attributes?.[254]?.options?.length ? 'radiogroup' : null"
31004                            :aria-label="optionConfig.attributes?.[254]?.options?.length ? 'Attribut-order_unit' : null"
31005                            x-bind="scrollEvents">
31006                            <template x-for="(item, index) in optionConfig.attributes[254].options"
31007                                      :key="item.id"
31008                            >
31009                                
31010<div class="swatch-item">
31011        <label
31012            :for="'attribute-option-swatch-input6ac211b6d0bc14.3097234237592-'+item.id"
31013            class="rounded swatch-option flex flex-col relative shadow-sm cursor-pointer select-none text-center product-option-value-label"
31014            :class="{
31015                'bg-secondary border-container-lighter text-white' : (selectedValues[254] === item.id),
31016                'bg-container-lighter' : (selectedValues[254] !== item.id),
31017                'w-6 h-6' : !isTextSwatch(254, item.id),
31018                'bg-secondary text-white' : focusedLabel === item.id
31019            }"
31020            :style="getSwatchBackgroundStyle('254',item.id)"
31021        >
31022            <input
31023                :id="'attribute-option-swatch-input6ac211b6d0bc14.3097234237592-'+item.id"
31024                :value="item.id"
31025                name="super_attribute[254]-37592]"
31026                type="radio"
31027                role="radio"
31028                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
31029                style="z-index:-1"
31030                x-on:focus="focusLabel(item.id)"
31031                x-on:blur="blurLabel()"
31032                x-on:change="changeOption(254, $event.target.value)"
31033                x-model="selectedValues[254]"
31034                :required="getAllowedAttributeOptions(254).filter(
31035                                                                    attributeOption => selectedValues[attributeOption]
31036                                                                ).length === 0"
31037                :aria-label="getSwatchText(254, item.id) + ': ' + getSwatchUnitText(254, item.id)"
31038            >
31039            <div x-html="getSwatchText(254, item.id)"
31040                 class="whitespace-nowrap text-sm font-bold"
31041                 :class="{ 'sr-only' : !isTextSwatch(254, item.id) }"
31042                 aria-hidden="false"
31043            ></div>
31044            <!-- N98 custom attributes start-->
31045            <div x-html="getSwatchUnitText(254, item.id)"
31046                 class="text-xs" aria-hidden="false"></div>
31047            <!-- N98 custom attributes end-->
31048        </label>
31049        <template x-if="unitSavingsInfo && selectedValues[254] === item.id">
31050            <div class="unit-savings-price">
31051                <span class="-info" x-html="unitSavingsInfo"></span>
31052            </div>
31053        </template>
31054    <template x-if="index != 0 && selectedValues[254] !== item.id">
31055        <div class="unit-savings-price">
31056            <span class="-info">
31057            <span><?xml version="1.0" encoding="UTF-8"?>
31058<svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" version="1.1" viewBox="0 0 18 22" width="16" height="16">
31059    <title>Percent</title>
31060  <defs>
31061    <style>
31062      .st0 {
31063        stroke-linecap: round;
31064        stroke-linejoin: round;
31065      }
31066
31067      .st0, .st1 {
31068        fill: none;
31069        stroke-width: 1.5px;
31070      }
31071
31072      .st1 {
31073        stroke-miterlimit: 10;
31074      }
31075    </style>
31076  </defs>
31077  <path class="st1" stroke="currentColor" d="M16.2,16.6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
31078  <g>
31079    <path class="st1" stroke="currentColor" d="M8,6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
31080    <path class="st0" stroke="currentColor" d="M3.5,18.7L15.4,3.9"/>
31081  </g>
31082</svg>
31083</span>
31084            </span>
31085        </div>
31086    </template>
31087</div>
31088                            </template>
31089                        </div>
31090                    </div>
31091                </div>
31092                    </div>
31093                    <template x-if="isTooltipVisible()">
31094    <div class="absolute shadow-lg"
31095        :style="isLayeredSwatch == false && getTooltipPosition()"
31096    >
31097        <div class="absolute top-0 left-0 z-50 p-2 -mt-6 text-sm leading-tight text-black
31098                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
31099        >
31100        <!--template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
31101            <div x-show="getSwatchType(activeTooltipItem.type) !== 'color'"
31102                class="inline-block shadow-sm"
31103                :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
31104            ></div>
31105        </template-->
31106            <span class="mx-2 text-sm font-semibold whitespace-nowrap subtitle"
31107                    x-html="getTooltipLabel()"
31108            ></span>
31109        </div>
31110        <svg class="absolute z-50 w-8 h-8 text-white transform -translate-x-3
31111                -translate-y-8 fill-current stroke-current"
31112                width="12"
31113                height="12"
31114        >
31115            <title>Tooltip Icon</title>
31116            <rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
31117        </svg>
31118    </div>
31119</template>
31120            </div>
31121                                        
31122                
31122<script>
31123                    function initPriceBox__137ac2fc782845b78c3086c64af6e750_6ac211b6cc459() {
31124                        return {
31125                            updatePrice(priceData, productId) {
31126                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
31127                                const regularOldPriceElement = this.$el.querySelector('.normal-price .old-price');
31128                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
31129                                const regularPriceElementTax = this.$el.querySelector('.normal-price .price-container .tax');
31130                                const regularOldBasePriceElement = this.$el.querySelector('.base-price .old-price');
31131                                const regularBasePriceElement = this.$el.querySelector('.base-price .price-wrapper .price');
31132                                const regularBasePriceElementTax = this.$el.querySelector('.base-price .price-container .tax');
31133                                const unitPriceElement = this.$el.querySelector('.normal-price .unitPrice');
31134                                const unitBasePriceElement = this.$el.querySelector('.base-price .unitPrice');
31135                                const productTileBadge = document.querySelector('.badge-discounted-' + productId);
31136
31137                                let specialPrice = false;
31138                                let specialPricePercent;
31139
31140                                if (regularPriceLabel) {
31141                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
31142                                        regularPriceLabel.classList.remove('hidden');
31143                                    } else {
31144                                        regularPriceLabel.classList.add('hidden');
31145                                    }
31146                                }
31147
31148                                if (productTileBadge) {
31149                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
31150                                        specialPricePercent = (priceData.oldPrice.amount - priceData.finalPrice.amount)
31151                                            / priceData.oldPrice.amount * 100;
31152                                        productTileBadge.innerText = '-' + Math.round(specialPricePercent) + '%';
31153                                        productTileBadge.classList.remove('hidden');
31154                                    }
31155                                }
31156
31157                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
31158                                    specialPrice = true;
31159                                } else {
31160                                    specialPrice = false;
31161                                }
31162
31163                                if (regularOldPriceElement && priceData.oldPrice.amount) {
31164                                    if (specialPrice) {
31165                                        regularOldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount);
31166                                    } else {
31167                                        regularOldPriceElement.innerText = '';
31168                                    }
31169                                }
31170
31171                                if (regularPriceElement) {
31172                                    regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
31173                                    regularPriceElementTax.style.display = 'block';
31174                                }
31175
31176                                if (unitPriceElement) {
31177                                    unitPriceElement.innerText = '';
31178                                }
31179
31180                                if (unitPriceElement && priceData.unitPrice.pricePerUnitHTML.price) {
31181                                    unitPriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.price;
31182                                }
31183
31184                                if (regularOldBasePriceElement && priceData.baseOldPrice.amount) {
31185                                    if (specialPrice) {
31186                                        regularOldBasePriceElement.innerText =
31187                                            hyva.formatPrice(priceData.baseOldPrice.amount);
31188                                    } else {
31189                                        regularOldBasePriceElement.innerText = '';
31190                                    }
31191                                }
31192
31193                                if (regularBasePriceElement) {
31194                                    regularBasePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount);
31195                                    regularBasePriceElementTax.style.display = 'block';
31196                                }
31197
31198                                if (unitBasePriceElement) {
31199                                    unitBasePriceElement.innerText = '';
31200                                }
31201
31202                                if (unitBasePriceElement && priceData.unitPrice.pricePerUnitHTML.basePrice) {
31203                                    unitBasePriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.basePrice;
31204                                }
31205
31206                                if (priceData.finalPrice.amount === priceData.basePrice.amount) {
31207                                    this.$el.querySelector('.normal-price').classList.add('hidden');
31208                                } else {
31209                                    this.$el.querySelector('.normal-price').classList.remove('hidden');
31210                                }
31211                            }
31212                        }
31213                    }
31214
31215                    function initQtyField__137ac2fc782845b78c3086c64af6e750_6ac211b6cc459() {
31216                        return {
31217                            qty: 1,
31218                            input: document.getElementById('qty[37592_137ac2fc782845b78c3086c64af6e750_6ac211b6cc459]'),
31219                            addToCart: document.getElementById('add-to-cart[37592_137ac2fc782845b78c3086c64af6e750_6ac211b6cc459]'),
31220                            qtyAlert: document.getElementById('qty-alert[37592_137ac2fc782845b78c3086c64af6e750_6ac211b6cc459]'),
31221                            currentStock: 0,
31222
31223                            validateQty(qty) {
31224                                let regex = /^\d+$/;
31225                                let pattern = regex.test(qty);
31226
31227                                this.addToCart.disabled = qty === 0
31228                                    || qty === null
31229                                    || qty > 10000                                    || !pattern
31230                                    || this.addToCart.classList.contains('not-available');
31231
31232                                if (qty === 0
31233                                    || qty === null
31234                                    || qty > 10000                                    || !pattern) {
31235                                    this.qtyAlert.style.display = 'block';
31236                                } else {
31237                                    this.qtyAlert.style.display = 'none';
31238                                }
31239                            },
31240
31241                            stepUp() {
31242                                this.input.stepUp();
31243                                let qty = document.getElementById('qty[37592_137ac2fc782845b78c3086c64af6e750_6ac211b6cc459]').value;
31244                                this.validateQty(qty);
31245
31246                            },
31247
31248                            stepDown() {
31249                                this.input.stepDown();
31250                                let qty = document.getElementById('qty[37592_137ac2fc782845b78c3086c64af6e750_6ac211b6cc459]').value;
31251                                this.validateQty(qty);
31252                            }
31253                        };
31254                    }
31255                </script>
31255
31256                <div class="relative price-block">
31257                    <div class="flex my-4 sm:min-h-42px w-full">
31258                                                <div class="w-full"
31259                             x-data="initPriceBox__137ac2fc782845b78c3086c64af6e750_6ac211b6cc459()"
31260                             x-init="() => $dispatch('preselectswatch')"
31261                             @update-prices-37592.window="updatePrice($event.detail,37592);">
31262                            <div
31263                                class="price-box mt-3 price-final_price flex flex-wrap justify-between"
31264                                data-role="priceBox">
31265                                <div class="normal-price text-left ">
31266                                <span class="price-container price-final_price tax weee">
31267                                    <div class="old-price text-xs including-tax line-through"></div>
31268                                    <div id="price-including-tax-product-price-37592"
31269                                         data-price-type="finalPrice"
31270                                         class="price-wrapper price-including-tax finalPrice flex items-end">
31271                                        <span class="price"></span>
31272                                        <span class="tax font-normal hidden">mit MwSt.</span>
31273                                    </div>
31274                                    <div class="unitPrice text-xs"></div>
31275                                </span>
31276                                </div>
31277
31278                                <div class="base-price text-left ">
31279                                <span class="price-container price-final_price tax weee">
31280                                    <div class="old-price text-xs excluding-tax line-through"></div>
31281                                    <div id="price-excluding-tax-product-price-37592"
31282                                         data-price-type="finalPrice"
31283                                         class="price-wrapper price-excluding-tax finalPrice flex items-end">
31284                                        <span class="price"></span>
31285                                        <span class="tax font-normal hidden">ohne MwSt.</span>
31286                                    </div>
31287                                    <div class="unitPrice text-xs"></div>
31288                                </span>
31289                                </div>
31290                            </div>
31291                        </div>
31292                    </div>
31293
31294                                            <div x-data="{ currentStock: 0 }"
31295                             x-init="() => $dispatch('preselectswatch')"
31296                             @update-stock-37592.window="currentStock = $event.detail"
31297                             class="flex flex-wrap mt-auto text-left">
31298                            <div class="stock-status text-xs w-full mb-3 mt-auto basis-full">
31299                                <template x-if="currentStock">
31300                                    <div>
31301                                    <span x-show="currentStock > 0" class="text-green-main">
31302                                        Sofort versandfertig, Lieferzeit: 1-3 Werktage                                    </span>
31303                                        <span x-show="currentStock <= 0 && currentStock > -1000"
31304                                              class="text-yellow-700">
31305                                        Aktuell nicht lieferbar, Lieferzeit: 5-10 Werktage                                    </span>
31306                                        <span x-show="currentStock <= -1000 && currentStock > -5000"
31307                                              class="text-red-600">
31308                                        Aktuell nicht lieferbar                                    </span>
31309                                    </div>
31310                                </template>
31311                            </div>
31312                        </div>
31313                    
31314                    
31315                    <div class="flex gap-4 mt-auto justify-end lg:justify-between"
31316                         x-data="initQtyField__137ac2fc782845b78c3086c64af6e750_6ac211b6cc459()"
31317                         x-init="() => $dispatch('preselectswatch')"
31318                         @update-stock-37592.window="currentStock = $event.detail;">
31319                                                    <div class="w-1/2 flex"
31320                                x-show="currentStock > -5000"
31321                                :aria-hidden="currentStock <= -5000">
31322                                <button
31323                                    class="qty-button -minus-button"
31324                                    type="button"
31325                                    title="Weniger"
31326                                    x-on:click="stepDown()">
31327                                    <?xml version="1.0" encoding="utf-8"?>
31328<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
31329<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="w-5 h-5" width="20" height="20">
31330        <title>Minus</title>
31331    <g>
31332	<g>
31333		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
31334	</g>
31335</g>
31336</svg>
31337                                </button>
31338                                <label for="qty[37592_137ac2fc782845b78c3086c64af6e750_6ac211b6cc459]"
31339                                       class="sr-only">
31340                                    Anzahl                                </label>
31341                                <input name="qty"
31342                                       class="form-input rounded-none px-2 text-center invalid:ring-2 invalid:ring-red-500 w-11/12"
31343                                       id="qty[37592_137ac2fc782845b78c3086c64af6e750_6ac211b6cc459]"
31344                                       type="number"
31345                                       inputmode="numeric"
31346                                       maxlength="5"
31347                                       min="1"                                       max="10000"                                       step="1"                                       :value="qty"
31348                                       x-model.number="qty"
31349                                       x-on:input.change="validateQty(qty);"
31350                                />
31351                                <button
31352                                    class="qty-button -plus-button"
31353                                    type="button"
31354                                    title="Mehr"
31355                                    class="plus"
31356                                    x-on:click="stepUp()">
31357                                    <?xml version="1.0" encoding="utf-8"?>
31358<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
31359<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="text-white" width="20" height="20">
31360        <title>Plus Sign</title>
31361    <g>
31362	<g>
31363		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
31364	</g>
31365	<g>
31366		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
31367	</g>
31368</g>
31369</svg>
31370                                </button>
31371                            </div>
31372                            <div class="w-1/2"
31373                                 x-show="currentStock > -5000"
31374                                 :aria-hidden="currentStock <= -5000">
31375                                                                    <button class="btn btn-add-to-cart w-full h-full px-2 py-0"
31376                                            :disabled="currentStock <= -1000 || false"
31377                                            :class="{'not-available': currentStock <= -1000 || false}"
31378                                            id="add-to-cart[37592_137ac2fc782845b78c3086c64af6e750_6ac211b6cc459]"
31379                                            title="Zuckerwattest&#xE4;be&#x20;Holz&#x20;&quot;pure&quot;&#x20;eckig,&#x20;40&#x20;cm&#x20;&#xD7;&#x20;4&#x20;&#xD7;&#x20;4&#x20;mm&#x20;In&#x20;den&#x20;Warenkorb"
31380                                            aria-label="Zuckerwattest&#xE4;be&#x20;Holz&#x20;&quot;pure&quot;&#x20;eckig,&#x20;40&#x20;cm&#x20;&#xD7;&#x20;4&#x20;&#xD7;&#x20;4&#x20;mm&#x20;In&#x20;den&#x20;Warenkorb">
31381                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
31382    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
31383                                        <span class="sm:pl-2 md:hidden lg:block">
31384                                            In&#x20;den&#x20;Warenkorb                                        </span>
31385                                    </button>
31386                                                            </div>
31387                        
31388                        <a x-cloak
31389                           x-show="currentStock <= -5000"
31390                           :aria-hidden="currentStock > -5000"
31391                           href="https://www.papstar-shop.de/zuckerwattestaebe-holz-pure-eckig-40-cm-4-4-mm-37592.htm"
31392                           class="btn btn-add-to-cart w-full h-full px-2 py-0"
31393                           id="add-to-cart[37592_137ac2fc782845b78c3086c64af6e750_6ac211b6cc459]"
31394                           title="Zuckerwattest&#xE4;be&#x20;Holz&#x20;&quot;pure&quot;&#x20;eckig,&#x20;40&#x20;cm&#x20;&#xD7;&#x20;4&#x20;&#xD7;&#x20;4&#x20;mm&#x20;Produkt&#x20;individualisieren"
31395                           aria-label="Zuckerwattest&#xE4;be&#x20;Holz&#x20;&quot;pure&quot;&#x20;eckig,&#x20;40&#x20;cm&#x20;&#xD7;&#x20;4&#x20;&#xD7;&#x20;4&#x20;mm&#x20;Produkt&#x20;individualisieren">
31396                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
31397    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
31398                            <span class="sm:pl-2 md:hidden lg:block py-4">
31399                                            Produkt&#x20;individualisieren                                        </span>
31400                        </a>
31401
31402                                                    
31402<script>
31403    'use strict';
31404
31405    (() => {
31406        window.addEventListener(
31407            'ga-initialized',
31408            () => {
31409                const productForm = document.querySelector(
31410                    'form\u005Bdata\u002Dsku\u003D\u002237592\u0022\u005D'
31411                );
31412
31413                if (!productForm) {
31414                    return;
31415                }
31416
31417                let sku = '37592';
31418
31419                window.addEventListener(
31420                    'listing\u002Dconfigurable-selection-changed',
31421                    (event) => {
31422                        if (event.detail.skuCandidates.length === 1
31423                            && event.detail.productId === '37592'
31424                        ) {
31425                            sku = event.detail.skuCandidates[0];
31426                        }
31427                    }
31428                );
31429
31430                function bindEventListener(element, event)
31431                {
31432                    element.addEventListener(event, () => {
31433                        if (productForm.checkValidity()) {
31434                            const priceSelector = false                                ? '#product-price-37592 .price'
31435                                : '[data-price-box="product-id-37592"] .price';
31436
31437                            window.dispatchEvent(new CustomEvent('cart-item-added', {
31438                                detail: [{
31439                                    product_sku: sku,
31440                                    product_name: 'Zuckerwattest\u00E4be\u0020Holz\u0020\u0022pure\u0022\u0020eckig,\u002040\u0020cm\u0020\u00D7\u00204\u0020\u00D7\u00204\u0020mm',
31441                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),
31442
31443                                                                            qty: 1,
31444                                                                    }],
31445                            }));
31446                        }
31447                    });
31448                }
31449
31450                                    const button = productForm.querySelector(
31451                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
31452                    );
31453
31454                    if (!button) {
31455                        return;
31456                    }
31457
31458                    bindEventListener(button, 'click');
31459                            },
31460            { once: true }
31461        );
31462    })();
31463</script>
31463
31464                                            </div>
31465                    <div class="qty-alert hidden" id="qty-alert[37592_137ac2fc782845b78c3086c64af6e750_6ac211b6cc459]">
31466                        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill="currentColor" viewBox="0 0 20 20" class="w-3 h-3 mr-1 text-energy inline-block align-text-top">
31467<title>Warning</title>
31468    <path d="M19.64 16.36L11.53 2.3A1.85 1.85 0 0 0 10 1.21 1.85 1.85 0 0 0 8.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>
31469</svg>
31470                        <span>Bitte&#x20;nur&#x20;ganze&#x20;Zahlen&#x20;eingeben.</span>
31471                    </div>
31472                </div>
31473            </div>
31474        </div>
31475    </form>
31476</div>
31477                    </li>
31478                                                                    <li class="splide__slide">
31479                        <div class="h-full">
31480    <form method="post"
31481          aria-label="Product&#x20;tile&#x20;for&#x3A;&#x20;Pappbecher&#x20;0,3&#x20;l,&#x20;&#xD8;&#x20;8&#x20;cm&#x20;&#xB7;&#x20;11,6&#x20;cm&#x20;&quot;Coffee&#x20;Line&quot;,&#x20;PE-beschichtet"
31482          action="https://www.papstar-shop.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cucGFwc3Rhci1zaG9wLmRlLz9tc2Nsa2lkPWI5ODJhMjlkYWVkYzFjMWQyM2I2Yzg1ZmEzZjY4ZjFj/product/90471/"
31483          class="item product product-item product_addtocart_form border rounded p-2.5 bg-container-white hover:shadow-lg flex flex-col w-full h-full"
31484            >
31485        <input name="form_key" type="hidden" value="rKVCmaFj7egUOB24" />        <input type="hidden" name="product" value="90471"/>
31486        <div
31487            class="relative product photo product-item-photo block mb-3 px-12 ">
31488                <a x-data="ReqBlind_6ac211b6d970a()"
31489       href="https://www.papstar-shop.de/customer/account/"
31490       title="Pappbecher 0,3 l, Ø 8 cm · 11,6 cm &quot;Coffee Line&quot;, PE-beschichtet Zum Merkzettel hinzufügen"
31491       aria-label="Pappbecher 0,3 l, Ø 8 cm · 11,6 cm &quot;Coffee Line&quot;, PE-beschichtet Zum Merkzettel hinzufügen"
31492       @click.prevent="open($event)"
31493       class="p-2 bg-transparent absolute right-0 hover:text-primary-darker bottom-0">
31494        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85" xml:space="preserve" fill="currentColor" class="mx-auto bg-transparent text-black" width="36" height="36">
31495    <path d="M23.895 23.457a8.424 8.424 0 0 0-2.896 1.895c-3.408 3.41-3.308 9.06.226 12.594" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/><path d="M68.801 42.971c6.287-6.289 6.389-16.478.224-22.645-6.165-6.164-16.354-6.063-22.644.225l-3.896 3.871-3.87-3.871c-6.287-6.288-16.477-6.389-22.641-.225-6.164 6.167-6.064 16.355.225 22.645l26.295 26.262 26.307-26.262z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/></svg>
31496        <span class="sr-only">Zum Merkzettel hinzufügen</span>
31497    </a>
31498    
31498<script>
31499        function ReqBlind_6ac211b6d970a() {
31500            return {
31501                open: function (event) {
31502                    window.scrollTo(0, 0);
31503                    dispatchMessages([{
31504                        type: 'notice',
31505                        text: 'Sie müssen eingeloggt sein, um die Merkzettel-Funktion zu nutzen.'
31506                    }], 5000);
31507                    let href = event.currentTarget.href;
31508                    setTimeout(function() {
31509                        window.location = href;
31510                    }, 4000);
31511                }
31512            }
31513        }
31514    </script>
31514
31515                                                            <a href="https://www.papstar-shop.de/pappbecher-0-3-l-8-cm-11-6-cm-coffee-line-pe-beschichtet-90471.htm"
31516               tabindex="-1"
31517                            >
31518                <picture class="object-contain mx-auto py-3 product-image-photo"><source type="image/webp" srcset="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/P/a/Pappbecher-0-3-l-8-cm-11-6-cm-Coffee-Line-PE-beschichtet-90471_b_0.webp"><img class="object-contain mx-auto py-3 product-image-photo" x-data="" @update-gallery-90471.window="$el.src = $event.detail" src="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/P/a/Pappbecher-0-3-l-8-cm-11-6-cm-Coffee-Line-PE-beschichtet-90471_b_0.jpg" loading="lazy" itemprop="image" width="360" height="360" alt="Pappbecher&#x20;0,3&#x20;l,&#x20;&#xD8;&#x20;8&#x20;cm&#x20;&#xB7;&#x20;11,6&#x20;cm&#x20;&quot;Coffee&#x20;Line&quot;,&#x20;PE-beschichtet" title="Pappbecher&#x20;0,3&#x20;l,&#x20;&#xD8;&#x20;8&#x20;cm&#x20;&#xB7;&#x20;11,6&#x20;cm&#x20;&quot;Coffee&#x20;Line&quot;,&#x20;PE-beschichtet" loading="lazy" /></picture>
31519            </a>
31520        </div>
31521        <div class="product-info flex flex-col flex-grow">
31522            <div class="text-black font-semibold text-base">
31523                                    &nbsp;                            </div>
31524                        <div
31525                class="mt-1 text-black font-semibold text-base text-left sm:min-h-90px">
31526                <a class="product-item-link "
31527                   href="https://www.papstar-shop.de/pappbecher-0-3-l-8-cm-11-6-cm-coffee-line-pe-beschichtet-90471.htm"
31528                                    >
31529                    Pappbecher 0,3 l, Ø 8 cm · 11,6 cm &quot;Coffee Line&quot;, PE-beschichtet                </a>
31530                            </div>
31531            <div class="flex mt-1 mb-1">
31532                <div class="mt-auto sku text-sm">
31533                    <span>Artikel-Nr.: </span>90471                </div>
31534                                    <div class="lg:w-auto ml-auto block ">
31535                                            </div>
31536                            </div>
31537
31538                        <div class="mt-1 text-xs text-gray-600 italic">
31539                                    Verfügbar in 3 Varianten                            </div>
31540
31541            <div class="h-full flex justify-between flex-col">
31542                                                                
31542<script>
31543        function initConfigurableSwatchOptions_90471() {
31544            const configurableOptionsComponent = initConfigurableOptions(
31545                '90471',
31546                {"attributes":{"254":{"id":"254","code":"order_unit","label":"Bestelleinheit","options":[{"id":"7059","label":"Karton","products":["190471"]},{"id":"7061","label":"Palette","products":["690471"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"190471":{"baseOldPrice":{"amount":59.8},"oldPrice":{"amount":71.162001},"basePrice":{"amount":59.8},"finalPrice":{"amount":71.162001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"7,12\u00a0Cent \/ St\u00fcck","basePrice":"5,98\u00a0Cent \/ St\u00fcck"}}},"690471":{"baseOldPrice":{"amount":1320},"oldPrice":{"amount":1570.800001},"basePrice":{"amount":1320},"finalPrice":{"amount":1570.800001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"6,55\u00a0Cent \/ St\u00fcck","basePrice":"5,50\u00a0Cent \/ St\u00fcck"}},"unitSavings":"8% Ersparnis"}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":59.8},"oldPrice":{"amount":71.162001},"basePrice":{"amount":59.8},"finalPrice":{"amount":71.162001}},"productId":"90471","chooseText":"W\u00e4hlen Sie eine Option\u2026","images":[],"index":{"190471":{"254":"7059"},"690471":{"254":"7061"}},"salable":{"254":{"7059":["190471"],"7061":["690471"]}},"canDisplayShowOutOfStockStatus":true,"preSelectedGallery":[],"channel":"website","salesChannelCode":"papstar_de","sku":{"190471":"4250065994714","690471":"4049026794544"},"quantities":{"190471":785,"690471":32}}            );
31547            const swatchOptionsComponent = initSwatchOptions({"254":{"7059":{"type":"0","value":null,"label":"Karton","unit":"###VPE### St\u00fcck (20 x 50)","vpe":"1000"},"7061":{"type":"0","value":null,"label":"Palette","unit":"###VPE### St\u00fcck (480 x 50)","vpe":"24000"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}});
31548
31549            return Object.assign(
31550                configurableOptionsComponent,
31551                swatchOptionsComponent,
31552                {
31553                    mediaCallback: "https\u003A\u002F\u002Fwww.papstar\u002Dshop.de\u002Fswatches\u002Fajax\u002Fmedia\u002F",
31554                    changeOption(optionId, value, skipUpdateGallery) {
31555                        if (value === '') {
31556                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
31557                        } else {
31558                            this.selectedValues[optionId] = value;
31559                        }
31560                        this.findSimpleIndex();
31561                        this.findAllowedAttributeOptions();
31562                        this.updateStock();
31563                        this.updatePrices();
31564                        this.updateSavingPriceInfo();
31565                    },
31566                    unitSavingsPrice: null,
31567                    hasSpecialPrice: false,
31568                    finalPrice: {
31569                        amount: 0.00
31570                    },
31571                    oldPrice: {
31572                        amount: 0.00
31573                    },
31574
31575                    updateHasSpecialPrice() {
31576                        this.hasSpecialPrice = this.finalPrice.amount < this.oldPrice.amount;
31577                    },
31578                    updateSavingPriceInfo() {
31579                        const detail = this.optionConfig.optionPrices[this.productIndex];
31580                        this.oldPrice.amount = detail.oldPrice.amount;
31581                        this.finalPrice.amount = detail.finalPrice.amount;
31582
31583                        this.updateHasSpecialPrice();
31584
31585                        if (!this.hasSpecialPrice) {
31586                            this.unitSavingsPrice = detail.unitSavings;
31587                        }
31588                    },
31589                    preselectQuerystringItems: function() {
31590                        let found = false;
31591                        // pre-select option like ?size=167
31592                        const urlQueryParams = new URLSearchParams(window.location.search.replace("?", ""));
31593                        Object.values(this.optionConfig.attributes).map(attribute => {
31594                            const skipUpdateGallery = true;
31595                            if (urlQueryParams.get(attribute.code) !== null) {
31596                                let optionId = urlQueryParams.get(attribute.code);
31597                                found = false;
31598                                Object.values(attribute.options).map(option => {
31599                                    if (found === false && option.label === optionId) {
31600                                        optionId = option.id;
31601                                        found = true;
31602                                    }
31603                                });
31604                                this.changeOption(attribute.id, optionId, skipUpdateGallery);
31605                            }
31606                        });
31607                        if (found === false) {
31608                            // pre-select first option
31609                            Object.values(this.optionConfig.attributes).map(attribute => {
31610                                if (attribute.code === "order_unit") {
31611                                    let optionId = 0;
31612                                    Object.values(attribute.options).map(option => {
31613                                        if (this.selectedValues.length === 0) {
31614                                            if (found === false && option.products.length > 0) {
31615                                                optionId = option.id;
31616                                                this.changeOption(attribute.id, optionId, true);
31617                                                found = true;
31618                                            }
31619                                        } else {
31620                                            optionId = this.selectedValues[attribute.id];
31621                                            this.changeOption(attribute.id, optionId, true);
31622                                            found = true;
31623                                        }
31624                                    });
31625                                }
31626                            });
31627                        }
31628                    },
31629                    mouseDown: false,
31630                    startX: 0,
31631                    maxScroll: 0,
31632                    scrollLeft: null,
31633                    slider: null,
31634                    scrollEvents: {
31635                        ["@mousedown"](e) {
31636                            this.slider = e.target.closest(".snap");
31637                            if (!this.slider) {
31638                                return;
31639                            }
31640                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
31641                            this.startX = e.pageX - this.slider.offsetLeft;
31642                            this.scrollLeft = this.slider.scrollLeft;
31643                            this.mouseDown = true;
31644                        },
31645                        ["@mouseout.self"]() {
31646                            this.mouseDown = false;
31647                        },
31648                        ["@mouseup"]() {
31649                            this.mouseDown = false;
31650                        },
31651                        ["@mousemove"](e) {
31652                            e.preventDefault();
31653                            if (!this.mouseDown) {
31654                                return;
31655                            }
31656                            const x = e.pageX - this.slider.offsetLeft;
31657                            const scroll = x - this.startX;
31658                            const scrollLeft = this.scrollLeft - scroll;
31659
31660                            if (scrollLeft > this.maxScroll) {
31661                                this.slider.scrollLeft = this.maxScroll;
31662                                return;
31663                            }
31664                            this.slider.scrollLeft = this.scrollLeft - scroll;
31665                        },
31666                        ["@onselectstart"]() {
31667                            return false;
31668                        }
31669                    },
31670                    resizeEvent() {
31671                        Array.from(this.$el.querySelectorAll(".snap")).forEach(slider => {
31672                            slider.scrollLeft = 0;
31673                        });
31674                    }
31675                }
31676            );
31677        }
31678    </script>
31678
31679
31680    <div x-data="initConfigurableSwatchOptions_90471();"
31681         x-defer="intersect"
31682         x-init="getAllowedAttributeOptions();() => preselectQuerystringItems();preselectQuerystringItems();"
31683         @private-content-loaded.window="onGetCartData($event.detail.data)"
31684         @update-prices-90471.window="unitSavingsInfo = $event.detail.unitSavings"
31685         @touchstart.passive="preselectQuerystringItems()"
31686         @resize.window="resizeEvent()"
31687         class="relative md:w-full"
31688         @preselectswatch.window="preselectQuerystringItems()"
31689    >
31690        <div>
31691                                            
31692                                <div class="swatch-attribute order_unit">
31693                    <div class="w-full overflow-x-hidden swatch-attribute-options pt-2">
31694                        <div
31695                            class="w-full overflow-auto transition-all snap items-center min-h-14 product-listing-option-wrapper grid gap-2 pb-2"
31696                            id="attribute-label-90471-254"
31697                                                        :role="optionConfig.attributes?.[254]?.options?.length ? 'radiogroup' : null"
31698                            :aria-label="optionConfig.attributes?.[254]?.options?.length ? 'Attribut-order_unit' : null"
31699                            x-bind="scrollEvents">
31700                            <template x-for="(item, index) in optionConfig.attributes[254].options"
31701                                      :key="item.id"
31702                            >
31703                                
31704<div class="swatch-item">
31705        <label
31706            :for="'attribute-option-swatch-input6ac211b6de9036.0915962090471-'+item.id"
31707            class="rounded swatch-option flex flex-col relative shadow-sm cursor-pointer select-none text-center product-option-value-label"
31708            :class="{
31709                'bg-secondary border-container-lighter text-white' : (selectedValues[254] === item.id),
31710                'bg-container-lighter' : (selectedValues[254] !== item.id),
31711                'w-6 h-6' : !isTextSwatch(254, item.id),
31712                'bg-secondary text-white' : focusedLabel === item.id
31713            }"
31714            :style="getSwatchBackgroundStyle('254',item.id)"
31715        >
31716            <input
31717                :id="'attribute-option-swatch-input6ac211b6de9036.0915962090471-'+item.id"
31718                :value="item.id"
31719                name="super_attribute[254]-90471]"
31720                type="radio"
31721                role="radio"
31722                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
31723                style="z-index:-1"
31724                x-on:focus="focusLabel(item.id)"
31725                x-on:blur="blurLabel()"
31726                x-on:change="changeOption(254, $event.target.value)"
31727                x-model="selectedValues[254]"
31728                :required="getAllowedAttributeOptions(254).filter(
31729                                                                    attributeOption => selectedValues[attributeOption]
31730                                                                ).length === 0"
31731                :aria-label="getSwatchText(254, item.id) + ': ' + getSwatchUnitText(254, item.id)"
31732            >
31733            <div x-html="getSwatchText(254, item.id)"
31734                 class="whitespace-nowrap text-sm font-bold"
31735                 :class="{ 'sr-only' : !isTextSwatch(254, item.id) }"
31736                 aria-hidden="false"
31737            ></div>
31738            <!-- N98 custom attributes start-->
31739            <div x-html="getSwatchUnitText(254, item.id)"
31740                 class="text-xs" aria-hidden="false"></div>
31741            <!-- N98 custom attributes end-->
31742        </label>
31743        <template x-if="unitSavingsInfo && selectedValues[254] === item.id">
31744            <div class="unit-savings-price">
31745                <span class="-info" x-html="unitSavingsInfo"></span>
31746            </div>
31747        </template>
31748    <template x-if="index != 0 && selectedValues[254] !== item.id">
31749        <div class="unit-savings-price">
31750            <span class="-info">
31751            <span><?xml version="1.0" encoding="UTF-8"?>
31752<svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" version="1.1" viewBox="0 0 18 22" width="16" height="16">
31753    <title>Percent</title>
31754  <defs>
31755    <style>
31756      .st0 {
31757        stroke-linecap: round;
31758        stroke-linejoin: round;
31759      }
31760
31761      .st0, .st1 {
31762        fill: none;
31763        stroke-width: 1.5px;
31764      }
31765
31766      .st1 {
31767        stroke-miterlimit: 10;
31768      }
31769    </style>
31770  </defs>
31771  <path class="st1" stroke="currentColor" d="M16.2,16.6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
31772  <g>
31773    <path class="st1" stroke="currentColor" d="M8,6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
31774    <path class="st0" stroke="currentColor" d="M3.5,18.7L15.4,3.9"/>
31775  </g>
31776</svg>
31777</span>
31778            </span>
31779        </div>
31780    </template>
31781</div>
31782                            </template>
31783                        </div>
31784                    </div>
31785                </div>
31786                    </div>
31787                    <template x-if="isTooltipVisible()">
31788    <div class="absolute shadow-lg"
31789        :style="isLayeredSwatch == false && getTooltipPosition()"
31790    >
31791        <div class="absolute top-0 left-0 z-50 p-2 -mt-6 text-sm leading-tight text-black
31792                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
31793        >
31794        <!--template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
31795            <div x-show="getSwatchType(activeTooltipItem.type) !== 'color'"
31796                class="inline-block shadow-sm"
31797                :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
31798            ></div>
31799        </template-->
31800            <span class="mx-2 text-sm font-semibold whitespace-nowrap subtitle"
31801                    x-html="getTooltipLabel()"
31802            ></span>
31803        </div>
31804        <svg class="absolute z-50 w-8 h-8 text-white transform -translate-x-3
31805                -translate-y-8 fill-current stroke-current"
31806                width="12"
31807                height="12"
31808        >
31809            <title>Tooltip Icon</title>
31810            <rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
31811        </svg>
31812    </div>
31813</template>
31814            </div>
31815                                        
31816                
31816<script>
31817                    function initPriceBox__137ac2fc782845b78c3086c64af6e750_6ac211b6d9401() {
31818                        return {
31819                            updatePrice(priceData, productId) {
31820                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
31821                                const regularOldPriceElement = this.$el.querySelector('.normal-price .old-price');
31822                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
31823                                const regularPriceElementTax = this.$el.querySelector('.normal-price .price-container .tax');
31824                                const regularOldBasePriceElement = this.$el.querySelector('.base-price .old-price');
31825                                const regularBasePriceElement = this.$el.querySelector('.base-price .price-wrapper .price');
31826                                const regularBasePriceElementTax = this.$el.querySelector('.base-price .price-container .tax');
31827                                const unitPriceElement = this.$el.querySelector('.normal-price .unitPrice');
31828                                const unitBasePriceElement = this.$el.querySelector('.base-price .unitPrice');
31829                                const productTileBadge = document.querySelector('.badge-discounted-' + productId);
31830
31831                                let specialPrice = false;
31832                                let specialPricePercent;
31833
31834                                if (regularPriceLabel) {
31835                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
31836                                        regularPriceLabel.classList.remove('hidden');
31837                                    } else {
31838                                        regularPriceLabel.classList.add('hidden');
31839                                    }
31840                                }
31841
31842                                if (productTileBadge) {
31843                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
31844                                        specialPricePercent = (priceData.oldPrice.amount - priceData.finalPrice.amount)
31845                                            / priceData.oldPrice.amount * 100;
31846                                        productTileBadge.innerText = '-' + Math.round(specialPricePercent) + '%';
31847                                        productTileBadge.classList.remove('hidden');
31848                                    }
31849                                }
31850
31851                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
31852                                    specialPrice = true;
31853                                } else {
31854                                    specialPrice = false;
31855                                }
31856
31857                                if (regularOldPriceElement && priceData.oldPrice.amount) {
31858                                    if (specialPrice) {
31859                                        regularOldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount);
31860                                    } else {
31861                                        regularOldPriceElement.innerText = '';
31862                                    }
31863                                }
31864
31865                                if (regularPriceElement) {
31866                                    regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
31867                                    regularPriceElementTax.style.display = 'block';
31868                                }
31869
31870                                if (unitPriceElement) {
31871                                    unitPriceElement.innerText = '';
31872                                }
31873
31874                                if (unitPriceElement && priceData.unitPrice.pricePerUnitHTML.price) {
31875                                    unitPriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.price;
31876                                }
31877
31878                                if (regularOldBasePriceElement && priceData.baseOldPrice.amount) {
31879                                    if (specialPrice) {
31880                                        regularOldBasePriceElement.innerText =
31881                                            hyva.formatPrice(priceData.baseOldPrice.amount);
31882                                    } else {
31883                                        regularOldBasePriceElement.innerText = '';
31884                                    }
31885                                }
31886
31887                                if (regularBasePriceElement) {
31888                                    regularBasePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount);
31889                                    regularBasePriceElementTax.style.display = 'block';
31890                                }
31891
31892                                if (unitBasePriceElement) {
31893                                    unitBasePriceElement.innerText = '';
31894                                }
31895
31896                                if (unitBasePriceElement && priceData.unitPrice.pricePerUnitHTML.basePrice) {
31897                                    unitBasePriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.basePrice;
31898                                }
31899
31900                                if (priceData.finalPrice.amount === priceData.basePrice.amount) {
31901                                    this.$el.querySelector('.normal-price').classList.add('hidden');
31902                                } else {
31903                                    this.$el.querySelector('.normal-price').classList.remove('hidden');
31904                                }
31905                            }
31906                        }
31907                    }
31908
31909                    function initQtyField__137ac2fc782845b78c3086c64af6e750_6ac211b6d9401() {
31910                        return {
31911                            qty: 1,
31912                            input: document.getElementById('qty[90471_137ac2fc782845b78c3086c64af6e750_6ac211b6d9401]'),
31913                            addToCart: document.getElementById('add-to-cart[90471_137ac2fc782845b78c3086c64af6e750_6ac211b6d9401]'),
31914                            qtyAlert: document.getElementById('qty-alert[90471_137ac2fc782845b78c3086c64af6e750_6ac211b6d9401]'),
31915                            currentStock: 0,
31916
31917                            validateQty(qty) {
31918                                let regex = /^\d+$/;
31919                                let pattern = regex.test(qty);
31920
31921                                this.addToCart.disabled = qty === 0
31922                                    || qty === null
31923                                    || qty > 10000                                    || !pattern
31924                                    || this.addToCart.classList.contains('not-available');
31925
31926                                if (qty === 0
31927                                    || qty === null
31928                                    || qty > 10000                                    || !pattern) {
31929                                    this.qtyAlert.style.display = 'block';
31930                                } else {
31931                                    this.qtyAlert.style.display = 'none';
31932                                }
31933                            },
31934
31935                            stepUp() {
31936                                this.input.stepUp();
31937                                let qty = document.getElementById('qty[90471_137ac2fc782845b78c3086c64af6e750_6ac211b6d9401]').value;
31938                                this.validateQty(qty);
31939
31940                            },
31941
31942                            stepDown() {
31943                                this.input.stepDown();
31944                                let qty = document.getElementById('qty[90471_137ac2fc782845b78c3086c64af6e750_6ac211b6d9401]').value;
31945                                this.validateQty(qty);
31946                            }
31947                        };
31948                    }
31949                </script>
31949
31950                <div class="relative price-block">
31951                    <div class="flex my-4 sm:min-h-42px w-full">
31952                                                <div class="w-full"
31953                             x-data="initPriceBox__137ac2fc782845b78c3086c64af6e750_6ac211b6d9401()"
31954                             x-init="() => $dispatch('preselectswatch')"
31955                             @update-prices-90471.window="updatePrice($event.detail,90471);">
31956                            <div
31957                                class="price-box mt-3 price-final_price flex flex-wrap justify-between"
31958                                data-role="priceBox">
31959                                <div class="normal-price text-left ">
31960                                <span class="price-container price-final_price tax weee">
31961                                    <div class="old-price text-xs including-tax line-through"></div>
31962                                    <div id="price-including-tax-product-price-90471"
31963                                         data-price-type="finalPrice"
31964                                         class="price-wrapper price-including-tax finalPrice flex items-end">
31965                                        <span class="price"></span>
31966                                        <span class="tax font-normal hidden">mit MwSt.</span>
31967                                    </div>
31968                                    <div class="unitPrice text-xs"></div>
31969                                </span>
31970                                </div>
31971
31972                                <div class="base-price text-left ">
31973                                <span class="price-container price-final_price tax weee">
31974                                    <div class="old-price text-xs excluding-tax line-through"></div>
31975                                    <div id="price-excluding-tax-product-price-90471"
31976                                         data-price-type="finalPrice"
31977                                         class="price-wrapper price-excluding-tax finalPrice flex items-end">
31978                                        <span class="price"></span>
31979                                        <span class="tax font-normal hidden">ohne MwSt.</span>
31980                                    </div>
31981                                    <div class="unitPrice text-xs"></div>
31982                                </span>
31983                                </div>
31984                            </div>
31985                        </div>
31986                    </div>
31987
31988                                            <div x-data="{ currentStock: 0 }"
31989                             x-init="() => $dispatch('preselectswatch')"
31990                             @update-stock-90471.window="currentStock = $event.detail"
31991                             class="flex flex-wrap mt-auto text-left">
31992                            <div class="stock-status text-xs w-full mb-3 mt-auto basis-full">
31993                                <template x-if="currentStock">
31994                                    <div>
31995                                    <span x-show="currentStock > 0" class="text-green-main">
31996                                        Sofort versandfertig, Lieferzeit: 1-3 Werktage                                    </span>
31997                                        <span x-show="currentStock <= 0 && currentStock > -1000"
31998                                              class="text-yellow-700">
31999                                        Aktuell nicht lieferbar, Lieferzeit: 5-10 Werktage                                    </span>
32000                                        <span x-show="currentStock <= -1000 && currentStock > -5000"
32001                                              class="text-red-600">
32002                                        Aktuell nicht lieferbar                                    </span>
32003                                    </div>
32004                                </template>
32005                            </div>
32006                        </div>
32007                    
32008                    
32009                    <div class="flex gap-4 mt-auto justify-end lg:justify-between"
32010                         x-data="initQtyField__137ac2fc782845b78c3086c64af6e750_6ac211b6d9401()"
32011                         x-init="() => $dispatch('preselectswatch')"
32012                         @update-stock-90471.window="currentStock = $event.detail;">
32013                                                    <div class="w-1/2 flex"
32014                                x-show="currentStock > -5000"
32015                                :aria-hidden="currentStock <= -5000">
32016                                <button
32017                                    class="qty-button -minus-button"
32018                                    type="button"
32019                                    title="Weniger"
32020                                    x-on:click="stepDown()">
32021                                    <?xml version="1.0" encoding="utf-8"?>
32022<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
32023<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="w-5 h-5" width="20" height="20">
32024        <title>Minus</title>
32025    <g>
32026	<g>
32027		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
32028	</g>
32029</g>
32030</svg>
32031                                </button>
32032                                <label for="qty[90471_137ac2fc782845b78c3086c64af6e750_6ac211b6d9401]"
32033                                       class="sr-only">
32034                                    Anzahl                                </label>
32035                                <input name="qty"
32036                                       class="form-input rounded-none px-2 text-center invalid:ring-2 invalid:ring-red-500 w-11/12"
32037                                       id="qty[90471_137ac2fc782845b78c3086c64af6e750_6ac211b6d9401]"
32038                                       type="number"
32039                                       inputmode="numeric"
32040                                       maxlength="5"
32041                                       min="1"                                       max="10000"                                       step="1"                                       :value="qty"
32042                                       x-model.number="qty"
32043                                       x-on:input.change="validateQty(qty);"
32044                                />
32045                                <button
32046                                    class="qty-button -plus-button"
32047                                    type="button"
32048                                    title="Mehr"
32049                                    class="plus"
32050                                    x-on:click="stepUp()">
32051                                    <?xml version="1.0" encoding="utf-8"?>
32052<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
32053<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="text-white" width="20" height="20">
32054        <title>Plus Sign</title>
32055    <g>
32056	<g>
32057		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
32058	</g>
32059	<g>
32060		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
32061	</g>
32062</g>
32063</svg>
32064                                </button>
32065                            </div>
32066                            <div class="w-1/2"
32067                                 x-show="currentStock > -5000"
32068                                 :aria-hidden="currentStock <= -5000">
32069                                                                    <button class="btn btn-add-to-cart w-full h-full px-2 py-0"
32070                                            :disabled="currentStock <= -1000 || false"
32071                                            :class="{'not-available': currentStock <= -1000 || false}"
32072                                            id="add-to-cart[90471_137ac2fc782845b78c3086c64af6e750_6ac211b6d9401]"
32073                                            title="Pappbecher&#x20;0,3&#x20;l,&#x20;&#xD8;&#x20;8&#x20;cm&#x20;&#xB7;&#x20;11,6&#x20;cm&#x20;&quot;Coffee&#x20;Line&quot;,&#x20;PE-beschichtet&#x20;In&#x20;den&#x20;Warenkorb"
32074                                            aria-label="Pappbecher&#x20;0,3&#x20;l,&#x20;&#xD8;&#x20;8&#x20;cm&#x20;&#xB7;&#x20;11,6&#x20;cm&#x20;&quot;Coffee&#x20;Line&quot;,&#x20;PE-beschichtet&#x20;In&#x20;den&#x20;Warenkorb">
32075                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
32076    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
32077                                        <span class="sm:pl-2 md:hidden lg:block">
32078                                            In&#x20;den&#x20;Warenkorb                                        </span>
32079                                    </button>
32080                                                            </div>
32081                        
32082                        <a x-cloak
32083                           x-show="currentStock <= -5000"
32084                           :aria-hidden="currentStock > -5000"
32085                           href="https://www.papstar-shop.de/pappbecher-0-3-l-8-cm-11-6-cm-coffee-line-pe-beschichtet-90471.htm"
32086                           class="btn btn-add-to-cart w-full h-full px-2 py-0"
32087                           id="add-to-cart[90471_137ac2fc782845b78c3086c64af6e750_6ac211b6d9401]"
32088                           title="Pappbecher&#x20;0,3&#x20;l,&#x20;&#xD8;&#x20;8&#x20;cm&#x20;&#xB7;&#x20;11,6&#x20;cm&#x20;&quot;Coffee&#x20;Line&quot;,&#x20;PE-beschichtet&#x20;Produkt&#x20;individualisieren"
32089                           aria-label="Pappbecher&#x20;0,3&#x20;l,&#x20;&#xD8;&#x20;8&#x20;cm&#x20;&#xB7;&#x20;11,6&#x20;cm&#x20;&quot;Coffee&#x20;Line&quot;,&#x20;PE-beschichtet&#x20;Produkt&#x20;individualisieren">
32090                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
32091    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
32092                            <span class="sm:pl-2 md:hidden lg:block py-4">
32093                                            Produkt&#x20;individualisieren                                        </span>
32094                        </a>
32095
32096                                                    
32096<script>
32097    'use strict';
32098
32099    (() => {
32100        window.addEventListener(
32101            'ga-initialized',
32102            () => {
32103                const productForm = document.querySelector(
32104                    'form\u005Bdata\u002Dsku\u003D\u002290471\u0022\u005D'
32105                );
32106
32107                if (!productForm) {
32108                    return;
32109                }
32110
32111                let sku = '90471';
32112
32113                window.addEventListener(
32114                    'listing\u002Dconfigurable-selection-changed',
32115                    (event) => {
32116                        if (event.detail.skuCandidates.length === 1
32117                            && event.detail.productId === '90471'
32118                        ) {
32119                            sku = event.detail.skuCandidates[0];
32120                        }
32121                    }
32122                );
32123
32124                function bindEventListener(element, event)
32125                {
32126                    element.addEventListener(event, () => {
32127                        if (productForm.checkValidity()) {
32128                            const priceSelector = false                                ? '#product-price-90471 .price'
32129                                : '[data-price-box="product-id-90471"] .price';
32130
32131                            window.dispatchEvent(new CustomEvent('cart-item-added', {
32132                                detail: [{
32133                                    product_sku: sku,
32134                                    product_name: 'Pappbecher\u00200,3\u0020l,\u0020\u00D8\u00208\u0020cm\u0020\u00B7\u002011,6\u0020cm\u0020\u0022Coffee\u0020Line\u0022,\u0020PE\u002Dbeschichtet',
32135                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),
32136
32137                                                                            qty: 1,
32138                                                                    }],
32139                            }));
32140                        }
32141                    });
32142                }
32143
32144                                    const button = productForm.querySelector(
32145                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
32146                    );
32147
32148                    if (!button) {
32149                        return;
32150                    }
32151
32152                    bindEventListener(button, 'click');
32153                            },
32154            { once: true }
32155        );
32156    })();
32157</script>
32157
32158                                            </div>
32159                    <div class="qty-alert hidden" id="qty-alert[90471_137ac2fc782845b78c3086c64af6e750_6ac211b6d9401]">
32160                        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill="currentColor" viewBox="0 0 20 20" class="w-3 h-3 mr-1 text-energy inline-block align-text-top">
32161<title>Warning</title>
32162    <path d="M19.64 16.36L11.53 2.3A1.85 1.85 0 0 0 10 1.21 1.85 1.85 0 0 0 8.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>
32163</svg>
32164                        <span>Bitte&#x20;nur&#x20;ganze&#x20;Zahlen&#x20;eingeben.</span>
32165                    </div>
32166                </div>
32167            </div>
32168        </div>
32169    </form>
32170</div>
32171                    </li>
32172                                                                    <li class="splide__slide">
32173                        <div class="h-full">
32174    <form method="post"
32175          aria-label="Product&#x20;tile&#x20;for&#x3A;&#x20;Portionsbecher,&#x20;Pappe&#x20;45&#x20;ml&#x20;&#xD8;&#x20;6&#x20;cm&#x20;&#xB7;&#x20;4,1&#x20;cm&#x20;braun,&#x20;PE-beschichtet"
32176          action="https://www.papstar-shop.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cucGFwc3Rhci1zaG9wLmRlLz9tc2Nsa2lkPWI5ODJhMjlkYWVkYzFjMWQyM2I2Yzg1ZmEzZjY4ZjFj/product/37646/"
32177          class="item product product-item product_addtocart_form border rounded p-2.5 bg-container-white hover:shadow-lg flex flex-col w-full h-full"
32178            >
32179        <input name="form_key" type="hidden" value="rKVCmaFj7egUOB24" />        <input type="hidden" name="product" value="37646"/>
32180        <div
32181            class="relative product photo product-item-photo block mb-3 px-12 ">
32182                <a x-data="ReqBlind_6ac211b6e6f28()"
32183       href="https://www.papstar-shop.de/customer/account/"
32184       title="Portionsbecher, Pappe 45 ml Ø 6 cm · 4,1 cm braun, PE-beschichtet Zum Merkzettel hinzufügen"
32185       aria-label="Portionsbecher, Pappe 45 ml Ø 6 cm · 4,1 cm braun, PE-beschichtet Zum Merkzettel hinzufügen"
32186       @click.prevent="open($event)"
32187       class="p-2 bg-transparent absolute right-0 hover:text-primary-darker bottom-0">
32188        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85" xml:space="preserve" fill="currentColor" class="mx-auto bg-transparent text-black" width="36" height="36">
32189    <path d="M23.895 23.457a8.424 8.424 0 0 0-2.896 1.895c-3.408 3.41-3.308 9.06.226 12.594" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/><path d="M68.801 42.971c6.287-6.289 6.389-16.478.224-22.645-6.165-6.164-16.354-6.063-22.644.225l-3.896 3.871-3.87-3.871c-6.287-6.288-16.477-6.389-22.641-.225-6.164 6.167-6.064 16.355.225 22.645l26.295 26.262 26.307-26.262z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-394553"/></svg>
32190        <span class="sr-only">Zum Merkzettel hinzufügen</span>
32191    </a>
32192    
32192<script>
32193        function ReqBlind_6ac211b6e6f28() {
32194            return {
32195                open: function (event) {
32196                    window.scrollTo(0, 0);
32197                    dispatchMessages([{
32198                        type: 'notice',
32199                        text: 'Sie müssen eingeloggt sein, um die Merkzettel-Funktion zu nutzen.'
32200                    }], 5000);
32201                    let href = event.currentTarget.href;
32202                    setTimeout(function() {
32203                        window.location = href;
32204                    }, 4000);
32205                }
32206            }
32207        }
32208    </script>
32208
32209                                        <ul class="product-tile__badges z-10">
32210                                                    <li class="product-tile__badges-item
32211                badge-new-37646"
32212                                    >
32213                                            Neu                                    </li>
32214                        </ul>
32215                        <a href="https://www.papstar-shop.de/portionsbecher-pappe-45-ml-6-cm-4-1-cm-braun-pe-beschichtet-37646.htm"
32216               tabindex="-1"
32217                            >
32218                <picture class="object-contain mx-auto py-3 product-image-photo"><source type="image/webp" srcset="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/P/o/Portionsbecher-Pappe-45-ml-6-cm-4-1-cm-braun-PE-beschichtet-37646_b_0_1.webp"><img class="object-contain mx-auto py-3 product-image-photo" x-data="" @update-gallery-37646.window="$el.src = $event.detail" src="https://www.papstar-shop.de/media/catalog/product/cache/e48fc25ba64959700529adf109410094/P/o/Portionsbecher-Pappe-45-ml-6-cm-4-1-cm-braun-PE-beschichtet-37646_b_0_1.jpg" loading="lazy" itemprop="image" width="360" height="360" alt="Portionsbecher,&#x20;Pappe&#x20;45&#x20;ml&#x20;&#xD8;&#x20;6&#x20;cm&#x20;&#xB7;&#x20;4,1&#x20;cm&#x20;braun,&#x20;PE-beschichtet" title="Portionsbecher,&#x20;Pappe&#x20;45&#x20;ml&#x20;&#xD8;&#x20;6&#x20;cm&#x20;&#xB7;&#x20;4,1&#x20;cm&#x20;braun,&#x20;PE-beschichtet" loading="lazy" /></picture>
32219            </a>
32220        </div>
32221        <div class="product-info flex flex-col flex-grow">
32222            <div class="text-black font-semibold text-base">
32223                                    &nbsp;                            </div>
32224                        <div
32225                class="mt-1 text-black font-semibold text-base text-left sm:min-h-90px">
32226                <a class="product-item-link "
32227                   href="https://www.papstar-shop.de/portionsbecher-pappe-45-ml-6-cm-4-1-cm-braun-pe-beschichtet-37646.htm"
32228                                    >
32229                    Portionsbecher, Pappe 45 ml Ø 6 cm · 4,1 cm braun, PE-beschichtet                </a>
32230                            </div>
32231            <div class="flex mt-1 mb-1">
32232                <div class="mt-auto sku text-sm">
32233                    <span>Artikel-Nr.: </span>37646                </div>
32234                                    <div class="lg:w-auto ml-auto block ">
32235                                            </div>
32236                            </div>
32237
32238                        <div class="mt-1 text-xs text-gray-600 italic">
32239                                    Verfügbar in 4 Varianten                            </div>
32240
32241            <div class="h-full flex justify-between flex-col">
32242                                                                
32242<script>
32243        function initConfigurableSwatchOptions_37646() {
32244            const configurableOptionsComponent = initConfigurableOptions(
32245                '37646',
32246                {"attributes":{"254":{"id":"254","code":"order_unit","label":"Bestelleinheit","options":[{"id":"7059","label":"Karton","products":["137646"]}],"position":"0"}},"template":"<%- data.price %>\u00a0\u20ac","currencyFormat":"%s\u00a0\u20ac","optionPrices":{"137646":{"baseOldPrice":{"amount":37.4},"oldPrice":{"amount":44.506001},"basePrice":{"amount":37.4},"finalPrice":{"amount":44.506001},"tierPrices":[],"msrpPrice":{"amount":0},"unitPrice":{"pricePerUnitHTML":{"price":"4,45\u00a0Cent \/ St\u00fcck","basePrice":"3,74\u00a0Cent \/ St\u00fcck"}}}},"priceFormat":{"pattern":"%s\u00a0\u20ac","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"prices":{"baseOldPrice":{"amount":37.4},"oldPrice":{"amount":44.506001},"basePrice":{"amount":37.4},"finalPrice":{"amount":44.506001}},"productId":"37646","chooseText":"W\u00e4hlen Sie eine Option\u2026","images":[],"index":{"137646":{"254":"7059"}},"salable":{"254":{"7059":["137646"]}},"canDisplayShowOutOfStockStatus":true,"preSelectedGallery":[],"channel":"website","salesChannelCode":"papstar_de","sku":{"137646":"4002911378052"},"quantities":{"137646":91}}            );
32247            const swatchOptionsComponent = initSwatchOptions({"254":{"7059":{"type":"0","value":null,"label":"Karton","unit":"###VPE### St\u00fcck (20 x 50)","vpe":"1000"},"additional_data":"{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"0\",\"use_product_image_for_swatch\":0}"}});
32248
32249            return Object.assign(
32250                configurableOptionsComponent,
32251                swatchOptionsComponent,
32252                {
32253                    mediaCallback: "https\u003A\u002F\u002Fwww.papstar\u002Dshop.de\u002Fswatches\u002Fajax\u002Fmedia\u002F",
32254                    changeOption(optionId, value, skipUpdateGallery) {
32255                        if (value === '') {
32256                            this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
32257                        } else {
32258                            this.selectedValues[optionId] = value;
32259                        }
32260                        this.findSimpleIndex();
32261                        this.findAllowedAttributeOptions();
32262                        this.updateStock();
32263                        this.updatePrices();
32264                        this.updateSavingPriceInfo();
32265                    },
32266                    unitSavingsPrice: null,
32267                    hasSpecialPrice: false,
32268                    finalPrice: {
32269                        amount: 0.00
32270                    },
32271                    oldPrice: {
32272                        amount: 0.00
32273                    },
32274
32275                    updateHasSpecialPrice() {
32276                        this.hasSpecialPrice = this.finalPrice.amount < this.oldPrice.amount;
32277                    },
32278                    updateSavingPriceInfo() {
32279                        const detail = this.optionConfig.optionPrices[this.productIndex];
32280                        this.oldPrice.amount = detail.oldPrice.amount;
32281                        this.finalPrice.amount = detail.finalPrice.amount;
32282
32283                        this.updateHasSpecialPrice();
32284
32285                        if (!this.hasSpecialPrice) {
32286                            this.unitSavingsPrice = detail.unitSavings;
32287                        }
32288                    },
32289                    preselectQuerystringItems: function() {
32290                        let found = false;
32291                        // pre-select option like ?size=167
32292                        const urlQueryParams = new URLSearchParams(window.location.search.replace("?", ""));
32293                        Object.values(this.optionConfig.attributes).map(attribute => {
32294                            const skipUpdateGallery = true;
32295                            if (urlQueryParams.get(attribute.code) !== null) {
32296                                let optionId = urlQueryParams.get(attribute.code);
32297                                found = false;
32298                                Object.values(attribute.options).map(option => {
32299                                    if (found === false && option.label === optionId) {
32300                                        optionId = option.id;
32301                                        found = true;
32302                                    }
32303                                });
32304                                this.changeOption(attribute.id, optionId, skipUpdateGallery);
32305                            }
32306                        });
32307                        if (found === false) {
32308                            // pre-select first option
32309                            Object.values(this.optionConfig.attributes).map(attribute => {
32310                                if (attribute.code === "order_unit") {
32311                                    let optionId = 0;
32312                                    Object.values(attribute.options).map(option => {
32313                                        if (this.selectedValues.length === 0) {
32314                                            if (found === false && option.products.length > 0) {
32315                                                optionId = option.id;
32316                                                this.changeOption(attribute.id, optionId, true);
32317                                                found = true;
32318                                            }
32319                                        } else {
32320                                            optionId = this.selectedValues[attribute.id];
32321                                            this.changeOption(attribute.id, optionId, true);
32322                                            found = true;
32323                                        }
32324                                    });
32325                                }
32326                            });
32327                        }
32328                    },
32329                    mouseDown: false,
32330                    startX: 0,
32331                    maxScroll: 0,
32332                    scrollLeft: null,
32333                    slider: null,
32334                    scrollEvents: {
32335                        ["@mousedown"](e) {
32336                            this.slider = e.target.closest(".snap");
32337                            if (!this.slider) {
32338                                return;
32339                            }
32340                            this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
32341                            this.startX = e.pageX - this.slider.offsetLeft;
32342                            this.scrollLeft = this.slider.scrollLeft;
32343                            this.mouseDown = true;
32344                        },
32345                        ["@mouseout.self"]() {
32346                            this.mouseDown = false;
32347                        },
32348                        ["@mouseup"]() {
32349                            this.mouseDown = false;
32350                        },
32351                        ["@mousemove"](e) {
32352                            e.preventDefault();
32353                            if (!this.mouseDown) {
32354                                return;
32355                            }
32356                            const x = e.pageX - this.slider.offsetLeft;
32357                            const scroll = x - this.startX;
32358                            const scrollLeft = this.scrollLeft - scroll;
32359
32360                            if (scrollLeft > this.maxScroll) {
32361                                this.slider.scrollLeft = this.maxScroll;
32362                                return;
32363                            }
32364                            this.slider.scrollLeft = this.scrollLeft - scroll;
32365                        },
32366                        ["@onselectstart"]() {
32367                            return false;
32368                        }
32369                    },
32370                    resizeEvent() {
32371                        Array.from(this.$el.querySelectorAll(".snap")).forEach(sli
32371der => {
32372                            slider.scrollLeft = 0;
32373                        });
32374                    }
32375                }
32376            );
32377        }
32378    </script>
32378
32379
32380    <div x-data="initConfigurableSwatchOptions_37646();"
32381         x-defer="intersect"
32382         x-init="getAllowedAttributeOptions();() => preselectQuerystringItems();preselectQuerystringItems();"
32383         @private-content-loaded.window="onGetCartData($event.detail.data)"
32384         @update-prices-37646.window="unitSavingsInfo = $event.detail.unitSavings"
32385         @touchstart.passive="preselectQuerystringItems()"
32386         @resize.window="resizeEvent()"
32387         class="relative md:w-full"
32388         @preselectswatch.window="preselectQuerystringItems()"
32389    >
32390        <div>
32391                                            
32392                                <div class="swatch-attribute order_unit">
32393                    <div class="w-full overflow-x-hidden swatch-attribute-options pt-2">
32394                        <div
32395                            class="w-full overflow-auto transition-all snap items-center min-h-14 product-listing-option-wrapper grid gap-2 pb-2"
32396                            id="attribute-label-37646-254"
32397                                                        :role="optionConfig.attributes?.[254]?.options?.length ? 'radiogroup' : null"
32398                            :aria-label="optionConfig.attributes?.[254]?.options?.length ? 'Attribut-order_unit' : null"
32399                            x-bind="scrollEvents">
32400                            <template x-for="(item, index) in optionConfig.attributes[254].options"
32401                                      :key="item.id"
32402                            >
32403                                
32404<div class="swatch-item">
32405        <label
32406            :for="'attribute-option-swatch-input6ac211b6eba975.4292225137646-'+item.id"
32407            class="rounded swatch-option flex flex-col relative shadow-sm cursor-pointer select-none text-center product-option-value-label"
32408            :class="{
32409                'bg-secondary border-container-lighter text-white' : (selectedValues[254] === item.id),
32410                'bg-container-lighter' : (selectedValues[254] !== item.id),
32411                'w-6 h-6' : !isTextSwatch(254, item.id),
32412                'bg-secondary text-white' : focusedLabel === item.id
32413            }"
32414            :style="getSwatchBackgroundStyle('254',item.id)"
32415        >
32416            <input
32417                :id="'attribute-option-swatch-input6ac211b6eba975.4292225137646-'+item.id"
32418                :value="item.id"
32419                name="super_attribute[254]-37646]"
32420                type="radio"
32421                role="radio"
32422                class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input"
32423                style="z-index:-1"
32424                x-on:focus="focusLabel(item.id)"
32425                x-on:blur="blurLabel()"
32426                x-on:change="changeOption(254, $event.target.value)"
32427                x-model="selectedValues[254]"
32428                :required="getAllowedAttributeOptions(254).filter(
32429                                                                    attributeOption => selectedValues[attributeOption]
32430                                                                ).length === 0"
32431                :aria-label="getSwatchText(254, item.id) + ': ' + getSwatchUnitText(254, item.id)"
32432            >
32433            <div x-html="getSwatchText(254, item.id)"
32434                 class="whitespace-nowrap text-sm font-bold"
32435                 :class="{ 'sr-only' : !isTextSwatch(254, item.id) }"
32436                 aria-hidden="false"
32437            ></div>
32438            <!-- N98 custom attributes start-->
32439            <div x-html="getSwatchUnitText(254, item.id)"
32440                 class="text-xs" aria-hidden="false"></div>
32441            <!-- N98 custom attributes end-->
32442        </label>
32443        <template x-if="unitSavingsInfo && selectedValues[254] === item.id">
32444            <div class="unit-savings-price">
32445                <span class="-info" x-html="unitSavingsInfo"></span>
32446            </div>
32447        </template>
32448    <template x-if="index != 0 && selectedValues[254] !== item.id">
32449        <div class="unit-savings-price">
32450            <span class="-info">
32451            <span><?xml version="1.0" encoding="UTF-8"?>
32452<svg xmlns="http://www.w3.org/2000/svg" id="Ebene_1" version="1.1" viewBox="0 0 18 22" width="16" height="16">
32453    <title>Percent</title>
32454  <defs>
32455    <style>
32456      .st0 {
32457        stroke-linecap: round;
32458        stroke-linejoin: round;
32459      }
32460
32461      .st0, .st1 {
32462        fill: none;
32463        stroke-width: 1.5px;
32464      }
32465
32466      .st1 {
32467        stroke-miterlimit: 10;
32468      }
32469    </style>
32470  </defs>
32471  <path class="st1" stroke="currentColor" d="M16.2,16.6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
32472  <g>
32473    <path class="st1" stroke="currentColor" d="M8,6c0-1.5-1.2-2.7-2.7-2.7s-2.7,1.2-2.7,2.7,1.2,2.7,2.7,2.7,2.7-1.2,2.7-2.7Z"/>
32474    <path class="st0" stroke="currentColor" d="M3.5,18.7L15.4,3.9"/>
32475  </g>
32476</svg>
32477</span>
32478            </span>
32479        </div>
32480    </template>
32481</div>
32482                            </template>
32483                        </div>
32484                    </div>
32485                </div>
32486                    </div>
32487                    <template x-if="isTooltipVisible()">
32488    <div class="absolute shadow-lg"
32489        :style="isLayeredSwatch == false && getTooltipPosition()"
32490    >
32491        <div class="absolute top-0 left-0 z-50 p-2 -mt-6 text-sm leading-tight text-black
32492                transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center"
32493        >
32494        <!--template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
32495            <div x-show="getSwatchType(activeTooltipItem.type) !== 'color'"
32496                class="inline-block shadow-sm"
32497                :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"
32498            ></div>
32499        </template-->
32500            <span class="mx-2 text-sm font-semibold whitespace-nowrap subtitle"
32501                    x-html="getTooltipLabel()"
32502            ></span>
32503        </div>
32504        <svg class="absolute z-50 w-8 h-8 text-white transform -translate-x-3
32505                -translate-y-8 fill-current stroke-current"
32506                width="12"
32507                height="12"
32508        >
32509            <title>Tooltip Icon</title>
32510            <rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl" />
32511        </svg>
32512    </div>
32513</template>
32514            </div>
32515                                        
32516                
32516<script>
32517                    function initPriceBox__137ac2fc782845b78c3086c64af6e750_6ac211b6e6b98() {
32518                        return {
32519                            updatePrice(priceData, productId) {
32520                                const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
32521                                const regularOldPriceElement = this.$el.querySelector('.normal-price .old-price');
32522                                const regularPriceElement = this.$el.querySelector('.normal-price .price-wrapper .price');
32523                                const regularPriceElementTax = this.$el.querySelector('.normal-price .price-container .tax');
32524                                const regularOldBasePriceElement = this.$el.querySelector('.base-price .old-price');
32525                                const regularBasePriceElement = this.$el.querySelector('.base-price .price-wrapper .price');
32526                                const regularBasePriceElementTax = this.$el.querySelector('.base-price .price-container .tax');
32527                                const unitPriceElement = this.$el.querySelector('.normal-price .unitPrice');
32528                                const unitBasePriceElement = this.$el.querySelector('.base-price .unitPrice');
32529                                const productTileBadge = document.querySelector('.badge-discounted-' + productId);
32530
32531                                let specialPrice = false;
32532                                let specialPricePercent;
32533
32534                                if (regularPriceLabel) {
32535                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
32536                                        regularPriceLabel.classList.remove('hidden');
32537                                    } else {
32538                                        regularPriceLabel.classList.add('hidden');
32539                                    }
32540                                }
32541
32542                                if (productTileBadge) {
32543                                    if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
32544                                        specialPricePercent = (priceData.oldPrice.amount - priceData.finalPrice.amount)
32545                                            / priceData.oldPrice.amount * 100;
32546                                        productTileBadge.innerText = '-' + Math.round(specialPricePercent) + '%';
32547                                        productTileBadge.classList.remove('hidden');
32548                                    }
32549                                }
32550
32551                                if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
32552                                    specialPrice = true;
32553                                } else {
32554                                    specialPrice = false;
32555                                }
32556
32557                                if (regularOldPriceElement && priceData.oldPrice.amount) {
32558                                    if (specialPrice) {
32559                                        regularOldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount);
32560                                    } else {
32561                                        regularOldPriceElement.innerText = '';
32562                                    }
32563                                }
32564
32565                                if (regularPriceElement) {
32566                                    regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
32567                                    regularPriceElementTax.style.display = 'block';
32568                                }
32569
32570                                if (unitPriceElement) {
32571                                    unitPriceElement.innerText = '';
32572                                }
32573
32574                                if (unitPriceElement && priceData.unitPrice.pricePerUnitHTML.price) {
32575                                    unitPriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.price;
32576                                }
32577
32578                                if (regularOldBasePriceElement && priceData.baseOldPrice.amount) {
32579                                    if (specialPrice) {
32580                                        regularOldBasePriceElement.innerText =
32581                                            hyva.formatPrice(priceData.baseOldPrice.amount);
32582                                    } else {
32583                                        regularOldBasePriceElement.innerText = '';
32584                                    }
32585                                }
32586
32587                                if (regularBasePriceElement) {
32588                                    regularBasePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount);
32589                                    regularBasePriceElementTax.style.display = 'block';
32590                                }
32591
32592                                if (unitBasePriceElement) {
32593                                    unitBasePriceElement.innerText = '';
32594                                }
32595
32596                                if (unitBasePriceElement && priceData.unitPrice.pricePerUnitHTML.basePrice) {
32597                                    unitBasePriceElement.innerText = priceData.unitPrice.pricePerUnitHTML.basePrice;
32598                                }
32599
32600                                if (priceData.finalPrice.amount === priceData.basePrice.amount) {
32601                                    this.$el.querySelector('.normal-price').classList.add('hidden');
32602                                } else {
32603                                    this.$el.querySelector('.normal-price').classList.remove('hidden');
32604                                }
32605                            }
32606                        }
32607                    }
32608
32609                    function initQtyField__137ac2fc782845b78c3086c64af6e750_6ac211b6e6b98() {
32610                        return {
32611                            qty: 1,
32612                            input: document.getElementById('qty[37646_137ac2fc782845b78c3086c64af6e750_6ac211b6e6b98]'),
32613                            addToCart: document.getElementById('add-to-cart[37646_137ac2fc782845b78c3086c64af6e750_6ac211b6e6b98]'),
32614                            qtyAlert: document.getElementById('qty-alert[37646_137ac2fc782845b78c3086c64af6e750_6ac211b6e6b98]'),
32615                            currentStock: 0,
32616
32617                            validateQty(qty) {
32618                                let regex = /^\d+$/;
32619                                let pattern = regex.test(qty);
32620
32621                                this.addToCart.disabled = qty === 0
32622                                    || qty === null
32623                                    || qty > 10000                                    || !pattern
32624                                    || this.addToCart.classList.contains('not-available');
32625
32626                                if (qty === 0
32627                                    || qty === null
32628                                    || qty > 10000                                    || !pattern) {
32629                                    this.qtyAlert.style.display = 'block';
32630                                } else {
32631                                    this.qtyAlert.style.display = 'none';
32632                                }
32633                            },
32634
32635                            stepUp() {
32636                                this.input.stepUp();
32637                                let qty = document.getElementById('qty[37646_137ac2fc782845b78c3086c64af6e750_6ac211b6e6b98]').value;
32638                                this.validateQty(qty);
32639
32640                            },
32641
32642                            stepDown() {
32643                                this.input.stepDown();
32644                                let qty = document.getElementById('qty[37646_137ac2fc782845b78c3086c64af6e750_6ac211b6e6b98]').value;
32645                                this.validateQty(qty);
32646                            }
32647                        };
32648                    }
32649                </script>
32649
32650                <div class="relative price-block">
32651                    <div class="flex my-4 sm:min-h-42px w-full">
32652                                                <div class="w-full"
32653                             x-data="initPriceBox__137ac2fc782845b78c3086c64af6e750_6ac211b6e6b98()"
32654                             x-init="() => $dispatch('preselectswatch')"
32655                             @update-prices-37646.window="updatePrice($event.detail,37646);">
32656                            <div
32657                                class="price-box mt-3 price-final_price flex flex-wrap justify-between"
32658                                data-role="priceBox">
32659                                <div class="normal-price text-left ">
32660                                <span class="price-container price-final_price tax weee">
32661                                    <div class="old-price text-xs including-tax line-through"></div>
32662                                    <div id="price-including-tax-product-price-37646"
32663                                         data-price-type="finalPrice"
32664                                         class="price-wrapper price-including-tax finalPrice flex items-end">
32665                                        <span class="price"></span>
32666                                        <span class="tax font-normal hidden">mit MwSt.</span>
32667                                    </div>
32668                                    <div class="unitPrice text-xs"></div>
32669                                </span>
32670                                </div>
32671
32672                                <div class="base-price text-left ">
32673                                <span class="price-container price-final_price tax weee">
32674                                    <div class="old-price text-xs excluding-tax line-through"></div>
32675                                    <div id="price-excluding-tax-product-price-37646"
32676                                         data-price-type="finalPrice"
32677                                         class="price-wrapper price-excluding-tax finalPrice flex items-end">
32678                                        <span class="price"></span>
32679                                        <span class="tax font-normal hidden">ohne MwSt.</span>
32680                                    </div>
32681                                    <div class="unitPrice text-xs"></div>
32682                                </span>
32683                                </div>
32684                            </div>
32685                        </div>
32686                    </div>
32687
32688                                            <div x-data="{ currentStock: 0 }"
32689                             x-init="() => $dispatch('preselectswatch')"
32690                             @update-stock-37646.window="currentStock = $event.detail"
32691                             class="flex flex-wrap mt-auto text-left">
32692                            <div class="stock-status text-xs w-full mb-3 mt-auto basis-full">
32693                                <template x-if="currentStock">
32694                                    <div>
32695                                    <span x-show="currentStock > 0" class="text-green-main">
32696                                        Sofort versandfertig, Lieferzeit: 1-3 Werktage                                    </span>
32697                                        <span x-show="currentStock <= 0 && currentStock > -1000"
32698                                              class="text-yellow-700">
32699                                        Aktuell nicht lieferbar, Lieferzeit: 5-10 Werktage                                    </span>
32700                                        <span x-show="currentStock <= -1000 && currentStock > -5000"
32701                                              class="text-red-600">
32702                                        Aktuell nicht lieferbar                                    </span>
32703                                    </div>
32704                                </template>
32705                            </div>
32706                        </div>
32707                    
32708                    
32709                    <div class="flex gap-4 mt-auto justify-end lg:justify-between"
32710                         x-data="initQtyField__137ac2fc782845b78c3086c64af6e750_6ac211b6e6b98()"
32711                         x-init="() => $dispatch('preselectswatch')"
32712                         @update-stock-37646.window="currentStock = $event.detail;">
32713                                                    <div class="w-1/2 flex"
32714                                x-show="currentStock > -5000"
32715                                :aria-hidden="currentStock <= -5000">
32716                                <button
32717                                    class="qty-button -minus-button"
32718                                    type="button"
32719                                    title="Weniger"
32720                                    x-on:click="stepDown()">
32721                                    <?xml version="1.0" encoding="utf-8"?>
32722<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
32723<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="w-5 h-5" width="20" height="20">
32724        <title>Minus</title>
32725    <g>
32726	<g>
32727		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
32728	</g>
32729</g>
32730</svg>
32731                                </button>
32732                                <label for="qty[37646_137ac2fc782845b78c3086c64af6e750_6ac211b6e6b98]"
32733                                       class="sr-only">
32734                                    Anzahl                                </label>
32735                                <input name="qty"
32736                                       class="form-input rounded-none px-2 text-center invalid:ring-2 invalid:ring-red-500 w-11/12"
32737                                       id="qty[37646_137ac2fc782845b78c3086c64af6e750_6ac211b6e6b98]"
32738                                       type="number"
32739                                       inputmode="numeric"
32740                                       maxlength="5"
32741                                       min="1"                                       max="10000"                                       step="1"                                       :value="qty"
32742                                       x-model.number="qty"
32743                                       x-on:input.change="validateQty(qty);"
32744                                />
32745                                <button
32746                                    class="qty-button -plus-button"
32747                                    type="button"
32748                                    title="Mehr"
32749                                    class="plus"
32750                                    x-on:click="stepUp()">
32751                                    <?xml version="1.0" encoding="utf-8"?>
32752<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
32753<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" class="text-white" width="20" height="20">
32754        <title>Plus Sign</title>
32755    <g>
32756	<g>
32757		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
32758	</g>
32759	<g>
32760		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
32761	</g>
32762</g>
32763</svg>
32764                                </button>
32765                            </div>
32766                            <div class="w-1/2"
32767                                 x-show="currentStock > -5000"
32768                                 :aria-hidden="currentStock <= -5000">
32769                                                                    <button class="btn btn-add-to-cart w-full h-full px-2 py-0"
32770                                            :disabled="currentStock <= -1000 || false"
32771                                            :class="{'not-available': currentStock <= -1000 || false}"
32772                                            id="add-to-cart[37646_137ac2fc782845b78c3086c64af6e750_6ac211b6e6b98]"
32773                                            title="Portionsbecher,&#x20;Pappe&#x20;45&#x20;ml&#x20;&#xD8;&#x20;6&#x20;cm&#x20;&#xB7;&#x20;4,1&#x20;cm&#x20;braun,&#x20;PE-beschichtet&#x20;In&#x20;den&#x20;Warenkorb"
32774                                            aria-label="Portionsbecher,&#x20;Pappe&#x20;45&#x20;ml&#x20;&#xD8;&#x20;6&#x20;cm&#x20;&#xB7;&#x20;4,1&#x20;cm&#x20;braun,&#x20;PE-beschichtet&#x20;In&#x20;den&#x20;Warenkorb">
32775                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
32776    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
32777                                        <span class="sm:pl-2 md:hidden lg:block">
32778                                            In&#x20;den&#x20;Warenkorb                                        </span>
32779                                    </button>
32780                                                            </div>
32781                        
32782                        <a x-cloak
32783                           x-show="currentStock <= -5000"
32784                           :aria-hidden="currentStock > -5000"
32785                           href="https://www.papstar-shop.de/portionsbecher-pappe-45-ml-6-cm-4-1-cm-braun-pe-beschichtet-37646.htm"
32786                           class="btn btn-add-to-cart w-full h-full px-2 py-0"
32787                           id="add-to-cart[37646_137ac2fc782845b78c3086c64af6e750_6ac211b6e6b98]"
32788                           title="Portionsbecher,&#x20;Pappe&#x20;45&#x20;ml&#x20;&#xD8;&#x20;6&#x20;cm&#x20;&#xB7;&#x20;4,1&#x20;cm&#x20;braun,&#x20;PE-beschichtet&#x20;Produkt&#x20;individualisieren"
32789                           aria-label="Portionsbecher,&#x20;Pappe&#x20;45&#x20;ml&#x20;&#xD8;&#x20;6&#x20;cm&#x20;&#xB7;&#x20;4,1&#x20;cm&#x20;braun,&#x20;PE-beschichtet&#x20;Produkt&#x20;individualisieren">
32790                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
32791    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
32792                            <span class="sm:pl-2 md:hidden lg:block py-4">
32793                                            Produkt&#x20;individualisieren                                        </span>
32794                        </a>
32795
32796                                                    
32796<script>
32797    'use strict';
32798
32799    (() => {
32800        window.addEventListener(
32801            'ga-initialized',
32802            () => {
32803                const productForm = document.querySelector(
32804                    'form\u005Bdata\u002Dsku\u003D\u002237646\u0022\u005D'
32805                );
32806
32807                if (!productForm) {
32808                    return;
32809                }
32810
32811                let sku = '37646';
32812
32813                window.addEventListener(
32814                    'listing\u002Dconfigurable-selection-changed',
32815                    (event) => {
32816                        if (event.detail.skuCandidates.length === 1
32817                            && event.detail.productId === '37646'
32818                        ) {
32819                            sku = event.detail.skuCandidates[0];
32820                        }
32821                    }
32822                );
32823
32824                function bindEventListener(element, event)
32825                {
32826                    element.addEventListener(event, () => {
32827                        if (productForm.checkValidity()) {
32828                            const priceSelector = false                                ? '#product-price-37646 .price'
32829                                : '[data-price-box="product-id-37646"] .price';
32830
32831                            window.dispatchEvent(new CustomEvent('cart-item-added', {
32832                                detail: [{
32833                                    product_sku: sku,
32834                                    product_name: 'Portionsbecher,\u0020Pappe\u002045\u0020ml\u0020\u00D8\u00206\u0020cm\u0020\u00B7\u00204,1\u0020cm\u0020braun,\u0020PE\u002Dbeschichtet',
32835                                    product_price_value: document.querySelector(priceSelector).textContent.slice(1),
32836
32837                                                                            qty: 1,
32838                                                                    }],
32839                            }));
32840                        }
32841                    });
32842                }
32843
32844                                    const button = productForm.querySelector(
32845                        'button\u005Bdata\u002Daddto\u003D\u0022cart\u0022\u005D'
32846                    );
32847
32848                    if (!button) {
32849                        return;
32850                    }
32851
32852                    bindEventListener(button, 'click');
32853                            },
32854            { once: true }
32855        );
32856    })();
32857</script>
32857
32858                                            </div>
32859                    <div class="qty-alert hidden" id="qty-alert[37646_137ac2fc782845b78c3086c64af6e750_6ac211b6e6b98]">
32860                        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill="currentColor" viewBox="0 0 20 20" class="w-3 h-3 mr-1 text-energy inline-block align-text-top">
32861<title>Warning</title>
32862    <path d="M19.64 16.36L11.53 2.3A1.85 1.85 0 0 0 10 1.21 1.85 1.85 0 0 0 8.48 2.3L.36 16.36C-.48 17.81.21 19 1.88 19h16.24c1.67 0 2.36-1.19 1.52-2.64zM11 16H9v-2h2zm0-4H9V6h2z"/>
32863</svg>
32864                        <span>Bitte&#x20;nur&#x20;ganze&#x20;Zahlen&#x20;eingeben.</span>
32865                    </div>
32866                </div>
32867            </div>
32868        </div>
32869    </form>
32870</div>
32871                    </li>
32872                                        </ul>
32873    </div>
32874</section>
32875<div class="py-6&#x20;hide-on-mobile">
32876    <hr class="component border-t border-white">
32877</div>
32878
32879<style>
32880    .m-6ac21b45425bc {
32881        margin: 0px 0px 50px 0px
32882    }
32883
32884    .p-6ac21b45425bc {
32885        padding: 0px 0px 0px 0px    }
32886</style>
32887
32888
32889<div
32890    class="pap-grid -full-width full-width col-gap-4   m-6ac21b45425bc p-6ac21b45425bc "
32891    style="border-width: 0; background-color:#f3f3f3;">
32892            
32893<style>
32894    .p-6ac21b4542662 {
32895        padding: 0px 0px 0px 0px    }
32896</style>
32897
32898<div class="component grid-col justify-start self-start -child-left   p-6ac21b4542662"
32899     style="border-width:0px; background-color:#f3f3f3;">
32900            <div class="child">
32901            
32902<style>
32903    .m-6ac21b454280d {
32904        margin: 0px 0px 0px 0px
32905    }
32906
32907    .p-6ac21b454280d {
32908        padding: 0px 0px 0px 0px    }
32909</style>
32910
32911
32912<div
32913    class="pap-grid -two-sixes  col-gap-4   m-6ac21b454280d p-6ac21b454280d "
32914    style="border-width: 0; background-color:;">
32915            
32916<style>
32917    .p-6ac21b45428b2 {
32918        padding: 0px 0px 0px 0px    }
32919</style>
32920
32921<div class="component grid-col justify-start self-start -none   p-6ac21b45428b2"
32922     style="border-width:0px; background-color: unset;">
32923            <div class="child">
32924            
32925    <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;papstar-solutions"
32926       target="_self"
32927       rel=""
32928       title="Highlight&#x3A;&#x20;Bio-Komposter&#x20;der&#x20;PAPSTAR&#x20;Solutions">
32929        <span class="sr-only">Highlight&#x3A;&#x20;Bio-Komposter&#x20;der&#x20;PAPSTAR&#x20;Solutions</span>
32930        
32931
32932<!-- Phase2 Mask -->
32933<!--svg width="0" height="0">
32934    <path d="M0,100 C150,200 350,0 500,100 L500,00 L0,0 Z"></path>
32935</svg-->
32936
32937    <picture class="component image ">
32938                    <source srcSet="https://a.storyblok.com/f/174288/1000x500/c8d793bf4f/highlight-section-bio-konverter.png/m/"
32939                    media="(max-width: 767px)"
32940                    type="image/webp"
32941            />
32942        
32943        <source srcSet="https://a.storyblok.com/f/174288/1000x500/c8d793bf4f/highlight-section-bio-konverter.png/m/"
32944                media="(min-width: 768px)"
32945        />
32946        <img src="https://a.storyblok.com/f/174288/1000x500/c8d793bf4f/highlight-section-bio-konverter.png/m/"
32947            class="picture&#x20;object-unset&#x20; "
32948            alt="Bio-Konverter&#x20;verarbeitet&#x20;Einweggeschirr&#x20;und&#x20;Speisereste&#x20;zu&#x20;neuen&#x20;Werkstoffen"
32949            itemprop="image"
32950            loading="lazy"
32951        >
32952    </picture>
32953
32954
32955    </a>
32956        </div>
32957    </div>
32958            
32959<style>
32960    .p-6ac21b45434be {
32961        padding: 0px 0px 0px 0px    }
32962</style>
32963
32964<div class="component grid-col justify-center self-center -child-left   p-6ac21b45434be"
32965     style="border-width:0px; background-color:;">
32966            <div class="child">
32967            
32968<style>
32969    .m-6ac21b4543549 {
32970        margin: 0px 0px 0px 0px
32971    }
32972
32973    .p-6ac21b4543549 {
32974        padding: 0px 0px 0px 0px    }
32975</style>
32976
32977
32978<div
32979    class="pap-grid -one-ten-one no-appearance col-gap-4   m-6ac21b4543549 p-6ac21b4543549 "
32980    style="border-width: 0; background-color: unset;">
32981            
32982<style>
32983    .p-6ac21b45435d9 {
32984        padding: 0px 0px 0px 0px    }
32985</style>
32986
32987<div class="component grid-col justify-start self-start -none   p-6ac21b45435d9"
32988     style="border-width:0px; background-color: unset;">
32989    </div>
32990            
32991<style>
32992    .p-6ac21b45437d0 {
32993        padding: 10px 10px 10px 10px    }
32994</style>
32995
32996<div class="component grid-col justify-center self-center -child-left   p-6ac21b45437d0"
32997     style="border-width:0px; background-color:#f3f3f3;">
32998            <div class="child">
32999            
33000
33001<h2 class="text-left&#x20;&#x20;" style="border-width&#x3A;0px&#x3B;&#x20;padding-top&#x3A;px&#x3B;&#x20;padding-right&#x3A;px&#x3B;&#x20;padding-bottom&#x3A;px&#x3B;&#x20;padding-left&#x3A;px&#x3B;">
33002            <p><span style="color:#000000">Kennen Sie schon PAPSTAR Solutions?</span></p>    </h2>
33003        </div>
33004            <div class="child">
33005            
33006<div class="storyblok component storyblok-text text-left&#x20;link-colored&#x20;&#x20;&#x20;&#x20;&#x20;"
33007     style="&#x20;border-width&#x3A;0px&#x3B;&#x20;padding-top&#x3A;0px&#x3B;&#x20;padding-right&#x3A;0px&#x3B;&#x20;padding-bottom&#x3A;0px&#x3B;&#x20;padding-left&#x3A;px&#x3B;">
33008    <p>Einweggeschirr in innovativen Kreislauflösungen für Events, Gastronomie und Unternehmen – <br />von der Produktwahl über die Rückführung bis hin zur Verwertung.</p><ul><li><p>Kreislauflösungen – Wiederverwertung statt Abfall</p></li><li><p>Moderne Kompostiermaschinen verarbeiten Einweggeschirr zur Reduzierung des Abfallvolumens</p></li><li><p>Persönliche Unterstützung für Ihr Unternehmen, Event &amp; mehr</p></li><li><p>Große Auswahl an Produkten aus nachwachsenden Rohstoffen</p></li></ul><p><br/>
33008</p></div>
33009        </div>
33010            <div class="child">
33011            
33012<a class="btn-sb&#x20;btn-primary&#x20;"
33013   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
33014   role="button"
33015   href="https://www.papstar-shop.de/papstar-solutions"
33016   target="">
33017    
33018    <span>Jetzt mehr erfahren</span>
33019
33020            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
33021    <title>Arrow Right</title>
33022  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
33023</svg>
33024    </a>
33025        </div>
33026    </div>
33027            
33028<style>
33029    .p-6ac21b45445b4 {
33030        padding: 0px 0px 0px 0px    }
33031</style>
33032
33033<div class="component grid-col justify-start self-start -none   p-6ac21b45445b4"
33034     style="border-width:0px; background-color: unset;">
33035    </div>
33036    </div>
33037        </div>
33038    </div>
33039    </div>
33040        </div>
33041    </div>
33042    </div>
33043<div class="py-6&#x20;hide-on-mobile">
33044    <hr class="component border-t border-white">
33045</div>
33046<div class="pap-tab "
33047     x-data="initTabComponent_6ac21b4551eed()"
33048     x-init="checkIsMobileResolution()"
33049     @resize.window.debounce="checkIsMobileResolution()"
33050     @visibilitychange.window.debounce="checkIsMobileResolution()">
33051    <template x-if="!isMobile">
33052        <div class="pap-tab-wrapper"
33053             role="tablist"
33054             aria-label="Tabs">
33055                            <button
33056                    id="panel-storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2"
33057                    type="button"
33058                    role="tab"
33059                    :aria-selected="activeTab === 'storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2'"
33060                    aria-controls="tabpanel-storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2"
33061                    @click="activeTab = 'storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2'"
33062                    data-tab-key="storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2"
33063                    @keydown.arrow-right.prevent="focusTab($el, 'next')"
33064                    @keydown.arrow-left.prevent="focusTab($el, 'prev')"
33065                    @keydown.home.prevent="focusTab($el, 'first')"
33066                    @keydown.end.prevent="focusTab($el, 'last')"
33067                    :tabindex="activeTab === 'storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2' ? '0' : '-1'"
33068                    class="pap-tab-control visible"
33069                    :class="{ '-active': activeTab === 'storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2' }"
33070                >
33071                    <div class="tab-item">Einweggeschirr</div>
33072                </button>
33073                            <button
33074                    id="panel-storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202"
33075                    type="button"
33076                    role="tab"
33077                    :aria-selected="activeTab === 'storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202'"
33078                    aria-controls="tabpanel-storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202"
33079                    @click="activeTab = 'storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202'"
33080                    data-tab-key="storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202"
33081                    @keydown.arrow-right.prevent="focusTab($el, 'next')"
33082                    @keydown.arrow-left.prevent="focusTab($el, 'prev')"
33083                    @keydown.home.prevent="focusTab($el, 'first')"
33084                    @keydown.end.prevent="focusTab($el, 'last')"
33085                    :tabindex="activeTab === 'storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202' ? '0' : '-1'"
33086                    class="pap-tab-control visible"
33087                    :class="{ '-active': activeTab === 'storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202' }"
33088                >
33089                    <div class="tab-item">❯ aus Pappe</div>
33090                </button>
33091                            <button
33092                    id="panel-storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26"
33093                    type="button"
33094                    role="tab"
33095                    :aria-selected="activeTab === 'storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26'"
33096                    aria-controls="tabpanel-storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26"
33097                    @click="activeTab = 'storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26'"
33098                    data-tab-key="storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26"
33099                    @keydown.arrow-right.prevent="focusTab($el, 'next')"
33100                    @keydown.arrow-left.prevent="focusTab($el, 'prev')"
33101                    @keydown.home.prevent="focusTab($el, 'first')"
33102                    @keydown.end.prevent="focusTab($el, 'last')"
33103                    :tabindex="activeTab === 'storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26' ? '0' : '-1'"
33104                    class="pap-tab-control visible"
33105                    :class="{ '-active': activeTab === 'storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26' }"
33106                >
33107                    <div class="tab-item">❯ aus Palmblatt</div>
33108                </button>
33109                            <button
33110                    id="panel-storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec"
33111                    type="button"
33112                    role="tab"
33113                    :aria-selected="activeTab === 'storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec'"
33114                    aria-controls="tabpanel-storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec"
33115                    @click="activeTab = 'storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec'"
33116                    data-tab-key="storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec"
33117                    @keydown.arrow-right.prevent="focusTab($el, 'next')"
33118                    @keydown.arrow-left.prevent="focusTab($el, 'prev')"
33119                    @keydown.home.prevent="focusTab($el, 'first')"
33120                    @keydown.end.prevent="focusTab($el, 'last')"
33121                    :tabindex="activeTab === 'storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec' ? '0' : '-1'"
33122                    class="pap-tab-control visible"
33123                    :class="{ '-active': activeTab === 'storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec' }"
33124                >
33125                    <div class="tab-item">❯ aus Holz</div>
33126                </button>
33127                            <button
33128                    id="panel-storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd"
33129                    type="button"
33130                    role="tab"
33131                    :aria-selected="activeTab === 'storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd'"
33132                    aria-controls="tabpanel-storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd"
33133                    @click="activeTab = 'storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd'"
33134                    data-tab-key="storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd"
33135                    @keydown.arrow-right.prevent="focusTab($el, 'next')"
33136                    @keydown.arrow-left.prevent="focusTab($el, 'prev')"
33137                    @keydown.home.prevent="focusTab($el, 'first')"
33138                    @keydown.end.prevent="focusTab($el, 'last')"
33139                    :tabindex="activeTab === 'storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd' ? '0' : '-1'"
33140                    class="pap-tab-control visible"
33141                    :class="{ '-active': activeTab === 'storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd' }"
33142                >
33143                    <div class="tab-item">❯ aus Zuckerrohr</div>
33144                </button>
33145                            <button
33146                    id="panel-storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff"
33147                    type="button"
33148                    role="tab"
33149                    :aria-selected="activeTab === 'storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff'"
33150                    aria-controls="tabpanel-storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff"
33151                    @click="activeTab = 'storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff'"
33152                    data-tab-key="storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff"
33153                    @keydown.arrow-right.prevent="focusTab($el, 'next')"
33154                    @keydown.arrow-left.prevent="focusTab($el, 'prev')"
33155                    @keydown.home.prevent="focusTab($el, 'first')"
33156                    @keydown.end.prevent="focusTab($el, 'last')"
33157                    :tabindex="activeTab === 'storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff' ? '0' : '-1'"
33158                    class="pap-tab-control visible"
33159                    :class="{ '-active': activeTab === 'storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff' }"
33160                >
33161                    <div class="tab-item">❯ aus Maisstärke (PLA)</div>
33162                </button>
33163                            <button
33164                    id="panel-storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f"
33165                    type="button"
33166                    role="tab"
33167                    :aria-selected="activeTab === 'storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f'"
33168                    aria-controls="tabpanel-storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f"
33169                    @click="activeTab = 'storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f'"
33170                    data-tab-key="storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f"
33171                    @keydown.arrow-right.prevent="focusTab($el, 'next')"
33172                    @keydown.arrow-left.prevent="focusTab($el, 'prev')"
33173                    @keydown.home.prevent="focusTab($el, 'first')"
33174                    @keydown.end.prevent="focusTab($el, 'last')"
33175                    :tabindex="activeTab === 'storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f' ? '0' : '-1'"
33176                    class="pap-tab-control visible"
33177                    :class="{ '-active': activeTab === 'storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f' }"
33178                >
33179                    <div class="tab-item">❯ aus Bambus</div>
33180                </button>
33181                            <button
33182                    id="panel-storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c"
33183                    type="button"
33184                    role="tab"
33185                    :aria-selected="activeTab === 'storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c'"
33186                    aria-controls="tabpanel-storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c"
33187                    @click="activeTab = 'storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c'"
33188                    data-tab-key="storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c"
33189                    @keydown.arrow-right.prevent="focusTab($el, 'next')"
33190                    @keydown.arrow-left.prevent="focusTab($el, 'prev')"
33191                    @keydown.home.prevent="focusTab($el, 'first')"
33192                    @keydown.end.prevent="focusTab($el, 'last')"
33193                    :tabindex="activeTab === 'storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c' ? '0' : '-1'"
33194                    class="pap-tab-control visible"
33195                    :class="{ '-active': activeTab === 'storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c' }"
33196                >
33197                    <div class="tab-item">❯ aus Agrarresten</div>
33198                </button>
33199                    </div>
33200    </template>
33201    <template x-if="!isMobile">
33202        <div class="mt-8 col-span-full">
33203            
33204    <div id="tabpanel-storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2"
33205         :role="isMobile ? 'region' : 'tabpanel'"
33206         aria-labelledby="panel-storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2"
33207         :class="{'active': activeTab === 'storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2'}"
33208         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2'">
33209                <div class="col-span-12 flex flex-wrap">
33210            <div
33211                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
33212                >
33213                <div class="featured-image flex justify-center">
33214                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
33215                         src="https://a.storyblok.com/f/174288/600x350/3b014bdc8f/einweggeschirr-von-papstar-uber-4-000-produkte.jpg"
33216                         alt="Einweggeschirr&#x20;von&#x20;PAPSTAR&#x20;-&#x20;&#xFC;ber&#x20;4.000&#x20;Produkte"
33217                    >
33218                </div>
33219                            </div>
33220            <div
33221                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
33222                <div class="content w-full">
33223                                            <h2 class="text-gray-700 text-2xl">
33224                            Einweggeschirr von PAPSTAR                        </h2>
33225                                        <div class="text-gray-700">
33226                        <p>Einweggeschirr ist eine <b>praktische</b> und <b>preiswerte</b> Alternative, wenn viele Gäste professionell bewirtet werden sollen. Zudem erlaubt es ein Höchstmaß an Flexibilität, da es farblich und thematisch auf verschiedene Anlässe abgestimmt werden kann. Ob aus<b> (Bio-)Kunststoff</b>, <b>Holz</b>, <b>Palmblatt</b>, <b>Maisstärke</b> oder <b>Zuckerrohr</b> – bei PAPSTAR finden Sie immer die passende Einweg-Lösung.</p>                    </div>
33227                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
33228                        
33229<a class="btn-sb&#x20;btn-primary&#x20;"
33230   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
33231   role="button"
33232   href="https://www.papstar-shop.de/produkte/einweggeschirr.htm"
33233   target="">
33234    
33235    <span>Zum Einweggeschirr-Sortiment</span>
33236
33237            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
33238    <title>Arrow Right</title>
33239  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
33240</svg>
33241    </a>
33242                    </div>
33243                </div>
33244            </div>
33245        </div>
33246    </div>
33247
33248    <div id="tabpanel-storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202"
33249         :role="isMobile ? 'region' : 'tabpanel'"
33250         aria-labelledby="panel-storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202"
33251         :class="{'active': activeTab === 'storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202'}"
33252         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202'">
33253                <div class="col-span-12 flex flex-wrap">
33254            <div
33255                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
33256                >
33257                <div class="featured-image flex justify-center">
33258                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
33259                         src="https://a.storyblok.com/f/174288/600x350/e3c436eacb/pappe-kaffeebecher.png"
33260                         alt="Pappe&#x20;Kaffeebecher"
33261                    >
33262                </div>
33263                            </div>
33264            <div
33265                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
33266                <div class="content w-full">
33267                                            <h2 class="text-gray-700 text-2xl">
33268                            Einweggeschirr aus Pappe                        </h2>
33269                                        <div class="text-gray-700">
33270                        <p>Umweltfreundliche Pappteller &amp; Pappschalen aus <b>Frischfaser</b> stellen eine perfekte Methode dar, um Speisen aller Art zu servieren. Imbiss- und Grillgerichte, Pommes, Kuchen, Salate und andere Speisen lassen sich auch im Außer-Haus-Verkauf damit praktisch in die Hände der Kunden übergeben.</p>                    </div>
33271                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
33272                        
33273<a class="btn-sb&#x20;btn-primary&#x20;"
33274   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
33275   role="button"
33276   href="https://www.papstar-shop.de/produkte/einweggeschirr/pappgeschirr.htm"
33277   target="">
33278    
33279    <span>Zum Pappgeschirr</span>
33280
33281            <svg xmlns="http://www.
33281w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
33282    <title>Arrow Right</title>
33283  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
33284</svg>
33285    </a>
33286                    </div>
33287                </div>
33288            </div>
33289        </div>
33290    </div>
33291
33292    <div id="tabpanel-storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26"
33293         :role="isMobile ? 'region' : 'tabpanel'"
33294         aria-labelledby="panel-storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26"
33295         :class="{'active': activeTab === 'storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26'}"
33296         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26'">
33297                <div class="col-span-12 flex flex-wrap">
33298            <div
33299                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
33300                >
33301                <div class="featured-image flex justify-center">
33302                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
33303                         src="https://a.storyblok.com/f/174288/600x350/4672f64c03/palmblatt-schale.png"
33304                         alt="Palmblatt&#x20;Schale"
33305                    >
33306                </div>
33307                            </div>
33308            <div
33309                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
33310                <div class="content w-full">
33311                                            <h2 class="text-gray-700 text-2xl">
33312                            Einweggeschirr aus Palmblatt                        </h2>
33313                                        <div class="text-gray-700">
33314                        <p>Einweggeschirr aus Palmblatt besteht aus den <b>abgefallenen Blättern</b> der indischen <b>Areca-Nusspalme</b>. Es ist in verschiedenen Größen erhältlich und perfekt geeignet für Catering- und Veranstaltungszwecke. Die <b>individuelle Oberflächenmaserung</b> macht jedes Palmblattprodukt zu einem Unikat.</p>                    </div>
33315                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
33316                        
33317<a class="btn-sb&#x20;btn-primary&#x20;"
33318   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
33319   role="button"
33320   href="https://www.papstar-shop.de/produkte/einweggeschirr/palmblattgeschirr.htm"
33321   target="">
33322    
33323    <span>Zum Palmblattgeschirr</span>
33324
33325            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
33326    <title>Arrow Right</title>
33327  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
33328</svg>
33329    </a>
33330                    </div>
33331                </div>
33332            </div>
33333        </div>
33334    </div>
33335
33336    <div id="tabpanel-storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec"
33337         :role="isMobile ? 'region' : 'tabpanel'"
33338         aria-labelledby="panel-storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec"
33339         :class="{'active': activeTab === 'storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec'}"
33340         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec'">
33341                <div class="col-span-12 flex flex-wrap">
33342            <div
33343                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
33344                >
33345                <div class="featured-image flex justify-center">
33346                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
33347                         src="https://a.storyblok.com/f/174288/600x350/8f55d71d1f/holz-schale.png"
33348                         alt="Holz&#x20;Schiffchen"
33349                    >
33350                </div>
33351                            </div>
33352            <div
33353                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
33354                <div class="content w-full">
33355                                            <h2 class="text-gray-700 text-2xl">
33356                            Einweggeschirr aus Holz                        </h2>
33357                                        <div class="text-gray-700">
33358                        <p>Dekoratives Holz-Geschirr und -Besteck ist Natur pur zum Anfassen. Holz stellt als <b>nachwachsender Rohstoff</b> ein perfektes Material für nachhaltiges Einweggeschirr dar. Besonders unsere <b>
33358lebensmittelechten Schälchen</b> aus natürlichem Kiefernholz sind ideal für die Präsentation von Fingerfood-Spezialitäten und exklusives Catering.</p>                    </div>
33359                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
33360                        
33361<a class="btn-sb&#x20;btn-primary&#x20;"
33362   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
33363   role="button"
33364   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-aus-holz.htm"
33365   target="">
33366    
33367    <span>Zum Einweggeschirr aus Holz</span>
33368
33369            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
33370    <title>Arrow Right</title>
33371  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
33372</svg>
33373    </a>
33374                    </div>
33375                </div>
33376            </div>
33377        </div>
33378    </div>
33379
33380    <div id="tabpanel-storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd"
33381         :role="isMobile ? 'region' : 'tabpanel'"
33382         aria-labelledby="panel-storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd"
33383         :class="{'active': activeTab === 'storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd'}"
33384         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd'">
33385                <div class="col-span-12 flex flex-wrap">
33386            <div
33387                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
33388                >
33389                <div class="featured-image flex justify-center">
33390                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
33391                         src="https://a.storyblok.com/f/174288/600x350/e199a55822/zuckerrohr-teller.png"
33392                         alt="Zuckerrohr&#x20;Teller"
33393                    >
33394                </div>
33395                            </div>
33396            <div
33397                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
33398                <div class="content w-full">
33399                                            <h2 class="text-gray-700 text-2xl">
33400                            Einweggeschirr aus Zuckerrohr                        </h2>
33401                                        <div class="text-gray-700">
33402                        <p>Zuckerrohr-Teller, -Schalen und -Becher bestehen aus<b> Bagasse</b>, einem <b>Nebenprodukt der Zuckerrohrwirtschaft</b>. Die Produkte sind <b>stabil</b>, <b>biologisch abbaubar</b> und besonders für Speisen geeignet, die viel Wasser enthalten.</p>                    </div>
33403                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
33404                        
33405<a class="btn-sb&#x20;btn-primary&#x20;"
33406   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
33407   role="button"
33408   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-aus-zuckerrohr.htm"
33409   target="">
33410    
33411    <span>Zum Einweggeschirr aus Zuckerrohr</span>
33412
33413            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
33414    <title>Arrow Right</title>
33415  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
33416</svg>
33417    </a>
33418                    </div>
33419                </div>
33420            </div>
33421        </div>
33422    </div>
33423
33424    <div id="tabpanel-storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff"
33425         :role="isMobile ? 'region' : 'tabpanel'"
33426         aria-labelledby="panel-storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff"
33427         :class="{'active': activeTab === 'storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff'}"
33428         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff'">
33429                <div class="col-span-12 flex flex-wrap">
33430            <div
33431                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
33432                >
33433                <div class="featured-image flex justify-center">
33434                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
33435                         src="https://a.storyblok.com/f/174288/600x350/85818ad3d0/pla-cocktail.png"
33436                         alt="PLA&#x20;Cocktail"
33437                    >
33438                </div>
33439                            </div>
33440            <div
33441                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
33442                <div class="content w-full">
33443                                            <h2 class="text-gray-700 text-2xl">
33444                            Einweggeschirr aus Maisstärke (PLA)                        </h2>
33445                                        <div class="text-gray-700">
33446                        <p>Einer der zukunftträchtigsten <b>Bio-­Kunststoffe</b> ist das sogenannte <b>PLA/C-PLA</b>, das auf <b>Maisstärke-Basis</b> hergestellt wird und eine umweltfreundliche und formschöne Alternative zu herkömmlichem Plastik darstellt.</p>                    </div>
33447                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
33448                        
33449<a class="btn-sb&#x20;btn-primary&#x20;"
33450   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
33451   role="button"
33452   href="https://www.papstar-shop.de/produkte/einweggeschirr/pla-geschirr.htm"
33453   target="">
33454    
33455    <span>Zum Einweggeschirr aus PLA</span>
33456
33457            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
33458    <title>Arrow Right</title>
33459  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
33460</svg>
33461    </a>
33462                    </div>
33463                </div>
33464            </div>
33465        </div>
33466    </div>
33467
33468    <div id="tabpanel-storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f"
33469         :role="isMobile ? 'region' : 'tabpanel'"
33470         aria-labelledby="panel-storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f"
33471         :class="{'active': activeTab === 'storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f'}"
33472         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f'">
33473                <div class="col-span-12 flex flex-wrap">
33474            <div
33475                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
33476                >
33477                <div class="featured-image flex justify-center">
33478                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
33479                         src="https://a.storyblok.com/f/174288/600x350/8cf98f6fc5/bambus-besteck.png"
33480                         alt="Bambus&#x20;Besteck"
33481                    >
33482                </div>
33483                            </div>
33484            <div
33485                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
33486                <div class="content w-full">
33487                                            <h2 class="text-gray-700 text-2xl">
33488                            Einweggeschirr aus Bambus                        </h2>
33489                                        <div class="text-gray-700">
33490                        <p>
33490Bambus gehört zu den <b>Gräsern</b> und ist ein Rohstoff, der extrem <b>schnell nachwächst</b> und somit sehr umweltfreundlich ist. Er überzeugt durch seine <b>robuste</b> und gleichzeitig <b>leichte</b> Beschaffenheit, sowie die besondere Oberflächenstruktur, die Bambus Artikeln einen individuellen Look verleihen.</p>                    </div>
33491                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
33492                        
33493<a class="btn-sb&#x20;btn-primary&#x20;"
33494   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
33495   role="button"
33496   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-bambus.htm"
33497   target="">
33498    
33499    <span>Zum Einwegeschirr aus Bambus</span>
33500
33501            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
33502    <title>Arrow Right</title>
33503  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
33504</svg>
33505    </a>
33506                    </div>
33507                </div>
33508            </div>
33509        </div>
33510    </div>
33511
33512    <div id="tabpanel-storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c"
33513         :role="isMobile ? 'region' : 'tabpanel'"
33514         aria-labelledby="panel-storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c"
33515         :class="{'active': activeTab === 'storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c'}"
33516         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c'">
33517                <div class="col-span-12 flex flex-wrap">
33518            <div
33519                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
33520                >
33521                <div class="featured-image flex justify-center">
33522                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
33523                         src="https://a.storyblok.com/f/174288/600x350/af6df5edeb/agrarreste-teller.png"
33524                         alt="Agrarreste&#x20;Teller"
33525                    >
33526                </div>
33527                            </div>
33528            <div
33529                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
33530                <div class="content w-full">
33531                                            <h2 class="text-gray-700 text-2xl">
33532                            Einweggeschirr aus Agrarresten                        </h2>
33533                                        <div class="text-gray-700">
33534                        <p>Teller und Schalen aus Agrarresten bestehen aus <b>Pflanzenresten</b>, welche aus der landwirtschaftlichen Produktion gewonnen werden. Diese werden in der Sonne getrocknet, gemahlen und dann als <b>selbstbindende Fasern</b> zu einer Masse verarbeitet, die ähnlich wie Bagasse in Formen gespritzt und getrocknet wird. Sämtliche Produkte sind lebensmittelecht, <b>biologisch abbaubar</b> und kompostierbar.</p>                    </div>
33535                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
33536                        
33537<a class="btn-sb&#x20;btn-primary&#x20;"
33538   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
33539   role="button"
33540   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-aus-agrarresten.htm"
33541   target="">
33542    
33543    <span>Zum Agrarreste-Sortiment</span>
33544
33545            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
33546    <title>Arrow Right</title>
33547  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
33548</svg>
33549    </a>
33550                    </div>
33551                </div>
33552            </div>
33553        </div>
33554    </div>
33555        </div>
33556    </template>
33557
33558    <!-- MOBILE -->
33559    <template x-if="isMobile">
33560        <div class="collapsible-accordion col-span-full">
33561                            <h4>
33562                    <button
33563                        :aria-expanded="activeTab === 'storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2' && open"
33564                        aria-controls="tabpanel-storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2"
33565                        @click="setActiveTab('storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2')"
33566                        id="panel-storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2"
33567                        class="cursor-pointer font-bold p-3 mt-1 mb-0 hover:text-white text-base rounded-lg flex
33568                        justify-between items-center w-full "
33569                        :class="{'bg-secondary hover:bg-secondary text-white':
33570                            (open && activeTab === 'storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2') || activeTab === 'storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2',
33571                            'bg-container-lighter text-main hover:bg-gray-400':
33572                            (!open && activeTab !== 'storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2') || activeTab !== 'storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2',
33573                          }">
33574                        <span>Einweggeschirr</span>
33575
33576                        <div
33577                            x-show="(activeTab === 'storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2' && open) || activeTab === 'storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2'">
33578                            <?xml version="1.0" encoding="utf-8"?>
33579<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
33580<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" width="8" height="8" aria-hidden="true">
33581        <title>Minus</title>
33582    <g>
33583	<g>
33584		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
33585	</g>
33586</g>
33587</svg>
33588                        </div>
33589                        <div
33590                            x-show="(activeTab !== 'storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2' && !open) || activeTab !== 'storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2'">
33591                            <?xml version="1.0" encoding="utf-8"?>
33592<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
33593<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" width="8" height="8" aria-hidden="true">
33594        <title>Plus Sign</title>
33595    <g>
33596	<g>
33597		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
33598	</g>
33599	<g>
33600		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
33601	</g>
33602</g>
33603</svg>
33604                        </div>
33605                    </button>
33606                </h4>
33607                <div x-show="(activeTab === 'storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2' && open) || activeTab === 'storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2'">
33608                    
33609    <div id="tabpanel-storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2"
33610         :role="isMobile ? 'region' : 'tabpanel'"
33611         aria-labelledby="panel-storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2"
33612         :class="{'active': activeTab === 'storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2'}"
33613         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2'">
33614                <div class="col-span-12 flex flex-wrap">
33615            <div
33616                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
33617                >
33618                <div class="featured-image flex justify-center">
33619                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
33620                         src="https://a.storyblok.com/f/174288/600x350/3b014bdc8f/einweggeschirr-von-papstar-uber-4-000-produkte.jpg"
33621                         alt="Einweggeschirr&#x20;von&#x20;PAPSTAR&#x20;-&#x20;&#xFC;ber&#x20;4.000&#x20;Produkte"
33622                    >
33623                </div>
33624                            </div>
33625            <div
33626                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
33627                <div class="content w-full">
33628                                            <h2 class="text-gray-700 text-2xl">
33629                            Einweggeschirr von PAPSTAR                        </h2>
33630                                        <div class="text-gray-700">
33631                        <p>Einweggeschirr ist eine <b>praktische</b> und <b>preiswerte</b> Alternative, wenn viele Gäste professionell bewirtet werden sollen. Zudem erlaubt es ein Höchstmaß an Flexibilität, da es farblich und thematisch auf verschiedene Anlässe abgestimmt werden kann. Ob aus<b> (Bio-)Kunststoff</b>, <b>Holz</b>, <b>Palmblatt</b>, <b>Maisstärke</b> oder <b>Zuckerrohr</b> – bei PAPSTAR finden Sie immer die passende Einweg-Lösung.</p>                    </div>
33632                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
33633                        
33634<a class="btn-sb&#x20;btn-primary&#x20;"
33635   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
33636   role="button"
33637   href="https://www.papstar-shop.de/produkte/einweggeschirr.htm"
33638   target="">
33639    
33640    <span>Zum Einweggeschirr-Sortiment</span>
33641
33642            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
33643    <title>Arrow Right</title>
33644  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
33645</svg>
33646    </a>
33647                    </div>
33648                </div>
33649            </div>
33650        </div>
33651    </div>
33652
33653    <div id="tabpanel-storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202"
33654         :role="isMobile ? 'region' : 'tabpanel'"
33655         aria-labelledby="panel-storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202"
33656         :class="{'active': activeTab === 'storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202'}"
33657         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202'">
33658                <div class="col-span-12 flex flex-wrap">
33659            <div
33660                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
33661                >
33662                <div class="featured-image flex justify-center">
33663                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
33664                         src="https://a.storyblok.com/f/174288/600x350/e3c436eacb/pappe-kaffeebecher.png"
33665                         alt="Pappe&#x20;Kaffeebecher"
33666                    >
33667                </div>
33668                            </div>
33669            <div
33670                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
33671                <div class="content w-full">
33672                                            <h2 class="text-gray-700 text-2xl">
33673                            Einweggeschirr aus Pappe                        </h2>
33674                                        <div class="text-gray-700">
33675                        <p>Umweltfreundliche Pappteller &amp; Pappschalen aus <b>Frischfaser</b> stellen eine perfekte Methode dar, um Speisen aller Art zu servieren. Imbiss- und Grillgerichte, Pommes, Kuchen, Salate und andere Speisen lassen sich auch im Außer-Haus-Verkauf damit praktisch in die Hände der Kunden übergeben.</p>                    </div>
33676                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
33677                        
33678<a class="btn-sb&#x20;btn-primary&#x20;"
33679   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
33680   role="button"
33681   href="https://www.papstar-shop.de/produkte/einweggeschirr/pappgeschirr.htm"
33682   target="">
33683    
33684    <span>Zum Pappgeschirr</span>
33685
33686            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
33687    <title>Arrow Right</title>
33688  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
33689</svg>
33690    </a>
33691                    </div>
33692                </div>
33693            </div>
33694        </div>
33695    </div>
33696
33697    <div id="tabpanel-storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26"
33698         :role="isMobile ? 'region' : 'tabpanel'"
33699         aria-labelledby="panel-storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26"
33700         :class="{'active': activeTab === 'storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26'}"
33701         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26'">
33702                <div class="col-span-12 flex flex-wrap">
33703            <div
33704                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
33705                >
33706                <div class="featured-image flex justify-center">
33707                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
33708                         src="https://a.storyblok.com/f/174288/600x350/4672f64c03/palmblatt-schale.png"
33709                         alt="Palmblatt&#x20;Schale"
33710                    >
33711                </div>
33712                            </div>
33713            <div
33714                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
33715                <div class="content w-full">
33716                                            <h2 class="text-gray-700 text-2xl">
33717                            Einweggeschirr aus Palmblatt                        </h2>
33718                                        <div class="text-gray-700">
33719                        <p>Einweggeschirr aus Palmblatt besteht aus den <b>abgefallenen Blättern</b> der indischen <b>Areca-Nusspalme</b>
33719. Es ist in verschiedenen Größen erhältlich und perfekt geeignet für Catering- und Veranstaltungszwecke. Die <b>individuelle Oberflächenmaserung</b> macht jedes Palmblattprodukt zu einem Unikat.</p>                    </div>
33720                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
33721                        
33722<a class="btn-sb&#x20;btn-primary&#x20;"
33723   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
33724   role="button"
33725   href="https://www.papstar-shop.de/produkte/einweggeschirr/palmblattgeschirr.htm"
33726   target="">
33727    
33728    <span>Zum Palmblattgeschirr</span>
33729
33730            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
33731    <title>Arrow Right</title>
33732  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
33733</svg>
33734    </a>
33735                    </div>
33736                </div>
33737            </div>
33738        </div>
33739    </div>
33740
33741    <div id="tabpanel-storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec"
33742         :role="isMobile ? 'region' : 'tabpanel'"
33743         aria-labelledby="panel-storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec"
33744         :class="{'active': activeTab === 'storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec'}"
33745         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec'">
33746                <div class="col-span-12 flex flex-wrap">
33747            <div
33748                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
33749                >
33750                <div class="featured-image flex justify-center">
33751                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
33752                         src="https://a.storyblok.com/f/174288/600x350/8f55d71d1f/holz-schale.png"
33753                         alt="Holz&#x20;Schiffchen"
33754                    >
33755                </div>
33756                            </div>
33757            <div
33758                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
33759                <div class="content w-full">
33760                                            <h2 class="text-gray-700 text-2xl">
33761                            Einweggeschirr aus Holz                        </h2>
33762                                        <div class="text-gray-700">
33763                        <p>Dekoratives Holz-Geschirr und -Besteck ist Natur pur zum Anfassen. Holz stellt als <b>nachwachsender Rohstoff</b> ein perfektes Material für nachhaltiges Einweggeschirr dar. Besonders unsere <b>lebensmittelechten Schälchen</b> aus natürlichem Kiefernholz sind ideal für die Präsentation von Fingerfood-Spezialitäten und exklusives Catering.</p>                    </div>
33764                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
33765                        
33766<a class="btn-sb&#x20;btn-primary&#x20;"
33767   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
33768   role="button"
33769   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-aus-holz.htm"
33770   target="">
33771    
33772    <span>Zum Einweggeschirr aus Holz</span>
33773
33774            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
33775    <title>Arrow Right</title>
33776  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
33777</svg>
33778    </a>
33779                    </div>
33780                </div>
33781            </div>
33782        </div>
33783    </div>
33784
33785    <div id="tabpanel-storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd"
33786         :role="isMobile ? 'region' : 'tabpanel'"
33787         aria-labelledby="panel-storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd"
33788         :class="{'active': activeTab === 'storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd'}"
33789         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd'">
33790                <div class="col-span-12 flex flex-wrap">
33791            <div
33792                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
33793                >
33794                <div class="featured-image flex justify-center">
33795                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
33796                         src="https://a.storyblok.com/f/174288/600x350/e199a55822/zuckerrohr-teller.png"
33797                         alt="Zuckerrohr&#x20;Teller"
33798                    >
33799                </div>
33800                            </div>
33801            <div
33802                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
33803                <div class="content w-full">
33804                                            <h2 class="text-gray-700 text-2xl">
33805                            Einweggeschirr aus Zuckerrohr                        </h2>
33806                                        <div class="text-gray-700">
33807                        <p>
33807Zuckerrohr-Teller, -Schalen und -Becher bestehen aus<b> Bagasse</b>, einem <b>Nebenprodukt der Zuckerrohrwirtschaft</b>. Die Produkte sind <b>stabil</b>, <b>biologisch abbaubar</b> und besonders für Speisen geeignet, die viel Wasser enthalten.</p>                    </div>
33808                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
33809                        
33810<a class="btn-sb&#x20;btn-primary&#x20;"
33811   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
33812   role="button"
33813   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-aus-zuckerrohr.htm"
33814   target="">
33815    
33816    <span>Zum Einweggeschirr aus Zuckerrohr</span>
33817
33818            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
33819    <title>Arrow Right</title>
33820  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
33821</svg>
33822    </a>
33823                    </div>
33824                </div>
33825            </div>
33826        </div>
33827    </div>
33828
33829    <div id="tabpanel-storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff"
33830         :role="isMobile ? 'region' : 'tabpanel'"
33831         aria-labelledby="panel-storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff"
33832         :class="{'active': activeTab === 'storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff'}"
33833         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff'">
33834                <div class="col-span-12 flex flex-wrap">
33835            <div
33836                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
33837                >
33838                <div class="featured-image flex justify-center">
33839                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
33840                         src="https://a.storyblok.com/f/174288/600x350/85818ad3d0/pla-cocktail.png"
33841                         alt="PLA&#x20;Cocktail"
33842                    >
33843                </div>
33844                            </div>
33845            <div
33846                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
33847                <div class="content w-full">
33848                                            <h2 class="text-gray-700 text-2xl">
33849                            Einweggeschirr aus Maisstärke (PLA)                        </h2>
33850                                        <div class="text-gray-700">
33851                        <p>Einer der zukunftträchtigsten <b>Bio-­Kunststoffe</b> ist das sogenannte <b>PLA/C-PLA</b>, das auf <b>Maisstärke-Basis</b> hergestellt wird und eine umweltfreundliche und formschöne Alternative zu herkömmlichem Plastik darstellt.</p>                    </div>
33852                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
33853                        
33854<a class="btn-sb&#x20;btn-primary&#x20;"
33855   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
33856   role="button"
33857   href="https://www.papstar-shop.de/produkte/einweggeschirr/pla-geschirr.htm"
33858   target="">
33859    
33860    <span>Zum Einweggeschirr aus PLA</span>
33861
33862            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
33863    <title>Arrow Right</title>
33864  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
33865</svg>
33866    </a>
33867                    </div>
33868                </div>
33869            </div>
33870        </div>
33871    </div>
33872
33873    <div id="tabpanel-storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f"
33874         :role="isMobile ? 'region' : 'tabpanel'"
33875         aria-labelledby="panel-storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f"
33876         :class="{'active': activeTab === 'storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f'}"
33877         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f'">
33878                <div class="col-span-12 flex flex-wrap">
33879            <div
33880                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
33881                >
33882                <div class="featured-image flex justify-center">
33883                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
33884                         src="https://a.storyblok.com/f/174288/600x350/8cf98f6fc5/bambus-besteck.png"
33885                         alt="Bambus&#x20;Besteck"
33886                    >
33887                </div>
33888                            </div>
33889            <div
33890                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
33891                <div class="content w-full">
33892                                            <h2 class="text-gray-700 text-2xl">
33893                            Einweggeschirr aus Bambus                        </h2>
33894                                        <div class="text-gray-700">
33895                        <p>
33895Bambus gehört zu den <b>Gräsern</b> und ist ein Rohstoff, der extrem <b>schnell nachwächst</b> und somit sehr umweltfreundlich ist. Er überzeugt durch seine <b>robuste</b> und gleichzeitig <b>leichte</b> Beschaffenheit, sowie die besondere Oberflächenstruktur, die Bambus Artikeln einen individuellen Look verleihen.</p>                    </div>
33896                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
33897                        
33898<a class="btn-sb&#x20;btn-primary&#x20;"
33899   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
33900   role="button"
33901   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-bambus.htm"
33902   target="">
33903    
33904    <span>Zum Einwegeschirr aus Bambus</span>
33905
33906            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
33907    <title>Arrow Right</title>
33908  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
33909</svg>
33910    </a>
33911                    </div>
33912                </div>
33913            </div>
33914        </div>
33915    </div>
33916
33917    <div id="tabpanel-storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c"
33918         :role="isMobile ? 'region' : 'tabpanel'"
33919         aria-labelledby="panel-storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c"
33920         :class="{'active': activeTab === 'storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c'}"
33921         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c'">
33922                <div class="col-span-12 flex flex-wrap">
33923            <div
33924                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
33925                >
33926                <div class="featured-image flex justify-center">
33927                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
33928                         src="https://a.storyblok.com/f/174288/600x350/af6df5edeb/agrarreste-teller.png"
33929                         alt="Agrarreste&#x20;Teller"
33930                    >
33931                </div>
33932                            </div>
33933            <div
33934                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
33935                <div class="content w-full">
33936                                            <h2 class="text-gray-700 text-2xl">
33937                            Einweggeschirr aus Agrarresten                        </h2>
33938                                        <div class="text-gray-700">
33939                        <p>Teller und Schalen aus Agrarresten bestehen aus <b>Pflanzenresten</b>, welche aus der landwirtschaftlichen Produktion gewonnen werden. Diese werden in der Sonne getrocknet, gemahlen und dann als <b>selbstbindende Fasern</b> zu einer Masse verarbeitet, die ähnlich wie Bagasse in Formen gespritzt und getrocknet wird. Sämtliche Produkte sind lebensmittelecht, <b>biologisch abbaubar</b> und kompostierbar.</p>                    </div>
33940                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
33941                        
33942<a class="btn-sb&#x20;btn-primary&#x20;"
33943   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
33944   role="button"
33945   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-aus-agrarresten.htm"
33946   target="">
33947    
33948    <span>Zum Agrarreste-Sortiment</span>
33949
33950            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
33951    <title>Arrow Right</title>
33952  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
33953</svg>
33954    </a>
33955                    </div>
33956                </div>
33957            </div>
33958        </div>
33959    </div>
33960                </div>
33961                            <h4>
33962                    <button
33963                        :aria-expanded="activeTab === 'storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202' && open"
33964                        aria-controls="tabpanel-storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202"
33965                        @click="setActiveTab('storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202')"
33966                        id="panel-storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202"
33967                        class="cursor-pointer font-bold p-3 mt-1 mb-0 hover:text-white text-base rounded-lg flex
33968                        justify-between items-center w-full "
33969                        :class="{'bg-secondary hover:bg-secondary text-white':
33970                            (open && activeTab === 'storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202') || activeTab === 'storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202',
33971                            'bg-container-lighter text-main hover:bg-gray-400':
33972                            (!open && activeTab !== 'storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202') || activeTab !== 'storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202',
33973                          }">
33974                        <span>❯ aus Pappe</span>
33975
33976                        <div
33977                            x-show="(activeTab === 'storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202' && open) || activeTab === 'storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202'">
33978                            <?xml version="1.0" encoding="utf-8"?>
33979<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
33980<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" width="8" height="8" aria-hidden="true">
33981        <title>Minus</title>
33982    <g>
33983	<g>
33984		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
33985	</g>
33986</g>
33987</svg>
33988                        </div>
33989                        <div
33990                            x-show="(activeTab !== 'storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202' && !open) || activeTab !== 'storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202'">
33991                            <?xml version="1.0" encoding="utf-8"?>
33992<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
33993<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" width="8" height="8" aria-hidden="true">
33994        <title>Plus Sign</title>
33995    <g>
33996	<g>
33997		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
33998	</g>
33999	<g>
34000		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
34001	</g>
34002</g>
34003</svg>
34004                        </div>
34005                    </button>
34006                </h4>
34007                <div x-show="(activeTab === 'storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202' && open) || activeTab === 'storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202'">
34008                    
34009    <div id="tabpanel-storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2"
34010         :role="isMobile ? 'region' : 'tabpanel'"
34011         aria-labelledby="panel-storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2"
34012         :class="{'active': activeTab === 'storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2'}"
34013         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2'">
34014                <div class="col-span-12 flex flex-wrap">
34015            <div
34016                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
34017                >
34018                <div class="featured-image flex justify-center">
34019                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
34020                         src="https://a.storyblok.com/f/174288/600x350/3b014bdc8f/einweggeschirr-von-papstar-uber-4-000-produkte.jpg"
34021                         alt="Einweggeschirr&#x20;von&#x20;PAPSTAR&#x20;-&#x20;&#xFC;ber&#x20;4.000&#x20;Produkte"
34022                    >
34023                </div>
34024                            </div>
34025            <div
34026                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
34027                <div class="content w-full">
34028                                            <h2 class="text-gray-700 text-2xl">
34029                            Einweggeschirr von PAPSTAR                        </h2>
34030                                        <div class="text-gray-700">
34031                        <p>Einweggeschirr ist eine <b>praktische</b> und <b>preiswerte</b> Alternative, wenn viele Gäste professionell bewirtet werden sollen. Zudem erlaubt es ein Höchstmaß an Flexibilität, da es farblich und thematisch auf verschiedene Anlässe abgestimmt werden kann. Ob aus<b> (Bio-)Kunststoff</b>, <b>Holz</b>, <b>Palmblatt</b>, <b>Maisstärke</b> oder <b>Zuckerrohr</b> – bei PAPSTAR finden Sie immer die passende Einweg-Lösung.</p>                    </div>
34032                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
34033                        
34034<a class="btn-sb&#x20;btn-primary&#x20;"
34035   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
34036   role="button"
34037   href="https://www.papstar-shop.de/produkte/einweggeschirr.htm"
34038   target="">
34039    
34040    <span>Zum Einweggeschirr-Sortiment</span>
34041
34042            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
34043    <title>Arrow Right</title>
34044  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
34045</svg>
34046    </a>
34047                    </div>
34048                </div>
34049            </div>
34050        </div>
34051    </div>
34052
34053    <div id="tabpanel-storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202"
34054         :role="isMobile ? 'region' : 'tabpanel'"
34055         aria-labelledby="panel-storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202"
34056         :class="{'active': activeTab === 'storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202'}"
34057         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202'">
34058                <div class="col-span-12 flex flex-wrap">
34059            <div
34060                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
34061                >
34062                <div class="featured-image flex justify-center">
34063                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
34064                         src="https://a.storyblok.com/f/174288/600x350/e3c436eacb/pappe-kaffeebecher.png"
34065                         alt="Pappe&#x20;Kaffeebecher"
34066                    >
34067                </div>
34068                            </div>
34069            <div
34070                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
34071                <div class="content w-full">
34072                                            <h2 class="text-gray-700 text-2xl">
34073                            Einweggeschirr aus Pappe                        </h2>
34074                                        <div class="text-gray-700">
34075                        <p>Umweltfreundliche Pappteller &amp; Pappschalen aus <b>Frischfaser</b> stellen eine perfekte Methode dar, um Speisen aller Art zu servieren. Imbiss- und Grillgerichte, Pommes, Kuchen, Salate und andere Speisen lassen sich auch im Außer-Haus-Verkauf damit praktisch in die Hände der Kunden übergeben.</p>                    </div>
34076                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
34077                        
34078<a class="btn-sb&#x20;btn-primary&#x20;"
34079   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
34080   role="button"
34081   href="https://www.papstar-shop.de/produkte/einweggeschirr/pappgeschirr.htm"
34082   target="">
34083    
34084    <span>Zum Pappgeschirr</span>
34085
34086            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
34087    <title>Arrow Right</title>
34088  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
34089</svg>
34090    </a>
34091                    </div>
34092                </div>
34093            </div>
34094        </div>
34095    </div>
34096
34097    <div id="tabpanel-storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26"
34098         :role="isMobile ? 'region' : 'tabpanel'"
34099         aria-labelledby="panel-storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26"
34100         :class="{'active': activeTab === 'storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26'}"
34101         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26'">
34102                <div class="col-span-12 flex flex-wrap">
34103            <div
34104                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
34105                >
34106                <div class="featured-image flex justify-center">
34107                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
34108                         src="https://a.storyblok.com/f/174288/600x350/4672f64c03/palmblatt-schale.png"
34109                         alt="Palmblatt&#x20;Schale"
34110                    >
34111                </div>
34112                            </div>
34113            <div
34114                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
34115                <div class="content w-full">
34116                                            <h2 class="text-gray-700 text-2xl">
34117                            Einweggeschirr aus Palmblatt                        </h2>
34118                                        <div class="text-gray-700">
34119                        <p>Einweggeschirr aus Palmblatt besteht aus den <b>abgefallenen Blättern</b> der indischen <b>Areca-Nusspalme</b>
34119. Es ist in verschiedenen Größen erhältlich und perfekt geeignet für Catering- und Veranstaltungszwecke. Die <b>individuelle Oberflächenmaserung</b> macht jedes Palmblattprodukt zu einem Unikat.</p>                    </div>
34120                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
34121                        
34122<a class="btn-sb&#x20;btn-primary&#x20;"
34123   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
34124   role="button"
34125   href="https://www.papstar-shop.de/produkte/einweggeschirr/palmblattgeschirr.htm"
34126   target="">
34127    
34128    <span>Zum Palmblattgeschirr</span>
34129
34130            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
34131    <title>Arrow Right</title>
34132  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
34133</svg>
34134    </a>
34135                    </div>
34136                </div>
34137            </div>
34138        </div>
34139    </div>
34140
34141    <div id="tabpanel-storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec"
34142         :role="isMobile ? 'region' : 'tabpanel'"
34143         aria-labelledby="panel-storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec"
34144         :class="{'active': activeTab === 'storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec'}"
34145         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec'">
34146                <div class="col-span-12 flex flex-wrap">
34147            <div
34148                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
34149                >
34150                <div class="featured-image flex justify-center">
34151                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
34152                         src="https://a.storyblok.com/f/174288/600x350/8f55d71d1f/holz-schale.png"
34153                         alt="Holz&#x20;Schiffchen"
34154                    >
34155                </div>
34156                            </div>
34157            <div
34158                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
34159                <div class="content w-full">
34160                                            <h2 class="text-gray-700 text-2xl">
34161                            Einweggeschirr aus Holz                        </h2>
34162                                        <div class="text-gray-700">
34163                        <p>Dekoratives Holz-Geschirr und -Besteck ist Natur pur zum Anfassen. Holz stellt als <b>nachwachsender Rohstoff</b> ein perfektes Material für nachhaltiges Einweggeschirr dar. Besonders unsere <b>lebensmittelechten Schälchen</b> aus natürlichem Kiefernholz sind ideal für die Präsentation von Fingerfood-Spezialitäten und exklusives Catering.</p>                    </div>
34164                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
34165                        
34166<a class="btn-sb&#x20;btn-primary&#x20;"
34167   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
34168   role="button"
34169   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-aus-holz.htm"
34170   target="">
34171    
34172    <span>Zum Einweggeschirr aus Holz</span>
34173
34174            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
34175    <title>Arrow Right</title>
34176  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
34177</svg>
34178    </a>
34179                    </div>
34180                </div>
34181            </div>
34182        </div>
34183    </div>
34184
34185    <div id="tabpanel-storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd"
34186         :role="isMobile ? 'region' : 'tabpanel'"
34187         aria-labelledby="panel-storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd"
34188         :class="{'active': activeTab === 'storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd'}"
34189         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd'">
34190                <div class="col-span-12 flex flex-wrap">
34191            <div
34192                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
34193                >
34194                <div class="featured-image flex justify-center">
34195                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
34196                         src="https://a.storyblok.com/f/174288/600x350/e199a55822/zuckerrohr-teller.png"
34197                         alt="Zuckerrohr&#x20;Teller"
34198                    >
34199                </div>
34200                            </div>
34201            <div
34202                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
34203                <div class="content w-full">
34204                                            <h2 class="text-gray-700 text-2xl">
34205                            Einweggeschirr aus Zuckerrohr                        </h2>
34206                                        <div class="text-gray-700">
34207                        <p>
34207Zuckerrohr-Teller, -Schalen und -Becher bestehen aus<b> Bagasse</b>, einem <b>Nebenprodukt der Zuckerrohrwirtschaft</b>. Die Produkte sind <b>stabil</b>, <b>biologisch abbaubar</b> und besonders für Speisen geeignet, die viel Wasser enthalten.</p>                    </div>
34208                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
34209                        
34210<a class="btn-sb&#x20;btn-primary&#x20;"
34211   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
34212   role="button"
34213   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-aus-zuckerrohr.htm"
34214   target="">
34215    
34216    <span>Zum Einweggeschirr aus Zuckerrohr</span>
34217
34218            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
34219    <title>Arrow Right</title>
34220  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
34221</svg>
34222    </a>
34223                    </div>
34224                </div>
34225            </div>
34226        </div>
34227    </div>
34228
34229    <div id="tabpanel-storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff"
34230         :role="isMobile ? 'region' : 'tabpanel'"
34231         aria-labelledby="panel-storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff"
34232         :class="{'active': activeTab === 'storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff'}"
34233         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff'">
34234                <div class="col-span-12 flex flex-wrap">
34235            <div
34236                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
34237                >
34238                <div class="featured-image flex justify-center">
34239                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
34240                         src="https://a.storyblok.com/f/174288/600x350/85818ad3d0/pla-cocktail.png"
34241                         alt="PLA&#x20;Cocktail"
34242                    >
34243                </div>
34244                            </div>
34245            <div
34246                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
34247                <div class="content w-full">
34248                                            <h2 class="text-gray-700 text-2xl">
34249                            Einweggeschirr aus Maisstärke (PLA)                        </h2>
34250                                        <div class="text-gray-700">
34251                        <p>Einer der zukunftträchtigsten <b>Bio-­Kunststoffe</b> ist das sogenannte <b>PLA/C-PLA</b>, das auf <b>Maisstärke-Basis</b> hergestellt wird und eine umweltfreundliche und formschöne Alternative zu herkömmlichem Plastik darstellt.</p>                    </div>
34252                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
34253                        
34254<a class="btn-sb&#x20;btn-primary&#x20;"
34255   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
34256   role="button"
34257   href="https://www.papstar-shop.de/produkte/einweggeschirr/pla-geschirr.htm"
34258   target="">
34259    
34260    <span>Zum Einweggeschirr aus PLA</span>
34261
34262            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
34263    <title>Arrow Right</title>
34264  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
34265</svg>
34266    </a>
34267                    </div>
34268                </div>
34269            </div>
34270        </div>
34271    </div>
34272
34273    <div id="tabpanel-storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f"
34274         :role="isMobile ? 'region' : 'tabpanel'"
34275         aria-labelledby="panel-storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f"
34276         :class="{'active': activeTab === 'storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f'}"
34277         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f'">
34278                <div class="col-span-12 flex flex-wrap">
34279            <div
34280                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
34281                >
34282                <div class="featured-image flex justify-center">
34283                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
34284                         src="https://a.storyblok.com/f/174288/600x350/8cf98f6fc5/bambus-besteck.png"
34285                         alt="Bambus&#x20;Besteck"
34286                    >
34287                </div>
34288                            </div>
34289            <div
34290                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
34291                <div class="content w-full">
34292                                            <h2 class="text-gray-700 text-2xl">
34293                            Einweggeschirr aus Bambus                        </h2>
34294                                        <div class="text-gray-700">
34295                        <p>
34295Bambus gehört zu den <b>Gräsern</b> und ist ein Rohstoff, der extrem <b>schnell nachwächst</b> und somit sehr umweltfreundlich ist. Er überzeugt durch seine <b>robuste</b> und gleichzeitig <b>leichte</b> Beschaffenheit, sowie die besondere Oberflächenstruktur, die Bambus Artikeln einen individuellen Look verleihen.</p>                    </div>
34296                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
34297                        
34298<a class="btn-sb&#x20;btn-primary&#x20;"
34299   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
34300   role="button"
34301   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-bambus.htm"
34302   target="">
34303    
34304    <span>Zum Einwegeschirr aus Bambus</span>
34305
34306            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
34307    <title>Arrow Right</title>
34308  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
34309</svg>
34310    </a>
34311                    </div>
34312                </div>
34313            </div>
34314        </div>
34315    </div>
34316
34317    <div id="tabpanel-storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c"
34318         :role="isMobile ? 'region' : 'tabpanel'"
34319         aria-labelledby="panel-storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c"
34320         :class="{'active': activeTab === 'storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c'}"
34321         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c'">
34322                <div class="col-span-12 flex flex-wrap">
34323            <div
34324                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
34325                >
34326                <div class="featured-image flex justify-center">
34327                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
34328                         src="https://a.storyblok.com/f/174288/600x350/af6df5edeb/agrarreste-teller.png"
34329                         alt="Agrarreste&#x20;Teller"
34330                    >
34331                </div>
34332                            </div>
34333            <div
34334                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
34335                <div class="content w-full">
34336                                            <h2 class="text-gray-700 text-2xl">
34337                            Einweggeschirr aus Agrarresten                        </h2>
34338                                        <div class="text-gray-700">
34339                        <p>Teller und Schalen aus Agrarresten bestehen aus <b>Pflanzenresten</b>, welche aus der landwirtschaftlichen Produktion gewonnen werden. Diese werden in der Sonne getrocknet, gemahlen und dann als <b>selbstbindende Fasern</b> zu einer Masse verarbeitet, die ähnlich wie Bagasse in Formen gespritzt und getrocknet wird. Sämtliche Produkte sind lebensmittelecht, <b>biologisch abbaubar</b> und kompostierbar.</p>                    </div>
34340                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
34341                        
34342<a class="btn-sb&#x20;btn-primary&#x20;"
34343   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
34344   role="button"
34345   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-aus-agrarresten.htm"
34346   target="">
34347    
34348    <span>Zum Agrarreste-Sortiment</span>
34349
34350            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
34351    <title>Arrow Right</title>
34352  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
34353</svg>
34354    </a>
34355                    </div>
34356                </div>
34357            </div>
34358        </div>
34359    </div>
34360                </div>
34361                            <h4>
34362                    <button
34363                        :aria-expanded="activeTab === 'storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26' && open"
34364                        aria-controls="tabpanel-storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26"
34365                        @click="setActiveTab('storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26')"
34366                        id="panel-storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26"
34367                        class="cursor-pointer font-bold p-3 mt-1 mb-0 hover:text-white text-base rounded-lg flex
34368                        justify-between items-center w-full "
34369                        :class="{'bg-secondary hover:bg-secondary text-white':
34370                            (open && activeTab === 'storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26') || activeTab === 'storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26',
34371                            'bg-container-lighter text-main hover:bg-gray-400':
34372                            (!open && activeTab !== 'storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26') || activeTab !== 'storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26',
34373                          }">
34374                        <span>❯ aus Palmblatt</span>
34375
34376                        <div
34377                            x-show="(activeTab === 'storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26' && open) || activeTab === 'storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26'">
34378                            <?xml version="1.0" encoding="utf-8"?>
34379<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
34380<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" width="8" height="8" aria-hidden="true">
34381        <title>Minus</title>
34382    <g>
34383	<g>
34384		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
34385	</g>
34386</g>
34387</svg>
34388                        </div>
34389                        <div
34390                            x-show="(activeTab !== 'storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26' && !open) || activeTab !== 'storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26'">
34391                            <?xml version="1.0" encoding="utf-8"?>
34392<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
34393<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" width="8" height="8" aria-hidden="true">
34394        <title>Plus Sign</title>
34395    <g>
34396	<g>
34397		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
34398	</g>
34399	<g>
34400		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
34401	</g>
34402</g>
34403</svg>
34404                        </div>
34405                    </button>
34406                </h4>
34407                <div x-show="(activeTab === 'storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26' && open) || activeTab === 'storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26'">
34408                    
34409    <div id="tabpanel-storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2"
34410         :role="isMobile ? 'region' : 'tabpanel'"
34411         aria-labelledby="panel-storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2"
34412         :class="{'active': activeTab === 'storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2'}"
34413         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2'">
34414                <div class="col-span-12 flex flex-wrap">
34415            <div
34416                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
34417                >
34418                <div class="featured-image flex justify-center">
34419                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
34420                         src="https://a.storyblok.com/f/174288/600x350/3b014bdc8f/einweggeschirr-von-papstar-uber-4-000-produkte.jpg"
34421                         alt="Einweggeschirr&#x20;von&#x20;PAPSTAR&#x20;-&#x20;&#xFC;ber&#x20;4.000&#x20;Produkte"
34422                    >
34423                </div>
34424                            </div>
34425            <div
34426                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
34427                <div class="content w-full">
34428                                            <h2 class="text-gray-700 text-2xl">
34429                            Einweggeschirr von PAPSTAR                        </h2>
34430                                        <div class="text-gray-700">
34431                        <p>Einweggeschirr ist eine <b>praktische</b> und <b>preiswerte</b> Alternative, wenn viele Gäste professionell bewirtet werden sollen. Zudem erlaubt es ein Höchstmaß an Flexibilität, da es farblich und thematisch auf verschiedene Anlässe abgestimmt werden kann. Ob aus<b> (Bio-)Kunststoff</b>, <b>Holz</b>, <b>Palmblatt</b>, <b>Maisstärke</b> oder <b>Zuckerrohr</b> – bei PAPSTAR finden Sie immer die passende Einweg-Lösung.</p>                    </div>
34432                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
34433                        
34434<a class="btn-sb&#x20;btn-primary&#x20;"
34435   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
34436   role="button"
34437   href="https://www.papstar-shop.de/produkte/einweggeschirr.htm"
34438   target="">
34439    
34440    <span>Zum Einweggeschirr-Sortiment</span>
34441
34442            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
34443    <title>Arrow Right</title>
34444  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
34445</svg>
34446    </a>
34447                    </div>
34448                </div>
34449            </div>
34450        </div>
34451    </div>
34452
34453    <div id="tabpanel-storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202"
34454         :role="isMobile ? 'region' : 'tabpanel'"
34455         aria-labelledby="panel-storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202"
34456         :class="{'active': activeTab === 'storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202'}"
34457         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202'">
34458                <div class="col-span-12 flex flex-wrap">
34459            <div
34460                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
34461                >
34462                <div class="featured-image flex justify-center">
34463                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
34464                         src="https://a.storyblok.com/f/174288/600x350/e3c436eacb/pappe-kaffeebecher.png"
34465                         alt="Pappe&#x20;Kaffeebecher"
34466                    >
34467                </div>
34468                            </div>
34469            <div
34470                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
34471                <div class="content w-full">
34472                                            <h2 class="text-gray-700 text-2xl">
34473                            Einweggeschirr aus Pappe                        </h2>
34474                                        <div class="text-gray-700">
34475                        <p>Umweltfreundliche Pappteller &amp; Pappschalen aus <b>Frischfaser</b> stellen eine perfekte Methode dar, um Speisen aller Art zu servieren. Imbiss- und Grillgerichte, Pommes, Kuchen, Salate und andere Speisen lassen sich auch im Außer-Haus-Verkauf damit praktisch in die Hände der Kunden übergeben.</p>                    </div>
34476                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
34477                        
34478<a class="btn-sb&#x20;btn-primary&#x20;"
34479   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
34480   role="button"
34481   href="https://www.papstar-shop.de/produkte/einweggeschirr/pappgeschirr.htm"
34482   target="">
34483    
34484    <span>Zum Pappgeschirr</span>
34485
34486            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
34487    <title>Arrow Right</title>
34488  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
34489</svg>
34490    </a>
34491                    </div>
34492                </div>
34493            </div>
34494        </div>
34495    </div>
34496
34497    <div id="tabpanel-storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26"
34498         :role="isMobile ? 'region' : 'tabpanel'"
34499         aria-labelledby="panel-storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26"
34500         :class="{'active': activeTab === 'storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26'}"
34501         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26'">
34502                <div class="col-span-12 flex flex-wrap">
34503            <div
34504                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
34505                >
34506                <div class="featured-image flex justify-center">
34507                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
34508                         src="https://a.storyblok.com/f/174288/600x350/4672f64c03/palmblatt-schale.png"
34509                         alt="Palmblatt&#x20;Schale"
34510                    >
34511                </div>
34512                            </div>
34513            <div
34514                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
34515                <div class="content w-full">
34516                                            <h2 class="text-gray-700 text-2xl">
34517                            Einweggeschirr aus Palmblatt                        </h2>
34518                                        <div class="text-gray-700">
34519                        <p>Einweggeschirr aus Palmblatt besteht aus den <b>abgefallenen Blättern</b> der indischen <b>Areca-Nusspalme</b>
34519. Es ist in verschiedenen Größen erhältlich und perfekt geeignet für Catering- und Veranstaltungszwecke. Die <b>individuelle Oberflächenmaserung</b> macht jedes Palmblattprodukt zu einem Unikat.</p>                    </div>
34520                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
34521                        
34522<a class="btn-sb&#x20;btn-primary&#x20;"
34523   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
34524   role="button"
34525   href="https://www.papstar-shop.de/produkte/einweggeschirr/palmblattgeschirr.htm"
34526   target="">
34527    
34528    <span>Zum Palmblattgeschirr</span>
34529
34530            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
34531    <title>Arrow Right</title>
34532  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
34533</svg>
34534    </a>
34535                    </div>
34536                </div>
34537            </div>
34538        </div>
34539    </div>
34540
34541    <div id="tabpanel-storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec"
34542         :role="isMobile ? 'region' : 'tabpanel'"
34543         aria-labelledby="panel-storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec"
34544         :class="{'active': activeTab === 'storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec'}"
34545         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec'">
34546                <div class="col-span-12 flex flex-wrap">
34547            <div
34548                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
34549                >
34550                <div class="featured-image flex justify-center">
34551                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
34552                         src="https://a.storyblok.com/f/174288/600x350/8f55d71d1f/holz-schale.png"
34553                         alt="Holz&#x20;Schiffchen"
34554                    >
34555                </div>
34556                            </div>
34557            <div
34558                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
34559                <div class="content w-full">
34560                                            <h2 class="text-gray-700 text-2xl">
34561                            Einweggeschirr aus Holz                        </h2>
34562                                        <div class="text-gray-700">
34563                        <p>Dekoratives Holz-Geschirr und -Besteck ist Natur pur zum Anfassen. Holz stellt als <b>nachwachsender Rohstoff</b> ein perfektes Material für nachhaltiges Einweggeschirr dar. Besonders unsere <b>lebensmittelechten Schälchen</b> aus natürlichem Kiefernholz sind ideal für die Präsentation von Fingerfood-Spezialitäten und exklusives Catering.</p>                    </div>
34564                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
34565                        
34566<a class="btn-sb&#x20;btn-primary&#x20;"
34567   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
34568   role="button"
34569   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-aus-holz.htm"
34570   target="">
34571    
34572    <span>Zum Einweggeschirr aus Holz</span>
34573
34574            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
34575    <title>Arrow Right</title>
34576  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
34577</svg>
34578    </a>
34579                    </div>
34580                </div>
34581            </div>
34582        </div>
34583    </div>
34584
34585    <div id="tabpanel-storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd"
34586         :role="isMobile ? 'region' : 'tabpanel'"
34587         aria-labelledby="panel-storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd"
34588         :class="{'active': activeTab === 'storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd'}"
34589         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd'">
34590                <div class="col-span-12 flex flex-wrap">
34591            <div
34592                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
34593                >
34594                <div class="featured-image flex justify-center">
34595                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
34596                         src="https://a.storyblok.com/f/174288/600x350/e199a55822/zuckerrohr-teller.png"
34597                         alt="Zuckerrohr&#x20;Teller"
34598                    >
34599                </div>
34600                            </div>
34601            <div
34602                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
34603                <div class="content w-full">
34604                                            <h2 class="text-gray-700 text-2xl">
34605                            Einweggeschirr aus Zuckerrohr                        </h2>
34606                                        <div class="text-gray-700">
34607                        <p>
34607Zuckerrohr-Teller, -Schalen und -Becher bestehen aus<b> Bagasse</b>, einem <b>Nebenprodukt der Zuckerrohrwirtschaft</b>. Die Produkte sind <b>stabil</b>, <b>biologisch abbaubar</b> und besonders für Speisen geeignet, die viel Wasser enthalten.</p>                    </div>
34608                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
34609                        
34610<a class="btn-sb&#x20;btn-primary&#x20;"
34611   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
34612   role="button"
34613   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-aus-zuckerrohr.htm"
34614   target="">
34615    
34616    <span>Zum Einweggeschirr aus Zuckerrohr</span>
34617
34618            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
34619    <title>Arrow Right</title>
34620  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
34621</svg>
34622    </a>
34623                    </div>
34624                </div>
34625            </div>
34626        </div>
34627    </div>
34628
34629    <div id="tabpanel-storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff"
34630         :role="isMobile ? 'region' : 'tabpanel'"
34631         aria-labelledby="panel-storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff"
34632         :class="{'active': activeTab === 'storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff'}"
34633         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff'">
34634                <div class="col-span-12 flex flex-wrap">
34635            <div
34636                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
34637                >
34638                <div class="featured-image flex justify-center">
34639                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
34640                         src="https://a.storyblok.com/f/174288/600x350/85818ad3d0/pla-cocktail.png"
34641                         alt="PLA&#x20;Cocktail"
34642                    >
34643                </div>
34644                            </div>
34645            <div
34646                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
34647                <div class="content w-full">
34648                                            <h2 class="text-gray-700 text-2xl">
34649                            Einweggeschirr aus Maisstärke (PLA)                        </h2>
34650                                        <div class="text-gray-700">
34651                        <p>Einer der zukunftträchtigsten <b>Bio-­Kunststoffe</b> ist das sogenannte <b>PLA/C-PLA</b>, das auf <b>Maisstärke-Basis</b> hergestellt wird und eine umweltfreundliche und formschöne Alternative zu herkömmlichem Plastik darstellt.</p>                    </div>
34652                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
34653                        
34654<a class="btn-sb&#x20;btn-primary&#x20;"
34655   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
34656   role="button"
34657   href="https://www.papstar-shop.de/produkte/einweggeschirr/pla-geschirr.htm"
34658   target="">
34659    
34660    <span>Zum Einweggeschirr aus PLA</span>
34661
34662            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
34663    <title>Arrow Right</title>
34664  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
34665</svg>
34666    </a>
34667                    </div>
34668                </div>
34669            </div>
34670        </div>
34671    </div>
34672
34673    <div id="tabpanel-storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f"
34674         :role="isMobile ? 'region' : 'tabpanel'"
34675         aria-labelledby="panel-storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f"
34676         :class="{'active': activeTab === 'storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f'}"
34677         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f'">
34678                <div class="col-span-12 flex flex-wrap">
34679            <div
34680                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
34681                >
34682                <div class="featured-image flex justify-center">
34683                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
34684                         src="https://a.storyblok.com/f/174288/600x350/8cf98f6fc5/bambus-besteck.png"
34685                         alt="Bambus&#x20;Besteck"
34686                    >
34687                </div>
34688                            </div>
34689            <div
34690                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
34691                <div class="content w-full">
34692                                            <h2 class="text-gray-700 text-2xl">
34693                            Einweggeschirr aus Bambus                        </h2>
34694                                        <div class="text-gray-700">
34695                        <p>
34695Bambus gehört zu den <b>Gräsern</b> und ist ein Rohstoff, der extrem <b>schnell nachwächst</b> und somit sehr umweltfreundlich ist. Er überzeugt durch seine <b>robuste</b> und gleichzeitig <b>leichte</b> Beschaffenheit, sowie die besondere Oberflächenstruktur, die Bambus Artikeln einen individuellen Look verleihen.</p>                    </div>
34696                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
34697                        
34698<a class="btn-sb&#x20;btn-primary&#x20;"
34699   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
34700   role="button"
34701   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-bambus.htm"
34702   target="">
34703    
34704    <span>Zum Einwegeschirr aus Bambus</span>
34705
34706            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
34707    <title>Arrow Right</title>
34708  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
34709</svg>
34710    </a>
34711                    </div>
34712                </div>
34713            </div>
34714        </div>
34715    </div>
34716
34717    <div id="tabpanel-storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c"
34718         :role="isMobile ? 'region' : 'tabpanel'"
34719         aria-labelledby="panel-storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c"
34720         :class="{'active': activeTab === 'storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c'}"
34721         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c'">
34722                <div class="col-span-12 flex flex-wrap">
34723            <div
34724                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
34725                >
34726                <div class="featured-image flex justify-center">
34727                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
34728                         src="https://a.storyblok.com/f/174288/600x350/af6df5edeb/agrarreste-teller.png"
34729                         alt="Agrarreste&#x20;Teller"
34730                    >
34731                </div>
34732                            </div>
34733            <div
34734                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
34735                <div class="content w-full">
34736                                            <h2 class="text-gray-700 text-2xl">
34737                            Einweggeschirr aus Agrarresten                        </h2>
34738                                        <div class="text-gray-700">
34739                        <p>Teller und Schalen aus Agrarresten bestehen aus <b>Pflanzenresten</b>, welche aus der landwirtschaftlichen Produktion gewonnen werden. Diese werden in der Sonne getrocknet, gemahlen und dann als <b>selbstbindende Fasern</b> zu einer Masse verarbeitet, die ähnlich wie Bagasse in Formen gespritzt und getrocknet wird. Sämtliche Produkte sind lebensmittelecht, <b>biologisch abbaubar</b> und kompostierbar.</p>                    </div>
34740                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
34741                        
34742<a class="btn-sb&#x20;btn-primary&#x20;"
34743   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
34744   role="button"
34745   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-aus-agrarresten.htm"
34746   target="">
34747    
34748    <span>Zum Agrarreste-Sortiment</span>
34749
34750            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
34751    <title>Arrow Right</title>
34752  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
34753</svg>
34754    </a>
34755                    </div>
34756                </div>
34757            </div>
34758        </div>
34759    </div>
34760                </div>
34761                            <h4>
34762                    <button
34763                        :aria-expanded="activeTab === 'storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec' && open"
34764                        aria-controls="tabpanel-storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec"
34765                        @click="setActiveTab('storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec')"
34766                        id="panel-storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec"
34767                        class="cursor-pointer font-bold p-3 mt-1 mb-0 hover:text-white text-base rounded-lg flex
34768                        justify-between items-center w-full "
34769                        :class="{'bg-secondary hover:bg-secondary text-white':
34770                            (open && activeTab === 'storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec') || activeTab === 'storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec',
34771                            'bg-container-lighter text-main hover:bg-gray-400':
34772                            (!open && activeTab !== 'storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec') || activeTab !== 'storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec',
34773                          }">
34774                        <span>❯ aus Holz</span>
34775
34776                        <div
34777                            x-show="(activeTab === 'storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec' && open) || activeTab === 'storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec'">
34778                            <?xml version="1.0" encoding="utf-8"?>
34779<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
34780<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" width="8" height="8" aria-hidden="true">
34781        <title>Minus</title>
34782    <g>
34783	<g>
34784		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
34785	</g>
34786</g>
34787</svg>
34788                        </div>
34789                        <div
34790                            x-show="(activeTab !== 'storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec' && !open) || activeTab !== 'storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec'">
34791                            <?xml version="1.0" encoding="utf-8"?>
34792<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
34793<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" width="8" height="8" aria-hidden="true">
34794        <title>Plus Sign</title>
34795    <g>
34796	<g>
34797		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
34798	</g>
34799	<g>
34800		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
34801	</g>
34802</g>
34803</svg>
34804                        </div>
34805                    </button>
34806                </h4>
34807                <div x-show="(activeTab === 'storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec' && open) || activeTab === 'storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec'">
34808                    
34809    <div id="tabpanel-storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2"
34810         :role="isMobile ? 'region' : 'tabpanel'"
34811         aria-labelledby="panel-storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2"
34812         :class="{'active': activeTab === 'storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2'}"
34813         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2'">
34814                <div class="col-span-12 flex flex-wrap">
34815            <div
34816                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
34817                >
34818                <div class="featured-image flex justify-center">
34819                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
34820                         src="https://a.storyblok.com/f/174288/600x350/3b014bdc8f/einweggeschirr-von-papstar-uber-4-000-produkte.jpg"
34821                         alt="Einweggeschirr&#x20;von&#x20;PAPSTAR&#x20;-&#x20;&#xFC;ber&#x20;4.000&#x20;Produkte"
34822                    >
34823                </div>
34824                            </div>
34825            <div
34826                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
34827                <div class="content w-full">
34828                                            <h2 class="text-gray-700 text-2xl">
34829                            Einweggeschirr von PAPSTAR                        </h2>
34830                                        <div class="text-gray-700">
34831                        <p>Einweggeschirr ist eine <b>praktische</b> und <b>preiswerte</b> Alternative, wenn viele Gäste professionell bewirtet werden sollen. Zudem erlaubt es ein Höchstmaß an Flexibilität, da es farblich und thematisch auf verschiedene Anlässe abgestimmt werden kann. Ob aus<b> (Bio-)Kunststoff</b>, <b>Holz</b>, <b>Palmblatt</b>, <b>Maisstärke</b> oder <b>Zuckerrohr</b> – bei PAPSTAR finden Sie immer die passende Einweg-Lösung.</p>                    </div>
34832                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
34833                        
34834<a class="btn-sb&#x20;btn-primary&#x20;"
34835   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
34836   role="button"
34837   href="https://www.papstar-shop.de/produkte/einweggeschirr.htm"
34838   target="">
34839    
34840    <span>Zum Einweggeschirr-Sortiment</span>
34841
34842            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
34843    <title>Arrow Right</title>
34844  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
34845</svg>
34846    </a>
34847                    </div>
34848                </div>
34849            </div>
34850        </div>
34851    </div>
34852
34853    <div id="tabpanel-storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202"
34854         :role="isMobile ? 'region' : 'tabpanel'"
34855         aria-labelledby="panel-storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202"
34856         :class="{'active': activeTab === 'storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202'}"
34857         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202'">
34858                <div class="col-span-12 flex flex-wrap">
34859            <div
34860                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
34861                >
34862                <div class="featured-image flex justify-center">
34863                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
34864                         src="https://a.storyblok.com/f/174288/600x350/e3c436eacb/pappe-kaffeebecher.png"
34865                         alt="Pappe&#x20;Kaffeebecher"
34866                    >
34867                </div>
34868                            </div>
34869            <div
34870                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
34871                <div class="content w-full">
34872                                            <h2 class="text-gray-700 text-2xl">
34873                            Einweggeschirr aus Pappe                        </h2>
34874                                        <div class="text-gray-700">
34875                        <p>Umweltfreundliche Pappteller &amp; Pappschalen aus <b>Frischfaser</b> stellen eine perfekte Methode dar, um Speisen aller Art zu servieren. Imbiss- und Grillgerichte, Pommes, Kuchen, Salate und andere Speisen lassen sich auch im Außer-Haus-Verkauf damit praktisch in die Hände der Kunden übergeben.</p>                    </div>
34876                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
34877                        
34878<a class="btn-sb&#x20;btn-primary&#x20;"
34879   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
34880   role="button"
34881   href="https://www.papstar-shop.de/produkte/einweggeschirr/pappgeschirr.htm"
34882   target="">
34883    
34884    <span>Zum Pappgeschirr</span>
34885
34886            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
34887    <title>Arrow Right</title>
34888  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
34889</svg>
34890    </a>
34891                    </div>
34892                </div>
34893            </div>
34894        </div>
34895    </div>
34896
34897    <div id="tabpanel-storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26"
34898         :role="isMobile ? 'region' : 'tabpanel'"
34899         aria-labelledby="panel-storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26"
34900         :class="{'active': activeTab === 'storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26'}"
34901         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26'">
34902                <div class="col-span-12 flex flex-wrap">
34903            <div
34904                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
34905                >
34906                <div class="featured-image flex justify-center">
34907                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
34908                         src="https://a.storyblok.com/f/174288/600x350/4672f64c03/palmblatt-schale.png"
34909                         alt="Palmblatt&#x20;Schale"
34910                    >
34911                </div>
34912                            </div>
34913            <div
34914                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
34915                <div class="content w-full">
34916                                            <h2 class="text-gray-700 text-2xl">
34917                            Einweggeschirr aus Palmblatt                        </h2>
34918                                        <div class="text-gray-700">
34919                        <p>Einweggeschirr aus Palmblatt besteht aus den <b>abgefallenen Blättern</b> der indischen <b>Areca-Nusspalme</b>
34919. Es ist in verschiedenen Größen erhältlich und perfekt geeignet für Catering- und Veranstaltungszwecke. Die <b>individuelle Oberflächenmaserung</b> macht jedes Palmblattprodukt zu einem Unikat.</p>                    </div>
34920                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
34921                        
34922<a class="btn-sb&#x20;btn-primary&#x20;"
34923   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
34924   role="button"
34925   href="https://www.papstar-shop.de/produkte/einweggeschirr/palmblattgeschirr.htm"
34926   target="">
34927    
34928    <span>Zum Palmblattgeschirr</span>
34929
34930            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
34931    <title>Arrow Right</title>
34932  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
34933</svg>
34934    </a>
34935                    </div>
34936                </div>
34937            </div>
34938        </div>
34939    </div>
34940
34941    <div id="tabpanel-storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec"
34942         :role="isMobile ? 'region' : 'tabpanel'"
34943         aria-labelledby="panel-storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec"
34944         :class="{'active': activeTab === 'storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec'}"
34945         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec'">
34946                <div class="col-span-12 flex flex-wrap">
34947            <div
34948                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
34949                >
34950                <div class="featured-image flex justify-center">
34951                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
34952                         src="https://a.storyblok.com/f/174288/600x350/8f55d71d1f/holz-schale.png"
34953                         alt="Holz&#x20;Schiffchen"
34954                    >
34955                </div>
34956                            </div>
34957            <div
34958                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
34959                <div class="content w-full">
34960                                            <h2 class="text-gray-700 text-2xl">
34961                            Einweggeschirr aus Holz                        </h2>
34962                                        <div class="text-gray-700">
34963                        <p>Dekoratives Holz-Geschirr und -Besteck ist Natur pur zum Anfassen. Holz stellt als <b>nachwachsender Rohstoff</b> ein perfektes Material für nachhaltiges Einweggeschirr dar. Besonders unsere <b>lebensmittelechten Schälchen</b> aus natürlichem Kiefernholz sind ideal für die Präsentation von Fingerfood-Spezialitäten und exklusives Catering.</p>                    </div>
34964                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
34965                        
34966<a class="btn-sb&#x20;btn-primary&#x20;"
34967   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
34968   role="button"
34969   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-aus-holz.htm"
34970   target="">
34971    
34972    <span>Zum Einweggeschirr aus Holz</span>
34973
34974            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
34975    <title>Arrow Right</title>
34976  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
34977</svg>
34978    </a>
34979                    </div>
34980                </div>
34981            </div>
34982        </div>
34983    </div>
34984
34985    <div id="tabpanel-storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd"
34986         :role="isMobile ? 'region' : 'tabpanel'"
34987         aria-labelledby="panel-storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd"
34988         :class="{'active': activeTab === 'storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd'}"
34989         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd'">
34990                <div class="col-span-12 flex flex-wrap">
34991            <div
34992                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
34993                >
34994                <div class="featured-image flex justify-center">
34995                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
34996                         src="https://a.storyblok.com/f/174288/600x350/e199a55822/zuckerrohr-teller.png"
34997                         alt="Zuckerrohr&#x20;Teller"
34998                    >
34999                </div>
35000                            </div>
35001            <div
35002                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
35003                <div class="content w-full">
35004                                            <h2 class="text-gray-700 text-2xl">
35005                            Einweggeschirr aus Zuckerrohr                        </h2>
35006                                        <div class="text-gray-700">
35007                        <p>
35007Zuckerrohr-Teller, -Schalen und -Becher bestehen aus<b> Bagasse</b>, einem <b>Nebenprodukt der Zuckerrohrwirtschaft</b>. Die Produkte sind <b>stabil</b>, <b>biologisch abbaubar</b> und besonders für Speisen geeignet, die viel Wasser enthalten.</p>                    </div>
35008                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
35009                        
35010<a class="btn-sb&#x20;btn-primary&#x20;"
35011   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
35012   role="button"
35013   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-aus-zuckerrohr.htm"
35014   target="">
35015    
35016    <span>Zum Einweggeschirr aus Zuckerrohr</span>
35017
35018            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
35019    <title>Arrow Right</title>
35020  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
35021</svg>
35022    </a>
35023                    </div>
35024                </div>
35025            </div>
35026        </div>
35027    </div>
35028
35029    <div id="tabpanel-storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff"
35030         :role="isMobile ? 'region' : 'tabpanel'"
35031         aria-labelledby="panel-storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff"
35032         :class="{'active': activeTab === 'storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff'}"
35033         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff'">
35034                <div class="col-span-12 flex flex-wrap">
35035            <div
35036                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
35037                >
35038                <div class="featured-image flex justify-center">
35039                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
35040                         src="https://a.storyblok.com/f/174288/600x350/85818ad3d0/pla-cocktail.png"
35041                         alt="PLA&#x20;Cocktail"
35042                    >
35043                </div>
35044                            </div>
35045            <div
35046                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
35047                <div class="content w-full">
35048                                            <h2 class="text-gray-700 text-2xl">
35049                            Einweggeschirr aus Maisstärke (PLA)                        </h2>
35050                                        <div class="text-gray-700">
35051                        <p>Einer der zukunftträchtigsten <b>Bio-­Kunststoffe</b> ist das sogenannte <b>PLA/C-PLA</b>, das auf <b>Maisstärke-Basis</b> hergestellt wird und eine umweltfreundliche und formschöne Alternative zu herkömmlichem Plastik darstellt.</p>                    </div>
35052                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
35053                        
35054<a class="btn-sb&#x20;btn-primary&#x20;"
35055   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
35056   role="button"
35057   href="https://www.papstar-shop.de/produkte/einweggeschirr/pla-geschirr.htm"
35058   target="">
35059    
35060    <span>Zum Einweggeschirr aus PLA</span>
35061
35062            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
35063    <title>Arrow Right</title>
35064  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
35065</svg>
35066    </a>
35067                    </div>
35068                </div>
35069            </div>
35070        </div>
35071    </div>
35072
35073    <div id="tabpanel-storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f"
35074         :role="isMobile ? 'region' : 'tabpanel'"
35075         aria-labelledby="panel-storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f"
35076         :class="{'active': activeTab === 'storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f'}"
35077         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f'">
35078                <div class="col-span-12 flex flex-wrap">
35079            <div
35080                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
35081                >
35082                <div class="featured-image flex justify-center">
35083                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
35084                         src="https://a.storyblok.com/f/174288/600x350/8cf98f6fc5/bambus-besteck.png"
35085                         alt="Bambus&#x20;Besteck"
35086                    >
35087                </div>
35088                            </div>
35089            <div
35090                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
35091                <div class="content w-full">
35092                                            <h2 class="text-gray-700 text-2xl">
35093                            Einweggeschirr aus Bambus                        </h2>
35094                                        <div class="text-gray-700">
35095                        <p>
35095Bambus gehört zu den <b>Gräsern</b> und ist ein Rohstoff, der extrem <b>schnell nachwächst</b> und somit sehr umweltfreundlich ist. Er überzeugt durch seine <b>robuste</b> und gleichzeitig <b>leichte</b> Beschaffenheit, sowie die besondere Oberflächenstruktur, die Bambus Artikeln einen individuellen Look verleihen.</p>                    </div>
35096                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
35097                        
35098<a class="btn-sb&#x20;btn-primary&#x20;"
35099   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
35100   role="button"
35101   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-bambus.htm"
35102   target="">
35103    
35104    <span>Zum Einwegeschirr aus Bambus</span>
35105
35106            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
35107    <title>Arrow Right</title>
35108  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
35109</svg>
35110    </a>
35111                    </div>
35112                </div>
35113            </div>
35114        </div>
35115    </div>
35116
35117    <div id="tabpanel-storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c"
35118         :role="isMobile ? 'region' : 'tabpanel'"
35119         aria-labelledby="panel-storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c"
35120         :class="{'active': activeTab === 'storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c'}"
35121         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c'">
35122                <div class="col-span-12 flex flex-wrap">
35123            <div
35124                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
35125                >
35126                <div class="featured-image flex justify-center">
35127                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
35128                         src="https://a.storyblok.com/f/174288/600x350/af6df5edeb/agrarreste-teller.png"
35129                         alt="Agrarreste&#x20;Teller"
35130                    >
35131                </div>
35132                            </div>
35133            <div
35134                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
35135                <div class="content w-full">
35136                                            <h2 class="text-gray-700 text-2xl">
35137                            Einweggeschirr aus Agrarresten                        </h2>
35138                                        <div class="text-gray-700">
35139                        <p>Teller und Schalen aus Agrarresten bestehen aus <b>Pflanzenresten</b>, welche aus der landwirtschaftlichen Produktion gewonnen werden. Diese werden in der Sonne getrocknet, gemahlen und dann als <b>selbstbindende Fasern</b> zu einer Masse verarbeitet, die ähnlich wie Bagasse in Formen gespritzt und getrocknet wird. Sämtliche Produkte sind lebensmittelecht, <b>biologisch abbaubar</b> und kompostierbar.</p>                    </div>
35140                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
35141                        
35142<a class="btn-sb&#x20;btn-primary&#x20;"
35143   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
35144   role="button"
35145   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-aus-agrarresten.htm"
35146   target="">
35147    
35148    <span>Zum Agrarreste-Sortiment</span>
35149
35150            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
35151    <title>Arrow Right</title>
35152  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
35153</svg>
35154    </a>
35155                    </div>
35156                </div>
35157            </div>
35158        </div>
35159    </div>
35160                </div>
35161                            <h4>
35162                    <button
35163                        :aria-expanded="activeTab === 'storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd' && open"
35164                        aria-controls="tabpanel-storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd"
35165                        @click="setActiveTab('storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd')"
35166                        id="panel-storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd"
35167                        class="cursor-pointer font-bold p-3 mt-1 mb-0 hover:text-white text-base rounded-lg flex
35168                        justify-between items-center w-full "
35169                        :class="{'bg-secondary hover:bg-secondary text-white':
35170                            (open && activeTab === 'storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd') || activeTab === 'storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd',
35171                            'bg-container-lighter text-main hover:bg-gray-400':
35172                            (!open && activeTab !== 'storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd') || activeTab !== 'storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd',
35173                          }">
35174                        <span>❯ aus Zuckerrohr</span>
35175
35176                        <div
35177                            x-show="(activeTab === 'storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd' && open) || activeTab === 'storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd'">
35178                            <?xml version="1.0" encoding="utf-8"?>
35179<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
35180<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" width="8" height="8" aria-hidden="true">
35181        <title>Minus</title>
35182    <g>
35183	<g>
35184		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
35185	</g>
35186</g>
35187</svg>
35188                        </div>
35189                        <div
35190                            x-show="(activeTab !== 'storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd' && !open) || activeTab !== 'storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd'">
35191                            <?xml version="1.0" encoding="utf-8"?>
35192<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
35193<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" width="8" height="8" aria-hidden="true">
35194        <title>Plus Sign</title>
35195    <g>
35196	<g>
35197		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
35198	</g>
35199	<g>
35200		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
35201	</g>
35202</g>
35203</svg>
35204                        </div>
35205                    </button>
35206                </h4>
35207                <div x-show="(activeTab === 'storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd' && open) || activeTab === 'storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd'">
35208                    
35209    <div id="tabpanel-storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2"
35210         :role="isMobile ? 'region' : 'tabpanel'"
35211         aria-labelledby="panel-storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2"
35212         :class="{'active': activeTab === 'storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2'}"
35213         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2'">
35214                <div class="col-span-12 flex flex-wrap">
35215            <div
35216                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
35217                >
35218                <div class="featured-image flex justify-center">
35219                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
35220                         src="https://a.storyblok.com/f/174288/600x350/3b014bdc8f/einweggeschirr-von-papstar-uber-4-000-produkte.jpg"
35221                         alt="Einweggeschirr&#x20;von&#x20;PAPSTAR&#x20;-&#x20;&#xFC;ber&#x20;4.000&#x20;Produkte"
35222                    >
35223                </div>
35224                            </div>
35225            <div
35226                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
35227                <div class="content w-full">
35228                                            <h2 class="text-gray-700 text-2xl">
35229                            Einweggeschirr von PAPSTAR                        </h2>
35230                                        <div class="text-gray-700">
35231                        <p>Einweggeschirr ist eine <b>praktische</b> und <b>preiswerte</b> Alternative, wenn viele Gäste professionell bewirtet werden sollen. Zudem erlaubt es ein Höchstmaß an Flexibilität, da es farblich und thematisch auf verschiedene Anlässe abgestimmt werden kann. Ob aus<b> (Bio-)Kunststoff</b>, <b>Holz</b>, <b>Palmblatt</b>, <b>Maisstärke</b> oder <b>Zuckerrohr</b> – bei PAPSTAR finden Sie immer die passende Einweg-Lösung.</p>                    </div>
35232                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
35233                        
35234<a class="btn-sb&#x20;btn-primary&#x20;"
35235   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
35236   role="button"
35237   href="https://www.papstar-shop.de/produkte/einweggeschirr.htm"
35238   target="">
35239    
35240    <span>Zum Einweggeschirr-Sortiment</span>
35241
35242            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
35243    <title>Arrow Right</title>
35244  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
35245</svg>
35246    </a>
35247                    </div>
35248                </div>
35249            </div>
35250        </div>
35251    </div>
35252
35253    <div id="tabpanel-storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202"
35254         :role="isMobile ? 'region' : 'tabpanel'"
35255         aria-labelledby="panel-storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202"
35256         :class="{'active': activeTab === 'storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202'}"
35257         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202'">
35258                <div class="col-span-12 flex flex-wrap">
35259            <div
35260                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
35261                >
35262                <div class="featured-image flex justify-center">
35263                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
35264                         src="https://a.storyblok.com/f/174288/600x350/e3c436eacb/pappe-kaffeebecher.png"
35265                         alt="Pappe&#x20;Kaffeebecher"
35266                    >
35267                </div>
35268                            </div>
35269            <div
35270                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
35271                <div class="content w-full">
35272                                            <h2 class="text-gray-700 text-2xl">
35273                            Einweggeschirr aus Pappe                        </h2>
35274                                        <div class="text-gray-700">
35275                        <p>Umweltfreundliche Pappteller &amp; Pappschalen aus <b>Frischfaser</b> stellen eine perfekte Methode dar, um Speisen aller Art zu servieren. Imbiss- und Grillgerichte, Pommes, Kuchen, Salate und andere Speisen lassen sich auch im Außer-Haus-Verkauf damit praktisch in die Hände der Kunden übergeben.</p>                    </div>
35276                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
35277                        
35278<a class="btn-sb&#x20;btn-primary&#x20;"
35279   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
35280   role="button"
35281   href="https://www.papstar-shop.de/produkte/einweggeschirr/pappgeschirr.htm"
35282   target="">
35283    
35284    <span>Zum Pappgeschirr</span>
35285
35286            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
35287    <title>Arrow Right</title>
35288  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
35289</svg>
35290    </a>
35291                    </div>
35292                </div>
35293            </div>
35294        </div>
35295    </div>
35296
35297    <div id="tabpanel-storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26"
35298         :role="isMobile ? 'region' : 'tabpanel'"
35299         aria-labelledby="panel-storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26"
35300         :class="{'active': activeTab === 'storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26'}"
35301         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26'">
35302                <div class="col-span-12 flex flex-wrap">
35303            <div
35304                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
35305                >
35306                <div class="featured-image flex justify-center">
35307                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
35308                         src="https://a.storyblok.com/f/174288/600x350/4672f64c03/palmblatt-schale.png"
35309                         alt="Palmblatt&#x20;Schale"
35310                    >
35311                </div>
35312                            </div>
35313            <div
35314                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
35315                <div class="content w-full">
35316                                            <h2 class="text-gray-700 text-2xl">
35317                            Einweggeschirr aus Palmblatt                        </h2>
35318                                        <div class="text-gray-700">
35319                        <p>Einweggeschirr aus Palmblatt besteht aus den <b>abgefallenen Blättern</b> der indischen <b>Areca-Nusspalme</b>
35319. Es ist in verschiedenen Größen erhältlich und perfekt geeignet für Catering- und Veranstaltungszwecke. Die <b>individuelle Oberflächenmaserung</b> macht jedes Palmblattprodukt zu einem Unikat.</p>                    </div>
35320                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
35321                        
35322<a class="btn-sb&#x20;btn-primary&#x20;"
35323   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
35324   role="button"
35325   href="https://www.papstar-shop.de/produkte/einweggeschirr/palmblattgeschirr.htm"
35326   target="">
35327    
35328    <span>Zum Palmblattgeschirr</span>
35329
35330            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
35331    <title>Arrow Right</title>
35332  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
35333</svg>
35334    </a>
35335                    </div>
35336                </div>
35337            </div>
35338        </div>
35339    </div>
35340
35341    <div id="tabpanel-storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec"
35342         :role="isMobile ? 'region' : 'tabpanel'"
35343         aria-labelledby="panel-storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec"
35344         :class="{'active': activeTab === 'storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec'}"
35345         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec'">
35346                <div class="col-span-12 flex flex-wrap">
35347            <div
35348                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
35349                >
35350                <div class="featured-image flex justify-center">
35351                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
35352                         src="https://a.storyblok.com/f/174288/600x350/8f55d71d1f/holz-schale.png"
35353                         alt="Holz&#x20;Schiffchen"
35354                    >
35355                </div>
35356                            </div>
35357            <div
35358                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
35359                <div class="content w-full">
35360                                            <h2 class="text-gray-700 text-2xl">
35361                            Einweggeschirr aus Holz                        </h2>
35362                                        <div class="text-gray-700">
35363                        <p>Dekoratives Holz-Geschirr und -Besteck ist Natur pur zum Anfassen. Holz stellt als <b>nachwachsender Rohstoff</b> ein perfektes Material für nachhaltiges Einweggeschirr dar. Besonders unsere <b>lebensmittelechten Schälchen</b> aus natürlichem Kiefernholz sind ideal für die Präsentation von Fingerfood-Spezialitäten und exklusives Catering.</p>                    </div>
35364                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
35365                        
35366<a class="btn-sb&#x20;btn-primary&#x20;"
35367   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
35368   role="button"
35369   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-aus-holz.htm"
35370   target="">
35371    
35372    <span>Zum Einweggeschirr aus Holz</span>
35373
35374            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
35375    <title>Arrow Right</title>
35376  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
35377</svg>
35378    </a>
35379                    </div>
35380                </div>
35381            </div>
35382        </div>
35383    </div>
35384
35385    <div id="tabpanel-storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd"
35386         :role="isMobile ? 'region' : 'tabpanel'"
35387         aria-labelledby="panel-storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd"
35388         :class="{'active': activeTab === 'storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd'}"
35389         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd'">
35390                <div class="col-span-12 flex flex-wrap">
35391            <div
35392                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
35393                >
35394                <div class="featured-image flex justify-center">
35395                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
35396                         src="https://a.storyblok.com/f/174288/600x350/e199a55822/zuckerrohr-teller.png"
35397                         alt="Zuckerrohr&#x20;Teller"
35398                    >
35399                </div>
35400                            </div>
35401            <div
35402                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
35403                <div class="content w-full">
35404                                            <h2 class="text-gray-700 text-2xl">
35405                            Einweggeschirr aus Zuckerrohr                        </h2>
35406                                        <div class="text-gray-700">
35407                        <p>
35407Zuckerrohr-Teller, -Schalen und -Becher bestehen aus<b> Bagasse</b>, einem <b>Nebenprodukt der Zuckerrohrwirtschaft</b>. Die Produkte sind <b>stabil</b>, <b>biologisch abbaubar</b> und besonders für Speisen geeignet, die viel Wasser enthalten.</p>                    </div>
35408                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
35409                        
35410<a class="btn-sb&#x20;btn-primary&#x20;"
35411   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
35412   role="button"
35413   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-aus-zuckerrohr.htm"
35414   target="">
35415    
35416    <span>Zum Einweggeschirr aus Zuckerrohr</span>
35417
35418            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
35419    <title>Arrow Right</title>
35420  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
35421</svg>
35422    </a>
35423                    </div>
35424                </div>
35425            </div>
35426        </div>
35427    </div>
35428
35429    <div id="tabpanel-storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff"
35430         :role="isMobile ? 'region' : 'tabpanel'"
35431         aria-labelledby="panel-storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff"
35432         :class="{'active': activeTab === 'storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff'}"
35433         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff'">
35434                <div class="col-span-12 flex flex-wrap">
35435            <div
35436                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
35437                >
35438                <div class="featured-image flex justify-center">
35439                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
35440                         src="https://a.storyblok.com/f/174288/600x350/85818ad3d0/pla-cocktail.png"
35441                         alt="PLA&#x20;Cocktail"
35442                    >
35443                </div>
35444                            </div>
35445            <div
35446                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
35447                <div class="content w-full">
35448                                            <h2 class="text-gray-700 text-2xl">
35449                            Einweggeschirr aus Maisstärke (PLA)                        </h2>
35450                                        <div class="text-gray-700">
35451                        <p>Einer der zukunftträchtigsten <b>Bio-­Kunststoffe</b> ist das sogenannte <b>PLA/C-PLA</b>, das auf <b>Maisstärke-Basis</b> hergestellt wird und eine umweltfreundliche und formschöne Alternative zu herkömmlichem Plastik darstellt.</p>                    </div>
35452                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
35453                        
35454<a class="btn-sb&#x20;btn-primary&#x20;"
35455   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
35456   role="button"
35457   href="https://www.papstar-shop.de/produkte/einweggeschirr/pla-geschirr.htm"
35458   target="">
35459    
35460    <span>Zum Einweggeschirr aus PLA</span>
35461
35462            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
35463    <title>Arrow Right</title>
35464  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
35465</svg>
35466    </a>
35467                    </div>
35468                </div>
35469            </div>
35470        </div>
35471    </div>
35472
35473    <div id="tabpanel-storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f"
35474         :role="isMobile ? 'region' : 'tabpanel'"
35475         aria-labelledby="panel-storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f"
35476         :class="{'active': activeTab === 'storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f'}"
35477         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f'">
35478                <div class="col-span-12 flex flex-wrap">
35479            <div
35480                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
35481                >
35482                <div class="featured-image flex justify-center">
35483                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
35484                         src="https://a.storyblok.com/f/174288/600x350/8cf98f6fc5/bambus-besteck.png"
35485                         alt="Bambus&#x20;Besteck"
35486                    >
35487                </div>
35488                            </div>
35489            <div
35490                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
35491                <div class="content w-full">
35492                                            <h2 class="text-gray-700 text-2xl">
35493                            Einweggeschirr aus Bambus                        </h2>
35494                                        <div class="text-gray-700">
35495                        <p>
35495Bambus gehört zu den <b>Gräsern</b> und ist ein Rohstoff, der extrem <b>schnell nachwächst</b> und somit sehr umweltfreundlich ist. Er überzeugt durch seine <b>robuste</b> und gleichzeitig <b>leichte</b> Beschaffenheit, sowie die besondere Oberflächenstruktur, die Bambus Artikeln einen individuellen Look verleihen.</p>                    </div>
35496                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
35497                        
35498<a class="btn-sb&#x20;btn-primary&#x20;"
35499   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
35500   role="button"
35501   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-bambus.htm"
35502   target="">
35503    
35504    <span>Zum Einwegeschirr aus Bambus</span>
35505
35506            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
35507    <title>Arrow Right</title>
35508  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
35509</svg>
35510    </a>
35511                    </div>
35512                </div>
35513            </div>
35514        </div>
35515    </div>
35516
35517    <div id="tabpanel-storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c"
35518         :role="isMobile ? 'region' : 'tabpanel'"
35519         aria-labelledby="panel-storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c"
35520         :class="{'active': activeTab === 'storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c'}"
35521         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c'">
35522                <div class="col-span-12 flex flex-wrap">
35523            <div
35524                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
35525                >
35526                <div class="featured-image flex justify-center">
35527                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
35528                         src="https://a.storyblok.com/f/174288/600x350/af6df5edeb/agrarreste-teller.png"
35529                         alt="Agrarreste&#x20;Teller"
35530                    >
35531                </div>
35532                            </div>
35533            <div
35534                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
35535                <div class="content w-full">
35536                                            <h2 class="text-gray-700 text-2xl">
35537                            Einweggeschirr aus Agrarresten                        </h2>
35538                                        <div class="text-gray-700">
35539                        <p>Teller und Schalen aus Agrarresten bestehen aus <b>Pflanzenresten</b>, welche aus der landwirtschaftlichen Produktion gewonnen werden. Diese werden in der Sonne getrocknet, gemahlen und dann als <b>selbstbindende Fasern</b> zu einer Masse verarbeitet, die ähnlich wie Bagasse in Formen gespritzt und getrocknet wird. Sämtliche Produkte sind lebensmittelecht, <b>biologisch abbaubar</b> und kompostierbar.</p>                    </div>
35540                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
35541                        
35542<a class="btn-sb&#x20;btn-primary&#x20;"
35543   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
35544   role="button"
35545   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-aus-agrarresten.htm"
35546   target="">
35547    
35548    <span>Zum Agrarreste-Sortiment</span>
35549
35550            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
35551    <title>Arrow Right</title>
35552  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
35553</svg>
35554    </a>
35555                    </div>
35556                </div>
35557            </div>
35558        </div>
35559    </div>
35560                </div>
35561                            <h4>
35562                    <button
35563                        :aria-expanded="activeTab === 'storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff' && open"
35564                        aria-controls="tabpanel-storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff"
35565                        @click="setActiveTab('storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff')"
35566                        id="panel-storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff"
35567                        class="cursor-pointer font-bold p-3 mt-1 mb-0 hover:text-white text-base rounded-lg flex
35568                        justify-between items-center w-full "
35569                        :class="{'bg-secondary hover:bg-secondary text-white':
35570                            (open && activeTab === 'storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff') || activeTab === 'storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff',
35571                            'bg-container-lighter text-main hover:bg-gray-400':
35572                            (!open && activeTab !== 'storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff') || activeTab !== 'storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff',
35573                          }">
35574                        <span>❯ aus Maisstärke (PLA)</span>
35575
35576                        <div
35577                            x-show="(activeTab === 'storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff' && open) || activeTab === 'storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff'">
35578                            <?xml version="1.0" encoding="utf-8"?>
35579<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
35580<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" width="8" height="8" aria-hidden="true">
35581        <title>Minus</title>
35582    <g>
35583	<g>
35584		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
35585	</g>
35586</g>
35587</svg>
35588                        </div>
35589                        <div
35590                            x-show="(activeTab !== 'storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff' && !open) || activeTab !== 'storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff'">
35591                            <?xml version="1.0" encoding="utf-8"?>
35592<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
35593<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" width="8" height="8" aria-hidden="true">
35594        <title>Plus Sign</title>
35595    <g>
35596	<g>
35597		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
35598	</g>
35599	<g>
35600		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
35601	</g>
35602</g>
35603</svg>
35604                        </div>
35605                    </button>
35606                </h4>
35607                <div x-show="(activeTab === 'storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff' && open) || activeTab === 'storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff'">
35608                    
35609    <div id="tabpanel-storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2"
35610         :role="isMobile ? 'region' : 'tabpanel'"
35611         aria-labelledby="panel-storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2"
35612         :class="{'active': activeTab === 'storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2'}"
35613         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2'">
35614                <div class="col-span-12 flex flex-wrap">
35615            <div
35616                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
35617                >
35618                <div class="featured-image flex justify-center">
35619                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
35620                         src="https://a.storyblok.com/f/174288/600x350/3b014bdc8f/einweggeschirr-von-papstar-uber-4-000-produkte.jpg"
35621                         alt="Einweggeschirr&#x20;von&#x20;PAPSTAR&#x20;-&#x20;&#xFC;ber&#x20;4.000&#x20;Produkte"
35622                    >
35623                </div>
35624                            </div>
35625            <div
35626                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
35627                <div class="content w-full">
35628                                            <h2 class="text-gray-700 text-2xl">
35629                            Einweggeschirr von PAPSTAR                        </h2>
35630                                        <div class="text-gray-700">
35631                        <p>Einweggeschirr ist eine <b>praktische</b> und <b>preiswerte</b> Alternative, wenn viele Gäste professionell bewirtet werden sollen. Zudem erlaubt es ein Höchstmaß an Flexibilität, da es farblich und thematisch auf verschiedene Anlässe abgestimmt werden kann. Ob aus<b> (Bio-)Kunststoff</b>, <b>Holz</b>, <b>Palmblatt</b>, <b>Maisstärke</b> oder <b>Zuckerrohr</b> – bei PAPSTAR finden Sie immer die passende Einweg-Lösung.</p>                    </div>
35632                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
35633                        
35634<a class="btn-sb&#x20;btn-primary&#x20;"
35635   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
35636   role="button"
35637   href="https://www.papstar-shop.de/produkte/einweggeschirr.htm"
35638   target="">
35639    
35640    <span>Zum Einweggeschirr-Sortiment</span>
35641
35642            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
35643    <title>Arrow Right</title>
35644  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
35645</svg>
35646    </a>
35647                    </div>
35648                </div>
35649            </div>
35650        </div>
35651    </div>
35652
35653    <div id="tabpanel-storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202"
35654         :role="isMobile ? 'region' : 'tabpanel'"
35655         aria-labelledby="panel-storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202"
35656         :class="{'active': activeTab === 'storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202'}"
35657         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202'">
35658                <div class="col-span-12 flex flex-wrap">
35659            <div
35660                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
35661                >
35662                <div class="featured-image flex justify-center">
35663                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
35664                         src="https://a.storyblok.com/f/174288/600x350/e3c436eacb/pappe-kaffeebecher.png"
35665                         alt="Pappe&#x20;Kaffeebecher"
35666                    >
35667                </div>
35668                            </div>
35669            <div
35670                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
35671                <div class="content w-full">
35672                                            <h2 class="text-gray-700 text-2xl">
35673                            Einweggeschirr aus Pappe                        </h2>
35674                                        <div class="text-gray-700">
35675                        <p>Umweltfreundliche Pappteller &amp; Pappschalen aus <b>Frischfaser</b> stellen eine perfekte Methode dar, um Speisen aller Art zu servieren. Imbiss- und Grillgerichte, Pommes, Kuchen, Salate und andere Speisen lassen sich auch im Außer-Haus-Verkauf damit praktisch in die Hände der Kunden übergeben.</p>                    </div>
35676                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
35677                        
35678<a class="btn-sb&#x20;btn-primary&#x20;"
35679   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
35680   role="button"
35681   href="https://www.papstar-shop.de/produkte/einweggeschirr/pappgeschirr.htm"
35682   target="">
35683    
35684    <span>Zum Pappgeschirr</span>
35685
35686            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
35687    <title>Arrow Right</title>
35688  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
35689</svg>
35690    </a>
35691                    </div>
35692                </div>
35693            </div>
35694        </div>
35695    </div>
35696
35697    <div id="tabpanel-storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26"
35698         :role="isMobile ? 'region' : 'tabpanel'"
35699         aria-labelledby="panel-storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26"
35700         :class="{'active': activeTab === 'storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26'}"
35701         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26'">
35702                <div class="col-span-12 flex flex-wrap">
35703            <div
35704                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
35705                >
35706                <div class="featured-image flex justify-center">
35707                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
35708                         src="https://a.storyblok.com/f/174288/600x350/4672f64c03/palmblatt-schale.png"
35709                         alt="Palmblatt&#x20;Schale"
35710                    >
35711                </div>
35712                            </div>
35713            <div
35714                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
35715                <div class="content w-full">
35716                                            <h2 class="text-gray-700 text-2xl">
35717                            Einweggeschirr aus Palmblatt                        </h2>
35718                                        <div class="text-gray-700">
35719                        <p>Einweggeschirr aus Palmblatt besteht aus den <b>abgefallenen Blättern</b> der indischen <b>Areca-Nusspalme</b>
35719. Es ist in verschiedenen Größen erhältlich und perfekt geeignet für Catering- und Veranstaltungszwecke. Die <b>individuelle Oberflächenmaserung</b> macht jedes Palmblattprodukt zu einem Unikat.</p>                    </div>
35720                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
35721                        
35722<a class="btn-sb&#x20;btn-primary&#x20;"
35723   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
35724   role="button"
35725   href="https://www.papstar-shop.de/produkte/einweggeschirr/palmblattgeschirr.htm"
35726   target="">
35727    
35728    <span>Zum Palmblattgeschirr</span>
35729
35730            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
35731    <title>Arrow Right</title>
35732  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
35733</svg>
35734    </a>
35735                    </div>
35736                </div>
35737            </div>
35738        </div>
35739    </div>
35740
35741    <div id="tabpanel-storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec"
35742         :role="isMobile ? 'region' : 'tabpanel'"
35743         aria-labelledby="panel-storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec"
35744         :class="{'active': activeTab === 'storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec'}"
35745         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec'">
35746                <div class="col-span-12 flex flex-wrap">
35747            <div
35748                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
35749                >
35750                <div class="featured-image flex justify-center">
35751                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
35752                         src="https://a.storyblok.com/f/174288/600x350/8f55d71d1f/holz-schale.png"
35753                         alt="Holz&#x20;Schiffchen"
35754                    >
35755                </div>
35756                            </div>
35757            <div
35758                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
35759                <div class="content w-full">
35760                                            <h2 class="text-gray-700 text-2xl">
35761                            Einweggeschirr aus Holz                        </h2>
35762                                        <div class="text-gray-700">
35763                        <p>Dekoratives Holz-Geschirr und -Besteck ist Natur pur zum Anfassen. Holz stellt als <b>nachwachsender Rohstoff</b> ein perfektes Material für nachhaltiges Einweggeschirr dar. Besonders unsere <b>lebensmittelechten Schälchen</b> aus natürlichem Kiefernholz sind ideal für die Präsentation von Fingerfood-Spezialitäten und exklusives Catering.</p>                    </div>
35764                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
35765                        
35766<a class="btn-sb&#x20;btn-primary&#x20;"
35767   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
35768   role="button"
35769   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-aus-holz.htm"
35770   target="">
35771    
35772    <span>Zum Einweggeschirr aus Holz</span>
35773
35774            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
35775    <title>Arrow Right</title>
35776  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
35777</svg>
35778    </a>
35779                    </div>
35780                </div>
35781            </div>
35782        </div>
35783    </div>
35784
35785    <div id="tabpanel-storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd"
35786         :role="isMobile ? 'region' : 'tabpanel'"
35787         aria-labelledby="panel-storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd"
35788         :class="{'active': activeTab === 'storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd'}"
35789         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd'">
35790                <div class="col-span-12 flex flex-wrap">
35791            <div
35792                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
35793                >
35794                <div class="featured-image flex justify-center">
35795                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
35796                         src="https://a.storyblok.com/f/174288/600x350/e199a55822/zuckerrohr-teller.png"
35797                         alt="Zuckerrohr&#x20;Teller"
35798                    >
35799                </div>
35800                            </div>
35801            <div
35802                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
35803                <div class="content w-full">
35804                                            <h2 class="text-gray-700 text-2xl">
35805                            Einweggeschirr aus Zuckerrohr                        </h2>
35806                                        <div class="text-gray-700">
35807                        <p>
35807Zuckerrohr-Teller, -Schalen und -Becher bestehen aus<b> Bagasse</b>, einem <b>Nebenprodukt der Zuckerrohrwirtschaft</b>. Die Produkte sind <b>stabil</b>, <b>biologisch abbaubar</b> und besonders für Speisen geeignet, die viel Wasser enthalten.</p>                    </div>
35808                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
35809                        
35810<a class="btn-sb&#x20;btn-primary&#x20;"
35811   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
35812   role="button"
35813   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-aus-zuckerrohr.htm"
35814   target="">
35815    
35816    <span>Zum Einweggeschirr aus Zuckerrohr</span>
35817
35818            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
35819    <title>Arrow Right</title>
35820  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
35821</svg>
35822    </a>
35823                    </div>
35824                </div>
35825            </div>
35826        </div>
35827    </div>
35828
35829    <div id="tabpanel-storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff"
35830         :role="isMobile ? 'region' : 'tabpanel'"
35831         aria-labelledby="panel-storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff"
35832         :class="{'active': activeTab === 'storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff'}"
35833         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff'">
35834                <div class="col-span-12 flex flex-wrap">
35835            <div
35836                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
35837                >
35838                <div class="featured-image flex justify-center">
35839                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
35840                         src="https://a.storyblok.com/f/174288/600x350/85818ad3d0/pla-cocktail.png"
35841                         alt="PLA&#x20;Cocktail"
35842                    >
35843                </div>
35844                            </div>
35845            <div
35846                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
35847                <div class="content w-full">
35848                                            <h2 class="text-gray-700 text-2xl">
35849                            Einweggeschirr aus Maisstärke (PLA)                        </h2>
35850                                        <div class="text-gray-700">
35851                        <p>Einer der zukunftträchtigsten <b>Bio-­Kunststoffe</b> ist das sogenannte <b>PLA/C-PLA</b>, das auf <b>Maisstärke-Basis</b> hergestellt wird und eine umweltfreundliche und formschöne Alternative zu herkömmlichem Plastik darstellt.</p>                    </div>
35852                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
35853                        
35854<a class="btn-sb&#x20;btn-primary&#x20;"
35855   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
35856   role="button"
35857   href="https://www.papstar-shop.de/produkte/einweggeschirr/pla-geschirr.htm"
35858   target="">
35859    
35860    <span>Zum Einweggeschirr aus PLA</span>
35861
35862            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
35863    <title>Arrow Right</title>
35864  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
35865</svg>
35866    </a>
35867                    </div>
35868                </div>
35869            </div>
35870        </div>
35871    </div>
35872
35873    <div id="tabpanel-storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f"
35874         :role="isMobile ? 'region' : 'tabpanel'"
35875         aria-labelledby="panel-storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f"
35876         :class="{'active': activeTab === 'storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f'}"
35877         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f'">
35878                <div class="col-span-12 flex flex-wrap">
35879            <div
35880                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
35881                >
35882                <div class="featured-image flex justify-center">
35883                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
35884                         src="https://a.storyblok.com/f/174288/600x350/8cf98f6fc5/bambus-besteck.png"
35885                         alt="Bambus&#x20;Besteck"
35886                    >
35887                </div>
35888                            </div>
35889            <div
35890                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
35891                <div class="content w-full">
35892                                            <h2 class="text-gray-700 text-2xl">
35893                            Einweggeschirr aus Bambus                        </h2>
35894                                        <div class="text-gray-700">
35895                        <p>
35895Bambus gehört zu den <b>Gräsern</b> und ist ein Rohstoff, der extrem <b>schnell nachwächst</b> und somit sehr umweltfreundlich ist. Er überzeugt durch seine <b>robuste</b> und gleichzeitig <b>leichte</b> Beschaffenheit, sowie die besondere Oberflächenstruktur, die Bambus Artikeln einen individuellen Look verleihen.</p>                    </div>
35896                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
35897                        
35898<a class="btn-sb&#x20;btn-primary&#x20;"
35899   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
35900   role="button"
35901   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-bambus.htm"
35902   target="">
35903    
35904    <span>Zum Einwegeschirr aus Bambus</span>
35905
35906            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
35907    <title>Arrow Right</title>
35908  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
35909</svg>
35910    </a>
35911                    </div>
35912                </div>
35913            </div>
35914        </div>
35915    </div>
35916
35917    <div id="tabpanel-storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c"
35918         :role="isMobile ? 'region' : 'tabpanel'"
35919         aria-labelledby="panel-storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c"
35920         :class="{'active': activeTab === 'storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c'}"
35921         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c'">
35922                <div class="col-span-12 flex flex-wrap">
35923            <div
35924                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
35925                >
35926                <div class="featured-image flex justify-center">
35927                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
35928                         src="https://a.storyblok.com/f/174288/600x350/af6df5edeb/agrarreste-teller.png"
35929                         alt="Agrarreste&#x20;Teller"
35930                    >
35931                </div>
35932                            </div>
35933            <div
35934                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
35935                <div class="content w-full">
35936                                            <h2 class="text-gray-700 text-2xl">
35937                            Einweggeschirr aus Agrarresten                        </h2>
35938                                        <div class="text-gray-700">
35939                        <p>Teller und Schalen aus Agrarresten bestehen aus <b>Pflanzenresten</b>, welche aus der landwirtschaftlichen Produktion gewonnen werden. Diese werden in der Sonne getrocknet, gemahlen und dann als <b>selbstbindende Fasern</b> zu einer Masse verarbeitet, die ähnlich wie Bagasse in Formen gespritzt und getrocknet wird. Sämtliche Produkte sind lebensmittelecht, <b>biologisch abbaubar</b> und kompostierbar.</p>                    </div>
35940                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
35941                        
35942<a class="btn-sb&#x20;btn-primary&#x20;"
35943   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
35944   role="button"
35945   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-aus-agrarresten.htm"
35946   target="">
35947    
35948    <span>Zum Agrarreste-Sortiment</span>
35949
35950            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
35951    <title>Arrow Right</title>
35952  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
35953</svg>
35954    </a>
35955                    </div>
35956                </div>
35957            </div>
35958        </div>
35959    </div>
35960                </div>
35961                            <h4>
35962                    <button
35963                        :aria-expanded="activeTab === 'storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f' && open"
35964                        aria-controls="tabpanel-storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f"
35965                        @click="setActiveTab('storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f')"
35966                        id="panel-storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f"
35967                        class="cursor-pointer font-bold p-3 mt-1 mb-0 hover:text-white text-base rounded-lg flex
35968                        justify-between items-center w-full "
35969                        :class="{'bg-secondary hover:bg-secondary text-white':
35970                            (open && activeTab === 'storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f') || activeTab === 'storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f',
35971                            'bg-container-lighter text-main hover:bg-gray-400':
35972                            (!open && activeTab !== 'storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f') || activeTab !== 'storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f',
35973                          }">
35974                        <span>❯ aus Bambus</span>
35975
35976                        <div
35977                            x-show="(activeTab === 'storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f' && open) || activeTab === 'storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f'">
35978                            <?xml version="1.0" encoding="utf-8"?>
35979<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
35980<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" width="8" height="8" aria-hidden="true">
35981        <title>Minus</title>
35982    <g>
35983	<g>
35984		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
35985	</g>
35986</g>
35987</svg>
35988                        </div>
35989                        <div
35990                            x-show="(activeTab !== 'storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f' && !open) || activeTab !== 'storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f'">
35991                            <?xml version="1.0" encoding="utf-8"?>
35992<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
35993<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" width="8" height="8" aria-hidden="true">
35994        <title>Plus Sign</title>
35995    <g>
35996	<g>
35997		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
35998	</g>
35999	<g>
36000		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
36001	</g>
36002</g>
36003</svg>
36004                        </div>
36005                    </button>
36006                </h4>
36007                <div x-show="(activeTab === 'storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f' && open) || activeTab === 'storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f'">
36008                    
36009    <div id="tabpanel-storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2"
36010         :role="isMobile ? 'region' : 'tabpanel'"
36011         aria-labelledby="panel-storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2"
36012         :class="{'active': activeTab === 'storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2'}"
36013         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2'">
36014                <div class="col-span-12 flex flex-wrap">
36015            <div
36016                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
36017                >
36018                <div class="featured-image flex justify-center">
36019                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
36020                         src="https://a.storyblok.com/f/174288/600x350/3b014bdc8f/einweggeschirr-von-papstar-uber-4-000-produkte.jpg"
36021                         alt="Einweggeschirr&#x20;von&#x20;PAPSTAR&#x20;-&#x20;&#xFC;ber&#x20;4.000&#x20;Produkte"
36022                    >
36023                </div>
36024                            </div>
36025            <div
36026                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
36027                <div class="content w-full">
36028                                            <h2 class="text-gray-700 text-2xl">
36029                            Einweggeschirr von PAPSTAR                        </h2>
36030                                        <div class="text-gray-700">
36031                        <p>Einweggeschirr ist eine <b>praktische</b> und <b>preiswerte</b> Alternative, wenn viele Gäste professionell bewirtet werden sollen. Zudem erlaubt es ein Höchstmaß an Flexibilität, da es farblich und thematisch auf verschiedene Anlässe abgestimmt werden kann. Ob aus<b> (Bio-)Kunststoff</b>, <b>Holz</b>, <b>Palmblatt</b>, <b>Maisstärke</b> oder <b>Zuckerrohr</b> – bei PAPSTAR finden Sie immer die passende Einweg-Lösung.</p>                    </div>
36032                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
36033                        
36034<a class="btn-sb&#x20;btn-primary&#x20;"
36035   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
36036   role="button"
36037   href="https://www.papstar-shop.de/produkte/einweggeschirr.htm"
36038   target="">
36039    
36040    <span>Zum Einweggeschirr-Sortiment</span>
36041
36042            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
36043    <title>Arrow Right</title>
36044  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
36045</svg>
36046    </a>
36047                    </div>
36048                </div>
36049            </div>
36050        </div>
36051    </div>
36052
36053    <div id="tabpanel-storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202"
36054         :role="isMobile ? 'region' : 'tabpanel'"
36055         aria-labelledby="panel-storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202"
36056         :class="{'active': activeTab === 'storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202'}"
36057         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202'">
36058                <div class="col-span-12 flex flex-wrap">
36059            <div
36060                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
36061                >
36062                <div class="featured-image flex justify-center">
36063                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
36064                         src="https://a.storyblok.com/f/174288/600x350/e3c436eacb/pappe-kaffeebecher.png"
36065                         alt="Pappe&#x20;Kaffeebecher"
36066                    >
36067                </div>
36068                            </div>
36069            <div
36070                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
36071                <div class="content w-full">
36072                                            <h2 class="text-gray-700 text-2xl">
36073                            Einweggeschirr aus Pappe                        </h2>
36074                                        <div class="text-gray-700">
36075                        <p>Umweltfreundliche Pappteller &amp; Pappschalen aus <b>Frischfaser</b> stellen eine perfekte Methode dar, um Speisen aller Art zu servieren. Imbiss- und Grillgerichte, Pommes, Kuchen, Salate und andere Speisen lassen sich auch im Außer-Haus-Verkauf damit praktisch in die Hände der Kunden übergeben.</p>                    </div>
36076                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
36077                        
36078<a class="btn-sb&#x20;btn-primary&#x20;"
36079   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
36080   role="button"
36081   href="https://www.papstar-shop.de/produkte/einweggeschirr/pappgeschirr.htm"
36082   target="">
36083    
36084    <span>Zum Pappgeschirr</span>
36085
36086            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
36087    <title>Arrow Right</title>
36088  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
36089</svg>
36090    </a>
36091                    </div>
36092                </div>
36093            </div>
36094        </div>
36095    </div>
36096
36097    <div id="tabpanel-storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26"
36098         :role="isMobile ? 'region' : 'tabpanel'"
36099         aria-labelledby="panel-storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26"
36100         :class="{'active': activeTab === 'storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26'}"
36101         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26'">
36102                <div class="col-span-12 flex flex-wrap">
36103            <div
36104                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
36105                >
36106                <div class="featured-image flex justify-center">
36107                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
36108                         src="https://a.storyblok.com/f/174288/600x350/4672f64c03/palmblatt-schale.png"
36109                         alt="Palmblatt&#x20;Schale"
36110                    >
36111                </div>
36112                            </div>
36113            <div
36114                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
36115                <div class="content w-full">
36116                                            <h2 class="text-gray-700 text-2xl">
36117                            Einweggeschirr aus Palmblatt                        </h2>
36118                                        <div class="text-gray-700">
36119                        <p>Einweggeschirr aus Palmblatt besteht aus den <b>abgefallenen Blättern</b> der indischen <b>Areca-Nusspalme</b>
36119. Es ist in verschiedenen Größen erhältlich und perfekt geeignet für Catering- und Veranstaltungszwecke. Die <b>individuelle Oberflächenmaserung</b> macht jedes Palmblattprodukt zu einem Unikat.</p>                    </div>
36120                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
36121                        
36122<a class="btn-sb&#x20;btn-primary&#x20;"
36123   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
36124   role="button"
36125   href="https://www.papstar-shop.de/produkte/einweggeschirr/palmblattgeschirr.htm"
36126   target="">
36127    
36128    <span>Zum Palmblattgeschirr</span>
36129
36130            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
36131    <title>Arrow Right</title>
36132  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
36133</svg>
36134    </a>
36135                    </div>
36136                </div>
36137            </div>
36138        </div>
36139    </div>
36140
36141    <div id="tabpanel-storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec"
36142         :role="isMobile ? 'region' : 'tabpanel'"
36143         aria-labelledby="panel-storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec"
36144         :class="{'active': activeTab === 'storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec'}"
36145         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec'">
36146                <div class="col-span-12 flex flex-wrap">
36147            <div
36148                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
36149                >
36150                <div class="featured-image flex justify-center">
36151                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
36152                         src="https://a.storyblok.com/f/174288/600x350/8f55d71d1f/holz-schale.png"
36153                         alt="Holz&#x20;Schiffchen"
36154                    >
36155                </div>
36156                            </div>
36157            <div
36158                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
36159                <div class="content w-full">
36160                                            <h2 class="text-gray-700 text-2xl">
36161                            Einweggeschirr aus Holz                        </h2>
36162                                        <div class="text-gray-700">
36163                        <p>Dekoratives Holz-Geschirr und -Besteck ist Natur pur zum Anfassen. Holz stellt als <b>nachwachsender Rohstoff</b> ein perfektes Material für nachhaltiges Einweggeschirr dar. Besonders unsere <b>lebensmittelechten Schälchen</b> aus natürlichem Kiefernholz sind ideal für die Präsentation von Fingerfood-Spezialitäten und exklusives Catering.</p>                    </div>
36164                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
36165                        
36166<a class="btn-sb&#x20;btn-primary&#x20;"
36167   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
36168   role="button"
36169   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-aus-holz.htm"
36170   target="">
36171    
36172    <span>Zum Einweggeschirr aus Holz</span>
36173
36174            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
36175    <title>Arrow Right</title>
36176  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
36177</svg>
36178    </a>
36179                    </div>
36180                </div>
36181            </div>
36182        </div>
36183    </div>
36184
36185    <div id="tabpanel-storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd"
36186         :role="isMobile ? 'region' : 'tabpanel'"
36187         aria-labelledby="panel-storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd"
36188         :class="{'active': activeTab === 'storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd'}"
36189         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd'">
36190                <div class="col-span-12 flex flex-wrap">
36191            <div
36192                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
36193                >
36194                <div class="featured-image flex justify-center">
36195                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
36196                         src="https://a.storyblok.com/f/174288/600x350/e199a55822/zuckerrohr-teller.png"
36197                         alt="Zuckerrohr&#x20;Teller"
36198                    >
36199                </div>
36200                            </div>
36201            <div
36202                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
36203                <div class="content w-full">
36204                                            <h2 class="text-gray-700 text-2xl">
36205                            Einweggeschirr aus Zuckerrohr                        </h2>
36206                                        <div class="text-gray-700">
36207                        <p>
36207Zuckerrohr-Teller, -Schalen und -Becher bestehen aus<b> Bagasse</b>, einem <b>Nebenprodukt der Zuckerrohrwirtschaft</b>. Die Produkte sind <b>stabil</b>, <b>biologisch abbaubar</b> und besonders für Speisen geeignet, die viel Wasser enthalten.</p>                    </div>
36208                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
36209                        
36210<a class="btn-sb&#x20;btn-primary&#x20;"
36211   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
36212   role="button"
36213   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-aus-zuckerrohr.htm"
36214   target="">
36215    
36216    <span>Zum Einweggeschirr aus Zuckerrohr</span>
36217
36218            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
36219    <title>Arrow Right</title>
36220  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
36221</svg>
36222    </a>
36223                    </div>
36224                </div>
36225            </div>
36226        </div>
36227    </div>
36228
36229    <div id="tabpanel-storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff"
36230         :role="isMobile ? 'region' : 'tabpanel'"
36231         aria-labelledby="panel-storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff"
36232         :class="{'active': activeTab === 'storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff'}"
36233         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff'">
36234                <div class="col-span-12 flex flex-wrap">
36235            <div
36236                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
36237                >
36238                <div class="featured-image flex justify-center">
36239                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
36240                         src="https://a.storyblok.com/f/174288/600x350/85818ad3d0/pla-cocktail.png"
36241                         alt="PLA&#x20;Cocktail"
36242                    >
36243                </div>
36244                            </div>
36245            <div
36246                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
36247                <div class="content w-full">
36248                                            <h2 class="text-gray-700 text-2xl">
36249                            Einweggeschirr aus Maisstärke (PLA)                        </h2>
36250                                        <div class="text-gray-700">
36251                        <p>Einer der zukunftträchtigsten <b>Bio-­Kunststoffe</b> ist das sogenannte <b>PLA/C-PLA</b>, das auf <b>Maisstärke-Basis</b> hergestellt wird und eine umweltfreundliche und formschöne Alternative zu herkömmlichem Plastik darstellt.</p>                    </div>
36252                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
36253                        
36254<a class="btn-sb&#x20;btn-primary&#x20;"
36255   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
36256   role="button"
36257   href="https://www.papstar-shop.de/produkte/einweggeschirr/pla-geschirr.htm"
36258   target="">
36259    
36260    <span>Zum Einweggeschirr aus PLA</span>
36261
36262            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
36263    <title>Arrow Right</title>
36264  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
36265</svg>
36266    </a>
36267                    </div>
36268                </div>
36269            </div>
36270        </div>
36271    </div>
36272
36273    <div id="tabpanel-storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f"
36274         :role="isMobile ? 'region' : 'tabpanel'"
36275         aria-labelledby="panel-storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f"
36276         :class="{'active': activeTab === 'storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f'}"
36277         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f'">
36278                <div class="col-span-12 flex flex-wrap">
36279            <div
36280                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
36281                >
36282                <div class="featured-image flex justify-center">
36283                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
36284                         src="https://a.storyblok.com/f/174288/600x350/8cf98f6fc5/bambus-besteck.png"
36285                         alt="Bambus&#x20;Besteck"
36286                    >
36287                </div>
36288                            </div>
36289            <div
36290                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
36291                <div class="content w-full">
36292                                            <h2 class="text-gray-700 text-2xl">
36293                            Einweggeschirr aus Bambus                        </h2>
36294                                        <div class="text-gray-700">
36295                        <p>
36295Bambus gehört zu den <b>Gräsern</b> und ist ein Rohstoff, der extrem <b>schnell nachwächst</b> und somit sehr umweltfreundlich ist. Er überzeugt durch seine <b>robuste</b> und gleichzeitig <b>leichte</b> Beschaffenheit, sowie die besondere Oberflächenstruktur, die Bambus Artikeln einen individuellen Look verleihen.</p>                    </div>
36296                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
36297                        
36298<a class="btn-sb&#x20;btn-primary&#x20;"
36299   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
36300   role="button"
36301   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-bambus.htm"
36302   target="">
36303    
36304    <span>Zum Einwegeschirr aus Bambus</span>
36305
36306            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
36307    <title>Arrow Right</title>
36308  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
36309</svg>
36310    </a>
36311                    </div>
36312                </div>
36313            </div>
36314        </div>
36315    </div>
36316
36317    <div id="tabpanel-storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c"
36318         :role="isMobile ? 'region' : 'tabpanel'"
36319         aria-labelledby="panel-storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c"
36320         :class="{'active': activeTab === 'storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c'}"
36321         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c'">
36322                <div class="col-span-12 flex flex-wrap">
36323            <div
36324                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
36325                >
36326                <div class="featured-image flex justify-center">
36327                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
36328                         src="https://a.storyblok.com/f/174288/600x350/af6df5edeb/agrarreste-teller.png"
36329                         alt="Agrarreste&#x20;Teller"
36330                    >
36331                </div>
36332                            </div>
36333            <div
36334                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
36335                <div class="content w-full">
36336                                            <h2 class="text-gray-700 text-2xl">
36337                            Einweggeschirr aus Agrarresten                        </h2>
36338                                        <div class="text-gray-700">
36339                        <p>Teller und Schalen aus Agrarresten bestehen aus <b>Pflanzenresten</b>, welche aus der landwirtschaftlichen Produktion gewonnen werden. Diese werden in der Sonne getrocknet, gemahlen und dann als <b>selbstbindende Fasern</b> zu einer Masse verarbeitet, die ähnlich wie Bagasse in Formen gespritzt und getrocknet wird. Sämtliche Produkte sind lebensmittelecht, <b>biologisch abbaubar</b> und kompostierbar.</p>                    </div>
36340                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
36341                        
36342<a class="btn-sb&#x20;btn-primary&#x20;"
36343   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
36344   role="button"
36345   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-aus-agrarresten.htm"
36346   target="">
36347    
36348    <span>Zum Agrarreste-Sortiment</span>
36349
36350            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
36351    <title>Arrow Right</title>
36352  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
36353</svg>
36354    </a>
36355                    </div>
36356                </div>
36357            </div>
36358        </div>
36359    </div>
36360                </div>
36361                            <h4>
36362                    <button
36363                        :aria-expanded="activeTab === 'storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c' && open"
36364                        aria-controls="tabpanel-storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c"
36365                        @click="setActiveTab('storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c')"
36366                        id="panel-storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c"
36367                        class="cursor-pointer font-bold p-3 mt-1 mb-0 hover:text-white text-base rounded-lg flex
36368                        justify-between items-center w-full "
36369                        :class="{'bg-secondary hover:bg-secondary text-white':
36370                            (open && activeTab === 'storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c') || activeTab === 'storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c',
36371                            'bg-container-lighter text-main hover:bg-gray-400':
36372                            (!open && activeTab !== 'storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c') || activeTab !== 'storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c',
36373                          }">
36374                        <span>❯ aus Agrarresten</span>
36375
36376                        <div
36377                            x-show="(activeTab === 'storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c' && open) || activeTab === 'storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c'">
36378                            <?xml version="1.0" encoding="utf-8"?>
36379<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
36380<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" width="8" height="8" aria-hidden="true">
36381        <title>Minus</title>
36382    <g>
36383	<g>
36384		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
36385	</g>
36386</g>
36387</svg>
36388                        </div>
36389                        <div
36390                            x-show="(activeTab !== 'storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c' && !open) || activeTab !== 'storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c'">
36391                            <?xml version="1.0" encoding="utf-8"?>
36392<!-- Generator: Adobe Illustrator 26.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
36393<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 24 24" fill="currentColor" style="enable-background:new 0 0 24 24;" xml:space="preserve" width="8" height="8" aria-hidden="true">
36394        <title>Plus Sign</title>
36395    <g>
36396	<g>
36397		<path d="M12.7,0.3C13,0.4,13,0.5,13,0.6v22.8c0,0.3-0.4,0.5-1.1,0.5S11,23.7,11,23.5V0.7c0-0.3,0.4-0.5,1.1-0.5    C12.3,0.2,12.5,0.2,12.7,0.3z"/>
36398	</g>
36399	<g>
36400		<path d="M23.7,11.3c0.1,0.2,0.1,0.4,0.1,0.7c0,0.7-0.2,1.1-0.5,1.1H0.5c-0.3,0-0.4-0.4-0.4-0.9c0-0.7,0.2-1.1,0.5-1.1h22.8    C23.5,11.1,23.6,11.1,23.7,11.3z"/>
36401	</g>
36402</g>
36403</svg>
36404                        </div>
36405                    </button>
36406                </h4>
36407                <div x-show="(activeTab === 'storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c' && open) || activeTab === 'storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c'">
36408                    
36409    <div id="tabpanel-storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2"
36410         :role="isMobile ? 'region' : 'tabpanel'"
36411         aria-labelledby="panel-storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2"
36412         :class="{'active': activeTab === 'storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2'}"
36413         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2'">
36414                <div class="col-span-12 flex flex-wrap">
36415            <div
36416                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
36417                >
36418                <div class="featured-image flex justify-center">
36419                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
36420                         src="https://a.storyblok.com/f/174288/600x350/3b014bdc8f/einweggeschirr-von-papstar-uber-4-000-produkte.jpg"
36421                         alt="Einweggeschirr&#x20;von&#x20;PAPSTAR&#x20;-&#x20;&#xFC;ber&#x20;4.000&#x20;Produkte"
36422                    >
36423                </div>
36424                            </div>
36425            <div
36426                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
36427                <div class="content w-full">
36428                                            <h2 class="text-gray-700 text-2xl">
36429                            Einweggeschirr von PAPSTAR                        </h2>
36430                                        <div class="text-gray-700">
36431                        <p>Einweggeschirr ist eine <b>praktische</b> und <b>preiswerte</b> Alternative, wenn viele Gäste professionell bewirtet werden sollen. Zudem erlaubt es ein Höchstmaß an Flexibilität, da es farblich und thematisch auf verschiedene Anlässe abgestimmt werden kann. Ob aus<b> (Bio-)Kunststoff</b>, <b>Holz</b>, <b>Palmblatt</b>, <b>Maisstärke</b> oder <b>Zuckerrohr</b> – bei PAPSTAR finden Sie immer die passende Einweg-Lösung.</p>                    </div>
36432                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
36433                        
36434<a class="btn-sb&#x20;btn-primary&#x20;"
36435   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
36436   role="button"
36437   href="https://www.papstar-shop.de/produkte/einweggeschirr.htm"
36438   target="">
36439    
36440    <span>Zum Einweggeschirr-Sortiment</span>
36441
36442            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
36443    <title>Arrow Right</title>
36444  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
36445</svg>
36446    </a>
36447                    </div>
36448                </div>
36449            </div>
36450        </div>
36451    </div>
36452
36453    <div id="tabpanel-storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202"
36454         :role="isMobile ? 'region' : 'tabpanel'"
36455         aria-labelledby="panel-storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202"
36456         :class="{'active': activeTab === 'storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202'}"
36457         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_f6c8ebc9-f275-4851-b353-1f3742064202'">
36458                <div class="col-span-12 flex flex-wrap">
36459            <div
36460                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
36461                >
36462                <div class="featured-image flex justify-center">
36463                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
36464                         src="https://a.storyblok.com/f/174288/600x350/e3c436eacb/pappe-kaffeebecher.png"
36465                         alt="Pappe&#x20;Kaffeebecher"
36466                    >
36467                </div>
36468                            </div>
36469            <div
36470                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
36471                <div class="content w-full">
36472                                            <h2 class="text-gray-700 text-2xl">
36473                            Einweggeschirr aus Pappe                        </h2>
36474                                        <div class="text-gray-700">
36475                        <p>Umweltfreundliche Pappteller &amp; Pappschalen aus <b>Frischfaser</b> stellen eine perfekte Methode dar, um Speisen aller Art zu servieren. Imbiss- und Grillgerichte, Pommes, Kuchen, Salate und andere Speisen lassen sich auch im Außer-Haus-Verkauf damit praktisch in die Hände der Kunden übergeben.</p>                    </div>
36476                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
36477                        
36478<a class="btn-sb&#x20;btn-primary&#x20;"
36479   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
36480   role="button"
36481   href="https://www.papstar-shop.de/produkte/einweggeschirr/pappgeschirr.htm"
36482   target="">
36483    
36484    <span>Zum Pappgeschirr</span>
36485
36486            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
36487    <title>Arrow Right</title>
36488  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
36489</svg>
36490    </a>
36491                    </div>
36492                </div>
36493            </div>
36494        </div>
36495    </div>
36496
36497    <div id="tabpanel-storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26"
36498         :role="isMobile ? 'region' : 'tabpanel'"
36499         aria-labelledby="panel-storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26"
36500         :class="{'active': activeTab === 'storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26'}"
36501         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_406f5aa3-8a1e-4778-8644-9b40099a3a26'">
36502                <div class="col-span-12 flex flex-wrap">
36503            <div
36504                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
36505                >
36506                <div class="featured-image flex justify-center">
36507                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
36508                         src="https://a.storyblok.com/f/174288/600x350/4672f64c03/palmblatt-schale.png"
36509                         alt="Palmblatt&#x20;Schale"
36510                    >
36511                </div>
36512                            </div>
36513            <div
36514                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
36515                <div class="content w-full">
36516                                            <h2 class="text-gray-700 text-2xl">
36517                            Einweggeschirr aus Palmblatt                        </h2>
36518                                        <div class="text-gray-700">
36519                        <p>Einweggeschirr aus Palmblatt besteht aus den <b>abgefallenen Blättern</b> der indischen <b>Areca-Nusspalme</b>
36519. Es ist in verschiedenen Größen erhältlich und perfekt geeignet für Catering- und Veranstaltungszwecke. Die <b>individuelle Oberflächenmaserung</b> macht jedes Palmblattprodukt zu einem Unikat.</p>                    </div>
36520                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
36521                        
36522<a class="btn-sb&#x20;btn-primary&#x20;"
36523   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
36524   role="button"
36525   href="https://www.papstar-shop.de/produkte/einweggeschirr/palmblattgeschirr.htm"
36526   target="">
36527    
36528    <span>Zum Palmblattgeschirr</span>
36529
36530            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
36531    <title>Arrow Right</title>
36532  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
36533</svg>
36534    </a>
36535                    </div>
36536                </div>
36537            </div>
36538        </div>
36539    </div>
36540
36541    <div id="tabpanel-storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec"
36542         :role="isMobile ? 'region' : 'tabpanel'"
36543         aria-labelledby="panel-storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec"
36544         :class="{'active': activeTab === 'storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec'}"
36545         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_69b57b4a-fb2a-43ff-8054-67f98a7f72ec'">
36546                <div class="col-span-12 flex flex-wrap">
36547            <div
36548                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
36549                >
36550                <div class="featured-image flex justify-center">
36551                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
36552                         src="https://a.storyblok.com/f/174288/600x350/8f55d71d1f/holz-schale.png"
36553                         alt="Holz&#x20;Schiffchen"
36554                    >
36555                </div>
36556                            </div>
36557            <div
36558                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
36559                <div class="content w-full">
36560                                            <h2 class="text-gray-700 text-2xl">
36561                            Einweggeschirr aus Holz                        </h2>
36562                                        <div class="text-gray-700">
36563                        <p>Dekoratives Holz-Geschirr und -Besteck ist Natur pur zum Anfassen. Holz stellt als <b>nachwachsender Rohstoff</b> ein perfektes Material für nachhaltiges Einweggeschirr dar. Besonders unsere <b>lebensmittelechten Schälchen</b> aus natürlichem Kiefernholz sind ideal für die Präsentation von Fingerfood-Spezialitäten und exklusives Catering.</p>                    </div>
36564                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
36565                        
36566<a class="btn-sb&#x20;btn-primary&#x20;"
36567   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
36568   role="button"
36569   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-aus-holz.htm"
36570   target="">
36571    
36572    <span>Zum Einweggeschirr aus Holz</span>
36573
36574            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
36575    <title>Arrow Right</title>
36576  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
36577</svg>
36578    </a>
36579                    </div>
36580                </div>
36581            </div>
36582        </div>
36583    </div>
36584
36585    <div id="tabpanel-storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd"
36586         :role="isMobile ? 'region' : 'tabpanel'"
36587         aria-labelledby="panel-storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd"
36588         :class="{'active': activeTab === 'storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd'}"
36589         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_b0c39004-7130-408e-9333-55fdb5bb50bd'">
36590                <div class="col-span-12 flex flex-wrap">
36591            <div
36592                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
36593                >
36594                <div class="featured-image flex justify-center">
36595                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
36596                         src="https://a.storyblok.com/f/174288/600x350/e199a55822/zuckerrohr-teller.png"
36597                         alt="Zuckerrohr&#x20;Teller"
36598                    >
36599                </div>
36600                            </div>
36601            <div
36602                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
36603                <div class="content w-full">
36604                                            <h2 class="text-gray-700 text-2xl">
36605                            Einweggeschirr aus Zuckerrohr                        </h2>
36606                                        <div class="text-gray-700">
36607                        <p>
36607Zuckerrohr-Teller, -Schalen und -Becher bestehen aus<b> Bagasse</b>, einem <b>Nebenprodukt der Zuckerrohrwirtschaft</b>. Die Produkte sind <b>stabil</b>, <b>biologisch abbaubar</b> und besonders für Speisen geeignet, die viel Wasser enthalten.</p>                    </div>
36608                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
36609                        
36610<a class="btn-sb&#x20;btn-primary&#x20;"
36611   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
36612   role="button"
36613   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-aus-zuckerrohr.htm"
36614   target="">
36615    
36616    <span>Zum Einweggeschirr aus Zuckerrohr</span>
36617
36618            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
36619    <title>Arrow Right</title>
36620  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
36621</svg>
36622    </a>
36623                    </div>
36624                </div>
36625            </div>
36626        </div>
36627    </div>
36628
36629    <div id="tabpanel-storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff"
36630         :role="isMobile ? 'region' : 'tabpanel'"
36631         aria-labelledby="panel-storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff"
36632         :class="{'active': activeTab === 'storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff'}"
36633         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_17d4c082-86cf-4b8a-b265-8869c20be2ff'">
36634                <div class="col-span-12 flex flex-wrap">
36635            <div
36636                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
36637                >
36638                <div class="featured-image flex justify-center">
36639                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
36640                         src="https://a.storyblok.com/f/174288/600x350/85818ad3d0/pla-cocktail.png"
36641                         alt="PLA&#x20;Cocktail"
36642                    >
36643                </div>
36644                            </div>
36645            <div
36646                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
36647                <div class="content w-full">
36648                                            <h2 class="text-gray-700 text-2xl">
36649                            Einweggeschirr aus Maisstärke (PLA)                        </h2>
36650                                        <div class="text-gray-700">
36651                        <p>Einer der zukunftträchtigsten <b>Bio-­Kunststoffe</b> ist das sogenannte <b>PLA/C-PLA</b>, das auf <b>Maisstärke-Basis</b> hergestellt wird und eine umweltfreundliche und formschöne Alternative zu herkömmlichem Plastik darstellt.</p>                    </div>
36652                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
36653                        
36654<a class="btn-sb&#x20;btn-primary&#x20;"
36655   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
36656   role="button"
36657   href="https://www.papstar-shop.de/produkte/einweggeschirr/pla-geschirr.htm"
36658   target="">
36659    
36660    <span>Zum Einweggeschirr aus PLA</span>
36661
36662            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
36663    <title>Arrow Right</title>
36664  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
36665</svg>
36666    </a>
36667                    </div>
36668                </div>
36669            </div>
36670        </div>
36671    </div>
36672
36673    <div id="tabpanel-storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f"
36674         :role="isMobile ? 'region' : 'tabpanel'"
36675         aria-labelledby="panel-storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f"
36676         :class="{'active': activeTab === 'storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f'}"
36677         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_f34b19e9-a936-4455-bec3-f7cd182efe2f'">
36678                <div class="col-span-12 flex flex-wrap">
36679            <div
36680                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
36681                >
36682                <div class="featured-image flex justify-center">
36683                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
36684                         src="https://a.storyblok.com/f/174288/600x350/8cf98f6fc5/bambus-besteck.png"
36685                         alt="Bambus&#x20;Besteck"
36686                    >
36687                </div>
36688                            </div>
36689            <div
36690                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
36691                <div class="content w-full">
36692                                            <h2 class="text-gray-700 text-2xl">
36693                            Einweggeschirr aus Bambus                        </h2>
36694                                        <div class="text-gray-700">
36695                        <p>
36695Bambus gehört zu den <b>Gräsern</b> und ist ein Rohstoff, der extrem <b>schnell nachwächst</b> und somit sehr umweltfreundlich ist. Er überzeugt durch seine <b>robuste</b> und gleichzeitig <b>leichte</b> Beschaffenheit, sowie die besondere Oberflächenstruktur, die Bambus Artikeln einen individuellen Look verleihen.</p>                    </div>
36696                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
36697                        
36698<a class="btn-sb&#x20;btn-primary&#x20;"
36699   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
36700   role="button"
36701   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-bambus.htm"
36702   target="">
36703    
36704    <span>Zum Einwegeschirr aus Bambus</span>
36705
36706            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
36707    <title>Arrow Right</title>
36708  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
36709</svg>
36710    </a>
36711                    </div>
36712                </div>
36713            </div>
36714        </div>
36715    </div>
36716
36717    <div id="tabpanel-storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c"
36718         :role="isMobile ? 'region' : 'tabpanel'"
36719         aria-labelledby="panel-storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c"
36720         :class="{'active': activeTab === 'storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c'}"
36721         x-show.transition.in.opacity.duration.600="activeTab === 'storyblok.page_ee0dd79d-64d4-434c-a5bf-6976b82e6e6c'">
36722                <div class="col-span-12 flex flex-wrap">
36723            <div
36724                class="px-6 w-full lg:w-3/12 mb-6 order-1 "
36725                >
36726                <div class="featured-image flex justify-center">
36727                    <img x-ref="featured" class="rounded-3xl" loading="lazy"
36728                         src="https://a.storyblok.com/f/174288/600x350/af6df5edeb/agrarreste-teller.png"
36729                         alt="Agrarreste&#x20;Teller"
36730                    >
36731                </div>
36732                            </div>
36733            <div
36734                class="px-6 w-full lg:w-9/12 flex items-center mb-6 order-2 ">
36735                <div class="content w-full">
36736                                            <h2 class="text-gray-700 text-2xl">
36737                            Einweggeschirr aus Agrarresten                        </h2>
36738                                        <div class="text-gray-700">
36739                        <p>Teller und Schalen aus Agrarresten bestehen aus <b>Pflanzenresten</b>, welche aus der landwirtschaftlichen Produktion gewonnen werden. Diese werden in der Sonne getrocknet, gemahlen und dann als <b>selbstbindende Fasern</b> zu einer Masse verarbeitet, die ähnlich wie Bagasse in Formen gespritzt und getrocknet wird. Sämtliche Produkte sind lebensmittelecht, <b>biologisch abbaubar</b> und kompostierbar.</p>                    </div>
36740                    <div class="mt-6 flex justify-center md:justify-start flex-wrap">
36741                        
36742<a class="btn-sb&#x20;btn-primary&#x20;"
36743   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
36744   role="button"
36745   href="https://www.papstar-shop.de/produkte/einweggeschirr/einweggeschirr-aus-agrarresten.htm"
36746   target="">
36747    
36748    <span>Zum Agrarreste-Sortiment</span>
36749
36750            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="ml-2" width="16" height="16" aria-hidden="true">
36751    <title>Arrow Right</title>
36752  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/>
36753</svg>
36754    </a>
36755                    </div>
36756                </div>
36757            </div>
36758        </div>
36759    </div>
36760                </div>
36761                    </div>
36762    </template>
36763</div>
36764
36765<script>
36766    function initTabComponent_6ac21b4551eed() {
36767        return {
36768            open: true,
36769            isMobile: false,
36770            activeTab: 'storyblok.page_85e3b709-32b1-4272-8322-b221bc5b70d2',
36771
36772            checkIsMobileResolution() {
36773                this.isMobile = window.matchMedia("(max-width: 768px)").matches;
36774            },
36775
36776            setActiveTab(key) {
36777                if (this.activeTab != key && open || !open) {
36778                    this.open = true;
36779                    this.activeTab = key;
36780
36781                    return;
36782                }
36783
36784                this.activeTab = "";
36785                this.open = false;
36786            },
36787
36788            focusTab(current, dir) {
36789                const tabs = Array.from(this.$root.querySelectorAll('[role="tab"]'))
36790                    .filter(tab => tab.offsetParent !== null);
36791                if (!tabs.length) {
36792                    return;
36793                }
36794                const index = tabs.indexOf(current);
36795                let target;
36796                if (dir === 'next') {
36797                    target = tabs[(index + 1) % tabs.length];
36798                } else if (dir === 'prev') {
36799                    target = tabs[(index - 1 + tabs.length) % tabs.length];
36800                } else if (dir === 'first') {
36801                    target = tabs[0];
36802                } else {
36803                    target = tabs[tabs.length - 1];
36804                }
36805                if (target) {
36806                    this.activeTab = target.dataset.tabKey;
36807                    target.focus();
36808                }
36809            }
36810        };
36811    }
36812</script>
36812
36813<div class="py-4&#x20;hide-on-mobile">
36814    <hr class="component border-t border-white">
36815</div>
36816
36817<style>
36818    .m-6ac21b45550e6 {
36819        margin: 0px 0px 0px 0px
36820    }
36821
36822    .p-6ac21b45550e6 {
36823        padding: 0px 0px 20px 0px    }
36824</style>
36825
36826
36827<div
36828    class="pap-grid -full-width full-width col-gap-4   m-6ac21b45550e6 p-6ac21b45550e6 "
36829    style="border-width: 0; background-color:#ffffff;">
36830            
36831<style>
36832    .p-6ac21b4555188 {
36833        padding: 0px 0px 0px 0px    }
36834</style>
36835
36836<div class="component grid-col justify-center self-center -child-center   p-6ac21b4555188"
36837     style="border-width:0px; background-color:;">
36838            <div class="child">
36839            
36840
36841<h2 class="text-center&#x20;&#x20;" style="border-width&#x3A;0px&#x3B;&#x20;padding-top&#x3A;25px&#x3B;&#x20;padding-right&#x3A;10px&#x3B;&#x20;padding-bottom&#x3A;10px&#x3B;&#x20;padding-left&#x3A;10px&#x3B;">
36842            Für jeden Bereich das passende Markenprodukt    </h2>
36843        </div>
36844            <div class="child">
36845            
36846<style>
36847    .m-6ac21b45553d7 {
36848        margin: 0px 0px 35px 0px
36849    }
36850
36851    .p-6ac21b45553d7 {
36852        padding: 0px 0px 0px 0px    }
36853</style>
36854
36855
36856<div
36857    class="pap-grid -two-sixes  col-gap-4   m-6ac21b45553d7 p-6ac21b45553d7 "
36858    style="border-width: 0; background-color:;">
36859            
36860<style>
36861    .p-6ac21b455546c {
36862        padding: 0px 0px 0px 0px    }
36863</style>
36864
36865<div class="component grid-col justify-center self-center -child-center   p-6ac21b455546c"
36866     style="border-width:0px; background-color:;">
36867            <div class="child">
36868            
36869<style>
36870    .m-6ac21b455563c {
36871        margin: 0px 0px 0px 0px
36872    }
36873
36874    .p-6ac21b455563c {
36875        padding: 0px 0px 0px 0px    }
36876</style>
36877
36878
36879<div
36880    class="pap-grid -one-eleven no-appearance col-gap-4   m-6ac21b455563c p-6ac21b455563c "
36881    style="border-width: 0; background-color: unset;">
36882            
36883<style>
36884    .p-6ac21b45556d8 {
36885        padding: 0px 0px 0px 0px    }
36886</style>
36887
36888<div class="component grid-col justify-start self-start -child-left   p-6ac21b45556d8"
36889     style="border-width:0px; background-color: unset;">
36890            <div class="child">
36891                    </div>
36892    </div>
36893            
36894<style>
36895    .p-6ac21b4555acb {
36896        padding: 0px 0px 0px 0px    }
36897</style>
36898
36899<div class="component grid-col justify-start self-start -child-left   p-6ac21b4555acb"
36900     style="border-width:0px; background-color: unset;">
36901            <div class="child">
36902            
36903<style>
36904    .m-6ac21b4555c5a {
36905        margin: 0px 0px 0px 0px
36906    }
36907
36908    .p-6ac21b4555c5a {
36909        padding: 0px 0px 0px 0px    }
36910</style>
36911
36912
36913<div
36914    class="pap-grid -six-twos  col-gap-4   m-6ac21b4555c5a p-6ac21b4555c5a "
36915    style="border-width: 0; background-color:;">
36916            
36917<style>
36918    .p-6ac21b4555d02 {
36919        padding: 2px 2px 2px 0px    }
36920</style>
36921
36922<div class="component grid-col justify-start self-start -child-left   p-6ac21b4555d02"
36923     style="border-width:0px; background-color: unset;">
36924            <div class="child">
36925            
36926    <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;produkte.htm&#x3F;marke&#x3D;482"
36927       target="_self"
36928       rel=""
36929       title="PAPSTAR&#x20;Logo">
36930        <span class="sr-only">PAPSTAR&#x20;Logo</span>
36931        
36932
36933<!-- Phase2 Mask -->
36934<!--svg width="0" height="0">
36935    <path d="M0,100 C150,200 350,0 500,100 L500,00 L0,0 Z"></path>
36936</svg-->
36937
36938    <picture class="component image hide-on-mobile">
36939                    <source srcSet="https://a.storyblok.com/f/174288/280x220/40d0c2a600/papstar.png/m/"
36940                    media="(max-width: 767px)"
36941                    type="image/webp"
36942            />
36943        
36944        <source srcSet="https://a.storyblok.com/f/174288/280x220/40d0c2a600/papstar.png/m/"
36945                media="(min-width: 768px)"
36946        />
36947        <img src="https://a.storyblok.com/f/174288/280x220/40d0c2a600/papstar.png/m/"
36948            class="picture&#x20;object-unset&#x20;rounded-3xl "
36949            alt="Nachhaltige&#x20;Einwegartikel&#x20;von&#x20;PAPSTAR"
36950            itemprop="image"
36951            loading="lazy"
36952        >
36953    </picture>
36954
36955
36956    </a>
36957        </div>
36958    </div>
36959            
36960<style>
36961    .p-6ac21b45561f9 {
36962        padding: 2px 2px 2px 0px    }
36963</style>
36964
36965<div class="component grid-col justify-start self-start -child-left   p-6ac21b45561f9"
36966     style="border-width:0px; background-color: unset;">
36967            <div class="child">
36968            
36969    <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;produkte&#x2F;bio-einweggeschirr.htm"
36970       target="_self"
36971       rel=""
36972       title="PAPSTAR&#x20;pure&#x20;Logo">
36973        <span class="sr-only">PAPSTAR&#x20;pure&#x20;Logo</span>
36974        
36975
36976<!-- Phase2 Mask -->
36977<!--svg width="0" height="0">
36978    <path d="M0,100 C150,200 350,0 500,100 L500,00 L0,0 Z"></path>
36979</svg-->
36980
36981    <picture class="component image hide-on-mobile">
36982                    <source srcSet="https://a.storyblok.com/f/174288/280x220/d3f1290f9b/papstar-pure.png/m/"
36983                    media="(max-width: 767px)"
36984                    type="image/webp"
36985            />
36986        
36987        <source srcSet="https://a.storyblok.com/f/174288/280x220/d3f1290f9b/papstar-pure.png/m/"
36988                media="(min-width: 768px)"
36989        />
36990        <img src="https://a.storyblok.com/f/174288/280x220/d3f1290f9b/papstar-pure.png/m/"
36991            class="picture&#x20;object-unset&#x20;rounded-3xl "
36992            alt="Einweggeschirr&#x20;aus&#x20;nachwachsenden&#x20;Rohstoffen&#x20;von&#x20;PAPSTAR&#x20;pure"
36993            itemprop="image"
36994            loading="lazy"
36995        >
36996    </picture>
36997
36998
36999    </a>
37000        </div>
37001    </div>
37002            
37003<style>
37004    .p-6ac21b455ff7a {
37005        padding: 2px 2px 2px 0px    }
37006</style>
37007
37008<div class="component grid-col justify-start self-start -child-left   p-6ac21b455ff7a"
37009     style="border-width:0px; background-color: unset;">
37010            <div class="child">
37011            
37012    <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;produkte.htm&#x3F;serie&#x3D;678"
37013       target="_self"
37014       rel=""
37015       title="ROyal&#x20;Collection&#x20;Logo">
37016        <span class="sr-only">ROyal&#x20;Collection&#x20;Logo</span>
37017        
37018
37019<!-- Phase2 Mask -->
37020<!--svg width="0" height="0">
37021    <path d="M0,100 C150,200 350,0 500,100 L500,00 L0,0 Z"></path>
37022</svg-->
37023
37024    <picture class="component image hide-on-mobile">
37025                    <source srcSet="https://a.storyblok.com/f/174288/280x220/c17e2229dc/royal-collection.png/m/"
37026                    media="(max-width: 767px)"
37027                    type="image/webp"
37028            />
37029        
37030        <source srcSet="https://a.storyblok.com/f/174288/280x220/c17e2229dc/royal-collection.png/m/"
37031                media="(min-width: 768px)"
37032        />
37033        <img src="https://a.storyblok.com/f/174288/280x220/c17e2229dc/royal-collection.png/m/"
37034            class="picture&#x20;object-unset&#x20;rounded-3xl "
37035            alt="Nachhaltige&#x20;L&#xF6;sungen&#x20;f&#xFC;r&#x20;den&#x20;professionell&#x20;gedeckten&#x20;Tisch&#x20;von&#x20;ROYAL&#x20;Collection"
37036            itemprop="image"
37037            loading="lazy"
37038        >
37039    </picture>
37040
37041
37042    </a>
37043        </div>
37044    </div>
37045            
37046<style>
37047    .p-6ac21b45604f2 {
37048        padding: 2px 2px 2px 0px    }
37049</style>
37050
37051<div class="component grid-col justify-start self-start -child-left   p-6ac21b45604f2"
37052     style="border-width:0px; background-color: unset;">
37053            <div class="child">
37054            
37055    <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;produkte.htm&#x3F;marke&#x3D;469"
37056       target="_self"
37057       rel=""
37058       title="STARPAK&#x20;Logo">
37059        <span class="sr-only">STARPAK&#x20;Logo</span>
37060        
37061
37062<!-- Phase2 Mask -->
37063<!--svg width="0" height="0">
37064    <path d="M0,100 C150,200 350,0 500,100 L500,00 L0,0 Z"></path>
37065</svg-->
37066
37067    <picture class="component image hide-on-mobile">
37068                    <source srcSet="https://a.storyblok.com/f/174288/280x220/a2dfd5a476/starpak.png/m/"
37069                    media="(max-width: 767px)"
37070                    type="image/webp"
37071            />
37072        
37073        <source srcSet="https://a.storyblok.com/f/174288/280x220/a2dfd5a476/starpak.png/m/"
37074                media="(min-width: 768px)"
37075        />
37076        <img src="https://a.storyblok.com/f/174288/280x220/a2dfd5a476/starpak.png/m/"
37077            class="picture&#x20;object-unset&#x20;rounded-3xl "
37078            alt="Starpak"
37079            itemprop="image"
37080            loading="lazy"
37081        >
37082    </picture>
37083
37084
37085    </a>
37086        </div>
37087    </div>
37088            
37089<style>
37090    .p-6ac21b4560979 {
37091        padding: 2px 2px 2px 0px    }
37092</style>
37093
37094<div class="component grid-col justify-start self-start -child-left   p-6ac21b4560979"
37095     style="border-width:0px; background-color: unset;">
37096            <div class="child">
37097            
37098    <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;produkte.htm&#x3F;marke&#x3D;1073"
37099       target="_self"
37100       rel=""
37101       title="GALA&#x20;Logo">
37102        <span class="sr-only">GALA&#x20;Logo</span>
37103        
37104
37105<!-- Phase2 Mask -->
37106<!--svg width="0" height="0">
37107    <path d="M0,100 C150,200 350,0 500,100 L500,00 L0,0 Z"></path>
37108</svg-->
37109
37110    <picture class="component image hide-on-mobile">
37111                    <source srcSet="https://a.storyblok.com/f/174288/280x220/554dccb6fa/gala.png/m/"
37112                    media="(max-width: 767px)"
37113                    type="image/webp"
37114            />
37115        
37116        <source srcSet="https://a.storyblok.com/f/174288/280x220/554dccb6fa/gala.png/m/"
37117                media="(min-width: 768px)"
37118        />
37119        <img src="https://a.storyblok.com/f/174288/280x220/554dccb6fa/gala.png/m/"
37120            class="picture&#x20;object-unset&#x20;rounded-3xl "
37121            alt="Qualit&#xE4;tskerzen&#x20;von&#x20;Gala"
37122            itemprop="image"
37123            loading="lazy"
37124        >
37125    </picture>
37126
37127
37128    </a>
37129        </div>
37130    </div>
37131            
37132<style>
37133    .p-6ac21b4560de3 {
37134        padding: 2px 2px 2px 0px    }
37135</style>
37136
37137<div class="component grid-col justify-start self-start -child-left   p-6ac21b4560de3"
37138     style="border-width:0px; background-color: unset;">
37139            <div class="child">
37140            
37141    <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;produkte.htm&#x3F;marke&#x3D;533"
37142       target="_self"
37143       rel=""
37144       title="Fripa&#x20;Logo">
37145        <span class="sr-only">Fripa&#x20;Logo</span>
37146        
37147
37148<!-- Phase2 Mask -->
37149<!--svg width="0" height="0">
37150    <path d="M0,100 C150,200 350,0 500,100 L500,00 L0,0 Z"></path>
37151</svg-->
37152
37153    <picture class="component image hide-on-mobile">
37154                    <source srcSet="https://a.storyblok.com/f/174288/280x220/e1ca36c02a/fripa.png/m/"
37155                    media="(max-width: 767px)"
37156                    type="image/webp"
37157            />
37158        
37159        <source srcSet="https://a.storyblok.com/f/174288/280x220/e1ca36c02a/fripa.png/m/"
37160                media="(min-width: 768px)"
37161        />
37162        <img src="https://a.storyblok.com/f/174288/280x220/e1ca36c02a/fripa.png/m/"
37163            class="picture&#x20;object-unset&#x20;rounded-3xl "
37164            alt="Hochwertige&#x20;Hygienepapiere&#x20;von&#x20;Fripa"
37165            itemprop="image"
37166            loading="lazy"
37167        >
37168    </picture>
37169
37170
37171    </a>
37172        </div>
37173    </div>
37174    </div>
37175        </div>
37176    </div>
37177    </div>
37178        </div>
37179    </div>
37180            
37181<style>
37182    .p-6ac21b4561606 {
37183        padding: 0px 0px 0px 0px    }
37184</style>
37185
37186<div class="component grid-col justify-center self-center -child-center   p-6ac21b4561606"
37187     style="border-width:0px; background-color:;">
37188            <div class="child">
37189            
37190<style>
37191    .m-6ac21b4561822 {
37192        margin: 0px 0px 0px 0px
37193    }
37194
37195    .p-6ac21b4561822 {
37196        padding: 0px 0px 0px 0px    }
37197</style>
37198
37199
37200<div
37201    class="pap-grid -eleven-one no-appearance col-gap-4   m-6ac21b4561822 p-6ac21b4561822 "
37202    style="border-width: 0; background-color: unset;">
37203            
37204<style>
37205    .p-6ac21b45618bb {
37206        padding: 0px 0px 0px 0px    }
37207</style>
37208
37209<div class="component grid-col justify-start self-start -child-left   p-6ac21b45618bb"
37210     style="border-width:0px; background-color: unset;">
37211            <div class="child">
37212            
37213<style>
37214    .m-6ac21b4561930 {
37215        margin: 0px 0px 0px 0px
37216    }
37217
37218    .p-6ac21b4561930 {
37219        padding: 0px 0px 0px 0px    }
37220</style>
37221
37222
37223<div
37224    class="pap-grid -six-twos no-appearance col-gap-4   m-6ac21b4561930 p-6ac21b4561930 "
37225    style="border-width: 0; background-color: unset;">
37226            
37227<style>
37228    .p-6ac21b45619ad {
37229        padding: 2px 2px 2px 0px    }
37230</style>
37231
37232<div class="component grid-col justify-start self-start -child-left   p-6ac21b45619ad"
37233     style="border-width:0px; background-color: unset;">
37234            <div class="child">
37235            
37236    <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;catalogsearch&#x2F;result&#x2F;index&#x2F;&#x3F;p&#x3D;3&amp;q&#x3D;Medi-Inn"
37237       target="_self"
37238       rel=""
37239       title="Medi&#x20;Inn&#x20;Logo">
37240        <span class="sr-only">Medi&#x20;Inn&#x20;Logo</span>
37241        
37242
37243<!-- Phase2 Mask -->
37244<!--svg width="0" height="0">
37245    <path d="M0,100 C150,200 350,0 500,100 L500,00 L0,0 Z"></path>
37246</svg-->
37247
37248    <picture class="component image hide-on-mobile">
37249                    <source srcSet="https://a.storyblok.com/f/174288/280x220/20805722ed/logo-medi-inn.png/m/"
37250                    media="(max-width: 767px)"
37251                    type="image/webp"
37252            />
37253        
37254        <source srcSet="https://a.storyblok.com/f/174288/280x220/20805722ed/logo-medi-inn.png/m/"
37255                media="(min-width: 768px)"
37256        />
37257        <img src="https://a.storyblok.com/f/174288/280x220/20805722ed/logo-medi-inn.png/m/"
37258            class="picture&#x20;object-unset&#x20;rounded-3xl "
37259            alt="Medizinische&#x20;Produkte&#x20;von&#x20;medi-inn"
37260            itemprop="image"
37261            loading="lazy"
37262        >
37263    </picture>
37264
37265
37266    </a>
37267        </div>
37268    </div>
37269            
37270<style>
37271    .p-6ac21b4561def {
37272        padding: 2px 2px 2px 0px    }
37273</style>
37274
37275<div class="component grid-col justify-start self-start -child-left   p-6ac21b4561def"
37276     style="border-width:0px; background-color:;">
37277            <div class="child">
37278            
37279    <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;produkte&#x2F;reinigungsmittel-putzutensilien&#x2F;putztuecher.htm&#x3F;marke&#x3D;7528"
37280       target="_self"
37281       rel=""
37282       title="Vileda&#x20;Logo">
37283        <span class="sr-only">Vileda&#x20;Logo</span>
37284        
37285
37286<!-- Phase2 Mask -->
37287<!--svg width="0" height="0">
37288    <path d="M0,100 C150,200 350,0 500,100 L500,00 L0,0 Z"></path>
37289</svg-->
37290
37291    <picture class="component image hide-on-mobile">
37292                    <source srcSet="https://a.storyblok.com/f/174288/280x220/bc2b8af63e/vileda-logo.png/m/"
37293                    media="(max-width: 767px)"
37294                    type="image/webp"
37295            />
37296        
37297        <source srcSet="https://a.storyblok.com/f/174288/280x220/bc2b8af63e/vileda-logo.png/m/"
37298                media="(min-width: 768px)"
37299        />
37300        <img src="https://a.storyblok.com/f/174288/280x220/bc2b8af63e/vileda-logo.png/m/"
37301            class="picture&#x20;object-unset&#x20;rounded-3xl "
37302            alt="Red&#x20;Vileda&#x20;logo&#x20;with&#x20;white&#x20;text&#x20;and&#x20;a&#x20;small&#x20;green&#x20;and&#x20;blue&#x20;leaf&#x20;design&#x20;above&#x20;the&#x20;&quot;i&quot;."
37303            itemprop="image"
37304            loading="lazy"
37305        >
37306    </picture>
37307
37308
37309    </a>
37310        </div>
37311    </div>
37312            
37313<style>
37314    .p-6ac21b4562256 {
37315        padding: 2px 2px 2px 0px    }
37316</style>
37317
37318<div class="component grid-col justify-start self-start -child-left   p-6ac21b4562256"
37319     style="border-width:0px; background-color: unset;">
37320            <div class="child">
37321            
37322    <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;produkte.htm&#x3F;marke&#x3D;1070"
37323       target="_self"
37324       rel=""
37325       title="Cederroth&#x20;Logo">
37326        <span class="sr-only">Cederroth&#x20;Logo</span>
37327        
37328
37329<!-- Phase2 Mask -->
37330<!--svg width="0" height="0">
37331    <path d="M0,100 C150,200 350,0 500,100 L500,00 L0,0 Z"></path>
37332</svg-->
37333
37334    <picture class="component image hide-on-mobile">
37335                    <source srcSet="https://a.storyblok.com/f/174288/280x220/1dc219e39e/cederroth.png/m/"
37336                    media="(max-width: 767px)"
37337                    type="image/webp"
37338            />
37339        
37340        <source srcSet="https://a.storyblok.com/f/174288/280x220/1dc219e39e/cederroth.png/m/"
37341                media="(min-width: 768px)"
37342        />
37343        <img src="https://a.storyblok.com/f/174288/280x220/1dc219e39e/cederroth.png/m/"
37344            class="picture&#x20;object-unset&#x20;rounded-3xl "
37345            alt="Erste&#x20;Hilfe-Produkte&#x20;von&#x20;Cederroth"
37346            itemprop="image"
37347            loading="lazy"
37348        >
37349    </picture>
37350
37351
37352    </a>
37353        </div>
37354    </div>
37355            
37356<style>
37357    .p-6ac21b4562697 {
37358        padding: 2px 2px 2px 0px    }
37359</style>
37360
37361<div class="component grid-col justify-start self-start -child-left   p-6ac21b4562697"
37362     style="border-width:0px; background-color: unset;">
37363            <div class="child">
37364            
37365    <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;produkte.htm&#x3F;marke&#x3D;7010"
37366       target="_self"
37367       rel=""
37368       title="gfl&#x20;Logo">
37369        <span class="sr-only">gfl&#x20;Logo</span>
37370        
37371
37372<!-- Phase2 Mask -->
37373<!--svg width="0" height="0">
37374    <path d="M0,100 C150,200 350,0 500,100 L500,00 L0,0 Z"></path>
37375</svg-->
37376
37377    <picture class="component image hide-on-mobile">
37378                    <source srcSet="https://a.storyblok.com/f/174288/280x220/5d77a3b7fd/gfl-skin-care.png/m/"
37379                    media="(max-width: 767px)"
37380                    type="image/webp"
37381            />
37382        
37383        <source srcSet="https://a.storyblok.com/f/174288/280x220/5d77a3b7fd/gfl-skin-care.png/m/"
37384                media="(min-width: 768px)"
37385        />
37386        <img src="https://a.storyblok.com/f/174288/280x220/5d77a3b7fd/gfl-skin-care.png/m/"
37387            class="picture&#x20;object-unset&#x20;rounded-3xl "
37388            alt="Hotelkosmetik&#x20;von&#x20;gfl&#x20;Skin&#x20;Cre"
37389            itemprop="image"
37390            loading="lazy"
37391        >
37392    </picture>
37393
37394
37395    </a>
37396        </div>
37397    </div>
37398            
37399<style>
37400    .p-6ac21b4562af3 {
37401        padding: 2px 2px 2px 0px    }
37402</style>
37403
37404<div class="component grid-col justify-start self-start -child-left   p-6ac21b4562af3"
37405     style="border-width:0px; background-color: unset;">
37406            <div class="child">
37407            
37408    <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;produkte.htm&#x3F;marke&#x3D;1031"
37409       target="_self"
37410       rel=""
37411       title="Dr.&#x20;Becher&#x20;Logo">
37412        <span class="sr-only">Dr.&#x20;Becher&#x20;Logo</span>
37413        
37414
37415<!-- Phase2 Mask -->
37416<!--svg width="0" height="0">
37417    <path d="M0,100 C150,200 350,0 500,100 L500,00 L0,0 Z"></path>
37418</svg-->
37419
37420    <picture class="component image hide-on-mobile">
37421                    <source srcSet="https://a.storyblok.com/f/174288/280x220/e1bef13ed7/logo-drbecher.png/m/"
37422                    media="(max-width: 767px)"
37423                    type="image/webp"
37424            />
37425        
37426        <source srcSet="https://a.storyblok.com/f/174288/280x220/e1bef13ed7/logo-drbecher.png/m/"
37427                media="(min-width: 768px)"
37428        />
37429        <img src="https://a.storyblok.com/f/174288/280x220/e1bef13ed7/logo-drbecher.png/m/"
37430            class="picture&#x20;object-unset&#x20;rounded-3xl "
37431            alt="Reinigungs-&#x20;und&#x20;Hygieneprodukte&#x20;von&#x20;Dr.Becher"
37432            itemprop="image"
37433            loading="lazy"
37434        >
37435    </picture>
37436
37437
37438    </a>
37439        </div>
37440    </div>
37441            
37442<style>
37443    .p-6ac21b4562f67 {
37444        padding: 2px 2px 2px 0px    }
37445</style>
37446
37447<div class="component grid-col justify-start self-start -child-left   p-6ac21b4562f67"
37448     style="border-width:0px; background-color: unset;">
37449            <div class="child">
37450            
37451    <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.de&#x2F;produkte.htm&#x3F;marke&#x3D;7031"
37452       target="_self"
37453       rel=""
37454       title="Label&#x20;Lord&#x20;Logo">
37455        <span class="sr-only">Label&#x20;Lord&#x20;Logo</span>
37456        
37457
37458<!-- Phase2 Mask -->
37459<!--svg width="0" height="0">
37460    <path d="M0,100 C150,200 350,0 500,100 L500,00 L0,0 Z"></path>
37461</svg-->
37462
37463    <picture class="component image hide-on-mobile">
37464                    <source srcSet="https://a.storyblok.com/f/174288/280x220/3ebb8a69fc/labellord.png/m/"
37465                    media="(max-width: 767px)"
37466                    type="image/webp"
37467            />
37468        
37469        <source srcSet="https://a.storyblok.com/f/174288/280x220/3ebb8a69fc/labellord.png/m/"
37470                media="(min-width: 768px)"
37471        />
37472        <img src="https://a.storyblok.com/f/174288/280x220/3ebb8a69fc/labellord.png/m/"
37473            class="picture&#x20;object-unset&#x20;rounded-3xl "
37474            alt="Food&#x20;Safety&#x20;Labeling&#x20;-&#x20;Label&#x20;Lord"
37475            itemprop="image"
37476            loading="lazy"
37477        >
37478    </picture>
37479
37480
37481    </a>
37482        </div>
37483    </div>
37484    </div>
37485        </div>
37486    </div>
37487            
37488<style>
37489    .p-6ac21b4563619 {
37490        padding: 0px 0px 0px 0px    }
37491</style>
37492
37493<div class="component grid-col justify-start self-start -child-left   p-6ac21b4563619"
37494     style="border-width:0px; background-color: unset;">
37495            <div class="child">
37496                    </div>
37497    </div>
37498    </div>
37499        </div>
37500    </div>
37501    </div>
37502        </div>
37503            <div class="child">
37504            
37505<style>
37506    .m-6ac21b4563c0a {
37507        margin: 0px 0px 0px 0px
37508    }
37509
37510    .p-6ac21b4563c0a {
37511        padding: 0px 0px 0px 0px    }
37512</style>
37513
37514
37515<div
37516    class="pap-grid -one-ten-one no-appearance col-gap-4   m-6ac21b4563c0a p-6ac21b4563c0a "
37517    style="border-width: 0; background-color: unset;">
37518            
37519<style>
37520    .p-6ac21b4563ca0 {
37521        padding: 0px 0px 0px 0px    }
37522</style>
37523
37524<div class="component grid-col justify-start self-start -child-left   p-6ac21b4563ca0"
37525     style="border-width:0px; background-color: unset;">
37526            <div class="child">
37527                    </div>
37528    </div>
37529            
37530<style>
37531    .p-6ac21b4563fa7 {
37532        padding: 10px 10px 35px 0px    }
37533</style>
37534
37535<div class="component grid-col justify-start self-start -child-left   p-6ac21b4563fa7"
37536     style="border-width:0px; background-color: unset;">
37537            <div class="child">
37538            
37539<div class="storyblok component storyblok-text &#x20;&#x20;&#x20;&#x20;&#x20;&#x20;"
37540     style="&#x20;border-width&#x3A;0px&#x3B;&#x20;padding-top&#x3A;0px&#x3B;&#x20;padding-right&#x3A;15px&#x3B;&#x20;padding-bottom&#x3A;0px&#x3B;&#x20;padding-left&#x3A;15px&#x3B;">
37541    <p>Wer bei PAPSTAR Einwegartikel kauft, entscheidet sich bewusst für ein umfangreiches und vielfältiges Sortiment von mehr als 4.000 Artikeln. PAPSTAR setzt auf moderne und umweltfreundliche Produkte aus den Bereichen Einweggeschirr, Einwegbechern, Einwegbesteck und Einwegverpackungen für Lebensmittel. Unsere Einwegartikel werden aus nachwachsenden Materialien wie Holz, Palmblatt, Bambus, Maisstärke und Zuckerrohr hergestellt - praktisch, hygienisch, preiswert und zeitsparend.</p><p>Für alle Sortimentsbereiche, die nicht zu unseren Kernkompetenzen gehören, arbeiten wir mit renommierten Partnermarken zusammen, um Ihnen ein umfangreiches Gesamtsortiment zu bieten – alles aus einer Hand.</p></div>
37542        </div>
37543    </div>
37544            
37545<style>
37546    .p-6ac21b4564315 {
37547        padding: 0px 0px 0px 0px    }
37548</style>
37549
37550<div class="component grid-col justify-start self-start -child-left   p-6ac21b4564315"
37551     style="border-width:0px; background-color: unset;">
37552            <div class="child">
37553                    </div>
37554    </div>
37555    </div>
37556        </div>
37557    </div>
37558    </div>
37559    </div>
37560 
37560<script nonce="bWRtajB5N3lhbmloZXpycWpjOTlsam0wdDc5MXNmdjM=">
37561    function hasWebP() {
37562        var elem = document.createElement('canvas');
37563
37564        if (!!(elem.getContext && elem.getContext('2d'))) {
37565            return elem.toDataURL('image/webp').indexOf('data:image/webp') === 0;
37566        }
37567        return false;
37568    }
37569
37570    if (hasWebP()) {
37571        document.body.classList.add("webp");
37572    } else {
37573        document.body.classList.add("no-webp");
37574    }</script>
vendor: 1 bytes, line 37574
37574
37575<script>
37576    const rawRequest = "";
37577    const searchRequest = rawRequest ? JSON.parse(rawRequest) : null;
37578
37579    const rawResponse = "";
37580    const searchResponse = rawResponse ? JSON.parse(rawResponse) : null;
37581
37582    const rawExecutionTime = "0";
37583    const executionTime = rawExecutionTime ? parseFloat(rawExecutionTime) : null;
37584
37585    const requestId = "8dcaf110\u002D8c4e\u002D4457\u002D80bb\u002D4780f63fccae";
37586
37587    const rawAttributes = "";
37588    const attributes = rawAttributes ? JSON.parse(rawAttributes) : null;
37589
37590    const rawPageSize = "36";
37591    const pageSize = rawPageSize ? parseInt(rawPageSize) : null;
37592
37593    const customerGroup = "b6589fc6ab0dc82cf12099d1c2d40ab994e8410c";
37594
37595    window.LiveSearchMetrics = {
37596        searchRequest,
37597        searchResponse,
37598        requestId,
37599        executionTime,
37600        attributes,
37601        pageSize,
37602        context: {
37603            'customerGroup' : customerGroup
37604        }
37605    };
37606
37607    window.addEventListener('load', function () {
37608        magentoStorefrontEvents.context.setSearchExtension({
37609            version: "4.7.2"
37610        });
37611    })
37612</script>
37612
37613
37614<section x-data="recommendedProducts_below_main_content()"
37615         x-init="initProductRecBlock()"
37616         id="recs_block_below_main_content"
37617         x-cloak>
37618    <template x-if="productBanners">
37619        <div x-ref="slider" class="splide is-overflow-sb px-10"
37620             role="group"
37621             aria-roledescription="carousel"
37622             aria-label="Produktempfehlungen"
37623             data-splide="&#x7B;&quot;type&quot;&#x3A;&quot;slide&quot;,&quot;start&quot;&#x3A;0,&quot;arrows&quot;&#x3A;true,&quot;pagination&quot;&#x3A;true,&quot;mediaQuery&quot;&#x3A;&quot;min&quot;,&quot;breakpoints&quot;&#x3A;&#x7B;&quot;480&quot;&#x3A;&#x7B;&quot;perPage&quot;&#x3A;1&#x7D;,&quot;680&quot;&#x3A;&#x7B;&quot;perPage&quot;&#x3A;2&#x7D;,&quot;1024&quot;&#x3A;&#x7B;&quot;perPage&quot;&#x3A;3&#x7D;,&quot;1280&quot;&#x3A;&#x7B;&quot;perPage&quot;&#x3A;4&#x7D;&#x7D;&#x7D;">
37624            <template x-for="banner in productBanners">
37625                <div class="product-slider mt-8 mb-16" x-intersect.once="scrollViewEvent(banner.unitId)">
37626                    <h2 x-text='banner.storefrontLabel' class="text-2xl text-center mt-8 mb-10"></h2>
37627                    <div class="splide__track">
37628                        <ul class="splide__list">
37629                            <template x-for="product in banner.products">
37630                                <li class="splide__slide px-3">
37631                                    <form method="post"
37632                                          class="item product product-item product_addtocart_form border rounded p-2.5 bg-container-white hover:shadow-lg flex flex-col w-full h-full">
37633                                        <input name="form_key" type="hidden" :value="hyva.getFormKey()" />
37634                                        <input type="hidden" name="product" x-bind:value="product.productId">
37635                                        <div class="relative product photo product-item-photo block mb-3 px-12 ">
37636                                            <a @click="recsClickEvent(banner.unitId, product.productId, product.url)"
37637                                               class="product photo product-item-photo block mx-auto mb-3 cursor-pointer"
37638                                               tabindex="-1">
37639                                                <img class="object-contain mx-auto py-3"
37640                                                     loading="lazy"
37641                                                     :alt="product.image.label || ''"
37642                                                     :title="product.image.label || ''"
37643                                                     :src="product.image.url || 'https://www.papstar-shop.de/media/catalog/product/placeholder/default/Placeholder_30x30_1.jpeg'"
37644                                                     width="360"
37645                                                     height="360">
37646                                            </a>
37647                                        </div>
37648
37649                                        <div class="product-info flex flex-col flex-grow">
37650                                            <div x-show="product.attributes.marke != ''">
37651                                                <div class="font-semibold text-base text-left"
37652                                                     :class="{'text-primary-darker': product.attributes.marke == 'PAPSTAR', 'text-black': product.attributes.marke != 'PAPSTAR'}">
37653                                                    <span x-text='product.attributes.marke'></span>
37654                                                </div>
37655                                            </div>
37656
37657                                            <div class="mt-1 text-black font-semibold text-base sm:min-h-90px text-left">
37658                                                <a class="product-item-link cursor-pointer"
37659                                                   @click="recsClickEvent(banner.unitId, product.productId, product.url)"
37660                                                   x-text="product.name"></a>
37661                                            </div>
37662
37663                                            <div class="flex mt-1 lg:mb-0 mb-1">
37664                                                <div class="mt-auto sku text-sm">
37665                                                    <span>Artikel-Nr.: </span>
37666                                                    <span x-text='product.sku'></span>
37667                                                </div>
37668                                            </div>
37669
37670                                            <template x-if="product.prices">
37671                                                <div class="flex mb-4 sm:min-h-42px w-full">
37672                                                    <div
37673                                                        class="price-box mt-3 price-final_price flex flex-wrap justify-between w-full"
37674                                                        data-role="priceBox"
37675                                                        x-bind:data-product-id="product.productId">
37676                                                        <div class="normal-price text-left">
37677                                                            <div class="price-container price-final_price tax weee">
37678                                                                <div
37679                                                                    class="old-price text-xs including-tax line-through"></div>
37680                                                                <div data-price-type="finalPrice"
37681                                                                     class="price-wrapper price-including-tax finalPrice flex items-end">
37682                                                                    <span
37683                                                                        class="tax pl-0 pr-1">Ab</span>
37684                                                                    <span class="price"
37685                                                                          x-text="hyva.formatPrice(product.prices.minimum.final)"></span>
37686                                                                    <span
37687                                                                        class="tax font-normal">ohne MwSt.</span>
37688                                                                </div>
37689                                                                <div class="unitPrice text-xs"></div>
37690                                                            </div>
37691                                                        </div>
37692                                                    </div>
37693                                                </div>
37694                                            </template>
37695                                            <div class="mt-auto pt-3 flex flex-wrap justify-center items-center">
37696                                                <button
37697                                                    class="cursor-pointer w-full btn btn-add-to-cart justify-center text-sm"
37698                                                    @click="recsClickEvent(banner.unitId, product.productId, product.url)"
37699                                                    aria-label="Zu den Produktdetails">
37700                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-7 h-7">
37701    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
37702                                                    <span class="sm:pl-2 md:hidden lg:block">
37703                                                        Zu den Produktdetails                                                    </span>
37704                                                </button>
37705                                            </div>
37706                                        </div>
37707                                    </form>
37708                                </li>
37709                            </template>
37710                        </ul>
37711                    </div>
37712                </div>
37713            </template>
37714        </div>
37715    </template>
37716</section>
37717
37718<script>
37719    function recommendedProducts_below_main_content() {
37720        return {
37721            productBanners: [],
37722            pagePreconfiguredDeferred: {},
37723            bannerPlacement: 'below-main-content',
37724
37725            initProductRecBlock: function(placement) {
37726                let self = this;
37727                window.magentoStorefrontEvents.subscribe.recsResponseReceived(function() {
37728                    let recsData = window.magentoStorefrontEvents.context.getRecommendations();
37729                    self.renderProductRecs(recsData);
37730                });
37731            },
37732            renderProductRecs: function(recsData) {
37733                let self = this;
37734
37735                recsData.units.sort((a, b) => a.displayOrder - b.displayOrder);
37736
37737                recsData.units.forEach(function(unit, index) {
37738                    if (unit.pagePlacement === self.bannerPlacement) {
37739                        self.productBanners.push(unit);
37740
37741                        /** @todo move event outside of recsResponseReceived event **/
37742                        window.magentoStorefrontEvents.publish.recsUnitRender(
37743                            unit.unitId, magentoStorefrontEvents.context
37744                        );
37745                    }
37746                });
37747            },
37748            addToCartRecsEvent: function(e, unitId, productId) {
37749                // requires recommendationsContext to be set
37750                magentoStorefrontEvents.publish.recsItemAddToCartClick(
37751                    unitId, productId, magentoStorefrontEvents.context
37752                );
37753                // Timeout to prevent submission before event has fired.
37754                setTimeout(() => e.submit(), 500);
37755            },
37756            scrollViewEvent: function(unitId) {
37757                const slider = new Splide(this.$refs.slider);
37758                slider.mount();
37759
37760                magentoStorefrontEvents.publish.recsUnitView(
37761                    unitId, magentoStorefrontEvents.context
37762                );
37763            },
37764            recsClickEvent: function(unitId, productId, productUrl) {
37765                magentoStorefrontEvents.publish.recsItemClick(
37766                    unitId, productId, magentoStorefrontEvents.context
37767                );
37768                // Timeout to prevent submission before event has fired.
37769                setTimeout(() => window.location.href = productUrl, 500);
37770            },
37771            brand: function(brandName) {
37772                console.log(brandName);
37773
37774            },
37775            createAddToCartUrl: function(productId) {
37776                const currentLocationUENC = encodeURIComponent(
37777                    this.encodeUenc(BASE_URL)
37778                );
37779                return BASE_URL +
37780                    "checkout/cart/add/uenc/" +
37781                    currentLocationUENC +
37782                    "/product/" +
37783                    productId;
37784            },
37785            encodeUenc: function(value) {
37786                const regex = /=/gi;
37787                return btoa(value).replace(regex, ",");
37788            }
37789        };
37790    }
37791</script>
37791
37792</div></div></main>
37793<footer id="footer" class="pap-footer">
37794    <div class="pap-footer-container pap-grid">
37795        
37796<div class="pap-footer-list md:border-0 pap-footer-support"
37797     x-data="accordionList6ac216b0f1700()"
37798     x-init="checkIsMobileResolution()"
37799     @resize.window.debounce="checkIsMobileResolution()"
37800     @visibilitychange.window.debounce="checkIsMobileResolution()">
37801            <h3 tabindex="0"
37802                        class="px-3 font-bold md:mt-1 mb-0 text-base flex items-center w-full text-main lg:cursor-default cursor-default max-lg:justify-center"
37803            id="tab6ac216b0f1703"
37804        >
37805            Kundensupport                    </h3>
37806    
37807    <div class="pap-footer-list-content p-3 pb-0"
37808         id="sect6ac216b0f1702"
37809         aria-labelledby="tab6ac216b0f1703"
37810                 role="region">
37811        
37812    
37813
37814<!-- Phase2 Mask -->
37815<!--svg width="0" height="0">
37816    <path d="M0,100 C150,200 350,0 500,100 L500,00 L0,0 Z"></path>
37817</svg-->
37818
37819    <picture class="component image ">
37820                    <source srcSet="https://a.storyblok.com/f/174288/68x76/e6f144181f/contact.png/m/"
37821                    media="(max-width: 767px)"
37822                    type="image/webp"
37823            />
37824        
37825        <source srcSet="https://a.storyblok.com/f/174288/68x76/e6f144181f/contact.png/m/"
37826                media="(min-width: 768px)"
37827        />
37828        <img src="https://a.storyblok.com/f/174288/68x76/e6f144181f/contact.png/m/"
37829            class="picture&#x20;object-unset&#x20; "
37830            alt="Bild&#x20;eines&#x20;Kundensupport-Mitarbeiter"
37831            itemprop="image"
37832            loading="lazy"
37833        >
37834    </picture>
37835
37836
37837<p>E-Mail: <a href="mailto:[email protected]" target="_blank">[email protected]</a></p><p>Telefon: 0 24 41 / 83-228</p><p>Montag - Freitag 8:00 bis 16:00 Uhr</p>
37838<a class="btn-sb&#x20;btn-primary&#x20;"
37839   style="margin-top&#x3A;0px&#x3B;&#x20;margin-right&#x3A;0px&#x3B;&#x20;margin-bottom&#x3A;0px&#x3B;&#x20;margin-left&#x3A;0px&#x3B;"
37840   role="button"
37841   href="https://www.papstar-shop.de/informationen/kontakt"
37842   target="">
37843    
37844    <span>Zum Kontaktformular</span>
37845
37846    </a>
37847<p><br/></p>    </div>
37848</div>
37849
37850
37851<script>
37852    function accordionList6ac216b0f1700() {
37853        return {
37854            isMobile: false,
37855            open: true,
37856
37857            checkIsMobileResolution() {
37858                this.isMobile = window.matchMedia("(max-width: 768px)").matches;
37859                this.open = this.isMobile ? false : true;
37860            },
37861
37862            toggleAccord(shouldOpen) {
37863                if (!this.isMobile) {
37864                    return;
37865                }
37866
37867                this.open = shouldOpen;
37868            }
37869        };
37870    }
37871</script>
37871
37872<div class="pap-footer-newsletter">
37873    <div class="max-lg:flex-col max-lg:w-full max-lg:justify-self-center flex lg:justify-end h-full items-center p-3">
37874        <div class="relative">
37875            <svg xmlns="http://www.w3.org/2000/svg" width="74" height="74" viewBox="0 0 74 74" fill="none" class="w-[90px] text-primary">
37876    <path d="M45.9493 69.9673L41.1521 73.5214C40.3732 74.0872 39.3465 74.158 38.4968 73.6982L33.3455 70.8514C32.8144 70.5508 32.1948 70.4624 31.6106 70.6039L25.9106 71.93C24.9724 72.1422 23.9988 71.7886 23.4146 71.0282L19.8211 66.3425C19.467 65.8827 18.9537 65.5468 18.3695 65.4407L12.634 64.2737C11.6958 64.0792 10.97 63.3719 10.7399 62.4524L9.34144 56.7234C9.19982 56.1576 8.86348 55.6448 8.38552 55.3088L3.64137 51.9316C2.86248 51.3834 2.47303 50.4286 2.65005 49.4914L3.72988 43.7271C3.83609 43.1436 3.72988 42.5247 3.41124 42.0119L0.348781 36.9548C-0.146877 36.1238 -0.111473 35.0805 0.437291 34.2848L3.80069 29.4753C4.13703 28.9979 4.29634 28.3967 4.22554 27.8132L3.58826 21.9427C3.48205 21.0056 3.9423 20.0861 4.7566 19.591L9.74858 16.5497C10.2619 16.2314 10.6337 15.754 10.8107 15.1881L12.5632 9.52987C12.8464 8.6104 13.643 7.93848 14.6167 7.83239L20.4229 7.12511C21.0248 7.05438 21.5736 6.77146 21.963 6.31173L25.8398 1.90889C26.477 1.18392 27.4684 0.901006 28.3889 1.18392L34.0004 2.86372C34.5846 3.04054 35.1865 2.98749 35.7352 2.73995L41.1344 0.229086C42.0018 -0.177602 43.0462 -0.0361454 43.772 0.60041L48.2506 4.45511C48.7109 4.84412 49.2773 5.0563 49.8792 5.0563L55.7032 4.98557C56.6591 4.98557 57.5442 5.53372 57.9513 6.40014L60.4296 11.6871C60.6775 12.2352 61.1377 12.6596 61.6865 12.9072L67.0856 15.2058C67.9707 15.5772 68.5549 16.4436 68.5726 17.3984L68.7319 23.3219C68.7319 23.9054 68.9797 24.4713 69.3692 24.9133L73.3521 29.2454C73.9894 29.9527 74.1841 30.9606 73.8124 31.8447L71.5819 37.2201C71.3518 37.7682 71.3341 38.3694 71.5111 38.9175L73.3521 44.5228C73.6531 45.4245 73.4053 46.4147 72.7149 47.069L68.4664 51.1005C68.0415 51.5072 67.776 52.0553 67.7229 52.6388L67.1564 58.527C67.0679 59.4818 66.4306 60.2952 65.5101 60.6135L59.9694 62.5231C59.4029 62.7176 58.9249 63.1243 58.624 63.6548L55.774 68.8003C55.3137 69.649 54.3932 70.1264 53.4196 70.0557L47.5956 69.5606C46.9938 69.5076 46.4096 69.6844 45.9316 70.038L45.9493 69.9673Z" fill="currentColor"/>
37877    <path d="M29.5925 33.7885C26.1937 33.7885 23.4498 31.0301 23.4498 27.6528C23.4498 24.2755 26.2114 21.5171 29.5925 21.5171C32.9735 21.5171 35.7351 24.2755 35.7351 27.6528C35.7351 31.0301 32.9735 33.7885 29.5925 33.7885ZM29.5925 24.1517C27.6629 24.1517 26.1051 25.7254 26.1051 27.6351C26.1051 29.5448 27.6806 31.1185 29.5925 31.1185C31.5043 31.1185 33.0798 29.5448 33.0798 27.6351C33.0798 25.7254 31.5043 24.1517 29.5925 24.1517Z" fill="white"/>
37878    <path d="M44.4272 52.4437C41.0284 52.4437 38.2845 49.6853 38.2845 46.3081C38.2845 42.9308 41.0461 40.1724 44.4272 40.1724C47.8083 40.1724 50.5698 42.9308 50.5698 46.3081C50.5698 49.6853 47.8083 52.4437 44.4272 52.4437ZM44.4272 42.807C42.4976 42.807 40.9399 44.363 40.9399 46.2904C40.9399 48.2177 42.5153 49.7737 44.4272 49.7737C46.339 49.7737 47.9145 48.2 47.9145 46.2904C47.9145 44.3807 46.3567 42.807 44.4272 42.807Z" fill="white"/>
37879    <path d="M26.4944 51.3657C26.1935 51.3657 25.9102 51.2773 25.6624 51.0651C25.0959 50.6054 25.0074 49.7744 25.4677 49.2085L46.4978 23.1097C46.958 22.5439 47.79 22.4555 48.3565 22.9152C48.9229 23.375 49.0114 24.206 48.5512 24.7719L27.5211 50.8706C27.2556 51.1889 26.8662 51.3657 26.4944 51.3657Z" fill="white"/>
37880</svg>
37881        </div>
37882
37883        <div class="lg:ml-8 max-lg:mt-4 max-md:w-full">
37884            <div class="text-lg mb-4 max-md:text-center">
37885                <h3 for="footer-newsletter-email">Jetzt Newsletter abonnieren und 10 % Gutschein* sichern!</h3>
37886            </div>
37887            <ul class="!flex items-center flex-wrap gap-4 max-md:flex-col md:justify-between text-xs mb-4">
37888                
37889
37890<li class="flex items-center ">
37891    <div class="flex justify-center items-center">
37892        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="fill-current" width="20" height="20" aria-hidden="true">
37893        <title>Check</title>
37894    <circle cx="32" cy="32" fill="none" r="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" d="m22.9 31.1 7.4 7.4 13.1-13.1" class="stroke-2c3e50"/></svg>
37895    </div>
37896    <div class="ml-1">Exklusive Rabatte</div>
37897</li>
37898
37899
37900<li class="flex items-center ">
37901    <div class="flex justify-center items-center">
37902        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="fill-current" width="20" height="20" aria-hidden="true">
37903        <title>Check</title>
37904    <circle cx="32" cy="32" fill="none" r="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" d="m22.9 31.1 7.4 7.4 13.1-13.1" class="stroke-2c3e50"/></svg>
37905    </div>
37906    <div class="ml-1">Themen &amp; Trends</div>
37907</li>
37908
37909
37910<li class="flex items-center ">
37911    <div class="flex justify-center items-center">
37912        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="fill-current" width="20" height="20" aria-hidden="true">
37913        <title>Check</title>
37914    <circle cx="32" cy="32" fill="none" r="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" d="m22.9 31.1 7.4 7.4 13.1-13.1" class="stroke-2c3e50"/></svg>
37915    </div>
37916    <div class="ml-1">Informationen zu Sortimentsneuheiten</div>
37917</li>
37918            </ul>
37919            <form x-data="initNewsletterForm()"
37920                  name="footer-newsletter-form"
37921                  class="flex relative"
37922                  @submit.prevent="window.location.href = formAction()">
37923                <input type="email" id="footer-newsletter-email"
37924                       placeholder="Hier E-Mail Adresse eingeben ..."
37925                       class="input-text h-12 w-full rounded max-lg:pr-16 focus:border-gray-150" />
37926                <button type="submit" class="h-full absolute right-0 w-12 -ml-12 hover:bg-gray-150 rounded-r"
37927                title="Jetzt Newsletter abonnieren und 10 % Gutschein* sichern!" aria-label="Abonnieren">
37928                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="text-black h-full mx-auto" width="22" height="22" aria-hidden="true">
37929    <title>Arrow Right</title>
37930    <path d="M12,25a1,1,0,0,1-.71-.29,1,1,0,0,1,0-1.42L18.59,16l-7.3-7.29a1,1,0,1,1,1.42-1.42l8,8a1,1,0,0,1,0,1.42l-8,8A1,1,0,0,1,12,25Z"/></svg>
37931                </button>
37932            </form>
37933            <p class="text-xs ml-4 m-4 gap-x-4">
37934                *Den Rabatt gewähren wir einmalig nur an Verwender bzw. Verbraucher unserer Produkte - nicht an Wiederverkäufer. Der Rabatt ist nicht mit anderen Rabattcodes kombinierbar.            </p>
37935        </div>
37936    </div>
37937</div>
37938
37939<script>
37940    function initNewsletterForm(){
37941        return {
37942            formAction() {
37943                // Define the URL and parameters
37944                let url = "https://app2.salesmanago.pl/cf/a9b8daa40916e68b/Signup_form_PS_DE.htm";
37945                let param = {
37946                    email: document.getElementById("footer-newsletter-email").value
37947                };
37948
37949                // Construct the URL with parameters
37950                return url + "?" + Object.keys(param).map(function(key) {
37951                    return key + "=" + encodeURIComponent(param[key]);
37952                }).join("&");
37953            }
37954        }
37955    }
37956
37957</script>
37957
37958
37959<div class="pap-footer-list md:border-0 pap-footer-service"
37960     x-data="accordionList6ac216b0f39dd()"
37961     x-init="checkIsMobileResolution()"
37962     @resize.window.debounce="checkIsMobileResolution()"
37963     @visibilitychange.window.debounce="checkIsMobileResolution()">
37964            <h3 tabindex="0"
37965                            :class="{'bg-secondary text-white': isMobile}"
37966                @click="toggleAccord(!open)"
37967                @keyup.enter="toggleAccord(!open)"
37968                :role="isMobile ? 'button' : 'heading'"
37969                :aria-expanded="open  ? 'true' : 'false'" aria-controls="sect6ac216b0f39de"
37970                        class="px-3 font-bold md:mt-1 mb-0 text-base flex items-center w-full text-main lg:cursor-default pap-footer-title max-lg:py-3 rounded-lg justify-between cursor-pointer"
37971            id="tab6ac216b0f39df"
37972        >
37973            Services                            <div x-show="isMobile"
37974                     :aria-label="open ? 'Tab&#x20;Element&#x20;ge&#xF6;ffnet&#x3A;&#x20;&#x20;Services' : 'Tab&#x20;Element&#x20;geschlossen&#x3A;&#x20;&#x20;Services'"
37975                >
37976                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" width="22" height="22" :class="{ 'transform rotate-180' : open }" aria-hidden="true"><defs><style>.cls-1{fill:none;}</style></defs>
37977    <title>Arrow down</title>
37978    <g><path d="M16,21a1,1,0,0,1-.71-.29l-8-8a1,1,0,1,1,1.42-1.42L16,18.59l7.29-7.3a1,1,0,0,1,1.42,1.42l-8,8A1,1,0,0,1,16,21Z"/></g><g><rect fill="none" height="32" width="32"/></g></svg>
37979                </div>
37980                    </h3>
37981    
37982    <div class="pap-footer-list-content p-3 pb-0"
37983         id="sect6ac216b0f39de"
37984         aria-labelledby="tab6ac216b0f39df"
37985                    x-show="open"
37986            :aria-expanded="open ? 'true' : 'false'"
37987                 role="region">
37988        <p><a href="/informationen/druckservice/" target="_self">Druckservice</a></p><p><a href="/informationen/faqs/" target="_self">FAQ</a></p><p><a href="/informationen/musterversand/" target="_self">Musterversand</a></p><p><a href="https://www.papstar-shop.de/informationen/rabattstaffel/" target="_self">Rabattstaffel</a></p><p><a href="/treueprogramm" target="_self">Treueprogramm</a></p><p><a href="/informationen/versandkosten/" target="_self">Versandinformationen</a></p><p><a href="/informationen/allgemeine-geschaftsbedingungen#bezahlung" target="_self">Zahlungsmöglichkeiten</a></p>    </div>
37989</div>
37990
37991
37992<script>
37993    function accordionList6ac216b0f39dd() {
37994        return {
37995            isMobile: false,
37996            open: true,
37997
37998            checkIsMobileResolution() {
37999                this.isMobile = window.matchMedia("(max-width: 768px)").matches;
38000                this.open = this.isMobile ? false : true;
38001            },
38002
38003            toggleAccord(shouldOpen) {
38004                if (!this.isMobile) {
38005                    return;
38006                }
38007
38008                this.open = shouldOpen;
38009            }
38010        };
38011    }
38012</script>
38012
38013
38014<div class="pap-footer-list md:border-0 pap-footer-company"
38015     x-data="accordionList6ac216b0f3cb7()"
38016     x-init="checkIsMobileResolution()"
38017     @resize.window.debounce="checkIsMobileResolution()"
38018     @visibilitychange.window.debounce="checkIsMobileResolution()">
38019            <h3 tabindex="0"
38020                            :class="{'bg-secondary text-white': isMobile}"
38021                @click="toggleAccord(!open)"
38022                @keyup.enter="toggleAccord(!open)"
38023                :role="isMobile ? 'button' : 'heading'"
38024                :aria-expanded="open  ? 'true' : 'false'" aria-controls="sect6ac216b0f3cb8"
38025                        class="px-3 font-bold md:mt-1 mb-0 text-base flex items-center w-full text-main lg:cursor-default pap-footer-title max-lg:py-3 rounded-lg justify-between cursor-pointer"
38026            id="tab6ac216b0f3cb9"
38027        >
38028            Unternehmen                            <div x-show="isMobile"
38029                     :aria-label="open ? 'Tab&#x20;Element&#x20;ge&#xF6;ffnet&#x3A;&#x20;&#x20;Unternehmen' : 'Tab&#x20;Element&#x20;geschlossen&#x3A;&#x20;&#x20;Unternehmen'"
38030                >
38031                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" width="22" height="22" :class="{ 'transform rotate-180' : open }" aria-hidden="true"><defs><style>.cls-1{fill:none;}</style></defs>
38032    <title>Arrow down</title>
38033    <g><path d="M16,21a1,1,0,0,1-.71-.29l-8-8a1,1,0,1,1,1.42-1.42L16,18.59l7.29-7.3a1,1,0,0,1,1.42,1.42l-8,8A1,1,0,0,1,16,21Z"/></g><g><rect fill="none" height="32" width="32"/></g></svg>
38034                </div>
38035                    </h3>
38036    
38037    <div class="pap-footer-list-content p-3 pb-0"
38038         id="sect6ac216b0f3cb8"
38039         aria-labelledby="tab6ac216b0f3cb9"
38040                    x-show="open"
38041            :aria-expanded="open ? 'true' : 'false'"
38042                 role="region">
38043        <p><a href="/informationen/uber-papstar/" target="_self">Über PAPSTAR</a></p><p><a href="/compliance/" target="_self">Compliance</a></p><p><a href="https://www.papstar-shop.de/informationen/glossar" target="_self">Glossar</a></p><p><a href="/karriere/" target="_self">Karriere</a></p>    </div>
38044</div>
38045
38046
38047<script>
38048    function accordionList6ac216b0f3cb7() {
38049        return {
38050            isMobile: false,
38051            open: true,
38052
38053            checkIsMobileResolution() {
38054                this.isMobile = window.matchMedia("(max-width: 768px)").matches;
38055                this.open = this.isMobile ? false : true;
38056            },
38057
38058            toggleAccord(shouldOpen) {
38059                if (!this.isMobile) {
38060                    return;
38061                }
38062
38063                this.open = shouldOpen;
38064            }
38065        };
38066    }
38067</script>
38067
38068
38069<div class="pap-footer-list md:border-0 pap-footer-legal"
38070     x-data="accordionList6ac216b0f3f3d()"
38071     x-init="checkIsMobileResolution()"
38072     @resize.window.debounce="checkIsMobileResolution()"
38073     @visibilitychange.window.debounce="checkIsMobileResolution()">
38074            <h3 tabindex="0"
38075                            :class="{'bg-secondary text-white': isMobile}"
38076                @click="toggleAccord(!open)"
38077                @keyup.enter="toggleAccord(!open)"
38078                :role="isMobile ? 'button' : 'heading'"
38079                :aria-expanded="open  ? 'true' : 'false'" aria-controls="sect6ac216b0f3f3e"
38080                        class="px-3 font-bold md:mt-1 mb-0 text-base flex items-center w-full text-main lg:cursor-default pap-footer-title max-lg:py-3 rounded-lg justify-between cursor-pointer"
38081            id="tab6ac216b0f3f3f"
38082        >
38083            Rechtliches                            <div x-show="isMobile"
38084                     :aria-label="open ? 'Tab&#x20;Element&#x20;ge&#xF6;ffnet&#x3A;&#x20;&#x20;Rechtliches' : 'Tab&#x20;Element&#x20;geschlossen&#x3A;&#x20;&#x20;Rechtliches'"
38085                >
38086                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" width="22" height="22" :class="{ 'transform rotate-180' : open }" aria-hidden="true"><defs><style>.cls-1{fill:none;}</style></defs>
38087    <title>Arrow down</title>
38088    <g><path d="M16,21a1,1,0,0,1-.71-.29l-8-8a1,1,0,1,1,1.42-1.42L16,18.59l7.29-7.3a1,1,0,0,1,1.42,1.42l-8,8A1,1,0,0,1,16,21Z"/></g><g><rect fill="none" height="32" width="32"/></g></svg>
38089                </div>
38090                    </h3>
38091    
38092    <div class="pap-footer-list-content p-3 pb-0"
38093         id="sect6ac216b0f3f3e"
38094         aria-labelledby="tab6ac216b0f3f3f"
38095                    x-show="open"
38096            :aria-expanded="open ? 'true' : 'false'"
38097                 role="region">
38098        <p><a href="/informationen/allgemeine-geschaftsbedingungen/" target="_self">AGB</a></p><p><a href="/informationen/datenschutz/" target="_self">Datenschutz</a></p><p><a href="/informationen/impressum/" target="_self">Impressum</a></p><p><a href="/informationen/widerrufsrecht/" target="_self">Widerrufsrecht</a></p><p><a href="/informationen/barrierefreiheitserklaerung" target="_self">Barrierefreiheitserklärung</a></p>    </div>
38099</div>
38100
38101
38102<script>
38103    function accordionList6ac216b0f3f3d() {
38104        return {
38105            isMobile: false,
38106            open: true,
38107
38108            checkIsMobileResolution() {
38109                this.isMobile = window.matchMedia("(max-width: 768px)").matches;
38110                this.open = this.isMobile ? true : true;
38111            },
38112
38113            toggleAccord(shouldOpen) {
38114                if (!this.isMobile) {
38115                    return;
38116                }
38117
38118                this.open = shouldOpen;
38119            }
38120        };
38121    }
38122</script>
38122
38123
38124<div class="pap-footer-list md:border-0 pap-footer-contact"
38125     x-data="accordionList6ac216b0f41e0()"
38126     x-init="checkIsMobileResolution()"
38127     @resize.window.debounce="checkIsMobileResolution()"
38128     @visibilitychange.window.debounce="checkIsMobileResolution()">
38129            <h3 tabindex="0"
38130                            :class="{'bg-secondary text-white': isMobile}"
38131                @click="toggleAccord(!open)"
38132                @keyup.enter="toggleAccord(!open)"
38133                :role="isMobile ? 'button' : 'heading'"
38134                :aria-expanded="open  ? 'true' : 'false'" aria-controls="sect6ac216b0f41e1"
38135                        class="px-3 font-bold md:mt-1 mb-0 text-base flex items-center w-full text-main lg:cursor-default pap-footer-title max-lg:py-3 rounded-lg justify-between cursor-pointer"
38136            id="tab6ac216b0f41e2"
38137        >
38138            Kontakt                            <div x-show="isMobile"
38139                     :aria-label="open ? 'Tab&#x20;Element&#x20;ge&#xF6;ffnet&#x3A;&#x20;&#x20;Kontakt' : 'Tab&#x20;Element&#x20;geschlossen&#x3A;&#x20;&#x20;Kontakt'"
38140                >
38141                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" width="22" height="22" :class="{ 'transform rotate-180' : open }" aria-hidden="true"><defs><style>.cls-1{fill:none;}</style></defs>
38142    <title>Arrow down</title>
38143    <g><path d="M16,21a1,1,0,0,1-.71-.29l-8-8a1,1,0,1,1,1.42-1.42L16,18.59l7.29-7.3a1,1,0,0,1,1.42,1.42l-8,8A1,1,0,0,1,16,21Z"/></g><g><rect fill="none" height="32" width="32"/></g></svg>
38144                </div>
38145                    </h3>
38146    
38147    <div class="pap-footer-list-content p-3 pb-0"
38148         id="sect6ac216b0f41e1"
38149         aria-labelledby="tab6ac216b0f41e2"
38150                    x-show="open"
38151            :aria-expanded="open ? 'true' : 'false'"
38152                 role="region">
38153        <p>PAPSTAR GmbH</p><p>Daimlerstraße 4-8</p><p>DE 53925 Kall</p>    </div>
38154</div>
38155
38156
38157<script>
38158    function accordionList6ac216b0f41e0() {
38159        return {
38160            isMobile: false,
38161            open: true,
38162
38163            checkIsMobileResolution() {
38164                this.isMobile = window.matchMedia("(max-width: 768px)").matches;
38165                this.open = this.isMobile ? false : true;
38166            },
38167
38168            toggleAccord(shouldOpen) {
38169                if (!this.isMobile) {
38170                    return;
38171                }
38172
38173                this.open = shouldOpen;
38174            }
38175        };
38176    }
38177</script>
38177
38178<div class="pap-footer-list md:border-0 pap-footer-switcher">
38179    <div x-data="initSwitcher()"
38180         x-on:keydown.escape.prevent.stop="close($refs.switcher)"
38181         x-on:focusin.window="! $refs.panel.contains($event.target) && close()"
38182         x-id="['switcher-button-switcher']"
38183         class="max-md:pb-4 max-md:justify-self-center max-md:pt-3">
38184        <h3 tabindex="0"
38185            class="font-bold mt-1 text-base rounded-lg flex items-center w-full bg-container-lighter text-main justify-between max-lg:py-3 px-3"
38186        >
38187            Ländershops        </h3>
38188
38189        <div x-ref="switcher"
38190             x-on:click="toggle()"
38191             aria-haspopup="listbox"
38192             aria-labelledby="footer-list-switcher-button"
38193             class="footer-list-switcher-button">
38194            <div class="flex px-3 cursor-pointer">
38195                <span class="flex items-center">
38196                    <span class="h-5 w-5 mr-2">
38197                    <img src="//a.storyblok.com/f/174288/42x30/507b132d9e/shop-deutschland.jpg"
38198                         class="rounded-full w-full h-full"
38199                         alt="Deutschland"
38200                         title="Deutschland"
38201                         loading="eager">
38202                    </span>
38203                    <span class="text-sm">Deutschland</span>
38204                </span>
38205                <span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor" class="ml-1" width="22" height="22" :class="{ 'transform rotate-180' : open }" aria-hidden="true"><defs><style>.cls-1{fill:none;}</style></defs>
38206    <title>Arrow down</title>
38207    <g><path d="M16,21a1,1,0,0,1-.71-.29l-8-8a1,1,0,1,1,1.42-1.42L16,18.59l7.29-7.3a1,1,0,0,1,1.42,1.42l-8,8A1,1,0,0,1,16,21Z"/></g><g><rect fill="none" height="32" width="32"/></g></svg>
38208</span>
38209            </div>
38210        </div>
38211
38212
38213        <!-- Panel -->
38214        <div x-ref="panel"
38215             x-show="open"
38216             x-transition.origin.top.left
38217             x-on:click.outside="close($refs.button)"
38218             :id="$id('switcher-button')"
38219             x-cloak
38220             class="footer-list-switcher-panel"
38221             tabindex="-1"
38222             role="listbox"
38223             aria-labelledby="footer-list-switcher-panel">
38224            
38225
38226    <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.at"
38227       target=""
38228       class="flex items-center"
38229       id="de-at"
38230       role="option">
38231        <img src="//a.storyblok.com/f/174288/42x30/b58985bbeb/shop-oesterreich.jpg"
38232             class="mr-2 h-5 w-5 rounded-full"
38233             alt="&#xD6;sterreich"
38234             title="&#xD6;sterreich"
38235             loading="eager">
38236        <span>Österreich</span>
38237    </a>
38238
38239    <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.nl"
38240       target=""
38241       class="flex items-center"
38242       id="nl-nl"
38243       role="option">
38244        <img src="//a.storyblok.com/f/174288/42x30/fb645fdd97/shop-niederlande.jpg"
38245             class="mr-2 h-5 w-5 rounded-full"
38246             alt="Niederlande"
38247             title="Niederlande"
38248             loading="eager">
38249        <span>Niederlande</span>
38250    </a>
38251
38252    <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.fr"
38253       target=""
38254       class="flex items-center"
38255       id="fr-fr"
38256       role="option">
38257        <img src="//a.storyblok.com/f/174288/42x30/b0c48a88b1/shop-frankreich.jpg"
38258             class="mr-2 h-5 w-5 rounded-full"
38259             alt="Frankreich"
38260             title="Frankreich"
38261             loading="eager">
38262        <span>Frankreich</span>
38263    </a>
38264
38265    <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.se"
38266       target=""
38267       class="flex items-center"
38268       id="sv-se"
38269       role="option">
38270        <img src="//a.storyblok.com/f/174288/42x30/7c735e6e46/shop-schweden.jpg"
38271             class="mr-2 h-5 w-5 rounded-full"
38272             alt="Schweden"
38273             title="Schweden"
38274             loading="eager">
38275        <span>Schweden</span>
38276    </a>
38277
38278    <a href="https&#x3A;&#x2F;&#x2F;www.papstar-shop.si&#x2F;"
38279       target=""
38280       class="flex items-center"
38281       id="sl-si"
38282       role="option">
38283        <img src="//a.storyblok.com/f/174288/42x30/4178096ff2/papstar-shop-si.png"
38284             class="mr-2 h-5 w-5 rounded-full"
38285             alt="Slowenien"
38286             title="Slowenien"
38287             loading="eager">
38288        <span>Slowenien</span>
38289    </a>
38290        </div>
38291    </div>
38292</div>
38293
38294<script>
38295    "use strict";
38296
38297    function initSwitcher() {
38298        return {
38299            open: false,
38300
38301            toggle() {
38302                if (this.open) {
38303                    return this.close();
38304                }
38305
38306                this.$refs.switcher.focus();
38307                this.open = true;
38308            },
38309            close(focusAfter) {
38310                if (!this.open) return;
38311
38312                this.open = false;
38313                focusAfter && focusAfter.focus();
38314            }
38315        };
38316    }
38317</script>
38317
38318
38319<div class="pap-footer-list md:border-0 pap-footer-media">
38320    <div class="pap-footer-list-content p-3 pb-0">
38321        <div class="footer-badges">
38322                            <div class="footer-badge">
38323                                        <a href="https://www.computerbild.de/artikel/cb-Kaufberatung-Technik-Top-Shops-Professional-2025-Logistik-39514627.html"
38324                       target="_blank"
38325                       title="TopShop&#x20;Professional&#x20;Award&#x20;2025">
38326                        <span class="sr-only">TopShop&#x20;Professional&#x20;Award&#x20;2025</span>
38327                                            <img src="https://a.storyblok.com/f/174288/2371x3543/77f234e9e9/topshop25.png"
38328                             title="TopShop&#x20;Professional&#x20;Award&#x20;2025"
38329                             alt="TopShop&#x20;Professional&#x20;Award&#x20;2025"
38330                             itemprop="image"
38331                             loading="lazy">
38332                                        </a>
38333                                    </div>
38334                            <div class="footer-badge">
38335                                        <a href="https://business.trustedshops.de/trusted-shops-award"
38336                       target="_blank"
38337                       title="">
38338                        <span class="sr-only"></span>
38339                                            <img src="https://a.storyblok.com/f/174288/499x727/64e52176cb/trustedshop_gold.png"
38340                             title=""
38341                             alt="Trusted&#x20;Shops&#x20;Gold&#x20;Shop&#x20;Award"
38342                             itemprop="image"
38343                             loading="lazy">
38344                                        </a>
38345                                    </div>
38346                    </div>
38347        <div class="sm-icons-footer pt-4 lg:pt-6">
38348            <div class="flex gap-4">
38349                                    <div class="sm-icon">
38350                        <a href="https://www.facebook.com/papstargmbh/" target="_blank"
38351                           title="icon-facebook">
38352                <span>
38353                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 32" fill="none" class="text-secondary h-7">
38354    <title>Facebook Icon</title>
38355<path d="M16.2482 32C25.0849 32 32.2485 24.8364 32.2485 15.9997C32.2485 7.16293 25.0849 -0.000671387 16.2482 -0.000671387C7.41141 -0.000671387 0.247803 7.16293 0.247803 15.9997C0.247803 24.8364 7.41141 32 16.2482 32Z" fill="currentColor"/>
38356<path fill-rule="evenodd" clip-rule="evenodd" d="M13.8916 28.0727H18.2566V18.0035H21.4809L22.1256 13.936H18.2566V10.8605C18.2566 9.71979 19.3482 9.07508 20.3893 9.07508H22.2743V5.70209L18.9013 5.55337C15.677 5.35483 13.8916 7.88457 13.8916 10.9103V13.936H10.2212V18.0035H13.8916V28.0727Z" fill="white"/>
38357</svg>
38358                </span>
38359                        </a>
38360                    </div>
38361                                    <div class="sm-icon">
38362                        <a href="https://www.instagram.com/papstar_de/" target="_blank"
38363                           title="icon-instagram">
38364                <span>
38365                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 32" fill="none" class="text-secondary h-7">
38366    <title>Instagram Icon</title>
38367    <path d="M16.2489 32C25.0856 32 32.2492 24.8364 32.2492 15.9997C32.2492 7.16293 25.0856 -0.000671387 16.2489 -0.000671387C7.41214 -0.000671387 0.248535 7.16293 0.248535 15.9997C0.248535 24.8364 7.41214 32 16.2489 32Z" fill="currentColor"/>
38368    <path fill-rule="evenodd" clip-rule="evenodd" d="M11.5419 5.80743H20.9542C23.9778 5.80743 26.4649 8.29448 26.4649 11.3181V20.6813C26.4649 23.7049 23.9778 26.192 20.9542 26.192H11.5419C8.5183 26.192 6.03125 23.7049 6.03125 20.6813V11.3181C6.03125 8.29448 8.5183 5.80743 11.5419 5.80743ZM21.7349 9.36757C22.3689 9.36757 22.9055 9.90412 22.9055 10.5382C22.9055 11.1722 22.3689 11.7087 21.7349 11.7087C21.0524 11.7087 20.5643 11.1722 20.5643 10.5382C20.5643 9.90412 21.0517 9.36757 21.7349 9.36757ZM16.2235 10.44H16.2726C19.2962 10.44 21.8324 12.9761 21.8324 15.9997C21.8324 19.0717 19.2962 21.5594 16.2726 21.5594H16.2235C13.1999 21.5594 10.7129 19.0724 10.7129 15.9997C10.7129 12.9761 13.1999 10.44 16.2235 10.44ZM16.2235 12.3421H16.2726C18.2722 12.3421 19.9302 14.0001 19.9302 15.9997C19.9302 18.0477 18.2722 19.7057 16.2726 19.7057H16.2235C14.2239 19.7057 12.5659 18.0477 12.5659 15.9997C12.5659 14.0001 14.2239 12.3421 16.2235 12.3421ZM11.591 7.56295H20.9051C23.0022 7.56295 24.7086 9.27009 24.7086 11.3665V20.6322C24.7086 22.7293 23.0015 24.4357 20.9051 24.4357H11.591C9.4939 24.4357 7.78748 22.7286 7.78748 20.6322V11.3665C7.78748 9.26937 9.49461 7.56295 11.591 7.56295Z" fill="white"/>
38369</svg>
38370                </span>
38371                        </a>
38372                    </div>
38373                                    <div class="sm-icon">
38374                        <a href="https://www.linkedin.com/company/papstar-gmbh/posts/?feedView=all" target="_blank"
38375                           title="icon-linkedin">
38376                <span>
38377                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 32" fill="none" class="text-secondary h-7">
38378    <title>LinkedIn Icon</title>
38379    <path d="M16.2496 32C25.0864 32 32.25 24.8364 32.25 15.9997C32.25 7.16293 25.0864 -0.000671387 16.2496 -0.000671387C7.41287 -0.000671387 0.249268 7.16293 0.249268 15.9997C0.249268 24.8364 7.41287 32 16.2496 32Z" fill="#414141"/>
38380    <path fill-rule="evenodd" clip-rule="evenodd" d="M7.52987 13.0187H11.1334V25.1188H7.52987V13.0187ZM9.30959 6.87976C10.5108 6.87976 11.4892 7.85821 11.4892 9.0594C11.4892 10.2606 10.5108 11.239 9.30959 11.239C8.1084 11.239 7.17407 10.2606 7.17407 9.0594C7.17407 7.85821 8.1084 6.87976 9.30959 6.87976ZM13.2682 13.0187H16.8269V14.7095C17.5834 13.5973 18.8287 12.8857 20.2526 12.8857H21.231C23.4996 12.8857 25.3235 14.7543 25.3235 16.9781V25.1188H21.7647V24.0066V18.5792C21.7199 17.2001 20.7863 16.1327 19.4072 16.1327C18.0281 16.1327 16.8718 17.2001 16.8269 18.5792V25.1188H13.2682V13.0187Z" fill="white"/>
38381</svg>
38382                </span>
38383                        </a>
38384                    </div>
38385                                    <div class="sm-icon">
38386                        <a href="https://www.youtube.com/channel/UCm8518MvENsCTKflk9hTViw" target="_blank"
38387                           title="icon-youtube">
38388                <span>
38389                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 32" fill="none" class="text-secondary h-7">
38390    <title>Youtube Icon</title>
38391    <path d="M16.2504 32C25.0871 32 32.2507 24.8364 32.2507 15.9997C32.2507 7.16293 25.0871 -0.000671387 16.2504 -0.000671387C7.4136 -0.000671387 0.25 7.16293 0.25 15.9997C0.25 24.8364 7.4136 32 16.2504 32Z" fill="currentColor"/>
38392    <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3486 9.25579C12.2643 9.10279 14.525 9.02594 16.2492 9.02594C17.9734 9.02594 20.1958 9.10279 22.1498 9.25579C24.4106 9.44721 25.5598 9.83076 25.8665 12.0915C26.0195 13.1262 26.0964 14.5437 26.0964 15.9996C26.0964 17.4556 26.0195 18.9115 25.8665 19.9077C25.5598 22.2069 24.4106 22.5513 22.1498 22.7435C20.1958 22.9349 17.9734 22.9733 16.2492 22.9733C14.525 22.9733 12.2643 22.9349 10.3486 22.7435C8.08788 22.5521 6.90022 22.2069 6.59352 19.9077C6.47824 18.9115 6.4021 17.4556 6.4021 15.9996C6.4021 14.5437 6.47895 13.1262 6.59352 12.0915C6.90022 9.83076 8.08788 9.44792 10.3486 9.25579Z" fill="white"/>
38393    <path fill-rule="evenodd" clip-rule="evenodd" d="M14.2574 13.0493L19.3916 15.9996L14.2574 18.9883V13.0493Z" fill="currentColor"/>
38394</svg>
38395                </span>
38396                        </a>
38397                    </div>
38398                            </div>
38399        </div>
38400    </div>
38401</div>
38402    </div>
38403</footer>
38404
38405<script>
38406    function dataServicesShoppingCartContextData() {
38407        return {
38408            initContext() {
38409                const cartData = this.$event.detail.data.cart;
38410                let contextCartItems = [];
38411
38412                if (cartData && cartData.items) {
38413                    cartData.items.forEach(function (item) {
38414                        contextCartItems.push({
38415                            id: item.item_id,
38416                            formattedPrice: parseFloat(item.product_price_value ? item.product_price_value : 0),
38417                            quantity: item.qty,
38418                            product: {
38419                                productType: item.product_type,
38420                                productId: item.product_id,
38421                                name: item.product_name,
38422                                sku: item.product_sku,
38423                                mainImageUrl: item.product_image.src
38424                            },
38425                            prices: {
38426                                price: {
38427                                    value: parseFloat(item.product_price_value ? item.product_price_value : 0)
38428                                }
38429                            }
38430                        });
38431                    });
38432
38433                    magentoStorefrontEvents.context.setShoppingCart({
38434                        id: cartData.dsCartId,
38435                        totalQuantity: cartData.summary_count,
38436                        prices: {
38437                            subtotalExcludingTax: {
38438                                value: parseFloat(cartData.subtotalAmountExclTax ? cartData.subtotalAmountExclTax : 0)
38439                            },
38440                            subtotalIncludingTax: {
38441                                value: parseFloat(cartData.subtotalAmount ? cartData.subtotalAmount : 0)
38442                            }
38443                        },
38444                        items: contextCartItems,
38445                        possibleOnepageCheckout: cartData.possible_onepage_checkout,
38446                        giftMessageSelected : false,
38447                        giftWrappingSelected : false
38448                    });
38449                }
38450                
38451                localStorage.setItem("ds-cart", JSON.stringify({
38452                    cart: {
38453                        items: cartData.items
38454                    }
38455                }));
38456
38457                window.dispatchEvent(new Event("shoppingCartContextSet"));
38458            }
38459        }
38460    }
38461
38462    window.addEventListener('alpine:init', () => Alpine.data('dataServicesShoppingCartContextData', dataServicesShoppingCartContextData), {once: true});
38463</script>
38463
38464
38465<div x-data="dataServicesShoppingCartContextData"
38466     @private-content-loaded.window="initContext"></div>
38467            <!-- added by Trusted Shops app: Start -->
38468                
38468<script                                     async                                                 data-desktop-y-offset="0"                                                 data-mobile-y-offset="0"                                                 data-desktop-disable-reviews="false"                                                 data-desktop-enable-custom="false"                                                 data-desktop-position="left"                                                 data-desktop-custom-width="156"                                                 data-desktop-enable-fadeout="true"                                                 data-disable-mobile="false"                                                 data-disable-trustbadge="false"                                                 data-mobile-custom-width="156"                                                 data-mobile-disable-reviews="false"                                                 data-mobile-enable-custom="false"                                                 data-mobile-position="left"                                                 charset="UTF-8"                                                 src="//widgets.trustedshops.com/js/XA63A8887DF456F3A5BC63A9266FEEB31.js"                            ></script>
38468                <!-- End -->
38469    <div class="papstar-revocation-bar bg-gray-50 text-center py-6 border-t">
38470    <a href="https://www.papstar-shop.de/widerruf/"
38471       class="border-secondary border rounded-full p-2 text-sm"
38472       data-papstar-revocation-link>
38473        Vertrag widerrufen    </a>
38474</div>
38475
38476<script>
38477    let SnapSlider = class {
38478        constructor(el, {
38479            labelSepparator = 'of',
38480            autoPager,
38481            groupPager,
38482            loop,
38483            forcePager
38484        } = {}) {
38485            this.el = el;
38486            this.track = this.el.querySelector("[data-track]");
38487            if (!this.track) {
38488                console.warn(
38489                    "No Slider track defined, reverting back to CSS slider.\nPlease create a wrapper for your slides with the attribute data-track",
38490                    this.el
38491                );
38492                return;
38493            }
38494            this.initialLoad = true;
38495            this.slides = [];
38496            this.inViewObserver;
38497            this.mutationObserver;
38498            this.resizeObserver;
38499            this.pager = this.el.querySelector("[data-pager]");
38500            this.navBtns = Array.from(
38501                this.el.querySelectorAll("[data-next], [data-prev]")
38502            );
38503            this.slideLabelSepparator = this.el.dataset.slideLabelSepparator || labelSepparator;
38504            this.useAutoPager = autoPager || this.el.hasAttribute("data-auto-pager") || false;
38505            this.useGroupPager = groupPager || this.el.hasAttribute("data-group-pager") || false;
38506            this.useLoop = loop || this.el.hasAttribute("data-loop") || false;
38507            this.forcePager = forcePager || this.el.hasAttribute("data-force-pager") || false;
38508            this.sliderLabel = this.el.hasAttribute("aria-label") && this.el.getAttribute("aria-label").toLowerCase().trim().replace(/[^a-z0-9_-]+/g, "-").replace(/^-+|-+$/g, "");
38509            this.sliderId = this.el.id || this.sliderLabel || "slider";
38510            this.markerIdName = "data-target-id";
38511            this.pagerClasses = this.el.dataset.pagerClass || "snap-pager";
38512            this.markerClasses = this.el.dataset.markerClass || "snap-marker";
38513            this.init();
38514        }
38515        init() {
38516            this.setupSlides();
38517            this.setupNav();
38518            if (this.useAutoPager) {
38519                this.createPager();
38520            } else {
38521                this.setupPager();
38522            }
38523            this.setupObservers();
38524            this.setupMutationObserver();
38525            this.setupResizeObserver();
38526            this.el.addEventListener("click", this.eventHandler.bind(this));
38527            this.el.addEventListener("keydown", this.eventHandler.bind(this));
38528            if ("onscrollend" in window) {
38529                this.track.addEventListener("scrollend", () => {
38530                    this.isNavigating = false;
38531                });
38532            } else {
38533                this.track.addEventListener("scroll", () => {
38534                    clearTimeout(this.scrollEndTimer);
38535                    this.scrollEndTimer = setTimeout(() => {
38536                        this.isNavigating = false;
38537                    }, 100);
38538                });
38539            }
38540        }
38541        destroy() {
38542            this.inViewObserver?.disconnect();
38543            this.mutationObserver?.disconnect();
38544            this.resizeObserver?.disconnect();
38545            this.el.removeEventListener("click", this.eventHandler.bind(this));
38546            this.el.removeEventListener("keydown", this.eventHandler.bind(this));
38547        }
38548        roundUpIfGreaterThan(number, min = 8) {
38549            const decimalPart = number - Math.floor(number);
38550            return decimalPart >= min ? Math.ceil(number) : Math.floor(number);
38551        }
38552        getInViewItems() {
38553            const inViewSlides = Array.from(this.track.querySelectorAll("[data-in-view]")).filter((el) => this.slides.includes(el));
38554            const firstInViewSlide = inViewSlides[0] || null;
38555            const lastInViewSlide = inViewSlides[inViewSlides.length - 1] || null;
38556            const isAtStart = firstInViewSlide === this.slides[0];
38557            const isAtEnd = lastInViewSlide === this.slides[this.slides.length - 1];
38558            return {
38559                inViewSlides,
38560                totalInViewSlides: inViewSlides.length,
38561                firstInViewSlide,
38562                lastInViewSlide,
38563                isAtStart,
38564                isAtEnd,
38565                hasNoOverflow: isAtStart && isAtEnd
38566            };
38567        }
38568        groupPagerMarkers() {
38569            if (this.slides.length === 0 || !this.pager || !this.useGroupPager) return;
38570            const totalVisibleSlides = this.roundUpIfGreaterThan(
38571                this.track.offsetWidth / this.slides[0].offsetWidth
38572            );
38573            const markers = Array.from(this.pager.querySelectorAll("a, button"));
38574            markers.forEach((marker, index) => {
38575                marker.style.display = index % totalVisibleSlides === 0 ? null : "none";
38576            });
38577        }
38578        handleInView(entries) {
38579            entries.forEach((entry) => {
38580                const marker = this.pager && (this.pager.querySelector(`[href="#${entry.target.id}"]`) || this.pager.querySelector(
38581                    `[${this.markerIdName}="${entry.target.id}"]`
38582                ));
38583                entry.target.toggleAttribute("data-in-view", entry.isIntersecting);
38584                entry.target.toggleAttribute("inert", !entry.isIntersecting);
38585                marker?.setAttribute("aria-current", entry.isIntersecting);
38586                marker?.setAttribute("tabindex", entry.isIntersecting ? "0" : "-1");
38587            });
38588            const { isAtStart, isAtEnd, hasNoOverflow } = this.getInViewItems();
38589            this.navBtns.forEach((btn) => {
38590                if (btn.hasAttribute("data-next")) {
38591                    btn.style.visibility = hasNoOverflow ? "hidden" : null;
38592                    isAtEnd && !this.useLoop ? btn.setAttribute("disabled", "") : btn.removeAttribute("disabled");
38593                }
38594                if (btn.hasAttribute("data-prev")) {
38595                    btn.style.visibility = hasNoOverflow ? "hidden" : null;
38596                    isAtStart && !this.useLoop ? btn.setAttribute("disabled", "") : btn.removeAttribute("disabled");
38597                }
38598            });
38599            if (this.pager) {
38600                const hidePager = hasNoOverflow && !this.forcePager;
38601                this.pager.style.visibility = hidePager ? "hidden" : null;
38602                this.pager.toggleAttribute("inert", hidePager);
38603            }
38604            if (!this.initialLoad) {
38605                this.el.dispatchEvent(
38606                    new CustomEvent("slideChange", {
38607                        detail: this.getInViewItems()
38608                    })
38609                );
38610            } else {
38611                this.initialLoad = false;
38612            }
38613            if (document.activeElement.parentElement.hasAttribute("data-pager")) {
38614                const activeItems = this.pager.querySelectorAll('[tabindex="0"]');
38615                if (activeItems.length) {
38616                    activeItems[0].focus({ preventScroll: true });
38617                }
38618            }
38619        }
38620        getSlides() {
38621            if (!this.track) return [];
38622            return Array.from(this.track.children).filter(
38623                (child) => child.tagName.toLowerCase() !== "template" && child.tagName.toLowerCase() !== "style" && child.tagName.toLowerCase() !== "script" && child.style.display !== "none"
38624            );
38625        }
38626        refreshSlides() {
38627            this.initialLoad = true;
38628            this.slides = this.getSlides();
38629            this.setupSlides();
38630            if (this.useAutoPager) {
38631                this.createPager();
38632            } else {
38633                this.setupPager();
38634            }
38635            this.groupPagerMarkers();
38636            this.setupObservers();
38637        }
38638        setupSlides() {
38639            this.slides = this.getSlides();
38640            this.slides.forEach((slide, index) => {
38641                const totalSlides = this.slides.length;
38642                const currentSlide = index + 1;
38643                const existingLabel = slide.getAttribute("aria-label") || "";
38644                const isImage = slide.tagName.toLowerCase() === "img" || slide.tagName.toLowerCase() === "picture";
38645                const slideLabelTag = isImage ? "alt" : "aria-label";
38646                const hasAutoLabel = existingLabel.startsWith(
38647                    `${currentSlide} ${this.slideLabelSepparator} `
38648                );
38649                if (!slide.hasAttribute("id")) {
38650                    slide.setAttribute(
38651                        "id",
38652                        `${this.sliderId}-item-${currentSlide}`
38653                    );
38654                }
38655                if (!slide.hasAttribute(slideLabelTag) || slide.getAttribute(slideLabelTag) === "" || hasAutoLabel) {
38656                    slide.setAttribute(
38657                        slideLabelTag,
38658                        `${currentSlide} ${this.slideLabelSepparator} ${totalSlides}`
38659                    );
38660                }
38661                if (slide.tagName.toLowerCase() === "div" && !slide.hasAttribute("role")) {
38662                    slide.setAttribute("role", "group");
38663                }
38664                if (this.pager && !isImage) {
38665                    slide.setAttribute("role", "tabpanel");
38666                }
38667                if (slide.getAttribute("role") === "group") {
38668                    slide.setAttribute("aria-roledescription", "item");
38669                }
38670            });
38671            if (!this.el.hasAttribute("role") && this.el.tagName !== "SECTION") {
38672                this.el.setAttribute("role", "region");
38673            }
38674            if (!this.el.hasAttribute("aria-roledescription")) {
38675                this.el.setAttribute("aria-roledescription", "carousel");
38676            }
38677            if (!this.track.hasAttribute("tabindex")) {
38678                this.track.setAttribute("tabindex", 0);
38679            }
38680            this.track.setAttribute("aria-live", "polite");
38681        }
38682        setupNav() {
38683            this.navBtns.forEach((btn) => {
38684                btn.setAttribute("disabled", "");
38685                btn.removeAttribute("hidden");
38686                btn.classList.remove("invisible");
38687                btn.style.visibility = null;
38688            });
38689        }
38690        createPager() {
38691            const newPager = document.createElement("nav");
38692            newPager.setAttribute("data-pager", "");
38693            newPager.setAttribute("role", "tablist");
38694            newPager.classList.add(...this.pagerClasses.split(" "));
38695            this.slides.forEach((slide, index) => {
38696                const marker = document.createElement("button");
38697                const slideId = slide.id || `${this.sliderId}-item-${index + 1}`;
38698                marker.setAttribute(this.markerIdName, slideId);
38699                marker.classList.add(...this.markerClasses.split(" "));
38700                this.setupPagerMarker(marker, index);
38701                newPager.appendChild(marker);
38702                if (slide.tagName.toLowerCase() !== "img" && slide.tagName.toLowerCase() !== "picture") {
38703                    slide.removeAttribute("aria-roledescription");
38704                    slide.setAttribute("role", "tabpanel");
38705                }
38706            });
38707            if (this.pager) {
38708                this.pager.setAttribute("role", "tablist");
38709                this.pager.replaceChildren(...newPager.children);
38710            } else {
38711                this.track.after(newPager);
38712                this.pager = this.el.querySelector("[data-pager]");
38713            }
38714        }
38715        setupPager() {
38716            if (!this.pager) return;
38717            this.pager.setAttribute("role", "tablist");
38718            const items = Array.from(this.pager.querySelectorAll("a, button"));
38719            items.forEach((marker, index) => this.setupPagerMarker(marker, index));
38720        }
38721        setupPagerMarker(marker, index) {
38722            const markerId = marker.getAttribute("href")?.slice(1) || marker.getAttribute(this.markerIdName);
38723            const slideId = markerId || `${this.sliderId}-item-${index + 1}`;
38724            if (!markerId) {
38725                marker.setAttribute(this.markerIdName, slideId);
38726            }
38727            marker.setAttribute("role", "tab");
38728            marker.setAttribute("aria-controls", slideId);
38729            marker.setAttribute("aria-posinset", index + 1);
38730            marker.setAttribute("aria-setsize", this.slides.length);
38731            marker.setAttribute("tabindex", "-1");
38732            if (!marker.hasAttribute("aria-label")) {
38733                marker.setAttribute("aria-label", `Slide ${index + 1}`);
38734            }
38735        }
38736        setupObservers() {
38737            if (this.inViewObserver) {
38738                this.inViewObserver.disconnect();
38739            }
38740            this.inViewObserver = new IntersectionObserver(
38741                this.handleInView.bind(this), {
38742                    root: this.track,
38743                    threshold: 0.8
38744                }
38745            );
38746            this.slides.forEach((slide) => this.inViewObserver.observe(slide));
38747        }
38748        setupMutationObserver() {
38749            this.mutationObserver = new MutationObserver((mutations) => {
38750                if (mutations.some((m) => m.type === "childList" || m.target.parentElement === this.track)) {
38751                    this.refreshSlides();
38752                }
38753            });
38754            this.mutationObserver.observe(this.track, {
38755                childList: true,
38756                subtree: true,
38757                attributeFilter: ["style"]
38758            });
38759        }
38760        setupResizeObserver() {
38761            this.resizeObserver = new ResizeObserver(
38762                this.groupPagerMarkers.bind(this)
38763            );
38764            this.resizeObserver.observe(this.el);
38765        }
38766        goToSlideDir(dir = "next") {
38767            if (this.isNavigating) return;
38768            const { firstInViewSlide, lastInViewSlide } = this.getInViewItems();
38769            const isPrev = dir === "prev";
38770            const referenceSlide = isPrev ? firstInViewSlide : lastInViewSlide;
38771            const currentIndex = this.slides.indexOf(referenceSlide);
38772            let targetIndex = isPrev ? currentIndex - 1 : currentIndex + 1;
38773            if (targetIndex < 0 || targetIndex >= this.slides.length) {
38774                if (!this.useLoop) return;
38775                targetIndex = isPrev ? this.slides.length - 1 : 0;
38776            }
38777            const targetSlide = this.slides[targetIndex];
38778            if (!targetSlide) return;
38779            this.isNavigating = true;
38780            targetSlide.scrollIntoView({
38781                block: "nearest",
38782                inline: isPrev ? "end" : "start"
38783            });
38784        }
38785        pagerToSlide(event) {
38786            if (!event.target.closest("[data-pager]")) return;
38787            const marker = event.target.closest("a, button");
38788            if (!marker) return;
38789            event.preventDefault();
38790            const slideId = marker.getAttribute("href")?.slice(1) || marker.getAttribute(this.markerIdName);
38791            const targetSlide = this.track.querySelector(`#${slideId}`);
38792            targetSlide?.scrollIntoView({ block: "nearest", inline: "start" });
38793        }
38794        eventHandler(event) {
38795            const target = event.target.closest(
38796                "[data-next], [data-prev], [data-pager]"
38797            );
38798            if (!target) return;
38799            if (event.type === "click") {
38800                if (target.hasAttribute("data-next")) {
38801                    this.goToSlideDir("next");
38802                } else if (target.hasAttribute("data-prev")) {
38803                    this.goToSlideDir("prev");
38804                } else if (target.closest("[data-pager]")) {
38805                    this.pagerToSlide(event);
38806                }
38807            }
38808            if (event.type === "keydown" && target.closest("[data-pager]")) {
38809                if (event.key === "ArrowRight" || event.key === "ArrowDown") {
38810                    event.preventDefault();
38811                    this.goToSlideDir("next");
38812                } else if (event.key === "ArrowLeft" || event.key === "ArrowUp") {
38813                    event.preventDefault();
38814                    this.goToSlideDir("prev");
38815                }
38816            }
38817        }
38818    };
38819
38820    (() => {
38821        function alpineSnapSlider(Alpine) {
38822            Alpine.directive("snap-slider", (el, {
38823                modifiers
38824            }, {
38825                cleanup
38826            }) => {
38827                const slider = new SnapSlider(el, {
38828                    autoPager: modifiers.includes("auto-pager"),
38829                    groupPager: modifiers.includes("group-pager"),
38830                    loop: modifiers.includes("loop"),
38831                    forcePager: modifiers.includes("force-pager")
38832                });
38833                cleanup(() => {
38834                    slider.destroy();
38835                });
38836            });
38837        }
38838
38839        document.addEventListener("alpine:init", () => {
38840            window.Alpine.plugin(alpineSnapSlider);
38841        });
38842    })();
38843    //# sourceURL=alpine-snap-slider.js
38844</script>
vendor: 1 bytes, line 38844
38844
38845<script>
38846    (() => {
38847        'use strict';
38848
38849        if (typeof SnapSlider === 'undefined') {
38850            return;
38851        }
38852
38853        const RESIZE_DEBOUNCE_MS = 150;
38854        const SCROLL_FALLBACK_THROTTLE_MS = 100;
38855
38856        window.AmSnapSlider = class AmSnapSlider extends SnapSlider {
38857            init() {
38858                this.useInfinite = this.el.hasAttribute('data-am-infinity-loop');
38859
38860                super.init();
38861
38862                if (!this.useInfinite || !this.track) {
38863                    return;
38864                }
38865
38866                this._cloneCount = 0;
38867                this._isCloning = false;
38868                this._isJumping = false;
38869                this._onInfiniteScrollEnd = this._onInfiniteScrollEnd.bind(this);
38870
38871                this._setupInfiniteLoop();
38872                this._bindInfiniteScrollEnd();
38873            }
38874
38875            getSlides() {
38876                const slides = super.getSlides();
38877
38878                if (!this.useInfinite) {
38879                    return slides;
38880                }
38881
38882                return slides.filter((child) => !child.hasAttribute('data-clone'));
38883            }
38884
38885            refreshSlides() {
38886                if (!this.useInfinite) {
38887                    return super.refreshSlides();
38888                }
38889
38890                if (this._isCloning) {
38891                    return;
38892                }
38893
38894                this._removeClones();
38895                super.refreshSlides();
38896                this._setupInfiniteLoop();
38897            }
38898
38899            setupResizeObserver() {
38900                this.resizeObserver = new ResizeObserver(() => {
38901                    requestAnimationFrame(() => {
38902                        if (this._isCloning || this._isJumping) {
38903                            return;
38904                        }
38905
38906                        this.groupPagerMarkers();
38907
38908                        if (!this.useInfinite) {
38909                            return;
38910                        }
38911
38912                        clearTimeout(this._resizeInfiniteTimer);
38913                        this._resizeInfiniteTimer = setTimeout(() => {
38914                            this._setupInfiniteLoop();
38915                        }, RESIZE_DEBOUNCE_MS);
38916                    });
38917                });
38918                this.resizeObserver.observe(this.el);
38919            }
38920
38921            goToSlideDir(dir = 'next') {
38922                if (!this.useInfinite || !this._cloneCount) {
38923                    return super.goToSlideDir(dir);
38924                }
38925
38926                if (this.isNavigating || this._isJumping) {
38927                    return;
38928                }
38929
38930                const allSlides = this._getAllTrackSlides();
38931
38932                if (!allSlides.length) {
38933                    return;
38934                }
38935
38936                // Same page-step as SnapSlider: next from last in-view, prev from first.
38937                const inViewSlides = this._getVisibleTrackSlides(allSlides);
38938                const isPrev = dir === 'prev';
38939                const referenceSlide = isPrev
38940                    ? inViewSlides[0]
38941                    : inViewSlides[inViewSlides.length - 1];
38942                const currentIndex = allSlides.indexOf(referenceSlide);
38943
38944                if (currentIndex < 0) {
38945                    return;
38946                }
38947
38948                const targetIndex = isPrev ? currentIndex - 1 : currentIndex + 1;
38949
38950                if (targetIndex < 0 || targetIndex >= allSlides.length) {
38951                    return;
38952                }
38953
38954                const targetSlide = allSlides[targetIndex];
38955
38956                if (!targetSlide) {
38957                    return;
38958                }
38959
38960                this.isNavigating = true;
38961                targetSlide.scrollIntoView({
38962                    block: 'nearest',
38963                    inline: isPrev ? 'end' : 'start'
38964                });
38965            }
38966
38967            handleInView(entries) {
38968                if (!this.useInfinite) {
38969                    return super.handleInView(entries);
38970                }
38971
38972                const realEntries = [];
38973
38974                entries.forEach((entry) => {
38975                    if (entry.target.hasAttribute('data-clone')) {
38976                        entry.target.toggleAttribute('data-in-view', entry.isIntersecting);
38977                        entry.target.setAttribute('inert', '');
38978                        entry.target.setAttribute('aria-hidden', 'true');
38979                        return;
38980                    }
38981
38982                    realEntries.push(entry);
38983                });
38984
38985                if (realEntries.length) {
38986                    super.handleInView(realEntries);
38987                }
38988
38989                this.navBtns.forEach((btn) => {
38990                    btn.removeAttribute('disabled');
38991                    btn.style.visibility = null;
38992                });
38993            }
38994
38995            destroy() {
38996                if (this.useInfinite) {
38997                    this._unbindInfiniteScrollEnd();
38998                    clearTimeout(this._resizeInfiniteTimer);
38999                    clearTimeout(this._infiniteScrollTimer);
39000                    this._removeClones();
39001                }
39002
39003                super.destroy();
39004            }
39005
39006            _getAllTrackSlides() {
39007                return this.track ? super.getSlides() : [];
39008            }
39009
39010            _getClosestSlideIndex(slides) {
39011                const trackLeft = this.track.getBoundingClientRect().left;
39012                let closest = 0;
39013                let minDist = Infinity;
39014
39015                slides.forEach((slide, index) => {
39016                    const dist = Math.abs(slide.getBoundingClientRect().left - trackLeft);
39017                    if (dist < minDist) {
39018                        minDist = dist;
39019                        closest = index;
39020                    }
39021                });
39022
39023                return closest;
39024            }
39025
39026            _getVisibleTrackSlides(slides) {
39027                const marked = slides.filter((slide) => slide.hasAttribute('data-in-view'));
39028                if (marked.length) {
39029                    return marked;
39030                }
39031
39032                const trackRect = this.track.getBoundingClientRect();
39033                const threshold = 0.8;
39034
39035                return slides.filter((slide) => {
39036                    const rect = slide.getBoundingClientRect();
39037                    const visibleWidth = Math.min(rect.right, trackRect.right)
39038                        - Math.max(rect.left, trackRect.left);
39039
39040                    if (visibleWidth <= 0) {
39041                        return false;
39042                    }
39043
39044                    return (visibleWidth / Math.max(rect.width, 1)) >= threshold;
39045                });
39046            }
39047
39048            _getSlideScrollLeft(slide) {
39049                const trackRect = this.track.getBoundingClientRect();
39050                const slideRect = slide.getBoundingClientRect();
39051
39052                return this.track.scrollLeft + (slideRect.left - trackRect.left);
39053            }
39054
39055            _createClone(slide, position, index) {
39056                const clone = slide.cloneNode(true);
39057                const baseId = slide.id || `${this.sliderId}-item-${index + 1}`;
39058
39059                clone.setAttribute('data-clone', position);
39060                clone.setAttribute('data-clone-of', baseId);
39061                clone.setAttribute('aria-hidden', 'true');
39062                clone.setAttribute('inert', '');
39063                clone.setAttribute('x-ignore', '');
39064                clone.id = `${baseId}-clone-${position}-${index}`;
39065                clone.removeAttribute('data-in-view');
39066
39067                clone.querySelectorAll('[id]').forEach((el) => {
39068                    if (el !== clone) {
39069                        el.removeAttribute('id');
39070                    }
39071                });
39072                clone.querySelectorAll('[name]').forEach((el) => {
39073                    el.removeAttribute('name');
39074                });
39075
39076                return clone;
39077            }
39078
39079            _removeClones() {
39080                if (!this.track) {
39081                    return;
39082                }
39083
39084                this.track.querySelectorAll('[data-clone]').forEach((clone) => {
39085                    clone.remove();
39086                });
39087                this._cloneCount = 0;
39088            }
39089
39090            _silentScrollTo(slide) {
39091                if (!slide || !this.track) {
39092                    return;
39093                }
39094
39095                this._isJumping = true;
39096
39097                const track = this.track;
39098                const prevBehavior = track.style.scrollBehavior;
39099                const prevSnap = track.style.scrollSnapType;
39100
39101                track.style.scrollBehavior = 'auto';
39102                track.style.scrollSnapType = 'none';
39103                track.scrollLeft = this._getSlideScrollLeft(slide);
39104
39105                requestAnimationFrame(() => {
39106                    track.style.scrollBehavior = prevBehavior;
39107                    track.style.scrollSnapType = prevSnap;
39108                    this._isJumping = false;
39109                    this.isNavigating = false;
39110                });
39111            }
39112
39113            _canUseInfinite(realSlides) {
39114                if (!realSlides.length || realSlides.length < 2) {
39115                    return false;
39116                }
39117
39118                return this.track.scrollWidth > this.track.clientWidth + 1;
39119            }
39120
39121            _setupInfiniteLoop() {
39122                if (!this.useInfinite || !this.track || this._isCloning) {
39123                    return;
39124                }
39125
39126                this._isCloning = true;
39127                this.mutationObserver?.disconnect();
39128
39129                let restoreIndex = 0;
39130                const { firstInViewSlide } = this.getInViewItems();
39131                const currentIndex = this.slides.indexOf(firstInViewSlide);
39132
39133                if (currentIndex >= 0) {
39134                    restoreIndex = currentIndex;
39135                }
39136
39137                this._removeClones();
39138
39139                const realSlides = this.getSlides();
39140
39141                this.slides = realSlides;
39142
39143                if (!this._canUseInfinite(realSlides)) {
39144                    this._cloneCount = 0;
39145                    this._isCloning = false;
39146                    this._reobserveMutations();
39147                    this.setupObservers();
39148
39149                    return;
39150                }
39151
39152                const slideWidth = realSlides[0].offsetWidth || 1;
39153                const visibleCount = Math.max(
39154                    1,
39155                    this.roundUpIfGreaterThan(this.track.offsetWidth / slideWidth)
39156                );
39157
39158                this._cloneCount = Math.min(visibleCount, realSlides.length);
39159
39160                const prependFragment = document.createDocumentFragment();
39161
39162                for (let i = realSlides.length - this._cloneCount; i < realSlides.length; i++) {
39163                    prependFragment.appendChild(
39164                        this._createClone(realSlides[i], 'pre', i)
39165                    );
39166                }
39167                this.track.insertBefore(prependFragment, this.track.firstChild);
39168
39169                const appendFragment = document.createDocumentFragment();
39170                for (let i = 0; i < this._cloneCount; i++) {
39171                    appendFragment.appendChild(
39172                        this._createClone(realSlides[i], 'post', i)
39173                    );
39174                }
39175                this.track.appendChild(appendFragment);
39176
39177                this.slides = this.getSlides();
39178                this.setupObservers();
39179
39180                this._getAllTrackSlides().forEach((slide) => {
39181                    if (slide.hasAttribute('data-clone')) {
39182                        this.inViewObserver.observe(slide);
39183                    }
39184                });
39185
39186                const target = this.slides[restoreIndex] || this.slides[0];
39187                requestAnimationFrame(() => {
39188                    this._silentScrollTo(target);
39189                    this._isCloning = false;
39190                    this._reobserveMutations();
39191                });
39192            }
39193
39194            _reobserveMutations() {
39195                if (!this.mutationObserver || !this.track) {
39196                    return;
39197                }
39198
39199                // Same as base SnapSlider. Watching `style` re-enters refreshSlides
39200                // when _silentScrollTo toggles scrollBehavior / scrollSnapType.
39201                this.mutationObserver.observe(this.track, {
39202                    childList: true,
39203                    subtree: false
39204                });
39205            }
39206
39207            _bindInfiniteScrollEnd() {
39208                if (!this.track) {
39209                    return;
39210                }
39211
39212                if ('onscrollend' in window) {
39213                    this.track.addEventListener('scrollend', this._onInfiniteScrollEnd);
39214                    return;
39215                }
39216
39217                this._onInfiniteScrollFallback = () => {
39218                    clearTimeout(this._infiniteScrollTimer);
39219                    this._infiniteScrollTimer = setTimeout(() => {
39220                        this._onInfiniteScrollEnd();
39221                    }, SCROLL_FALLBACK_THROTTLE_MS);
39222                };
39223                this.track.addEventListener('scroll', this._onInfiniteScrollFallback);
39224            }
39225
39226            _unbindInfiniteScrollEnd() {
39227                if (!this.track) {
39228                    return;
39229                }
39230
39231                this.track.removeEventListener('scrollend', this._onInfiniteScrollEnd);
39232                if (this._onInfiniteScrollFallback) {
39233                    this.track.removeEventListener('scroll', this._onInfiniteScrollFallback);
39234                }
39235            }
39236
39237            _onInfiniteScrollEnd() {
39238                if (this._isJumping || this._isCloning || this._isSimulateDragging) {
39239                    return;
39240                }
39241
39242                if (!this.useInfinite || !this._cloneCount) {
39243                    this.isNavigating = false;
39244
39245                    return;
39246                }
39247
39248                const allSlides = this._getAllTrackSlides();
39249                const realCount = this.slides.length;
39250
39251                if (!realCount || allSlides.length < realCount + this._cloneCount) {
39252                    this.isNavigating = false;
39253
39254                    return;
39255                }
39256
39257                const currentIndex = this._getClosestSlideIndex(allSlides);
39258
39259                if (currentIndex < this._cloneCount) {
39260                    this._silentScrollTo(allSlides[currentIndex + realCount]);
39261
39262                    return;
39263                }
39264
39265                if (currentIndex >= this._cloneCount + realCount) {
39266                    this._silentScrollTo(allSlides[currentIndex - realCount]);
39267
39268                    return;
39269                }
39270
39271                this.isNavigating = false;
39272            }
39273        };
39274
39275        function alpineAmSnapSlider(Alpine) {
39276            Alpine.directive('am-snap-slider', (el, { modifiers }, { cleanup }) => {
39277                const slider = new window.AmSnapSlider(el, {
39278                    autoPager: modifiers.includes('auto-pager'),
39279                    groupPager: modifiers.includes('group-pager')
39280                });
39281                cleanup(() => {
39282                    slider.destroy();
39283                });
39284            });
39285        }
39286
39287        document.addEventListener('alpine:init', () => {
39288            window.Alpine.plugin(alpineAmSnapSlider);
39289        });
39290    })();
39291</script>
vendor: 1 bytes, line 39291
39291
39292<script>
39293    (() => {
39294        'use strict';
39295
39296        if (typeof window.AmSnapSlider === 'undefined') {
39297            return;
39298        }
39299
39300        // Ignore tiny jitter so a plain click on an item still opens the link.
39301        const DRAG_THRESHOLD_PX = 8;
39302
39303        // Listeners that only exist while an actual drag is in progress.
39304        const DOC_DRAG_EVENTS = ['pointermove', 'pointerup', 'pointercancel'];
39305
39306        const AmSnapSliderBase = window.AmSnapSlider;
39307
39308        window.AmSnapSlider = class AmSnapSlider extends AmSnapSliderBase {
39309            init() {
39310                this.useSimulateTouch = this.el.hasAttribute('data-am-simulate-touch');
39311
39312                super.init();
39313
39314                if (!this.useSimulateTouch || !this.track) {
39315                    return;
39316                }
39317
39318                this._dragTracking = false;
39319                this._dragMoved = false;
39320                this._isSimulateDragging = false;
39321                this._dragStartX = 0;
39322                this._dragScrollLeft = 0;
39323                this._dragPointerId = null;
39324                this._suppressClick = false;
39325
39326                this._onSimulatePointerDown = this._onSimulatePointerDown.bind(this);
39327                this._onSimulatePointerMove = this._onSimulatePointerMove.bind(this);
39328                this._onSimulatePointerUp = this._onSimulatePointerUp.bind(this);
39329                this._onSimulateClickCapture = this._onSimulateClickCapture.bind(this);
39330                this._onSimulateDragStart = this._onSimulateDragStart.bind(this);
39331
39332                this._bindSimulateTouch();
39333            }
39334
39335            destroy() {
39336                if (this.useSimulateTouch) {
39337                    this._unbindSimulateTouch();
39338                }
39339
39340                super.destroy();
39341            }
39342
39343            _bindSimulateTouch() {
39344                if (!this.track) {
39345                    return;
39346                }
39347
39348                this.track.classList.add('am-snap-simulate-touch');
39349                this.track.addEventListener('pointerdown', this._onSimulatePointerDown);
39350                this.track.addEventListener('dragstart', this._onSimulateDragStart, true);
39351                this.track.addEventListener('click', this._onSimulateClickCapture, true);
39352            }
39353
39354            _unbindSimulateTouch() {
39355                if (!this.track) {
39356                    return;
39357                }
39358
39359                this._endSimulateDrag();
39360                this.track.classList.remove('am-snap-simulate-touch', 'is-dragging');
39361                this.track.removeEventListener('pointerdown', this._onSimulatePointerDown);
39362                this.track.removeEventListener('dragstart', this._onSimulateDragStart, true);
39363                this.track.removeEventListener('click', this._onSimulateClickCapture, true);
39364            }
39365
39366            _onSimulateDragStart(event) {
39367                event.preventDefault();
39368            }
39369
39370            _onSimulatePointerDown(event) {
39371                if (event.pointerType !== 'mouse' || event.button !== 0) {
39372                    return;
39373                }
39374
39375                if (this._isJumping || this._isCloning || !this.track) {
39376                    return;
39377                }
39378
39379                this._dragTracking = true;
39380                this._dragMoved = false;
39381                this._suppressClick = false;
39382                this._dragStartX = event.clientX;
39383                this._dragScrollLeft = this.track.scrollLeft;
39384                this._dragPointerId = event.pointerId;
39385
39386                DOC_DRAG_EVENTS.forEach((name) => {
39387                    const handler = name === 'pointermove'
39388                        ? this._onSimulatePointerMove
39389                        : this._onSimulatePointerUp;
39390                    document.addEventListener(name, handler);
39391                });
39392            }
39393
39394            _onSimulatePointerMove(event) {
39395                if (!this._dragTracking || event.pointerId !== this._dragPointerId || !this.track) {
39396                    return;
39397                }
39398
39399                const deltaX = event.clientX - this._dragStartX;
39400
39401                if (!this._dragMoved) {
39402                    if (Math.abs(deltaX) < DRAG_THRESHOLD_PX) {
39403                        return;
39404                    }
39405
39406                    this._dragMoved = true;
39407                    this._isSimulateDragging = true;
39408                    this._suppressClick = true;
39409                    this.track.style.scrollSnapType = 'none';
39410                    this.track.style.scrollBehavior = 'auto';
39411                    this.track.classList.add('is-dragging');
39412
39413                    try {
39414                        this.track.setPointerCapture(event.pointerId);
39415                    } catch (e) {
39416                        // Ignore capture errors on unsupported targets.
39417                    }
39418                }
39419
39420                event.preventDefault();
39421                this.track.scrollLeft = this._dragScrollLeft - deltaX;
39422            }
39423
39424            _onSimulatePointerUp(event) {
39425                if (!this._dragTracking || event.pointerId !== this._dragPointerId) {
39426                    return;
39427                }
39428
39429                this._endSimulateDrag();
39430            }
39431
39432            /**
39433             * Instantly align to the closest slide without CSS smooth scrolling.
39434             * Restoring snap+smooth from a mid-snap offset is what causes desktop jerk.
39435             */
39436            _snapToNearestAfterDrag() {
39437                if (!this.track) {
39438                    return;
39439                }
39440
39441                const slides = typeof this._getAllTrackSlides === 'function'
39442                    ? this._getAllTrackSlides()
39443                    : Array.from(this.track.children);
39444
39445                if (!slides.length) {
39446                    return;
39447                }
39448
39449                if (typeof this._getClosestSlideIndex === 'function'
39450                    && typeof this._getSlideScrollLeft === 'function'
39451                ) {
39452                    const slide = slides[this._getClosestSlideIndex(slides)];
39453
39454                    if (slide) {
39455                        this.track.scrollLeft = this._getSlideScrollLeft(slide);
39456                    }
39457
39458                    return;
39459                }
39460
39461                const trackLeft = this.track.getBoundingClientRect().left;
39462                let closest = null;
39463                let minDist = Infinity;
39464
39465                for (const slide of slides) {
39466                    const dist = Math.abs(slide.getBoundingClientRect().left - trackLeft);
39467                    if (dist < minDist) {
39468                        minDist = dist;
39469                        closest = slide;
39470                    }
39471                }
39472
39473                if (closest) {
39474                    this.track.scrollLeft += closest.getBoundingClientRect().left - trackLeft;
39475                }
39476            }
39477
39478            _endSimulateDrag() {
39479                DOC_DRAG_EVENTS.forEach((name) => {
39480                    const handler = name === 'pointermove'
39481                        ? this._onSimulatePointerMove
39482                        : this._onSimulatePointerUp;
39483                    document.removeEventListener(name, handler);
39484                });
39485
39486                if (!this.track) {
39487                    this._dragTracking = false;
39488                    this._dragMoved = false;
39489                    this._isSimulateDragging = false;
39490                    this._dragPointerId = null;
39491
39492                    return;
39493                }
39494
39495                if (this._dragPointerId !== null) {
39496                    try {
39497                        if (this.track.hasPointerCapture?.(this._dragPointerId)) {
39498                            this.track.releasePointerCapture(this._dragPointerId);
39499                        }
39500                    } catch (e) {
39501                        // Ignore release errors.
39502                    }
39503                }
39504
39505                if (this._dragMoved) {
39506                    // Keep snap off and behavior auto: settle instantly, then re-enable.
39507                    this.track.style.scrollSnapType = 'none';
39508                    this.track.style.scrollBehavior = 'auto';
39509                    this._snapToNearestAfterDrag();
39510
39511                    // Allow infinite correction now that the gesture ended.
39512                    this._isSimulateDragging = false;
39513                    this._onInfiniteScrollEnd?.();
39514
39515                    // Two frames: 1) drop snap-none + dragging class, 2) restore scroll-behavior.
39516                    requestAnimationFrame(() => {
39517                        if (!this.track) {
39518                            return;
39519                        }
39520                        this.track.style.scrollSnapType = '';
39521                        this.track.classList.remove('is-dragging');
39522
39523                        requestAnimationFrame(() => {
39524                            if (this.track) {
39525                                this.track.style.scrollBehavior = '';
39526                            }
39527                        });
39528                    });
39529                } else {
39530                    this._isSimulateDragging = false;
39531                }
39532
39533                this._dragTracking = false;
39534                this._dragMoved = false;
39535                this._dragPointerId = null;
39536
39537                if (this._suppressClick) {
39538                    requestAnimationFrame(() => {
39539                        this._suppressClick = false;
39540                    });
39541                }
39542            }
39543
39544            _onSimulateClickCapture(event) {
39545                if (!this._suppressClick) {
39546                    return;
39547                }
39548
39549                event.preventDefault();
39550                event.stopPropagation();
39551                this._suppressClick = false;
39552            }
39553        };
39554    })();
39555</script>
vendor: 1 bytes, line 39555
39555
39556<script>
39557    (() => {
39558        // src/dialog.js
39559        function dialog_default(Alpine) {
39560            Alpine.directive("htmldialog", fylgjaAlpineDialog);
39561            function fylgjaAlpineDialog(el, { expression, modifiers }, { evaluateLater, cleanup }) {
39562            const evaluate = expression.length ? evaluateLater(expression) : () => {};
39563            const lockPageScroll = modifiers.includes("noscroll");
39564            const isModeless = modifiers.includes("modeless");
39565            const closeBy = el.getAttribute("closeby") || modifierValue(modifiers, "closeby", "closerequest");
39566            el.style.display = null;
39567            el.style.length === 0 && el.removeAttribute("style");
39568            if (el._x_isShown) {
39569                open();
39570            }
39571            const closeBySupported = (() => {
39572                return "closedBy" in HTMLDialogElement.prototype;
39573            })();
39574            function scrollLock(use = true) {
39575                document.body.style.overflow = use ? "hidden" : "";
39576            }
39577            function dialogSubmit(event) {
39578                if (event.target.getAttribute("method") === "dialog" || event.submitter?.getAttribute("formmethod") === "dialog") {
39579                event.preventDefault();
39580                evaluate();
39581                }
39582            }
39583            function escapeDialog(event) {
39584                if (event.key !== "Escape") return;
39585                event.preventDefault();
39586                if (closeBy === "none") return;
39587                evaluate();
39588            }
39589            function handleCloseByEvent(event) {
39590                if (event.target !== el) return;
39591                const rect = el.getBoundingClientRect();
39592                const isInDialog = rect.top <= event.clientY && event.clientY <= rect.top + rect.height && rect.left <= event.clientX && event.clientX <= rect.left + rect.width;
39593                if (!isInDialog) {
39594                if (closeBy === "any") {
39595                    if (closeBySupported) {
39596                    event.preventDefault();
39597                    }
39598                    evaluate();
39599                }
39600                }
39601            }
39602            function handleCloseEvent() {
39603                evaluate();
39604            }
39605            function open() {
39606                if (el.hasAttribute("open")) return;
39607                isModeless ? el.show() : el.showModal();
39608                scrollLock(lockPageScroll);
39609            }
39610            function close() {
39611                if (!el.hasAttribute("open")) return;
39612                el.close();
39613                scrollLock(false);
39614            }
39615            el._x_doShow = () => open();
39616            el._x_doHide = () => close();
39617            el.addEventListener("keydown", escapeDialog);
39618            el.addEventListener("submit", dialogSubmit);
39619            el.addEventListener("click", handleCloseByEvent);
39620            el.addEventListener("cancel", handleCloseEvent);
39621            cleanup(() => {
39622                el.removeEventListener("keydown", escapeDialog);
39623                el.removeEventListener("submit", dialogSubmit);
39624                el.removeEventListener("click", handleCloseByEvent);
39625                el.removeEventListener("cancel", handleCloseEvent);
39626                scrollLock(false);
39627            });
39628            }
39629        }
39630        function modifierValue(modifiers, key, fallback) {
39631            if (modifiers.indexOf(key) === -1) return fallback;
39632            const rawValue = modifiers[modifiers.indexOf(key) + 1];
39633            if (!rawValue) return fallback;
39634            if (key === "closeby") {
39635            const allowedValues = ["auto", "none", "closerequest", "any"];
39636            const options = allowedValues.join(", ");
39637            if (!allowedValues.includes(rawValue)) {
39638                console.warn(
39639                `"${rawValue}" is not one of the allowed values for closeby: ${options}`
39640                );
39641                return fallback;
39642            }
39643            }
39644            return rawValue;
39645        }
39646
39647        // src/cdn.js
39648        document.addEventListener("alpine:init", () => {
39649            window.Alpine.plugin(dialog_default);
39650        });
39651    })();
39652    //# sourceURL=alpine-htmldialog.js
39653</script>
vendor: 1 bytes, line 39653
39653
39654<script>
39655    (() => {
39656        function src_default(Alpine) {
39657            Alpine.directive("intersect", Alpine.skipDuringClone((el, { value, expression, modifiers }, { evaluateLater, cleanup }) => {
39658                let evaluate = evaluateLater(expression);
39659                let options = {
39660                    rootMargin: getRootMargin(modifiers),
39661                    threshold: getThreshold(modifiers)
39662                };
39663                let observer = new IntersectionObserver((entries) => {
39664                    entries.forEach((entry) => {
39665                        if (entry.isIntersecting === (value === "leave"))
39666                            return;
39667                        evaluate();
39668                        modifiers.includes("once") && observer.disconnect();
39669                    });
39670                }, options);
39671                observer.observe(el);
39672                cleanup(() => {
39673                    observer.disconnect();
39674                });
39675            }));
39676        }
39677        function getThreshold(modifiers) {
39678            if (modifiers.includes("full"))
39679                return 0.99;
39680            if (modifiers.includes("half"))
39681                return 0.5;
39682            if (!modifiers.includes("threshold"))
39683                return 0;
39684            let threshold = modifiers[modifiers.indexOf("threshold") + 1];
39685            if (threshold === "100")
39686                return 1;
39687            if (threshold === "0")
39688                return 0;
39689            return Number(`.${threshold}`);
39690        }
39691        function getLengthValue(rawValue) {
39692            let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/);
39693            return match ? match[1] + (match[2] || "px") : void 0;
39694        }
39695        function getRootMargin(modifiers) {
39696            const key = "margin";
39697            const fallback = "0px 0px 0px 0px";
39698            const index = modifiers.indexOf(key);
39699            if (index === -1)
39700                return fallback;
39701            let values = [];
39702            for (let i = 1; i < 5; i++) {
39703                values.push(getLengthValue(modifiers[index + i] || ""));
39704            }
39705            values = values.filter((v) => v !== void 0);
39706            return values.length ? values.join(" ").trim() : fallback;
39707        }
39708
39709        document.addEventListener("alpine:init", () => {
39710            window.Alpine.plugin(src_default);
39711        });
39712    })();
39713    //# sourceURL=alpine-intersect.js
39714</script>
39714
39715
39716<script>
39717    for (const [selector, deferUntil] of Object.entries({".product-slider section[x-data]:not([x-data] [x-data])":"intersect",".product-info [x-data]:not([x-data] [x-data])":"intersect","#filters-content [x-data]:not([x-data] [x-data])":"intersect","#review_form":"intersect","section[x-data^=initRecentlyViewedProductsComponent]":"intersect","div[x-data^=initBundleOptions]":"intersect","#product_addtocart_form [x-data]:not([x-data] [x-data])":"intersect","#notice-cookie-block":"idle"})) {
39718        document.querySelectorAll(selector).forEach(el => el.setAttribute('x-defer', `${deferUntil}`));
39719    }
39720    //# sourceURL=alpine-defer-rules.js
39721</script>
vendor: 1 bytes, line 39721
39721
39722<script>
39723    (() => {
39724        const hasAlpine = new Promise(resolve => {
39725            window.addEventListener('alpine:initialized', resolve, {once: true, passive: true});
39726        });
39727
39728        const hasInteract = new Promise(resolve => {
39729            (events => {
39730                const onInteract = () => {
39731                    resolve();
39732                    events.forEach(type => window.removeEventListener(type, onInteract));
39733                }
39734                events.forEach(type => window.addEventListener(type, onInteract, {once: true, passive: true}))
39735            })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown'])
39736        });
39737
39738        const onIntersect = (el) => {
39739            return new Promise(resolve => {
39740                const observer = new IntersectionObserver(entries => {
39741                    for (const entry of entries) {
39742                        if (entry.isIntersecting) {
39743                            observer.disconnect()
39744                            resolve();
39745                        }
39746                    }
39747                }, {});
39748                observer.observe(el);
39749            });
39750        }
39751
39752        function runComponent(el) {
39753            hasAlpine.then(() => {
39754                el.removeAttribute('x-ignore');
39755                queueMicrotask(() => Alpine.initTree(el));
39756            });
39757        }
39758
39759        function initDeferredComponents() {
39760            document.querySelectorAll('[x-data][x-defer]').forEach(el => {
39761                el.setAttribute('x-ignore', '');
39762                const deferUntil = (el.getAttribute('x-defer') || '').trim();
39763                switch (deferUntil) {
39764                    case 'interact':
39765                        hasInteract.then(() => runComponent(el));
39766                        break;
39767                    case 'intersect':
39768                        onIntersect(el).then(() => runComponent(el))
39769                        break;
39770                    case 'idle':
39771                        window.requestIdleCallback
39772                            ? window.requestIdleCallback(() => runComponent(el), {timeout: 4000})
39773                            : setTimeout(() => runComponent(el), 4000);
39774                        break;
39775                    case 'eager':
39776                        runComponent(el);
39777                        break;
39778                    default:
39779                        if (deferUntil.startsWith('event:') && deferUntil.length > 6) {
39780                            window.addEventListener(deferUntil.substring(6), () => runComponent(el), {once: true, passive: true});
39781                        }
39782                }
39783            });
39784        }
39785
39786        window.addEventListener('alpine:init', initDeferredComponents, {once: true, passive: true});
39787    })();
39788    //# sourceURL=alpine-defer.js
39789</script>
39789
39790
39791
39792<script type="module"
39793        src="https://www.papstar-shop.de/static/version1790743899/frontend/Papstar/base/de_DE/Hyva_Theme/js/alpine3.min.js"
39794        defer
39795        crossorigin
39796></script>
vendor: 1 bytes, line 39796
39796
39797<script>
39798    function dispatchMessages(messages, hideAfter) {
39799        const messagesEvent = new CustomEvent("messages-loaded", {
39800            detail: {
39801                messages: messages,
39802                hideAfter: hideAfter
39803            }
39804        });
39805        window.dispatchEvent(messagesEvent);
39806    }
39807
39808        if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
39809        console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
39810    }
39811
39812    (function( hyva, undefined ) {
39813
39814        hyva.initFormKey = () => {
39815            if (typeof hyva.getFormKey !== 'function') return;
39816
39817            const formKey = hyva.getFormKey();
39818            if (!formKey) return;
39819
39820            document.querySelectorAll('input[name="form_key"]').forEach((input) => {
39821                input.value = formKey;
39822            });
39823        }
39824
39825        hyva.initMessages = () => {
39826            try {
39827                const messages = hyva.getCookie('mage-messages');
39828                window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : [];
39829
39830                dispatchMessages(window.mageMessages);
39831
39832                                // empty `mage-messages` cookie
39833                const skipSetDomain = true;
39834                hyva.setCookie('mage-messages','', -1, skipSetDomain);
39835
39836            } catch (error) {
39837                console.warn('Error parsing Cookie Messages:', error);
39838            }
39839        }
39840
39841        window.addEventListener('DOMContentLoaded', hyva.initFormKey);
39842
39843        window.addEventListener('pageshow', (event) => {
39844            if (event.persisted) {
39845                hyva.initFormKey();
39846            }
39847        });
39848
39849        hyva.alpineInitialized(hyva.initMessages)
39850    }( window.hyva = window.hyva || {} ));
39851    //# sourceURL=hyva-cookies.js
39852</script>
vendor: 1 bytes, line 39852
39852
39853<script>
39854    (() => {
39855        const private_content_key = 'mage-cache-storage';
39856        const private_content_expire_key = 'mage-cache-timeout';
39857        const private_content_version_key = 'private_content_version';
39858        const section_data_ids_key = 'section_data_ids';
39859        const mage_cache_session_id_key = 'mage-cache-sessid';
39860        const last_visited_store_key = 'last_visited_store';
39861
39862        const ttl = 129600;
39863
39864                if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
39865            console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
39866        }
39867
39868        function loadSectionData () {
39869            const browserStorage = hyva.getBrowserStorage();
39870            if (!browserStorage) {
39871                typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
39872                    [{
39873                        type: "warning",
39874                        text: "Bitte aktivieren Sie die lokale Speicherung in Ihrem Browser."
39875                    }]
39876                );
39877                return;
39878            }
39879            try {
39880                let isInvalid = false;
39881
39882                                if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) {
39883                    isInvalid = true;
39884                }
39885                hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false);
39886
39887                                if (!hyva.getCookie(mage_cache_session_id_key)) {
39888                    isInvalid = true;
39889                    browserStorage.removeItem(private_content_key);
39890                    const skipSetDomain = true;
39891                    const days = false;
39892                    hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain)
39893                }
39894
39895                const cookieVersion = hyva.getCookie(private_content_version_key);
39896                const storageVersion = browserStorage.getItem(private_content_version_key);
39897
39898                if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) {
39899                    isInvalid = true;
39900                }
39901
39902                const privateContentExpires = browserStorage.getItem(private_content_expire_key);
39903                if (privateContentExpires && new Date(privateContentExpires) < new Date()) {
39904                    browserStorage.removeItem(private_content_key);
39905                }
39906
39907                if (isInvalid && cookieVersion) {
39908                    fetchPrivateContent([]);
39909                } else if (cookieVersion && storageVersion && cookieVersion === storageVersion) {
39910                    const privateContent = JSON.parse(browserStorage.getItem(private_content_key));
39911                    if (
39912                        privateContent &&
39913                        privateContentExpires &&
39914                        privateContent.cart &&
39915                        privateContent.customer
39916                    ) {
39917                        dispatchPrivateContent(privateContent);
39918                    } else {
39919                        fetchPrivateContent([]);
39920                    }
39921                } else {
39922                    if (document.getElementById('default-section-data')) {
39923                        const privateContent = JSON.parse(document.getElementById('default-section-data').textContent.trim());
39924                        dispatchPrivateContent(privateContent);
39925                    } else {
39926                        dispatchPrivateContent({});
39927                    }
39928                }
39929
39930            } catch (error) {
39931                console.warn('Error retrieving Private Content:', error);
39932            }
39933        }
39934
39935        hyva.alpineInitialized(loadSectionData)
39936        window.addEventListener('reload-customer-section-data', loadSectionData);
39937
39938                window.processSectionDataBeforeDispatch = window.processSectionDataBeforeDispatch || (data => data);
39939
39940        function dispatchPrivateContent(data) {
39941
39942            const privateContentEvent = new CustomEvent("private-content-loaded", {
39943                detail: {
39944                    data: window.processSectionDataBeforeDispatch(data)
39945                }
39946            });
39947            window.dispatchEvent(privateContentEvent);
39948        }
39949
39950                function fetchPrivateContent(sections) {
39951            fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, {
39952                method: 'GET',
39953                headers: {
39954                    'Content-Type': 'application/json',
39955                    'X-Requested-With': 'XMLHttpRequest'
39956                }
39957            })
39958                .then(response => response.ok && response.json())
39959                .then(
39960                    data => {
39961                        if (data) {
39962                            try {
39963                                const browserStorage = hyva.getBrowserStorage();
39964
39965                                // merge new data preserving non-invalidated sections
39966                                const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}') || {};
39967
39968                                                                if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) {
39969                                    delete oldSectionData['checkout-data'];
39970                                }
39971                                const newSectionData = Object.assign(oldSectionData, data);
39972
39973                                dispatchPrivateContent(newSectionData);
39974
39975                                // don't persist messages, they've been dispatched already
39976                                if (newSectionData.messages && newSectionData.messages.messages ) {
39977                                    newSectionData.messages.messages = [];
39978                                }
39979
39980                                browserStorage.setItem(private_content_key, JSON.stringify(newSectionData));
39981
39982                                const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString();
39983                                browserStorage.setItem(private_content_expire_key, expiresAt);
39984
39985                                const newCookieVersion = hyva.getCookie(private_content_version_key);
39986                                browserStorage.setItem(private_content_version_key, newCookieVersion);
39987
39988                                // We don't need the section_data_ids in Hyvä, but we store them for compatibility
39989                                // with Luma Fallback. Otherwise, not all sections are loaded in Luma Checkout
39990                                hyva.setCookie(
39991                                    section_data_ids_key,
39992                                    JSON.stringify(
39993                                        Object.keys(data).reduce((sectionDataIds, sectionKey) => {
39994                                            sectionDataIds[sectionKey] = data[sectionKey]['data_id'];
39995                                            return sectionDataIds;
39996                                        }, {})
39997                                    ),
39998                                    false,
39999                                    true
40000                                );
40001                            } catch (error) {
40002                                console.warn("Couldn't store privateContent", error);
40003                            }
40004                        }
40005                    }
40006                )
40007                .catch(error => {
40008                    console.warn("Couldn't fetch privateContent", error);
40009                });
40010        }
40011    })();
40012    //# sourceURL=hyva-private-content.js
40013</script>
vendor: 1 bytes, line 40013
40013
40014<script>
40015    (() => {
40016        document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc()));
40017    })()
40018</script>
vendor: 1 bytes, line 40018
40018
40019<script>
40020    (events => {
40021        const dispatchUserInteractionEvent = () => {
40022            events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent))
40023            window.dispatchEvent(new Event('init-external-scripts'))
40024        };
40025        events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true}))
40026    })(['touchstart', 'mousemove', 'wheel', 'scroll', 'keydown']);
40027    //# sourceURL=hyva-init-external-scripts.js
40028</script>
40028
40029<input name="form_key" type="hidden" value="C5XzzpuwQBgjsYUd" />
40029<script>
40030    function initConfigurableOptions(productId, optionConfig) {
40031
40032        function findPathParam(key) {
40033                        const baseUrl = (BASE_URL.substring(0, 2) === '//' ? 'http:' : '') + BASE_URL;
40034            const baseUrlParts = (new URL(baseUrl)).pathname.replace(/\/$/, '').split('/');
40035            const pathParts = window.location.pathname.split('/').slice(baseUrlParts.length + 3);
40036            for (let i = 0; i < pathParts.length; i += 2) {
40037                if (pathParts[i] === key && pathParts.length > i) {
40038                    return pathParts[i + 1];
40039                }
40040            }
40041        }
40042
40043        return {
40044            optionConfig,
40045            productId,
40046            itemId: (new URLSearchParams(window.location.search)).get('id') || findPathParam('id'),
40047            allowedAttributeOptions: [],
40048            selectedValues: [],
40049            init() {
40050                this.findAllowedAttributeOptions();
40051                this.$nextTick(() => {
40052                    if (typeof this.optionConfig.defaultValues === 'object') {
40053                        for (const [optionId, value] of Object.entries(this.optionConfig.defaultValues)) {
40054                            this.changeOption(optionId, value + '');
40055                        }
40056                    }
40057                });
40058            },
40059            findSimpleIndex() {
40060                                this.productIndex = this.calculateSimpleIndexForPartialSelection(this.selectedValues);
40061            },
40062            calculateSimpleIndexForPartialSelection(selectedValues) {
40063                let productIndexIds = Object.keys(this.optionConfig.index);
40064                Object.keys(this.optionConfig.attributes).forEach((attribute) => {
40065                                        const productsWithAttributeMatch = selectedValues[attribute]
40066                        ? productIndexIds.filter((productIndex) => {
40067                            return this.optionConfig.index[productIndex][attribute] === this.selectedValues[attribute]
40068                        })
40069                        : [];
40070
40071                                        productIndexIds = productsWithAttributeMatch.length ? productsWithAttributeMatch : productIndexIds
40072                })
40073                return productIndexIds[0];
40074            },
40075            calculateSimpleIndexForFullSelection(selectedValues) {
40076                const productIndexes = this.optionConfig.index;
40077                return Object.keys(productIndexes).find(productIndex => {
40078                    const productCandidateOptions = productIndexes[productIndex];
40079
40080                    for (const productOption in productCandidateOptions) {
40081                        if (
40082                            ! selectedValues[productOption] ||
40083                            selectedValues[productOption] !== productCandidateOptions[productOption]
40084                        ) {
40085                            return false;
40086                        }
40087                    }
40088                    return productIndex;
40089                });
40090            },
40091            productIndex: 0,
40092            findAllowedAttributeOptions() {
40093                                this.allowedAttributeOptions = this.calculateAllowedAttributeOptions(this.selectedValues);
40094            },
40095            calculateAllowedAttributeOptions(selectedValues) {
40096                const allAttributes = this.optionConfig.attributes;
40097                const allAttributesSorted = Object.values(allAttributes).sort((a,b) => {
40098                    return a.position - b.position
40099                });
40100                const productIndexes = this.optionConfig.index;
40101                let previousOption = false;
40102                let availableIndexes = Object.keys(productIndexes);
40103
40104                const newAllowedAttributeOptions = [];
40105
40106                allAttributesSorted.forEach(attribute => {
40107                    if (previousOption && selectedValues[previousOption]) {
40108                        availableIndexes = availableIndexes.filter(availableIndex => {
40109                            return productIndexes[availableIndex][previousOption] ===
40110                                selectedValues[previousOption]
40111                        })
40112                    }
40113                    newAllowedAttributeOptions[attribute.id] =
40114                        allAttributes[attribute.id].options.filter(option => {
40115                            return !!option.products.find(product => {
40116                                return availableIndexes.includes(product);
40117                            })
40118                        });
40119                    previousOption = attribute.id;
40120                });
40121                return newAllowedAttributeOptions;
40122            },
40123            findAttributeByOptionId(optionId) {
40124                for (const attributeId in this.optionConfig.attributes) {
40125                    const attributeOptions = this.optionConfig.attributes[attributeId].options || [];
40126                    if (attributeOptions.find(option => option.id === optionId)) {
40127                        return attributeId;
40128                    }
40129                }
40130            },
40131            getAllowedAttributeOptions(attributeId) {
40132                return this.allowedAttributeOptions[attributeId] || []
40133            },
40134            getProductIdsForOption(option) {
40135                const attributeId = this.findAttributeByOptionId(option.id);
40136                const allOptions = this.optionConfig.attributes[attributeId];
40137                const opt = (allOptions && allOptions.options || []).find(o => o.id === option.id);
40138                return opt && opt.products
40139                    ? opt.products
40140                    : [];
40141            },
40142            findProductIdsForPartialSelection(optionSelection) {
40143                const candidateProducts = Object.values(optionSelection).reduce((candidates, optionId) => {
40144                    const newCandidates = this.getProductIdsForOption({id: optionId});
40145                    return candidates === null
40146                        ? newCandidates
40147                        : candidates.filter(productId => newCandidates.includes(productId));
40148                }, null);
40149                return candidateProducts || [];
40150            },
40151            findCheapestProductForPartialSelection(optionSelection) {
40152                const candidateProducts = this.findProductIdsForPartialSelection(optionSelection);
40153                return candidateProducts.reduce((cheapest, simpleIdx) => {
40154                    // in the first iteration we start with simpleIdx as the currently cheapest product
40155                    if (! this.optionConfig.optionPrices[cheapest]) return simpleIdx;
40156                    const knownCheapestPrice = this.optionConfig.optionPrices[cheapest].finalPrice.amount;
40157                    return knownCheapestPrice > this.optionConfig.optionPrices[simpleIdx].finalPrice.amount
40158                        ? simpleIdx
40159                        : cheapest;
40160                }, 0)
40161            },
40162            findProductIdToUseForOptionPrice(option) {
40163                // try to find a product for a complete selection
40164                const attributeId = this.findAttributeByOptionId(option.id);
40165                const optionSelection = Object.assign({}, this.selectedValues, {[attributeId]: option.id});
40166                const matchingSimpleIndex = this.calculateSimpleIndexForFullSelection(optionSelection);
40167                // if there is no complete selection, use the cheapest product for the option
40168                return matchingSimpleIndex || this.findCheapestProductForPartialSelection(optionSelection);
40169            },
40170            getAttributeOptionLabel(option) {
40171                const optionProduct = this.findProductIdToUseForOptionPrice(option);
40172                if ((! optionProduct) || (optionProduct === this.productIndex)) {
40173                    return option.label;
40174                }
40175
40176                const currentPrice = this.getOptionPriceAdjustmentBasePrice();
40177
40178                if (this.optionConfig.optionPrices[optionProduct]) {
40179                    const optionPrice = this.optionConfig.optionPrices[optionProduct].finalPrice.amount;
40180                    if (optionPrice !== currentPrice){
40181                        return option.label + ' ' + hyva.formatPrice(optionPrice - currentPrice, true);
40182                    }
40183                }
40184                return option.label;
40185            },
40186            getOptionPriceAdjustmentBasePrice() {
40187                if (this.optionConfig.optionPrices[this.productIndex]) {
40188                    return this.optionConfig.optionPrices[this.productIndex].finalPrice.amount
40189                }
40190                const cheapestForSelection = this.findCheapestProductForPartialSelection(this.selectedValues);
40191                return this.optionConfig.optionPrices[cheapestForSelection]
40192                    ? this.optionConfig.optionPrices[cheapestForSelection].finalPrice.amount
40193                    : this.optionConfig.prices.finalPrice.amount; // default price if no option selection
40194            },
40195            changeOption(optionId, value) {
40196                const vpe = this.getSwatchConfig(optionId, value).vpe;
40197
40198                this.selectedValues[optionId] = value;
40199                this.findSimpleIndex();
40200                this.findAllowedAttributeOptions();
40201                this.updatePrices();
40202                this.updateStock();
40203                this.updateGallery();
40204                window.dispatchEvent(
40205                    new CustomEvent(
40206                        'configurable-selection-changed',
40207                        {
40208                            detail: {
40209                                productId: this.productId,
40210                                optionId: optionId,
40211                                value: value,
40212                                productIndex: this.productIndex,
40213                                selectedValues: this.selectedValues,
40214                                vpe: vpe
40215                            }
40216                        }
40217                    )
40218                );
40219            },
40220            calculateIsMinimalPrice() {
40221                return (
40222                    this.selectedValues.filter(value => !!value).length <
40223                        Object.keys(this.optionConfig.attributes).length
40224                );
40225            },
40226            updatePrices() {
40227                const value = this.productIndex ?
40228                    this.optionConfig.optionPrices[this.productIndex] :
40229                    this.optionConfig.prices;
40230                window.dispatchEvent(
40231                    new CustomEvent(
40232                        "update-prices-" + this.productId,
40233                        {
40234                            detail: Object.assign(
40235                                value,
40236                                { isMinimalPrice: this.calculateIsMinimalPrice() }
40237                            )
40238                        }
40239                    )
40240                );
40241            },
40242            updateStock() {
40243                const value = this.productIndex ?
40244                    this.optionConfig.quantities[this.productIndex] :
40245                    [];
40246                window.dispatchEvent(
40247                    new CustomEvent(
40248                        "update-stock-" + this.productId,
40249                        {
40250                            detail: Object.assign(
40251                                value
40252                            )
40253                        }
40254                    )
40255                );
40256            },
40257            updateGallery () {
40258                const value = this.productIndex ?
40259                    this.optionConfig.images[this.productIndex] :
40260                    Object.values(this.optionConfig.images)[0];
40261
40262                value && window.dispatchEvent(
40263                    new CustomEvent(
40264                        "update-gallery",
40265                        { detail: value }
40266                    )
40267                );
40268            },
40269            onGetCartData(data) {
40270                this.preselectCartItems(data);
40271                this.preselectQuerystringItems();
40272                this.preselectLocationHashItems();
40273            },
40274            preselectCartItems(data) {
40275                // pre-select options based on cart data for current (quote) itemId
40276                const cart = data && data.cart;
40277                if (cart && cart.items) {
40278                    const cartItem = cart.items.find((item) => {
40279                        return (
40280                            item.item_id === this.itemId
40281                            && item.product_id === this.productId
40282                        )
40283                    });
40284                    if (cartItem && cartItem.options && cartItem.options.length) {
40285                        cartItem.options.map(option => {
40286                            this.changeOption(option.option_id, option.option_value);
40287                        })
40288                    }
40289                }
40290            },
40291            preselectQuerystringItems() {
40292                // pre-select option like ?size=167
40293                const urlQueryParams = new URLSearchParams(window.location.search.replace('?',''));
40294                let found = false;
40295                // pre-select option like ?size=167
40296                Object.values(this.optionConfig.attributes).map(attribute => {
40297                    if (urlQueryParams.get(attribute.code) !== null) {
40298                        let optionId = urlQueryParams.get(attribute.code);
40299                        found = false;
40300                        Object.values(attribute.options).map(option => {
40301                            if (found === false && option.label === optionId) {
40302                                optionId = option.id;
40303                                found = true;
40304                            }
40305                        });
40306                        this.changeOption(attribute.id, optionId);
40307                    }
40308                });
40309                if (found === false) {
40310                    // pre-select first option
40311                    Object.values(this.optionConfig.attributes).map(attribute => {
40312                        if (attribute.code === 'order_unit') {
40313                            let optionId = '';
40314                            Object.values(attribute.options).map(option => {
40315                                if (found === false && option.products.length > 0) {
40316                                    optionId = option.id;
40317                                    if (this.selectedValues[attribute.id] == undefined) {
40318                                        this.changeOption(attribute.id, optionId, true);
40319                                    } else {
40320                                        this.changeOption(attribute.id, this.selectedValues[attribute.id], true);
40321                                    }
40322                                    found = true;
40323                                }
40324                            });
40325                        }
40326                    });
40327                }
40328            },
40329            preselectLocationHashItems() {
40330                // pre-select option like #144=167
40331                const urlHashParams = new URLSearchParams(window.location.hash.replace('#',''));
40332                Object.values(this.optionConfig.attributes).map(attribute => {
40333                    urlHashParams.get(attribute.id) &&
40334                    this.changeOption(attribute.id, urlHashParams.get(attribute.id));
40335                });
40336            }
40337        }
40338    }
40339
40340</script>
40340
40341
40342<script>
40343    function initSwatchOptions(swatchConfig) {
40344        return {
40345            swatchConfig,
40346            unitSavingsInfo: null,
40347
40348            getAttributeSwatchData(attributeId) {
40349                const swatchConfig = Object.assign({}, this.swatchConfig[attributeId]);
40350                swatchConfig['details'] = JSON.parse(swatchConfig['additional_data']);
40351
40352                return swatchConfig;
40353            },
40354            getAllAttributeOptions(attributeId) {
40355                return (
40356                    this.optionConfig.attributes[attributeId] &&
40357                    this.optionConfig.attributes[attributeId].options
40358                ) || []
40359            },
40360            optionIsActive(attributeId, optionId) {
40361                // return true if a product with this option is in stock
40362                return !!this.getAllowedAttributeOptions(attributeId).find(
40363                    option => option.id === optionId
40364                )
40365            },
40366            optionIsEnabled(attributeId, optionId) {
40367                // return true if a product with this option is enabled
40368                for (const productId in this.optionConfig.index) {
40369                    if (this.optionConfig.index[productId][attributeId] === optionId) {
40370                        return true;
40371                    }
40372                }
40373                return false;
40374            },
40375            optionIsSalable(attributeId, optionId) {
40376                // return true if a product with this option is enabled
40377                for (const productId in this.optionConfig.index) {
40378                    if (this.optionConfig.salable[attributeId][optionId]) {
40379                        return true;
40380                    }
40381                }
40382                return false;
40383            },
40384            mapSwatchTypeNumberToTypeCode(typeNumber) {
40385                switch ("" + typeNumber) {
40386                    case "1":
40387                        return "color"
40388                    case "2":
40389                        return "image"
40390                    case "3":
40391                        return "empty"
40392                    case "0":
40393                    default:
40394                        return "text"
40395                }
40396            },
40397            getTypeOfFirstOption(attributeId) {
40398                for (const optionId in this.swatchConfig[attributeId]) {
40399                    const option = this.swatchConfig[attributeId][optionId];
40400                    if (typeof option.type !== 'undefined') {
40401                        return this.mapSwatchTypeNumberToTypeCode(option.type);
40402                    }
40403                }
40404            },
40405            getVisualSwatchType(attributeId, targetOptionId) {
40406                // If a type configuration is present for the given option id, use it
40407                const config = this.swatchConfig[attributeId];
40408                if (config[targetOptionId] && typeof config[targetOptionId].type !== 'undefined') {
40409                    return this.mapSwatchTypeNumberToTypeCode(config[targetOptionId].type);
40410                }
40411
40412                // Otherwise - if no config is present for the target option - use the type of the first option
40413                // with a type property from the attribute, thus assuming its the same type as the target option.
40414                // (This edge case condition can occur on single swatch products if some options are not salable)
40415                return this.getTypeOfFirstOption(attributeId);
40416            },
40417            getSwatchType(attributeId, optionId) {
40418                // Deserialize the attribute details the first time they are used
40419                if (this.swatchConfig[attributeId] && ! this.swatchConfig[attributeId].details) {
40420                    this.swatchConfig[attributeId] = this.getAttributeSwatchData(attributeId);
40421                }
40422                const type =  this.swatchConfig[attributeId] &&
40423                    this.swatchConfig[attributeId].details &&
40424                    this.swatchConfig[attributeId].details.swatch_input_type ||
40425                    "empty";
40426                return type === 'visual' ? this.getVisualSwatchType(attributeId, optionId) : type;
40427            },
40428            isTextSwatch(attributeId, optionId) {
40429                return this.getSwatchType(attributeId, optionId) === 'text';
40430            },
40431            isVisualSwatch(attributeId, optionId) {
40432                const type = this.getSwatchType(attributeId, optionId);
40433
40434                return ['image', 'color'].includes(type);
40435            },
40436            getSwatchBackgroundStyle(attributeId, optionId) {
40437                const config = this.getSwatchConfig(attributeId, optionId);
40438                const type = this.getSwatchType(attributeId, optionId);
40439
40440                if (type === "color") {
40441                        return 'background-color:' + config.value;
40442                } else if (type === "image") {
40443                        return "background: #ffffff url('" + config.value + "') no-repeat center";
40444                } else {
40445                    return '';
40446                }
40447            },
40448            getSwatchUnitText(attributeId, optionId) {
40449                const config = this.getSwatchConfig(attributeId, optionId);
40450                const unitText = config.unit || this.getOptionUnitFromOptionConfig(attributeId, optionId);
40451                const vpe = config.vpe || this.getOptionVpeFromOptionConfig(attributeId, optionId);
40452
40453                return unitText.replace('###VPE###', Number(vpe).toLocaleString('de-DE'));
40454            },
40455            getSwatchQuantity(attributeId, optionId) {
40456                const config = this.getSwatchConfig(attributeId, optionId);
40457                return config.quantities || this.getOptionQuantitiesFromOptionConfig(attributeId, optionId);
40458            },
40459            getOptionVpeFromOptionConfig(attributeId, optionId) {
40460                // Fallback if no value is present in swatchConfig data
40461                // Reference issue https://gitlab.hyva.io/hyva-themes/magento2-default-theme/-/issues/190
40462                const option = this.getAttributeSwatchData(attributeId);
40463                //const option = this.getAllAttributeOptions(attributeId).filter(option => option.id === optionId);
40464                return option && option[optionId] && option[optionId].vpe || '&nbsp;';
40465            },
40466            getOptionUnitFromOptionConfig(attributeId, optionId) {
40467                // Fallback if no value is present in swatchConfig data
40468                // Reference issue https://gitlab.hyva.io/hyva-themes/magento2-default-theme/-/issues/190
40469                const option = this.getAttributeSwatchData(attributeId);
40470                //const option = this.getAllAttributeOptions(attributeId).filter(option => option.id === optionId);
40471                return option && option[optionId] && option[optionId].unit || '&nbsp;';
40472            },
40473            getOptionQuantitiesFromOptionConfig(attributeId, optionId) {
40474                // Fallback if no value is present in swatchConfig data
40475                // Reference issue https://gitlab.hyva.io/hyva-themes/magento2-default-theme/-/issues/190
40476                const option = this.getAttributeSwatchData(attributeId);
40477                //const option = this.getAllAttributeOptions(attributeId).filter(option => option.id === optionId);
40478                return option && option[optionId] && option[optionId].quantities || '&nbsp;';
40479            },
40480            getSwatchText(attributeId, optionId) {
40481                const config = this.getSwatchConfig(attributeId, optionId);
40482                return config.label || config.value || this.getOptionLabelFromOptionConfig(attributeId, optionId);
40483            },
40484            getOptionLabelFromOptionConfig(attributeId, optionId) {
40485                // Fallback if no value is present in swatchConfig data
40486                // Reference issue https://gitlab.hyva.io/hyva-themes/magento2-default-theme/-/issues/190
40487                const option = this.getAllAttributeOptions(attributeId).filter(option => option.id === optionId);
40488                return option && option[0] && option[0].label || '';
40489            },
40490            getSwatchConfig(attributeId, optionId) {
40491                return this.swatchConfig[attributeId] && this.swatchConfig[attributeId][optionId]
40492                    ? this.swatchConfig[attributeId][optionId]
40493                    : false;
40494            },
40495            activeTooltipItem: false,
40496            tooltipPositionElement: false,
40497            isTooltipVisible() {
40498                return this.activeTooltipItem &&
40499                    this.getSwatchConfig(
40500                        this.activeTooltipItem.attribute,
40501                        this.activeTooltipItem.item
40502                    );
40503            },
40504            isFirstItemCol() {
40505                return this.activeTooltipItem.index === 0;
40506            },
40507            getTooltipImageStyle(attributeId, optionId) {
40508                const config = this.getSwatchConfig(attributeId, optionId);
40509                const type = this.getSwatchType(attributeId, optionId);
40510
40511                if (type === "color") {
40512                    return 'background-color:' + config.value + '; width: 110px; height: 90px;';
40513                } else if (type === "image") {
40514                    return "background: #ffffff url('" + config.thumb +
40515                        "') center center no-repeat; width: 110px; height: 90px;";
40516                } else {
40517                    return 'display:none';
40518                }
40519            },
40520            getTooltipPosition() {
40521                return this.tooltipPositionElement ?
40522                    `top: ${this.tooltipPositionElement.offsetTop}px;` +
40523                    `left: ${
40524                        this.tooltipPositionElement.offsetLeft - (
40525                            this.tooltipPositionElement.closest('.snap') &&
40526                            this.tooltipPositionElement.closest('.snap').scrollLeft ||
40527                            0
40528                        )
40529                    }px;` : ''
40530            },
40531            getTooltipLabel() {
40532                return this.getSwatchConfig(this.activeTooltipItem.attribute, this.activeTooltipItem.item).label
40533            },
40534            focusedLabel: false,
40535            focusLabel(optionId) {
40536                this.focusedLabel = optionId;
40537            },
40538            blurLabel() {
40539                this.focusedLabel = false;
40540            },
40541            showSwatches: false,
40542            initShowSwatchesIntersect() {
40543                if ('IntersectionObserver' in window && !window.scrollY) {
40544                    let io = new IntersectionObserver(
40545                        entries => {
40546                            entries.map(entry => {
40547                                if (entry.isIntersecting) {
40548                                    this.showSwatches = true;
40549                                    io.unobserve(this.$root);
40550                                }
40551                            })
40552                        }
40553                    );
40554                    io.observe(this.$root);
40555                } else {
40556                    this.showSwatches = true
40557                }
40558            }
40559        }
40560    }
40561</script>
40561
40562 
40562<script>
40563        function amastyRewardsCatalog() {
40564            return {
40565                productId: this.$el.dataset.productId,
40566                formSelector: 'product_addtocart_form',
40567                refreshUrl: this.$el.dataset.refreshUrl,
40568                loader: false,
40569                isFetching: false,
40570                abortFetchController: false,
40571                highlight: {
40572                    caption_color: '',
40573                    caption_text: '',
40574                    visible: false
40575                },
40576
40577                init() {
40578                    this.formObserver();
40579                    document.addEventListener(`update-qty-${this.productId}`, () => {
40580                        this.updateData();
40581                    });
40582                    this.$nextTick(() => this.updateData());
40583                },
40584
40585                hideBlock() {
40586                    this.highlight.visible = false;
40587                    this.loader = true;
40588                },
40589
40590                dispatchStatus(type, message) {
40591                    window.dispatchMessages([{
40592                        type: type,
40593                        text: message
40594                    }], 5000);
40595                },
40596
40597                formObserver() {
40598                    const product = document.querySelector(`input[name="product"][value="${this.productId}"]`);
40599
40600                    if (product) {
40601                        const productForm = product.form;
40602                        if (productForm) {
40603                            productForm.addEventListener('change', () => {
40604                                this.updateData();
40605                            });
40606                        }
40607                    }
40608                },
40609
40610                updateData() {
40611                    if (!this.refreshUrl || this.isFetching) return false;
40612                    this.hideBlock();
40613
40614                    if (this.abortFetchController) {
40615                        this.abortFetchController.abort();
40616                    }
40617                    this.abortFetchController = new AbortController();
40618
40619                    const product = document.querySelector(`input[name='product'][value='${this.productId}']`);
40620                    if (!product) return false;
40621
40622                    const form = product.form;
40623                    const formData = new FormData(form);
40624                    const formParams = new URLSearchParams(formData).toString();
40625                    const formJson = JSON.stringify({
40626                        productId: this.productId,
40627                        attributes: formParams
40628                    });
40629
40630                    const requestOptions = {
40631                        method: 'POST',
40632                        body: formJson,
40633                        headers: {
40634                            'Content-Type': 'application/json',
40635                            'x-requested-with': 'XMLHttpRequest',
40636                        },
40637                        signal: this.abortFetchController.signal
40638                    };
40639
40640                    this.isFetching = true;
40641                    fetch(this.refreshUrl, requestOptions).then(response => {
40642                        if (!response.ok) {
40643                            return Promise.reject(`${response.status} ${response.statusText}`);
40644                        }
40645                        return response.json();
40646                    }).then(data => {
40647                        this.highlight.visible = data.visible;
40648                        this.highlight.caption_text = data.caption_text;
40649                        this.highlight.caption_color = data.caption_color;
40650                    }).catch(error => {
40651                        if (error.name !== 'AbortError'
40652                                && typeof error === 'string'
40653                                && error.match(/'401'/g) !== null
40654                            ) {
40655                            this.dispatchStatus('error', error);
40656                        }
40657                    }).finally(() => {
40658                        this.loader = false;
40659                        this.abortFetchController = false;
40660                        this.isFetching = false;
40661                    });
40662                },
40663
40664                highlightVisible() {
40665                    return this.highlight.visible && !this.loader;
40666                },
40667
40668                highlightStyle() {
40669                    return `color: ${this.highlight.caption_color}`;
40670                },
40671            }
40672        }
40673
40674        window.addEventListener(
40675            'alpine:init',
40676            () => Alpine.data('amastyRewardsCatalog', amastyRewardsCatalog),
40677            { once: true }
40678        );
40679 </script>
40679
40680 
40680<script>
40681    (function () {
40682        const modals = [];
40683                let lastHide = 0;
40684
40685                function resolveElement($refs, value) {
40686            if (!value) return null;
40687                        if (value instanceof Element) return value;
40688                        if (typeof value === 'string') {
40689                try {
40690                    return ($refs && $refs[value]) || document.querySelector(value) || null;
40691                } catch (e) {}
40692            }
40693            return null;
40694        }
40695
40696                function determineTrigger($refs, dialog, trigger) {
40697                        if (!trigger && dialog?.target instanceof HTMLElement) {
40698                return dialog.target;
40699            }
40700
40701                        if (typeof dialog === 'string' && trigger?.target instanceof HTMLElement) {
40702                return trigger.target;
40703            }
40704
40705            return resolveElement($refs, trigger);
40706        }
40707
40708                function setFocusFirstElement(dialogElement) {
40709            if (!dialogElement) return;
40710
40711            window.setTimeout(() => {
40712                const candidates = dialogElement.querySelectorAll('[x-focus-first]');
40713                for (const candidate of candidates) {
40714                    if (candidate.closest('dialog') === dialogElement) {
40715                        candidate.focus();
40716                        return;
40717                    }
40718                }
40719            }, 50);
40720        }
40721
40722        window.hyva.modal = function(options = {}) {
40723                        if (this.$el && this.$el.dataset && this.$el.dataset.options) {
40724                try {
40725                    options = Object.assign(options, JSON.parse(this.$el.dataset.options || '{}'));
40726                } catch (e) {
40727                    throw new Error('Cannot read the dialog options from the data-options attribute: not valid JSON');
40728                }
40729            }
40730
40731            const config = Object.assign({
40732                dialog: 'dialog',                 duration: 300,                 transitionEnter: 'transition ease-out duration-300',
40733                transitionEnterStart: 'opacity-0',
40734                transitionEnterEnd: 'opacity-100',
40735                transitionLeave: 'transition ease-in duration-300',
40736                transitionLeaveStart: 'opacity-100',
40737                transitionLeaveEnd: 'opacity-0',
40738            }, options);
40739
40740            return {
40741                opened: {},
40742                show(dialog, trigger) {
40743                    const name = typeof dialog === 'string' ? dialog : config.dialog;
40744                    if (!name || this.opened[name]) return;
40745
40746                    this.opened[name] = true;
40747                    const focusTarget = determineTrigger(this.$refs, dialog, trigger);
40748                    const dialogEl = this.$refs && this.$refs[name];
40749                    const frame = { name, instance: this, focusTarget, time: Date.now() };
40750                    modals.push(frame);
40751                    setFocusFirstElement(dialogEl);
40752                    return new Promise(resolve => { frame.resolve = resolve; });
40753                },
40754                cancel() {
40755                    this.hide(false);
40756                },
40757                ok() {
40758                    this.hide(true);
40759                },
40760                hide(value) {
40761                                        if (Date.now() - lastHide < config.duration) return;
40762                    lastHide = Date.now();
40763
40764                                        const modal = modals.pop();
40765                    if (!modal) return;
40766
40767                    modal.instance.opened[modal.name] = false;
40768
40769                                        const focusTarget = modal.focusTarget;
40770                    focusTarget && window.setTimeout(() => focusTarget.focus(), config.duration + 50);
40771                    modal.resolve && modal.resolve(value);
40772                },
40773                /**
40774                 * @deprecated Use dialogConfig() instead, which is used by the default modal-container.phtml template.
40775                 * This method is kept for backwards compatibility with custom container templates.
40776                 */
40777                overlay(dialog) {
40778                    dialog = this.$el.dataset.dialogRefName || dialog;
40779                    const name = typeof dialog === 'string' ? dialog : config.dialog;
40780                    if (this.$el.tagName !== 'DIALOG' && ! window.hyva.modal.legacyModalCompatibility) {
40781                        console.warn(
40782                            '[hyva] Deprecated modal markup detected (x-bind="overlay" on a non-dialog element' +
40783                            (name ? ` for "${name}"` : '') + ').\n' +
40784                            'Escape and click-outside closing are not available for such dialogs anymore.\n' +
40785                            'Install hyva-themes/magento2-legacy-modal-compatibility or migrate to the native <dialog> markup.'
40786                        );
40787                    }
40788                    return Object.assign({}, this.dialogConfig(name), {
40789                        ['@hyva-modal-show.window'](event) {
40790                            event.detail && event.detail.dialog === name && this.show(name, event.detail.focusAfterHide)
40791                        }
40792                    });
40793                },
40794                dialogConfig(name) {
40795                    name = name || this.$el.dataset.dialogRefName || config.dialog;
40796                    return {
40797                        ['x-show']: () => name ? this.opened[name] : false,
40798                        ['x-transition:enter']: config.transitionEnter,
40799                        ['x-transition:enter-start']: config.transitionEnterStart,
40800                        ['x-transition:enter-end']: config.transitionEnterEnd,
40801                        ['x-transition:leave']: config.transitionLeave,
40802                        ['x-transition:leave-start']: config.transitionLeaveStart,
40803                        ['x-transition:leave-end']: config.transitionLeaveEnd,
40804                        ['@hyva-modal-show.window'](event) {
40805                            event.detail && event.detail.dialog === name && this.show(name, event.detail.focusAfterHide);
40806                        },
40807                    };
40808                },
40809                showDialogOnInit() {
40810                    const name = this.$el.dataset.dialogRefName;
40811                    if (name) {
40812                        this.show(name);
40813                    }
40814                }
40815            };
40816        }
40817
40818        window.hyva.modal.peek = () => modals.length > 0 && modals[modals.length - 1]
40819
40820        window.hyva.modal.pop = function () {
40821            if (modals.length > 0) {
40822                modals[modals.length - 1].instance.hide();
40823            }
40824        }
40825
40826        /**
40827         * @deprecated Native <dialog> handles focus trapping automatically.
40828         * Calling this function has no effect. Kept for backwards compatibility.
40829         */
40830        window.hyva.modal.excludeSelectorsFromFocusTrap = function (selectors) {}
40831
40832        /**
40833         * @deprecated Native <dialog> with x-htmldialog handles ESC key and click-outside events.
40834         * These functions have no effect. Kept for backwards compatibility.
40835         */
40836        window.hyva.modal.eventListeners = {
40837            keydown: event => {},
40838            click: event => {}
40839        };
40840    })();
40841
40842    window.addEventListener('alpine:init', () => {
40843        Alpine.data('hyvaModal', window.hyva.modal);
40844    }, {once: true});
40845</script>
vendor: 1 bytes, line 40845
40845
40846<script>
40847    (function () {
40848        if (! window.hyva || ! window.hyva.modal) {
40849            return;
40850        }
40851
40852                window.hyva.modal.legacyModalCompatibility = true;
40853
40854        const refElement = frame =>
40855            frame && frame.instance && frame.instance.$refs && frame.instance.$refs[frame.name];
40856
40857        const isLegacyElement = el => !! el && el.tagName !== 'DIALOG';
40858
40859        const isOverlayDisabled = el => !! el && el.hasAttribute('x-no-overlay');
40860
40861                window.hyva.modal.eventListeners = Object.assign(window.hyva.modal.eventListeners || {}, {
40862            keydown: event => {
40863                if (event.key !== 'Escape') {
40864                    return;
40865                }
40866                const frame = window.hyva.modal.peek();
40867                if (frame && isLegacyElement(refElement(frame))) {
40868                    frame.instance.hide();
40869                }
40870            },
40871            click: event => {
40872                const frame = window.hyva.modal.peek();
40873                const dialog = refElement(frame);
40874                if (! frame || ! isLegacyElement(dialog)) {
40875                    return;
40876                }
40877                if (frame.time + 50 < Date.now() &&                     ! isOverlayDisabled(dialog) &&
40878                    ! dialog.contains(event.target)
40879                ) {
40880                    frame.instance.hide();
40881                }
40882            }
40883        });
40884
40885        document.addEventListener('keydown', window.hyva.modal.eventListeners.keydown);
40886        document.addEventListener('click', window.hyva.modal.eventListeners.click);
40887
40888                window.hyva.modal = new Proxy(window.hyva.modal, {
40889            apply(target, thisArg, args) {
40890                const instance = Reflect.apply(target, thisArg, args);
40891
40892                const originalShow = instance.show;
40893                instance.show = function (dialog, trigger) {
40894                    const frameBefore = window.hyva.modal.peek();
40895                    const openerCandidate = document.activeElement;
40896                    const result = originalShow.call(this, dialog, trigger);
40897                    const frame = window.hyva.modal.peek();
40898                    if (! frame || frame === frameBefore) {
40899                        return result;                     }
40900                    const el = refElement(frame);
40901                    if (isLegacyElement(el)) {
40902                        frame.legacyFocusTarget = openerCandidate;
40903                        if (! isOverlayDisabled(el)) {
40904                            document.body.classList.add('overflow-hidden');
40905                            this.$nextTick
40906                                ? this.$nextTick(() => hyva.trapFocus(el))
40907                                : hyva.trapFocus(el);
40908                        }
40909                        window.setTimeout(() => {
40910                            const focusFirst = el.querySelector('[x-focus-first]');
40911                            focusFirst && focusFirst.focus();
40912                        }, 50);
40913                    }
40914                    return result;
40915                };
40916
40917                const originalHide = instance.hide;
40918                instance.hide = function (value) {
40919                    const frame = window.hyva.modal.peek();
40920                    const el = refElement(frame);
40921                    const wasLegacy = frame && isLegacyElement(el);
40922                    const result = originalHide.call(this, value);
40923                    if (! wasLegacy || window.hyva.modal.peek() === frame) {
40924                        return result;                     }
40925                    hyva.releaseFocus(el);
40926
40927                    const next = window.hyva.modal.peek();
40928                    const nextEl = next ? refElement(next) : null;
40929                    if (isLegacyElement(nextEl) && ! isOverlayDisabled(nextEl)) {
40930                        hyva.trapFocus(nextEl);
40931                    } else {
40932                        document.body.classList.remove('overflow-hidden');
40933                    }
40934
40935                    const focusTarget = frame.legacyFocusTarget;
40936                    focusTarget && window.setTimeout(() =>
40936 focusTarget.focus(), 50);
40937
40938                    return result;
40939                };
40940
40941                return instance;
40942            }
40943        });
40944    })();
40945</script>
vendor: 1 bytes, line 40945
40945
40946<script type="application/ld+json">
40947{"@context":"https:\/\/schema.org","@type":"Organization","name":"PAPSTAR Shop","url":"https:\/\/www.papstar-shop.de\/","logo":"https:\/\/www.papstar-shop.de\/static\/version1790743899\/frontend\/Papstar\/base\/de_DE\/images\/logo.svg","contactPoint":[{"@type":"ContactPoint","contactType":"customer service","telephone":"+49 2441 83-228"}]}</script>
vendor: 1 bytes, line 40947
40947
40948<script type="application/ld+json">
40949{"@context":"https:\/\/schema.org","@type":"WebSite","url":"https:\/\/www.papstar-shop.de\/","potentialAction":{"@type":"SearchAction","target":"https:\/\/www.papstar-shop.de\/catalogsearch\/result\/index\/q\/{search_term_string}\/","query-input":"required name=search_term_string"}}</script>
40949
40950<style>
40951    .is-loading > :not(.loader) {
40952        visibility: hidden;
40953    }
40954</style>
40955<script>
40956    window.setAjaxCart = (selectors = '.product_addtocart_form,\u0020\u0023product_addtocart_form', recursive = true) => {
40957        const forms = document.querySelectorAll(selectors);
40958        const delay = parseInt('1200', 10);
40959        const closeTimer = parseInt('3000', 10);
40960
40961        forms.forEach(form => {
40962            form.addEventListener("submit", async (e) => {
40963                e.preventDefault();
40964
40965                const formData = new URLSearchParams(new FormData(form));
40966                const button = form.querySelector('button.btn-add-to-cart') ?
40967                    form.querySelector('button.btn-add-to-cart') :
40968                    document.getElementById('product-addtocart-button');
40969                const loader = document.createElement("div");
40970
40971                loader.className = "absolute inset-0 flex justify-center items-center loader";
40972                loader.innerHTML = `
40973                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" xml:space="preserve" width="32" height="32" role="graphics-document">
40974                <title>Add to cart</title>
40975                    <path fill="#fff"
40976                        d="M73 50c0-12.7-10.3-23-23-23S27 37.3 27 50m3.9 0c0-10.5 8.5-19.1 19.1-19.1S69.1 39.5 69.1 50">
40977                        <animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s"
40978                            from="0 50 50" to="360 50 50"
40979                            repeatCount="indefinite"/>
40980                    </path>
40981                </svg>
40982            `;
40983
40984                button.prepend(loader);
40985                button.classList.add("relative", "is-loading");
40986                button.disabled = true;
40987
40988                try {
40989                    const response = await fetch(e.currentTarget.action, {
40990                        method: "POST",
40991                        body: formData,
40992                        headers: {
40993                            "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8",
40994                            "X-Requested-With": "XMLHttpRequest"
40995                        }
40996                    });
40997
40998                    if (!response.ok) {
40999                        return form.submit();
41000                    }
41001
41002                    if (response.redirected) {
41003                        return window.location.href = response.url;
41004                    }
41005
41006                    if (recursive) {
41007                        window.dispatchEvent(new CustomEvent("product-addtocart-success"));
41008                    }
41009
41010                                            window.dispatchEvent(new CustomEvent("toggle-cart", {
41011                            detail: {
41012                                isOpen: true
41013                            }
41014                        }));
41015
41016                                            
41017                    return window.dispatchEvent(new CustomEvent("reload-customer-section-data"));
41018                } catch (err) {
41019                    console.warn(err);
41020                    window.dispatchEvent(new CustomEvent("product-addtocart-error"));
41021
41022                    setMessage({
41023                        text: 'There\u0020was\u0020a\u0020problem\u0020adding\u0020your\u0020item\u0020to\u0020the\u0020cart.',
41024                        type: "error"
41025                    });
41026                } finally {
41027                    try {
41028                        var messages = hyva.getCookie("mage-messages");
41029                        messages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, " ")) : [];
41030                        document.cookie = "mage-messages=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;";
41031
41032                    } catch (error) {
41033                        console.warn("Error parsing Cookie Messages:", error);
41034                        return;
41035                    }
41036
41037                    setTimeout(() => {
41038                        loader.remove();
41039                        button.classList.remove("is-loading");
41040                        button.disabled = false;
41041                    }, delay);
41042                }
41043            });
41044        });
41045    };
41046
41047    /**
41048     * Set Message
41049     */
41050    function setMessage(message) {
41051        typeof window.dispatchMessages !== "undefined" &&
41052        window.dispatchMessages([message], 5000);
41053    }
41054
41055    /** Init on pageload */
41056    window.setAjaxCart();
41057</script>
41057
41058
41059<script>
41060    window.addEventListener('load', function () {
41061        magentoStorefrontEvents.context.setPage({
41062            pageType: "CMS"
41063        });
41064        magentoStorefrontEvents.context.setContext("pageExtended", {
41065            action: "view"
41066        });
41067    });
41068</script>
41068
41069
41070<div x-data="dataServicesAddToCartTracking"
41071     @private-content-loaded.window="checkIfProductIsAddedToBasket"></div>
41072
41073<script>
41074    window.addEventListener('productAddToCart', function(event) {
41075        const browserStorage = hyva.getBrowserStorage();
41076        const product = JSON.parse(browserStorage.getItem('dataservices_product_context'));
41077        let shoppingCart = magentoStorefrontEvents.context.getShoppingCart();
41078        let changedProducts = event.detail;
41079
41080        magentoStorefrontEvents.context.setProduct(product);
41081
41082        if (changedProducts.length > 0) {
41083            magentoStorefrontEvents.context.setShoppingCart(shoppingCart);
41084            magentoStorefrontEvents.context.setChangedProducts({
41085                items: createCartItems(changedProducts),
41086            });
41087            magentoStorefrontEvents.publish.addToCart();
41088        }
41089
41090        function getConfigurableOptions(item) {
41091            return item.options.map((function(item) {
41092                    return {
41093                        id: item.option_id,
41094                        optionLabel: item.label,
41095                        valueId: parseInt(item.option_value),
41096                        valueLabel: item.value
41097                    }
41098                }
41099            ))
41100        }
41101
41102        function getCartItemPrice(cartItem) {
41103            const productPrice = cartItem.product_price_value;
41104
41105            if (productPrice && productPrice.hasOwnProperty('excl_tax')) {
41106                return Number(parseFloat(productPrice.excl_tax).toFixed(2));
41107            } else {
41108                return Number(parseFloat(productPrice).toFixed(2));
41109            }
41110        }
41111
41112        function createCartItems(productList) {
41113            if (!Array.isArray(productList)) {
41114                console.error('Expected an array for productList, received:', productList);
41115                return [];
41116            }
41117
41118            return productList.map((item) => ({
41119                id: item.item_id,
41120                formattedPrice: getCartItemPrice(item),
41121                quantity: item.qty,
41122                canApplyMsrp: item.canApplyMsrp,
41123                configurableOptions: getConfigurableOptions(item),
41124                product: {
41125                    productType: item.product_type,
41126                    productId: item.product_id,
41127                    name: item.product_name,
41128                    sku: item.product_sku,
41129                    topLevelSku: item.topLevelSku,
41130                    mainImageUrl: item.product_image.src,
41131                },
41132                prices: {
41133                    price: {
41134                        value: getCartItemPrice(item),
41135                    },
41136                },
41137            }));
41138        }
41139
41140    });
41141
41142    function dataServicesAddToCartTracking() {
41143        return {
41144            checkIfProductIsAddedToBasket() {
41145                const data = this.$event.detail.data;
41146                const browserStorage = hyva.getBrowserStorage();
41147
41148                                if (!browserStorage || !data.cart) {
41149                    return;
41150                }
41151
41152                                let cartSummaryCount = data.cart.summary_count || 0;
41153                let storageSummaryCount = parseInt(browserStorage.getItem('cart_summary_count'), 10) || 0;
41154
41155                                browserStorage.setItem('cart_summary_count', cartSummaryCount);
41156                browserStorage.setItem('dataservices_product_context', JSON.stringify(data.cart.dataservices_product_context));
41157
41158                                let storedData = browserStorage.getItem("mage-cache-storage");
41159                let browserStorageCartItems = storedData ? JSON.parse(storedData).cart && JSON.parse(storedData).cart.items : [];
41160                let dataCartItems = data.cart.items || [];
41161
41162                                if (cartSummaryCount > storageSummaryCount) {
41163                    const results = this.findChangedItems(browserStorageCartItems, dataCartItems);
41164
41165                                        window.dispatchEvent(new CustomEvent("productAddToCart", {
41166                        detail: results
41167                    }));
41168                }
41169            },
41170            findChangedItems(oldItems, newItems) {
41171                let changes = [];
41172
41173                newItems.forEach(newItem => {
41174                    const oldItem = oldItems.find(old => old.item_id === newItem.item_id);
41175                    if (!oldItem || oldItem.qty !== newItem.qty) {
41176                        changes.push(newItem);
41177                    }
41178                });
41179
41180                return changes;
41181            }
41182        }
41183    }
41184
41185    window.addEventListener('alpine:init', () => Alpine.data('dataServicesAddToCartTracking', dataServicesAddToCartTracking), {once: true});
41186</script>
vendor: 1 bytes, line 41186
41186
41187<script>
41188    'use strict';
41189    window.addEventListener(
41190        'alpine:init',
41191        () => Alpine.data('adobeProductRecsDataFetcher', () => ({
41192            pagePreconfiguredDeferred: {},
41193            productBanners: [],
41194            fetchData: function () {
41195                let self = this;
41196                let storefrontEvents = window.magentoStorefrontEvents;
41197
41198                storefrontEvents.context.setContext("recsContext", {
41199                    alternateEnvironmentId: ""
41200                });
41201
41202                this.pagePreconfiguredDeferred = new Promise((resolve, reject) => {
41203                    self.pagePreconfiguredDeferred.resolve = resolve;
41204                    self.pagePreconfiguredDeferred.reject = reject;
41205                })
41206
41207                document.addEventListener("recsRequestSent", (function () {
41208                    storefrontEvents.publish.recsRequestSent();
41209                }));
41210
41211                window.addEventListener("recsResponseReceived", (function (n) {
41212                    let rec = storefrontEvents.context.getRecommendations();
41213
41214                    rec = n.detail;
41215                    storefrontEvents.context.setRecommendations({
41216                        units: rec
41217                    });
41218                    storefrontEvents.publish.recsResponseReceived();
41219                }));
41220
41221                this.fetchRecommendationsData();
41222            },
41223            fetchRecommendationsData: function () {
41224                let client;
41225                let promise = new Promise(function(resolve, reject) {
41226                    let interval = setInterval(() => {
41227                        client = new RecommendationsClient();
41228                        if(client._environmentId !== "") {
41229                            clearInterval(interval);
41230                            resolve();
41231                        }
41232                    }, 300);
41233                    setTimeout(() => {
41234                        clearInterval(interval);
41235                        reject(new Error('RecommendationsClient not ready'));
41236                    }, 10000);
41237                })
41238                .then(() => {
41239                    document.dispatchEvent(new Event("recsRequestSent"));
41240
41241                    const currentProduct = magentoStorefrontEvents.context.getProduct();
41242                    const params = currentProduct ? { currentSku: currentProduct.sku } : {};
41243
41244                    client.fetchPreconfigured(params).then((response) => {
41245                        const results = Array.isArray(response?.data?.results) ? response.data.results : [];
41246                        const filteredUnits = results.filter(unit => unit.products.length);
41247                        window.dispatchEvent(new CustomEvent("recsResponseReceived", { detail: filteredUnits }));
41248                    }).catch(() => {
41249                        window.dispatchEvent(new CustomEvent("recsResponseReceived", { detail: [] }));
41250                    });
41251                })
41252                .catch(() => {
41253                    window.dispatchEvent(new CustomEvent("recsResponseReceived", { detail: [] }));
41254                });
41255            }
41256        })),
41257        {once: true}
41258    )
41259</script>
41259
41260
41261<div x-data="adobeProductRecsDataFetcher" x-init="fetchData"></div>
41262<script type='text/plain' data-usercentrics='Salesmanago'>var _smid='a9b8daa40916e68b'; var _smbanners = true; var _smcustom = true; var _smclt = 864000; (function(w, r, a, sm, s ) { w['SalesmanagoObject'] = r; w[r] = w[r] || function () {( w[r].q = w[r].q || [] ).push(arguments)}; sm = document.createElement('script'); sm.type = 'text/javascript'; sm.async = true; sm.src = a; s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sm, s); })(window, 'sm', ('https:' == document.location.protocol ? 'https://' : 'http://') + 'app2.salesmanago.pl/static/sm.js');</script>
41262<script type="text/json" id="default-section-data">
41263    {"messages":[],"customer":[],"compare-products":[],"last-ordered-items":[],"requisition":[],"cart":[],"directory-data":{"AD":{"name":"Andorra"},"AE":{"name":"Vereinigte Arabische Emirate"},"AF":{"name":"Afghanistan"},"AG":{"name":"Antigua und Barbuda"},"AI":{"name":"Anguilla"},"AL":{"name":"Albanien","regions":{"512":{"code":"AL-01","name":"Berat"},"513":{"code":"AL-09","name":"Dib\u00ebr"},"514":{"code":"AL-02","name":"Durr\u00ebs"},"515":{"code":"AL-03","name":"Elbasan"},"516":{"code":"AL-04","name":"Fier"},"517":{"code":"AL-05","name":"Gjirokast\u00ebr"},"518":{"code":"AL-06","name":"Kor\u00e7\u00eb"},"519":{"code":"AL-07","name":"Kuk\u00ebs"},"520":{"code":"AL-08","name":"Lezh\u00eb"},"521":{"code":"AL-10","name":"Shkod\u00ebr"},"522":{"code":"AL-11","name":"Tiran\u00eb"},"523":{"code":"AL-12","name":"Vlor\u00eb"}}},"AM":{"name":"Armenien"},"AN":{"name":null},"AO":{"name":"Angola"},"AQ":{"name":"Antarktis"},"AR":{"name":"Argentinien","regions":{"525":{"code":"AR-B","name":"Buenos Aires"},"526":{"code":"AR-K","name":"Catamarca"},"527":{"code":"AR-H","name":"Chaco"},"528":{"code":"AR-U","name":"Chubut"},"524":{"code":"AR-C","name":"Ciudad Aut\u00f3noma de Buenos Aires"},"529":{"code":"AR-X","name":"C\u00f3rdoba"},"530":{"code":"AR-W","name":"Corrientes"},"531":{"code":"AR-E","name":"Entre R\u00edos"},"532":{"code":"AR-P","name":"Formosa"},"533":{"code":"AR-Y","name":"Jujuy"},"534":{"code":"AR-L","name":"La Pampa"},"535":{"code":"AR-F","name":"La Rioja"},"536":{"code":"AR-M","name":"Mendoza"},"537":{"code":"AR-N","name":"Misiones"},"538":{"code":"AR-Q","name":"Neuqu\u00e9n"},"539":{"code":"AR-R","name":"R\u00edo Negro"},"540":{"code":"AR-A","name":"Salta"},"541":{"code":"AR-J","name":"San Juan"},"542":{"code":"AR-D","name":"San Luis"},"543":{"code":"AR-Z","name":"Santa Cruz"},"544":{"code":"AR-S","name":"Santa Fe"},"545":{"code":"AR-G","name":"Santiago del Estero"},"546":{"code":"AR-V","name":"Tierra del Fuego"},"547":{"code":"AR-T","name":"Tucum\u00e1n"}}},"AS":{"name":"Amerikanisch-Samoa"},"AT":{"name":"\u00d6sterreich","regions":{"102":{"code":"BL","name":"Burgenland"},"99":{"code":"KN","name":"K\u00e4rnten"},"96":{"code":"NO","name":"Nieder\u00f6sterreich"},"97":{"code":"OO","name":"Ober\u00f6sterreich"},"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"}}},"AU":{"name":"Australien","regions":{"605":{"code":"ACT","name":"Australian Capital Territory"},"606":{"code":"NSW","name":"New South Wales"},"612":{"code":"NT","name":"Northern Territory"},"608":{"code":"QLD","name":"Queensland"},"609":{"code":"SA","name":"South Australia"},"610":{"code":"TAS","name":"Tasmania"},"607":{"code":"VIC","name":"Victoria"},"611":{"code":"WA","name":"Western Australia"}}},"AW":{"name":"Aruba"},"AX":{"name":"\u00c5landinseln"},"AZ":{"name":"Aserbaidschan"},"BA":{"name":"Bosnien und Herzegowina"},"BB":{"name":"Barbados"},"BD":{"name":"Bangladesch"},"BE":{"name":"Belgien","regions":{"620":{"code":"VAN","name":"Antwerpen"},"621":{"code":"WBR","name":"Brabant wallon"},"622":{"code":"BRU","name":"Brussels-Capital Region"},"623":{"code":"WHT","name":"Hainaut"},"625":{"code":"WLG","name":"Li\u00e8ge"},"624":{"code":"VLI","name":"Limburg"},"626":{"code":"WLX","name":"Luxembourg"},"627":{"code":"WNA","name":"Namur"},"628":{"code":"VOV","name":"Oost-Vlaanderen"},"629":{"code":"VBR","name":"Vlaams-Brabant"},"630":{"code":"VWV","name":"West-Vlaanderen"}}},"BF":{"name":"Burkina Faso"},"BG":{"name":"Bulgarien","regions":{"640":{"code":"BG-01","name":"Blagoevgrad"},"641":{"code":"BG-02","name":"Burgas"},"647":{"code":"BG-08","name":"Dobrich"},"646":{"code":"BG-07","name":"Gabrovo"},"665":{"code":"BG-26","name":"Haskovo"},"648":{"code":"BG-09","name":"Kardzhali"},"649":{"code":"BG-10","name":"Kyustendil"},"650":{"code":"BG-11","name":"Lovech"},"651":{"code":"BG-12","name":"Montana"},"652":{"code":"BG-13","name":"Pazardzhik"},"653":{"code":"BG-14","name":"Pernik"},"654":{"code":"BG-15","name":"Pleven"},"655":{"code":"BG-16","name":"Plovdiv"},"656":{"code":"BG-17","name":"Razgrad"},"657":{"code":"BG-18","name":"Ruse"},"666":{"code":"BG-27","name":"Shumen"},"658":{"code":"BG-19","name":"Silistra"},"659":{"code":"BG-20","name":"Sliven"},"660":{"code":"BG-21","name":"Smolyan"},"661":{"code":"BG-22","name":"Sofia City"},"662":{"code":"BG-23","name":"Sofia Province"},"663":{"code":"BG-24","name":"Stara Zagora"},"664":{"code":"BG-25","name":"Targovishte"},"642":{"code":"BG-03","name":"Varna"},"643":{"code":"BG-04","name":"Veliko Tarnovo"},"644":{"code":"BG-05","name":"Vidin"},"645":{"code":"BG-06","name":"Vratsa"},"667":{"code":"BG-28","name":"Yambol"}}},"BH":{"name":"Bahrain"},"BI":{"name":"Burundi"},"BJ":{"name":"Benin"},"BL":{"name":"St. Barth\u00e9lemy"},"BM":{"name":"Bermuda"},"BN":{"name":"Brunei Darussalam"}
41263,"BO":{"name":"Bolivien","regions":{"632":{"code":"BO-H","name":"Chuquisaca"},"631":{"code":"BO-C","name":"Cochabamba"},"633":{"code":"BO-B","name":"El Beni"},"634":{"code":"BO-L","name":"La Paz"},"635":{"code":"BO-O","name":"Oruro"},"636":{"code":"BO-N","name":"Pando"},"637":{"code":"BO-P","name":"Potos\u00ed"},"638":{"code":"BO-S","name":"Santa Cruz"},"639":{"code":"BO-T","name":"Tarija"}}},"BQ":{"name":"Bonaire, Sint Eustatius und Saba"},"BR":{"name":"Brasilien","regions":{"485":{"code":"AC","name":"Acre"},"486":{"code":"AL","name":"Alagoas"},"487":{"code":"AP","name":"Amap\u00e1"},"488":{"code":"AM","name":"Amazonas"},"489":{"code":"BA","name":"Bahia"},"490":{"code":"CE","name":"Cear\u00e1"},"511":{"code":"DF","name":"Distrito Federal"},"491":{"code":"ES","name":"Esp\u00edrito Santo"},"492":{"code":"GO","name":"Goi\u00e1s"},"493":{"code":"MA","name":"Maranh\u00e3o"},"494":{"code":"MT","name":"Mato Grosso"},"495":{"code":"MS","name":"Mato Grosso do Sul"},"496":{"code":"MG","name":"Minas Gerais"},"497":{"code":"PA","name":"Par\u00e1"},"498":{"code":"PB","name":"Para\u00edba"},"499":{"code":"PR","name":"Paran\u00e1"},"500":{"code":"PE","name":"Pernambuco"},"501":{"code":"PI","name":"Piau\u00ed"},"502":{"code":"RJ","name":"Rio de Janeiro"},"503":{"code":"RN","name":"Rio Grande do Norte"},"504":{"code":"RS","name":"Rio Grande do Sul"},"505":{"code":"RO","name":"Rond\u00f4nia"},"506":{"code":"RR","name":"Roraima"},"507":{"code":"SC","name":"Santa Catarina"},"508":{"code":"SP","name":"S\u00e3o Paulo"},"509":{"code":"SE","name":"Sergipe"},"510":{"code":"TO","name":"Tocantins"}}},"BS":{"name":"Bahamas"},"BT":{"name":"Bhutan"},"BV":{"name":"Bouvetinsel"},"BW":{"name":"Botsuana"},"BY":{"name":"Belarus","regions":{"613":{"code":"BY-BR","name":"Bresckaja voblas\u0107"},"614":{"code":"BY-HO","name":"Homie\u013askaja voblas\u0107"},"615":{"code":"BY-HM","name":"Horad Minsk"},"616":{"code":"BY-HR","name":"Hrodzienskaja voblas\u0107"},"617":{"code":"BY-MA","name":"Mahilio\u016dskaja voblas\u0107"},"618":{"code":"BY-MI","name":"Minskaja voblas\u0107"},"619":{"code":"BY-VI","name":"Viciebskaja voblas\u0107"}}},"BZ":{"name":"Belize"},"CA":{"name":"Kanada","regions":{"66":{"code":"AB","name":"Alberta"},"67":{"code":"BC","name":"British Columbia"},"68":{"code":"MB","name":"Manitoba"},"70":{"code":"NB","name":"New Brunswick"},"69":{"code":"NL","name":"Newfoundland and Labrador"},"72":{"code":"NT","name":"Northwest Territories"},"71":{"code":"NS","name":"Nova Scotia"},"73":{"code":"NU","name":"Nunavut"},"74":{"code":"ON","name":"Ontario"},"75":{"code":"PE","name":"Prince Edward Island"},"76":{"code":"QC","name":"Quebec"},"77":{"code":"SK","name":"Saskatchewan"},"78":{"code":"YT","name":"Yukon Territory"}}},"CC":{"name":"Kokosinseln"},"CD":{"name":"Kongo-Kinshasa"},"CF":{"name":"Zentralafrikanische Republik"},"CG":{"name":"Kongo-Brazzaville"},"CH":{"name":"Schweiz","regions":{"104":{"code":"AG","name":"Aargau"},"106":{"code":"AR","name":"Appenzell Ausserrhoden"},"105":{"code":"AI","name":"Appenzell Innerrhoden"},"108":{"code":"BL","name":"Basel-Landschaft"},"109":{"code":"BS","name":"Basel-Stadt"},"107":{"code":"BE","name":"Bern"},"110":{"code":"FR","name":"Friburg"},"111":{"code":"GE","name":"Geneva"},"112":{"code":"GL","name":"Glarus"},"113":{"code":"GR","name":"Graub\u00fcnden"},"114":{"code":"JU","name":"Jura"},"115":{"code":"LU","name":"Lucerne"},"116":{"code":"NE","name":"Neuch\u00e2tel"},"117":{"code":"NW","name":"Nidwalden"},"118":{"code":"OW","name":"Obwalden"},"120":{"code":"SH","name":"Schaffhausen"},"122":{"code":"SZ","name":"Schwyz"},"121":{"code":"SO","name":"Solothurn"},"119":{"code":"SG","name":"St. Gallen"},"123":{"code":"TG","name":"Thurgau"},"124":{"code":"TI","name":"Ticino"},"125":{"code":"UR","name":"Uri"},"126":{"code":"VD","name":"Vaud"},"127":{"code":"VS","name":"Wallis"},"128":{"code":"ZG","name":"Zug"},"129":{"code":"ZH","name":"Z\u00fcrich"}}},"CI":{"name":"C\u00f4te d\u2019Ivoire"},"CK":{"name":"Cookinseln"},"CL":{"name":"Chile","regions":{"668":{"code":"CL-AI","name":"Ais\u00e9n del General Carlos Iba\u00f1ez del Campo"},"669":{"code":"CL-AN","name":"Antofagasta"},"670":{"code":"CL-AP","name":"Arica y Parinacota"},"672":{"code":"CL-AT","name":"Atacama"},"673":{"code":"CL-BI","name":"Biob\u00edo"},"674":{"code":"CL-CO","name":"Coquimbo"},"671":{"code":"CL-AR","name":"La Araucan\u00eda"},"675":{"code":"CL-LI","name":"Libertador General Bernardo O'Higgins"}
41263,"676":{"code":"CL-LL","name":"Los Lagos"},"677":{"code":"CL-LR","name":"Los R\u00edos"},"678":{"code":"CL-MA","name":"Magallanes"},"679":{"code":"CL-ML","name":"Maule"},"680":{"code":"CL-NB","name":"\u00d1uble"},"681":{"code":"CL-RM","name":"Regi\u00f3n Metropolitana de Santiago"},"682":{"code":"CL-TA","name":"Tarapac\u00e1"},"683":{"code":"CL-VS","name":"Valpara\u00edso"}}},"CM":{"name":"Kamerun"},"CN":{"name":"China","regions":{"684":{"code":"CN-AH","name":"Anhui Sheng"},"685":{"code":"CN-BJ","name":"Beijing Shi"},"686":{"code":"CN-CQ","name":"Chongqing Shi"},"687":{"code":"CN-FJ","name":"Fujian Sheng"},"688":{"code":"CN-GS","name":"Gansu Sheng"},"689":{"code":"CN-GD","name":"Guangdong Sheng"},"690":{"code":"CN-GX","name":"Guangxi Zhuangzu Zizhiqu"},"691":{"code":"CN-GZ","name":"Guizhou Sheng"},"692":{"code":"CN-HI","name":"Hainan Sheng"},"693":{"code":"CN-HE","name":"Hebei Sheng"},"694":{"code":"CN-HL","name":"Heilongjiang Sheng"},"695":{"code":"CN-HA","name":"Henan Sheng"},"696":{"code":"CN-HK","name":"Hong Kong SAR"},"697":{"code":"CN-HB","name":"Hubei Sheng"},"698":{"code":"CN-HN","name":"Hunan Sheng"},"699":{"code":"CN-JS","name":"Jiangsu Sheng"},"700":{"code":"CN-JX","name":"Jiangxi Sheng"},"701":{"code":"CN-JL","name":"Jilin Sheng"},"702":{"code":"CN-LN","name":"Liaoning Sheng"},"703":{"code":"CN-MO","name":"Macao SAR"},"704":{"code":"CN-NM","name":"Nei Mongol Zizhiqu"},"705":{"code":"CN-NX","name":"Ningxia Huizi Zizhiqu"},"706":{"code":"CN-QH","name":"Qinghai Sheng"},"707":{"code":"CN-SN","name":"Shaanxi Sheng"},"708":{"code":"CN-SD","name":"Shandong Sheng"},"709":{"code":"CN-SH","name":"Shanghai Shi"},"710":{"code":"CN-SX","name":"Shanxi Sheng"},"711":{"code":"CN-SC","name":"Sichuan Sheng"},"712":{"code":"CN-TW","name":"Taiwan Sheng"},"713":{"code":"CN-TJ","name":"Tianjin Shi"},"714":{"code":"CN-XJ","name":"Xinjiang Uygur Zizhiqu"},"715":{"code":"CN-XZ","name":"Xizang Zizhiqu"},"716":{"code":"CN-YN","name":"Yunnan Sheng"},"717":{"code":"CN-ZJ","name":"Zhejiang Sheng"}}},"CO":{"name":"Kolumbien","regions":{"718":{"code":"CO-AMA","name":"Amazonas"},"719":{"code":"CO-ANT","name":"Antioquia"},"720":{"code":"CO-ARA","name":"Arauca"},"721":{"code":"CO-ATL","name":"Atl\u00e1ntico"},"722":{"code":"CO-BOL","name":"Bol\u00edvar"},"723":{"code":"CO-BOY","name":"Boyac\u00e1"},"724":{"code":"CO-CAL","name":"Caldas"},"725":{"code":"CO-CAQ","name":"Caquet\u00e1"},"726":{"code":"CO-CAS","name":"Casanare"},"727":{"code":"CO-CAU","name":"Cauca"},"728":{"code":"CO-CES","name":"Cesar"},"729":{"code":"CO-CHO","name":"Choc\u00f3"},"730":{"code":"CO-COR","name":"C\u00f3rdoba"},"731":{"code":"CO-CUN","name":"Cundinamarca"},"732":{"code":"CO-GUA","name":"Guain\u00eda"},"733":{"code":"CO-GUV","name":"Guaviare"},"734":{"code":"CO-HUL","name":"Huila"},"735":{"code":"CO-LAG","name":"La Guajira"},"736":{"code":"CO-MAG","name":"Magdalena"},"737":{"code":"CO-MET","name":"Meta"},"738":{"code":"CO-NAR","name":"Nari\u00f1o"},"739":{"code":"CO-NSA","name":"Norte de Santander"},"740":{"code":"CO-PUT","name":"Putumayo"},"741":{"code":"CO-QUI","name":"Quind\u00edo"},"742":{"code":"CO-RIS","name":"Risaralda"},"743":{"code":"CO-SAP","name":"San Andr\u00e9s y Providencia"},"744":{"code":"CO-SAN","name":"Santander"},"745":{"code":"CO-SUC","name":"Sucre"},"746":{"code":"CO-TOL","name":"Tolima"},"747":{"code":"CO-VAC","name":"Valle del Cauca"},"748":{"code":"CO-VAU","name":"Vaup\u00e9s"},"749":{"code":"CO-VID","name":"Vichada"}}},"CR":{"name":"Costa Rica","regions":{"1123":{"code":"CR-AL","name":"Alajuela"},"1124":{"code":"CR-CA","name":"Cartago"},"1126":{"code":"CR-GU","name":"Guanacaste"},"1125":{"code":"CR-HE","name":"Heredia"},"1128":{"code":"CR-LI","name":"Lim\u00f3n"},"1127":{"code":"CR-PU","name":"Puntarenas"},"1122":{"code":"CR-SJ","name":"San Jos\u00e9"}}},"CU":{"name":"Kuba"},"CV":{"name":"Cabo Verde"},"CW":{"name":"Cura\u00e7ao"},"CX":{"name":"Weihnachtsinsel"},"CY":{"name":"Zypern"},"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"}
41263,"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\u00fcrttemberg"},"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\u00fcringen"}}},"DJ":{"name":"Dschibuti"},"DK":{"name":"D\u00e4nemark","regions":{"750":{"code":"DK-84","name":"Hovedstaden"},"751":{"code":"DK-82","name":"Midtjylland"},"752":{"code":"DK-81","name":"Nordjylland"},"753":{"code":"DK-85","name":"Sj\u00e6lland"},"754":{"code":"DK-83","name":"Syddanmark"}}},"DM":{"name":"Dominica"},"DO":{"name":"Dominikanische Republik"},"DZ":{"name":"Algerien"},"EC":{"name":"Ecuador","regions":{"755":{"code":"EC-A","name":"Azuay"},"756":{"code":"EC-B","name":"Bol\u00edvar"},"757":{"code":"EC-F","name":"Ca\u00f1ar"},"758":{"code":"EC-C","name":"Carchi"},"759":{"code":"EC-H","name":"Chimborazo"},"760":{"code":"EC-X","name":"Cotopaxi"},"761":{"code":"EC-O","name":"El Oro"},"762":{"code":"EC-E","name":"Esmeraldas"},"763":{"code":"EC-W","name":"Gal\u00e1pagos"},"764":{"code":"EC-G","name":"Guayas"},"765":{"code":"EC-I","name":"Imbabura"},"766":{"code":"EC-L","name":"Loja"},"767":{"code":"EC-R","name":"Los R\u00edos"},"768":{"code":"EC-M","name":"Manab\u00ed"},"769":{"code":"EC-S","name":"Morona Santiago"},"770":{"code":"EC-N","name":"Napo"},"771":{"code":"EC-D","name":"Orellana"},"772":{"code":"EC-Y","name":"Pastaza"},"773":{"code":"EC-P","name":"Pichincha"},"774":{"code":"EC-SE","name":"Santa Elena"},"775":{"code":"EC-SD","name":"Santo Domingo de los Ts\u00e1chilas"},"776":{"code":"EC-U","name":"Sucumb\u00edos"},"777":{"code":"EC-T","name":"Tungurahua"},"778":{"code":"EC-Z","name":"Zamora Chinchipe"}}},"EE":{"name":"Estland","regions":{"340":{"code":"EE-37","name":"Harjumaa"},"341":{"code":"EE-39","name":"Hiiumaa"},"342":{"code":"EE-44","name":"Ida-Virumaa"},"344":{"code":"EE-51","name":"J\u00e4rvamaa"},"343":{"code":"EE-49","name":"J\u00f5gevamaa"},"346":{"code":"EE-59","name":"L\u00e4\u00e4ne-Virumaa"},"345":{"code":"EE-57","name":"L\u00e4\u00e4nemaa"},"348":{"code":"EE-67","name":"P\u00e4rnumaa"},"347":{"code":"EE-65","name":"P\u00f5lvamaa"},"349":{"code":"EE-70","name":"Raplamaa"},"350":{"code":"EE-74","name":"Saaremaa"},"351":{"code":"EE-78","name":"Tartumaa"},"352":{"code":"EE-82","name":"Valgamaa"},"353":{"code":"EE-84","name":"Viljandimaa"},"354":{"code":"EE-86","name":"V\u00f5rumaa"}}},"EG":{"name":"\u00c4gypten"},"EH":{"name":"Westsahara"},"ER":{"name":"Eritrea"},"ES":{"name":"Spanien","regions":{"130":{"code":"A Coru\u0441a","name":"A Coru\u00f1a"},"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"}
41263,"179":{"code":"Vizcaya","name":"Vizcaya"},"180":{"code":"Zamora","name":"Zamora"},"181":{"code":"Zaragoza","name":"Zaragoza"}}},"ET":{"name":"\u00c4thiopien"},"FI":{"name":"Finnland","regions":{"339":{"code":"Ahvenanmaa","name":"Ahvenanmaa"},"333":{"code":"Etel\u00e4-Karjala","name":"Etel\u00e4-Karjala"},"326":{"code":"Etel\u00e4-Pohjanmaa","name":"Etel\u00e4-Pohjanmaa"},"325":{"code":"Etel\u00e4-Savo","name":"Etel\u00e4-Savo"},"337":{"code":"It\u00e4-Uusimaa","name":"It\u00e4-Uusimaa"},"322":{"code":"Kainuu","name":"Kainuu"},"335":{"code":"Kanta-H\u00e4me","name":"Kanta-H\u00e4me"},"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\u00e4ij\u00e4t-H\u00e4me","name":"P\u00e4ij\u00e4t-H\u00e4me"},"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"}}},"FJ":{"name":"Fidschi"},"FK":{"name":"Falklandinseln"},"FM":{"name":"Mikronesien"},"FO":{"name":"F\u00e4r\u00f6er"},"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\u00e8che"},"189":{"code":"8","name":"Ardennes"},"190":{"code":"9","name":"Ari\u00e8ge"},"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\u00f4ne"},"195":{"code":"14","name":"Calvados"},"196":{"code":"15","name":"Cantal"},"197":{"code":"16","name":"Charente"},"198":{"code":"17","name":"Charente-Maritime"},"199":{"code":"18","name":"Cher"},"200":{"code":"19","name":"Corr\u00e8ze"},"201":{"code":"2A","name":"Corse-du-Sud"},"203":{"code":"21","name":"C\u00f4te-d'Or"},"204":{"code":"22","name":"C\u00f4tes-d'Armor"},"205":{"code":"23","name":"Creuse"},"261":{"code":"79","name":"Deux-S\u00e8vres"},"206":{"code":"24","name":"Dordogne"},"207":{"code":"25","name":"Doubs"},"208":{"code":"26","name":"Dr\u00f4me"},"273":{"code":"91","name":"Essonne"},"209":{"code":"27","name":"Eure"},"210":{"code":"28","name":"Eure-et-Loir"},"211":{"code":"29","name":"Finist\u00e8re"},"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\u00f4ne"},"256":{"code":"74","name":"Haute-Savoie"},"269":{"code":"87","name":"Haute-Vienne"},"186":{"code":"5","name":"Hautes-Alpes"},"247":{"code":"65","name":"Hautes-Pyr\u00e9n\u00e9es"},"274":{"code":"92","name":"Hauts-de-Seine"},"216":{"code":"34","name":"H\u00e9rault"},"217":{"code":"35","name":"Ille-et-Vilaine"},"218":{"code":"36","name":"Indre"},"219":{"code":"37","name":"Indre-et-Loire"},"220":{"code":"38","name":"Is\u00e8re"},"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\u00e8re"},"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\u00e8vre"},"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\u00f4me"},"246":{"code":"64","name":"Pyr\u00e9n\u00e9es-Atlantiques"},"248":{"code":"66","name":"Pyr\u00e9n\u00e9es-Orientales"},"251":{"code":"69","name":"Rh\u00f4ne"},"253":{"code":"71","name":"Sa\u00f4ne-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"}
41263,"276":{"code":"94","name":"Val-de-Marne"},"265":{"code":"83","name":"Var"},"266":{"code":"84","name":"Vaucluse"},"267":{"code":"85","name":"Vend\u00e9e"},"268":{"code":"86","name":"Vienne"},"270":{"code":"88","name":"Vosges"},"271":{"code":"89","name":"Yonne"},"260":{"code":"78","name":"Yvelines"}}},"GA":{"name":"Gabun"},"GB":{"name":"Vereinigtes K\u00f6nigreich"},"GD":{"name":"Grenada"},"GE":{"name":"Georgien"},"GF":{"name":"Franz\u00f6sisch-Guayana"},"GG":{"name":"Guernsey"},"GH":{"name":"Ghana"},"GI":{"name":"Gibraltar"},"GL":{"name":"Gr\u00f6nland"},"GM":{"name":"Gambia"},"GN":{"name":"Guinea"},"GP":{"name":"Guadeloupe"},"GQ":{"name":"\u00c4quatorialguinea"},"GR":{"name":"Griechenland","regions":{"792":{"code":"GR-69","name":"\u00c1gion \u00d3ros"},"779":{"code":"GR-A","name":"Anatolik\u00ed Makedon\u00eda kai Thr\u00e1ki"},"780":{"code":"GR-I","name":"Attik\u00ed"},"781":{"code":"GR-G","name":"Dytik\u00ed Ell\u00e1da"},"782":{"code":"GR-C","name":"Dytik\u00ed Makedon\u00eda"},"783":{"code":"GR-F","name":"Ion\u00eda N\u00edsia"},"784":{"code":"GR-D","name":"\u00cdpeiros"},"785":{"code":"GR-B","name":"Kentrik\u00ed Makedon\u00eda"},"786":{"code":"GR-M","name":"Kr\u00edti"},"787":{"code":"GR-L","name":"N\u00f3tio Aiga\u00edo"},"788":{"code":"GR-J","name":"Pelop\u00f3nnisos"},"789":{"code":"GR-H","name":"Stere\u00e1 Ell\u00e1da"},"790":{"code":"GR-E","name":"Thessal\u00eda"},"791":{"code":"GR-K","name":"V\u00f3reio Aiga\u00edo"}}},"GS":{"name":"S\u00fcdgeorgien und die S\u00fcdlichen Sandwichinseln"},"GT":{"name":"Guatemala"},"GU":{"name":"Guam"},"GW":{"name":"Guinea-Bissau"},"GY":{"name":"Guyana","regions":{"793":{"code":"GY-BA","name":"Barima-Waini"},"794":{"code":"GY-CU","name":"Cuyuni-Mazaruni"},"795":{"code":"GY-DE","name":"Demerara-Mahaica"},"796":{"code":"GY-EB","name":"East Berbice-Corentyne"},"797":{"code":"GY-ES","name":"Essequibo Islands-West Demerara"},"798":{"code":"GY-MA","name":"Mahaica-Berbice"},"799":{"code":"GY-PM","name":"Pomeroon-Supenaam"},"800":{"code":"GY-PT","name":"Potaro-Siparuni"},"801":{"code":"GY-UD","name":"Upper Demerara-Berbice"},"802":{"code":"GY-UT","name":"Upper Takutu-Upper Essequibo"}}},"HK":{"name":"Sonderverwaltungsregion Hongkong"},"HM":{"name":"Heard und McDonaldinseln"},"HN":{"name":"Honduras"},"HR":{"name":"Kroatien","regions":{"554":{"code":"HR-07","name":"Bjelovarsko-bilogorska \u017eupanija"},"559":{"code":"HR-12","name":"Brodsko-posavska \u017eupanija"},"566":{"code":"HR-19","name":"Dubrova\u010dko-neretvanska \u017eupanija"},"568":{"code":"HR-21","name":"Grad Zagreb"},"565":{"code":"HR-18","name":"Istarska \u017eupanija"},"551":{"code":"HR-04","name":"Karlova\u010dka \u017eupanija"},"553":{"code":"HR-06","name":"Koprivni\u010dko-kri\u017eeva\u010dka \u017eupanija"},"549":{"code":"HR-02","name":"Krapinsko-zagorska \u017eupanija"},"556":{"code":"HR-09","name":"Li\u010dko-senjska \u017eupanija"},"567":{"code":"HR-20","name":"Me\u0111imurska \u017eupanija"},"561":{"code":"HR-14","name":"Osje\u010dko-baranjska \u017eupanija"},"558":{"code":"HR-11","name":"Po\u017ee\u0161ko-slavonska \u017eupanija"},"555":{"code":"HR-08","name":"Primorsko-goranska \u017eupanija"},"562":{"code":"HR-15","name":"\u0160ibensko-kninska \u017eupanija"},"550":{"code":"HR-03","name":"Sisa\u010dko-moslava\u010dka \u017eupanija"},"564":{"code":"HR-17","name":"Splitsko-dalmatinska \u017eupanija"},"552":{"code":"HR-05","name":"Vara\u017edinska \u017eupanija"},"557":{"code":"HR-10","name":"Viroviti\u010dko-podravska \u017eupanija"},"563":{"code":"HR-16","name":"Vukovarsko-srijemska \u017eupanija"},"560":{"code":"HR-13","name":"Zadarska \u017eupanija"},"548":{"code":"HR-01","name":"Zagreba\u010dka \u017eupanija"}}},"HT":{"name":"Haiti"},"HU":{"name":"Ungarn"},"ID":{"name":"Indonesien"},"IE":{"name":"Irland"},"IL":{"name":"Israel"},"IM":{"name":"Isle of Man"},"IN":{"name":"Indien","regions":{"569":{"code":"AN","name":"Andaman and Nicobar Islands"},"570":{"code":"AP","name":"Andhra Pradesh"},"571":{"code":"AR","name":"Arunachal Pradesh"},"572":{"code":"AS","name":"Assam"},"573":{"code":"BR","name":"Bihar"},"574":{"code":"CH","name":"Chandigarh"},"575":{"code":"CT","name":"Chhattisgarh"},"576":{"code":"DN","name":"Dadra and Nagar Haveli"},"577":{"code":"DD","name":"Daman and Diu"},"578":{"code":"DL","name":"Delhi"},"579":{"code":"GA","name":"Goa"},"580":{"code":"GJ","name":"Gujarat"},"581":{"code":"HR","name":"Haryana"},"582":{"code":"HP","name":"Himachal Pradesh"},"583":{"code":"JK","name":"Jammu and Kashmir"},"584":{"code":"JH","name":"Jharkhand"},"585":{"code":"KA","name":"Karnataka"},"586":{"code":"KL","name":"Kerala"},"1156":{"code":"LA","name":"Ladakh"},"587":{"code":"LD","name":"Lakshadweep"},"588":{"code":"MP","name":"Madhya Pradesh"},"589":{"code":"MH","name":"Maharashtra"},"590":{"code":"MN","name":"Manipur"},"591":{"code":"ML","name":"Meghalaya"},"592":{"code":"MZ","name":"Mizoram"},"593":{"code":"NL","name":"Nagaland"}
41263,"594":{"code":"OR","name":"Odisha"},"595":{"code":"PY","name":"Puducherry"},"596":{"code":"PB","name":"Punjab"},"597":{"code":"RJ","name":"Rajasthan"},"598":{"code":"SK","name":"Sikkim"},"599":{"code":"TN","name":"Tamil Nadu"},"600":{"code":"TG","name":"Telangana"},"601":{"code":"TR","name":"Tripura"},"602":{"code":"UP","name":"Uttar Pradesh"},"603":{"code":"UT","name":"Uttarakhand"},"604":{"code":"WB","name":"West Bengal"}}},"IO":{"name":"Britisches Territorium im Indischen Ozean"},"IQ":{"name":"Irak"},"IR":{"name":"Iran"},"IS":{"name":"Island","regions":{"809":{"code":"IS-07","name":"Austurland"},"803":{"code":"IS-01","name":"H\u00f6fu\u00f0borgarsv\u00e6\u00f0i"},"808":{"code":"IS-06","name":"Nor\u00f0urland eystra"},"807":{"code":"IS-05","name":"Nor\u00f0urland vestra"},"810":{"code":"IS-08","name":"Su\u00f0urland"},"804":{"code":"IS-02","name":"Su\u00f0urnes"},"806":{"code":"IS-04","name":"Vestfir\u00f0ir"},"805":{"code":"IS-03","name":"Vesturland"}}},"IT":{"name":"Italien","regions":{"811":{"code":"AG","name":"Agrigento"},"812":{"code":"AL","name":"Alessandria"},"813":{"code":"AN","name":"Ancona"},"814":{"code":"AO","name":"Aosta"},"816":{"code":"AR","name":"Arezzo"},"817":{"code":"AP","name":"Ascoli-Piceno"},"818":{"code":"AT","name":"Asti"},"819":{"code":"AV","name":"Avellino"},"820":{"code":"BA","name":"Bari"},"821":{"code":"BT","name":"Barletta-Andria-Trani"},"822":{"code":"BL","name":"Belluno"},"823":{"code":"BN","name":"Benevento"},"824":{"code":"BG","name":"Bergamo"},"825":{"code":"BI","name":"Biella"},"826":{"code":"BO","name":"Bologna"},"827":{"code":"BZ","name":"Bolzano"},"828":{"code":"BS","name":"Brescia"},"829":{"code":"BR","name":"Brindisi"},"830":{"code":"CA","name":"Cagliari"},"831":{"code":"CL","name":"Caltanissetta"},"832":{"code":"CB","name":"Campobasso"},"833":{"code":"CI","name":"Carbonia Iglesias"},"834":{"code":"CE","name":"Caserta"},"835":{"code":"CT","name":"Catania"},"836":{"code":"CZ","name":"Catanzaro"},"837":{"code":"CH","name":"Chieti"},"838":{"code":"CO","name":"Como"},"839":{"code":"CS","name":"Cosenza"},"840":{"code":"CR","name":"Cremona"},"841":{"code":"KR","name":"Crotone"},"842":{"code":"CN","name":"Cuneo"},"843":{"code":"EN","name":"Enna"},"844":{"code":"FM","name":"Fermo"},"845":{"code":"FE","name":"Ferrara"},"846":{"code":"FI","name":"Firenze"},"847":{"code":"FG","name":"Foggia"},"848":{"code":"FC","name":"Forli-Cesena"},"849":{"code":"FR","name":"Frosinone"},"850":{"code":"GE","name":"Genova"},"851":{"code":"GO","name":"Gorizia"},"852":{"code":"GR","name":"Grosseto"},"853":{"code":"IM","name":"Imperia"},"854":{"code":"IS","name":"Isernia"},"815":{"code":"AQ","name":"L'Aquila"},"855":{"code":"SP","name":"La-Spezia"},"856":{"code":"LT","name":"Latina"},"857":{"code":"LE","name":"Lecce"},"858":{"code":"LC","name":"Lecco"},"859":{"code":"LI","name":"Livorno"},"860":{"code":"LO","name":"Lodi"},"861":{"code":"LU","name":"Lucca"},"862":{"code":"MC","name":"Macerata"},"863":{"code":"MN","name":"Mantova"},"864":{"code":"MS","name":"Massa-Carrara"},"865":{"code":"MT","name":"Matera"},"866":{"code":"VS","name":"Medio Campidano"},"867":{"code":"ME","name":"Messina"},"868":{"code":"MI","name":"Milano"},"869":{"code":"MO","name":"Modena"},"870":{"code":"MB","name":"Monza-Brianza"},"871":{"code":"NA","name":"Napoli"},"872":{"code":"NO","name":"Novara"},"873":{"code":"NU","name":"Nuoro"},"874":{"code":"OG","name":"Ogliastra"},"875":{"code":"OT","name":"Olbia Tempio"},"876":{"code":"OR","name":"Oristano"},"877":{"code":"PD","name":"Padova"},"878":{"code":"PA","name":"Palermo"},"879":{"code":"PR","name":"Parma"},"880":{"code":"PV","name":"Pavia"},"881":{"code":"PG","name":"Perugia"},"882":{"code":"PU","name":"Pesaro-Urbino"},"883":{"code":"PE","name":"Pescara"},"884":{"code":"PC","name":"Piacenza"},"885":{"code":"PI","name":"Pisa"},"886":{"code":"PT","name":"Pistoia"},"887":{"code":"PN","name":"Pordenone"},"888":{"code":"PZ","name":"Potenza"},"889":{"code":"PO","name":"Prato"},"890":{"code":"RG","name":"Ragusa"},"891":{"code":"RA","name":"Ravenna"},"892":{"code":"RC","name":"Reggio-Calabria"},"893":{"code":"RE","name":"Reggio-Emilia"},"894":{"code":"RI","name":"Rieti"},"895":{"code":"RN","name":"Rimini"},"896":{"code":"RM","name":"Roma"},"897":{"code":"RO","name":"Rovigo"},"898":{"code":"SA","name":"Salerno"},"899":{"code":"SS","name":"Sassari"},"900":{"code":"SV","name":"Savona"},"901":{"code":"SI","name":"Siena"},"902":{"code":"SR","name":"Siracusa"},"903":{"code":"SO","name":"Sondrio"},"904":{"code":"TA","name":"Taranto"},"905":{"code":"TE","name":"Teramo"},"906":{"code":"TR","name":"Terni"},"907":{"code":"TO","name":"Torino"},"908":{"code":"TP","name":"Trapani"},"909":{"code":"TN","name":"Trento"},"910":{"code":"TV","name":"Treviso"},"911":{"code":"TS","name":"Trieste"},"912":{"code":"UD","name":"Udine"},"913":{"code":"VA","name":"Varese"},"914":{"code":"VE","name":"Venezia"},"915":{"code":"VB","name":"Verbania"},"916":{"code":"VC","name":"Vercelli"},"917":{"code":"VR","name":"Verona"}
41263,"918":{"code":"VV","name":"Vibo-Valentia"},"919":{"code":"VI","name":"Vicenza"},"920":{"code":"VT","name":"Viterbo"}}},"JE":{"name":"Jersey"},"JM":{"name":"Jamaika"},"JO":{"name":"Jordanien"},"JP":{"name":"Japan"},"KE":{"name":"Kenia"},"KG":{"name":"Kirgisistan"},"KH":{"name":"Kambodscha"},"KI":{"name":"Kiribati"},"KM":{"name":"Komoren"},"KN":{"name":"St. Kitts und Nevis"},"KP":{"name":"Nordkorea"},"KR":{"name":"S\u00fcdkorea"},"KW":{"name":"Kuwait"},"KY":{"name":"Kaimaninseln"},"KZ":{"name":"Kasachstan"},"LA":{"name":"Laos"},"LB":{"name":"Libanon"},"LC":{"name":"St. Lucia"},"LI":{"name":"Liechtenstein"},"LK":{"name":"Sri Lanka"},"LR":{"name":"Liberia"},"LS":{"name":"Lesotho"},"LT":{"name":"Litauen","regions":{"475":{"code":"LT-AL","name":"Alytaus Apskritis"},"476":{"code":"LT-KU","name":"Kauno Apskritis"},"477":{"code":"LT-KL","name":"Klaip\u0117dos Apskritis"},"478":{"code":"LT-MR","name":"Marijampol\u0117s Apskritis"},"479":{"code":"LT-PN","name":"Panev\u0117\u017eio Apskritis"},"480":{"code":"LT-SA","name":"\u0160iauli\u0173 Apskritis"},"481":{"code":"LT-TA","name":"Taurag\u0117s Apskritis"},"482":{"code":"LT-TE","name":"Tel\u0161i\u0173 Apskritis"},"483":{"code":"LT-UT","name":"Utenos Apskritis"},"484":{"code":"LT-VL","name":"Vilniaus Apskritis"}}},"LU":{"name":"Luxemburg"},"LV":{"name":"Lettland","regions":{"471":{"code":"\u0100da\u017eu novads","name":"\u0100da\u017eu novads"},"366":{"code":"Aglonas novads","name":"Aglonas novads"},"367":{"code":"LV-AI","name":"Aizkraukles novads"},"368":{"code":"Aizputes novads","name":"Aizputes novads"},"369":{"code":"Akn\u012bstes novads","name":"Akn\u012bstes novads"},"370":{"code":"Alojas novads","name":"Alojas novads"},"371":{"code":"Alsungas novads","name":"Alsungas novads"},"372":{"code":"LV-AL","name":"Al\u016bksnes novads"},"373":{"code":"Amatas novads","name":"Amatas novads"},"374":{"code":"Apes novads","name":"Apes novads"},"375":{"code":"Auces novads","name":"Auces novads"},"376":{"code":"Bab\u012btes novads","name":"Bab\u012btes novads"},"377":{"code":"Baldones novads","name":"Baldones novads"},"378":{"code":"Baltinavas novads","name":"Baltinavas novads"},"379":{"code":"LV-BL","name":"Balvu novads"},"380":{"code":"LV-BU","name":"Bauskas novads"},"381":{"code":"Bever\u012bnas novads","name":"Bever\u012bnas novads"},"382":{"code":"Broc\u0113nu novads","name":"Broc\u0113nu novads"},"383":{"code":"Burtnieku novads","name":"Burtnieku novads"},"384":{"code":"Carnikavas novads","name":"Carnikavas novads"},"387":{"code":"LV-CE","name":"C\u0113su novads"},"385":{"code":"Cesvaines novads","name":"Cesvaines novads"},"386":{"code":"Ciblas novads","name":"Ciblas novads"},"388":{"code":"Dagdas novads","name":"Dagdas novads"},"355":{"code":"LV-DGV","name":"Daugavpils"},"389":{"code":"LV-DA","name":"Daugavpils novads"},"390":{"code":"LV-DO","name":"Dobeles novads"},"391":{"code":"Dundagas novads","name":"Dundagas novads"},"392":{"code":"Durbes novads","name":"Durbes novads"},"393":{"code":"Engures novads","name":"Engures novads"},"472":{"code":"\u0112rg\u013cu novads","name":"\u0112rg\u013cu novads"},"394":{"code":"Garkalnes novads","name":"Garkalnes novads"},"395":{"code":"Grobi\u0146as novads","name":"Grobi\u0146as novads"},"396":{"code":"LV-GU","name":"Gulbenes novads"},"397":{"code":"Iecavas novads","name":"Iecavas novads"},"398":{"code":"Ik\u0161\u0137iles novads","name":"Ik\u0161\u0137iles novads"},"399":{"code":"Il\u016bkstes novads","name":"Il\u016bkstes novads"},"400":{"code":"In\u010dukalna novads","name":"In\u010dukalna novads"},"401":{"code":"Jaunjelgavas novads","name":"Jaunjelgavas novads"},"402":{"code":"Jaunpiebalgas novads","name":"Jaunpiebalgas novads"},"403":{"code":"Jaunpils novads","name":"Jaunpils novads"},"357":{"code":"J\u0113kabpils","name":"J\u0113kabpils"},"405":{"code":"LV-JK","name":"J\u0113kabpils novads"},"356":{"code":"LV-JEL","name":"Jelgava"},"404":{"code":"LV-JL","name":"Jelgavas novads"},"358":{"code":"LV-JUR","name":"J\u016brmala"},"406":{"code":"Kandavas novads","name":"Kandavas novads"},"412":{"code":"K\u0101rsavas novads","name":"K\u0101rsavas novads"},"473":{"code":"\u0136eguma novads","name":"\u0136eguma novads"},"474":{"code":"\u0136ekavas novads","name":"\u0136ekavas novads"},"407":{"code":"Kokneses novads","name":"Kokneses novads"},"410":{"code":"LV-KR","name":"Kr\u0101slavas novads"},"408":{"code":"Krimuldas novads","name":"Krimuldas novads"},"409":{"code":"Krustpils novads","name":"Krustpils novads"},"411":{"code":"LV-KU","name":"Kuld\u012bgas novads"},"413":{"code":"Lielv\u0101rdes novads","name":"Lielv\u0101rdes novads"},"359":{"code":"LV-LPX","name":"Liep\u0101ja"},"360":{"code":"LV-LE","name":"Liep\u0101jas novads"},"417":{"code":"L\u012bgatnes novads","name":"L\u012bgatnes novads"},"414":{"code":"LV-LM","name":"Limba\u017eu novads"},"418":{"code":"L\u012bv\u0101nu novads","name":"L\u012bv\u0101nu novads"},"415":{"code":"Lub\u0101nas novads","name":"Lub\u0101nas novads"},"416":{"code":"LV-LU","name":"Ludzas novads"},"419":{"code":"LV-MA","name":"Madonas novads"},"421":{"code":"M\u0101lpils novads","name":"M\u0101lpils novads"},"422":{"code":"M\u0101rupes novads","name":"M\u0101rupes novads"},"420":{"code":"Mazsalacas novads","name":"Mazsalacas novads"},"423":{"code":"Nauk\u0161\u0113nu novads","name":"Nauk\u0161\u0113nu novads"},"424":{"code":"Neretas novads","name":"Neretas novads"},"425":{"code":"N\u012bcas novads","name":"N\u012bcas novads"},"426":{"code":"LV-OG","name":"Ogres novads"},"427":{"code":"Olaines novads","name":"Olaines novads"},"428":{"code":"Ozolnieku novads","name":"Ozolnieku novads"},"432":{"code":"P\u0101rgaujas novads","name":"P\u0101rgaujas novads"},"433":{"code":"P\u0101vilostas novads","name":"P\u0101vilostas novads"},"434":{"code":"P\u013cavi\u0146u novads","name":"P\u013cavi\u0146u novads"},"429":{"code":"LV-PR","name":"Prei\u013cu novads"},"430":{"code":"Priekules novads","name":"Priekules novads"},"431":{"code":"Prieku\u013cu novads","name":"Prieku\u013cu novads"},"435":{"code":"Raunas novads","name":"Raunas novads"},"361":{"code":"LV-REZ","name":"R\u0113zekne"},"442":{"code":"LV-RE","name":"R\u0113zeknes novads"},"436":{"code":"Riebi\u0146u novads","name":"Riebi\u0146u novads"},"362":{"code":"LV-RIX","name":"R\u012bga"},"363":{"code":"LV-RI","name":"R\u012bgas novads"},"437":{"code":"Rojas novads","name":"Rojas novads"},"438":{"code":"Ropa\u017eu novads","name":"Ropa\u017eu novads"},"439":{"code":"Rucavas novads","name":"Rucavas novads"},"440":{"code":"Rug\u0101ju novads","name":"Rug\u0101ju novads"},"443":{"code":"R\u016bjienas novads","name":"R\u016bjienas novads"},"441":{"code":"Rund\u0101les novads","name":"Rund\u0101les novads"},"444":{"code":"Salacgr\u012bvas novads","name":"Salacgr\u012bvas novads"},"445":{"code":"Salas novads","name":"Salas novads"},"446":{"code":"Salaspils novads","name":"Salaspils novads"},"447":{"code":"LV-SA","name":"Saldus novads"},"448":{"code":"Saulkrastu novads","name":"Saulkrastu novads"},"455":{"code":"S\u0113jas novads","name":"S\u0113jas novads"},"449":{"code":"Siguldas novads","name":"Siguldas novads"}
41263,"451":{"code":"Skr\u012bveru novads","name":"Skr\u012bveru novads"},"450":{"code":"Skrundas novads","name":"Skrundas novads"},"452":{"code":"Smiltenes novads","name":"Smiltenes novads"},"453":{"code":"Stopi\u0146u novads","name":"Stopi\u0146u novads"},"454":{"code":"Stren\u010du novads","name":"Stren\u010du novads"},"456":{"code":"LV-TA","name":"Talsu novads"},"458":{"code":"T\u0113rvetes novads","name":"T\u0113rvetes novads"},"457":{"code":"LV-TU","name":"Tukuma novads"},"459":{"code":"Vai\u0146odes novads","name":"Vai\u0146odes novads"},"460":{"code":"LV-VK","name":"Valkas novads"},"364":{"code":"Valmiera","name":"Valmiera"},"461":{"code":"LV-VM","name":"Valmieras novads"},"462":{"code":"Varak\u013c\u0101nu novads","name":"Varak\u013c\u0101nu novads"},"469":{"code":"V\u0101rkavas novads","name":"V\u0101rkavas novads"},"463":{"code":"Vecpiebalgas novads","name":"Vecpiebalgas novads"},"464":{"code":"Vecumnieku novads","name":"Vecumnieku novads"},"365":{"code":"LV-VEN","name":"Ventspils"},"465":{"code":"LV-VE","name":"Ventspils novads"},"466":{"code":"Vies\u012btes novads","name":"Vies\u012btes novads"},"467":{"code":"Vi\u013cakas novads","name":"Vi\u013cakas novads"},"468":{"code":"Vi\u013c\u0101nu novads","name":"Vi\u013c\u0101nu novads"},"470":{"code":"Zilupes novads","name":"Zilupes novads"}}},"LY":{"name":"Libyen"},"MA":{"name":"Marokko"},"MC":{"name":"Monaco"},"MD":{"name":"Republik Moldau"},"ME":{"name":"Montenegro"},"MF":{"name":"St. Martin"},"MG":{"name":"Madagaskar"},"MH":{"name":"Marshallinseln"},"MK":{"name":"Nordmazedonien"},"ML":{"name":"Mali"},"MM":{"name":"Myanmar"},"MN":{"name":"Mongolei"},"MO":{"name":"Sonderverwaltungsregion Macau"},"MP":{"name":"N\u00f6rdliche Marianen"},"MQ":{"name":"Martinique"},"MR":{"name":"Mauretanien"},"MS":{"name":"Montserrat"},"MT":{"name":"Malta"},"MU":{"name":"Mauritius"},"MV":{"name":"Malediven"},"MW":{"name":"Malawi"},"MX":{"name":"Mexiko","regions":{"921":{"code":"AGU","name":"Aguascalientes"},"922":{"code":"BCN","name":"Baja California"},"923":{"code":"BCS","name":"Baja California Sur"},"924":{"code":"CAM","name":"Campeche"},"925":{"code":"CHP","name":"Chiapas"},"926":{"code":"CHH","name":"Chihuahua"},"927":{"code":"CMX","name":"Ciudad de M\u00e9xico"},"928":{"code":"COA","name":"Coahuila"},"929":{"code":"COL","name":"Colima"},"930":{"code":"DUR","name":"Durango"},"931":{"code":"MEX","name":"Estado de M\u00e9xico"},"932":{"code":"GUA","name":"Guanajuato"},"933":{"code":"GRO","name":"Guerrero"},"934":{"code":"HID","name":"Hidalgo"},"935":{"code":"JAL","name":"Jalisco"},"936":{"code":"MIC","name":"Michoac\u00e1n"},"937":{"code":"MOR","name":"Morelos"},"938":{"code":"NAY","name":"Nayarit"},"939":{"code":"NLE","name":"Nuevo Le\u00f3n"},"940":{"code":"OAX","name":"Oaxaca"},"941":{"code":"PUE","name":"Puebla"},"942":{"code":"QUE","name":"Quer\u00e9taro"},"943":{"code":"ROO","name":"Quintana Roo"},"944":{"code":"SLP","name":"San Luis Potos\u00ed"},"945":{"code":"SIN","name":"Sinaloa"},"946":{"code":"SON","name":"Sonora"},"947":{"code":"TAB","name":"Tabasco"},"948":{"code":"TAM","name":"Tamaulipas"},"949":{"code":"TLA","name":"Tlaxcala"},"950":{"code":"VER","name":"Veracruz"},"951":{"code":"YUC","name":"Yucat\u00e1n"},"952":{"code":"ZAC","name":"Zacatecas"}}},"MY":{"name":"Malaysia"},"MZ":{"name":"Mosambik"},"NA":{"name":"Namibia"},"NC":{"name":"Neukaledonien"},"NE":{"name":"Niger"},"NF":{"name":"Norfolkinsel"},"NG":{"name":"Nigeria"},"NI":{"name":"Nicaragua"},"NL":{"name":"Niederlande"},"NO":{"name":"Norwegen"},"NP":{"name":"Nepal"},"NR":{"name":"Nauru"},"NU":{"name":"Niue"},"NZ":{"name":"Neuseeland"},"OM":{"name":"Oman"},"PA":{"name":"Panama"},"PE":{"name":"Peru","regions":{"972":{"code":"PE-AMA","name":"Amazonas"},"973":{"code":"PE-ANC","name":"Ancash"},"974":{"code":"PE-APU","name":"Apur\u00edmac"},"975":{"code":"PE-ARE","name":"Arequipa"},"976":{"code":"PE-AYA","name":"Ayacucho"},"977":{"code":"PE-CAJ","name":"Cajamarca"},"978":{"code":"PE-CUS","name":"Cusco"},"979":{"code":"PE-CAL","name":"El Callao"},"980":{"code":"PE-HUV","name":"Huancavelica"},"981":{"code":"PE-HUC","name":"Hu\u00e1nuco"},"982":{"code":"PE-ICA","name":"Ica"},"983":{"code":"PE-JUN","name":"Jun\u00edn"},"984":{"code":"PE-LAL","name":"La Libertad"},"985":{"code":"PE-LAM","name":"Lambayeque"},"986":{"code":"PE-LIM","name":"Lima"},"987":{"code":"PE-LOR","name":"Loreto"},"988":{"code":"PE-MDD","name":"Madre de Dios"},"989":{"code":"PE-MOQ","name":"Moquegua"}
41263,"971":{"code":"PE-LMA","name":"Municipalidad Metropolitana de Lima"},"990":{"code":"PE-PAS","name":"Pasco"},"991":{"code":"PE-PIU","name":"Piura"},"992":{"code":"PE-PUN","name":"Puno"},"993":{"code":"PE-SAM","name":"San Mart\u00edn"},"994":{"code":"PE-TAC","name":"Tacna"},"995":{"code":"PE-TUM","name":"Tumbes"},"996":{"code":"PE-UCA","name":"Ucayali"}}},"PF":{"name":"Franz\u00f6sisch-Polynesien"},"PG":{"name":"Papua-Neuguinea"},"PH":{"name":"Philippinen"},"PK":{"name":"Pakistan"},"PL":{"name":"Polen","regions":{"997":{"code":"PL-02","name":"dolno\u015bl\u0105skie"},"998":{"code":"PL-04","name":"kujawsko-pomorskie"},"999":{"code":"PL-06","name":"lubelskie"},"1000":{"code":"PL-08","name":"lubuskie"},"1003":{"code":"PL-14","name":"mazowieckie"},"1002":{"code":"PL-12","name":"ma\u0142opolskie"},"1004":{"code":"PL-16","name":"opolskie"},"1005":{"code":"PL-18","name":"podkarpackie"},"1006":{"code":"PL-20","name":"podlaskie"},"1007":{"code":"PL-22","name":"pomorskie"},"1008":{"code":"PL-24","name":"\u015bl\u0105skie"},"1009":{"code":"PL-26","name":"\u015bwi\u0119tokrzyskie"},"1010":{"code":"PL-28","name":"warmi\u0144sko-mazurskie"},"1011":{"code":"PL-30","name":"wielkopolskie"},"1012":{"code":"PL-32","name":"zachodniopomorskie"},"1001":{"code":"PL-10","name":"\u0142\u00f3dzkie"}}},"PM":{"name":"St. Pierre und Miquelon"},"PN":{"name":"Pitcairninseln"},"PS":{"name":"Pal\u00e4stinensische Autonomiegebiete"},"PT":{"name":"Portugal","regions":{"1013":{"code":"PT-01","name":"Aveiro"},"1014":{"code":"PT-02","name":"Beja"},"1015":{"code":"PT-03","name":"Braga"},"1016":{"code":"PT-04","name":"Bragan\u00e7a"},"1017":{"code":"PT-05","name":"Castelo Branco"},"1018":{"code":"PT-06","name":"Coimbra"},"1019":{"code":"PT-07","name":"\u00c9vora"},"1020":{"code":"PT-08","name":"Faro"},"1021":{"code":"PT-09","name":"Guarda"},"1022":{"code":"PT-10","name":"Leiria"},"1023":{"code":"PT-11","name":"Lisboa"},"1024":{"code":"PT-12","name":"Portalegre"},"1025":{"code":"PT-13","name":"Porto"},"1032":{"code":"PT-30","name":"Regi\u00e3o Aut\u00f3noma da Madeira"},"1031":{"code":"PT-20","name":"Regi\u00e3o Aut\u00f3noma dos A\u00e7ores"},"1026":{"code":"PT-14","name":"Santar\u00e9m"},"1027":{"code":"PT-15","name":"Set\u00fabal"},"1028":{"code":"PT-16","name":"Viana do Castelo"},"1029":{"code":"PT-17","name":"Vila Real"},"1030":{"code":"PT-18","name":"Viseu"}}},"PW":{"name":"Palau"},"PY":{"name":"Paraguay","regions":{"954":{"code":"PY-16","name":"Alto Paraguay"},"955":{"code":"PY-10","name":"Alto Paran\u00e1"},"956":{"code":"PY-13","name":"Amambay"},"953":{"code":"PY-ASU","name":"Asunci\u00f3n"},"957":{"code":"PY-19","name":"Boquer\u00f3n"},"958":{"code":"PY-5","name":"Caaguaz\u00fa"},"959":{"code":"PY-6","name":"Caazap\u00e1"},"960":{"code":"PY-14","name":"Canindey\u00fa"},"961":{"code":"PY-11","name":"Central"},"962":{"code":"PY-1","name":"Concepci\u00f3n"},"963":{"code":"PY-3","name":"Cordillera"},"964":{"code":"PY-4","name":"Guair\u00e1"},"965":{"code":"PY-7","name":"Itap\u00faa"},"966":{"code":"PY-8","name":"Misiones"},"967":{"code":"PY-12","name":"\u00d1eembuc\u00fa"},"968":{"code":"PY-9","name":"Paraguar\u00ed"},"969":{"code":"PY-15","name":"Presidente Hayes"},"970":{"code":"PY-2","name":"San Pedro"}}},"QA":{"name":"Katar"},"RE":{"name":"R\u00e9union"},"RO":{"name":"Rum\u00e4nien","regions":{"278":{"code":"AB","name":"Alba"},"279":{"code":"AR","name":"Arad"},"280":{"code":"AG","name":"Arge\u015f"},"281":{"code":"BC","name":"Bac\u0103u"},"282":{"code":"BH","name":"Bihor"},"283":{"code":"BN","name":"Bistri\u0163a-N\u0103s\u0103ud"},"284":{"code":"BT","name":"Boto\u015fani"},"286":{"code":"BR","name":"Br\u0103ila"},"285":{"code":"BV","name":"Bra\u015fov"},"287":{"code":"B","name":"Bucure\u015fti"},"288":{"code":"BZ","name":"Buz\u0103u"},"290":{"code":"CL","name":"C\u0103l\u0103ra\u015fi"},"289":{"code":"CS","name":"Cara\u015f-Severin"},"291":{"code":"CJ","name":"Cluj"},"292":{"code":"CT","name":"Constan\u0163a"},"293":{"code":"CV","name":"Covasna"},"294":{"code":"DB","name":"D\u00e2mbovi\u0163a"},"295":{"code":"DJ","name":"Dolj"},"296":{"code":"GL","name":"Gala\u0163i"},"297":{"code":"GR","name":"Giurgiu"},"298":{"code":"GJ","name":"Gorj"},"299":{"code":"HR","name":"Harghita"},"300":{"code":"HD","name":"Hunedoara"},"301":{"code":"IL","name":"Ialomi\u0163a"},"302":{"code":"IS","name":"Ia\u015fi"},"303":{"code":"IF","name":"Ilfov"},"304":{"code":"MM","name":"Maramure\u015f"},"305":{"code":"MH","name":"Mehedin\u0163i"},"306":{"code":"MS","name":"Mure\u015f"},"307":{"code":"NT","name":"Neam\u0163"},"308":{"code":"OT","name":"Olt"},"309":{"code":"PH","name":"Prahova"},"311":{"code":"SJ","name":"S\u0103laj"},"310":{"code":"SM","name":"Satu-Mare"},"312":{"code":"SB","name":"Sibiu"},"313":{"code":"SV","name":"Suceava"},"314":{"code":"TR","name":"Teleorman"},"315":{"code":"TM","name":"Timi\u015f"},"316":{"code":"TL","name":"Tulcea"},"318":{"code":"VL","name":"V\u00e2lcea"},"317":{"code":"VS","name":"Vaslui"},"319":{"code":"VN","name":"Vrancea"}}},"RS":{"name":"Serbien"},"RU":{"name":"Russland"},"RW":{"name":"Ruanda"},"SA":{"name":"Saudi-Arabien"},"SB":{"name":"Salomonen"},"SC":{"name":"Seychellen"},"SD":{"name":"Sudan"},"SE":{"name":"Schweden","regions":{"1043":{"code":"SE-K","name":"Blekinge l\u00e4n"}
41263,"1044":{"code":"SE-W","name":"Dalarnas l\u00e4n"},"1046":{"code":"SE-X","name":"G\u00e4vleborgs l\u00e4n"},"1045":{"code":"SE-I","name":"Gotlands l\u00e4n"},"1047":{"code":"SE-N","name":"Hallands l\u00e4n"},"1048":{"code":"SE-Z","name":"J\u00e4mtlands l\u00e4n"},"1049":{"code":"SE-F","name":"J\u00f6nk\u00f6pings l\u00e4n"},"1050":{"code":"SE-H","name":"Kalmar l\u00e4n"},"1051":{"code":"SE-G","name":"Kronobergs l\u00e4n"},"1052":{"code":"SE-BD","name":"Norrbottens l\u00e4n"},"1062":{"code":"SE-T","name":"\u00d6rebro l\u00e4n"},"1063":{"code":"SE-E","name":"\u00d6sterg\u00f6tlands l\u00e4n"},"1053":{"code":"SE-M","name":"Sk\u00e5ne l\u00e4n"},"1055":{"code":"SE-D","name":"S\u00f6dermanlands l\u00e4n"},"1054":{"code":"SE-AB","name":"Stockholms l\u00e4n"},"1056":{"code":"SE-C","name":"Uppsala l\u00e4n"},"1057":{"code":"SE-S","name":"V\u00e4rmlands l\u00e4n"},"1058":{"code":"SE-AC","name":"V\u00e4sterbottens l\u00e4n"},"1059":{"code":"SE-Y","name":"V\u00e4sternorrlands l\u00e4n"},"1060":{"code":"SE-U","name":"V\u00e4stmanlands l\u00e4n"},"1061":{"code":"SE-O","name":"V\u00e4stra G\u00f6talands l\u00e4n"}}},"SG":{"name":"Singapur"},"SH":{"name":"St. Helena"},"SI":{"name":"Slowenien"},"SJ":{"name":"Spitzbergen und Jan Mayen"},"SK":{"name":"Slowakei"},"SL":{"name":"Sierra Leone"},"SM":{"name":"San Marino"},"SN":{"name":"Senegal"},"SO":{"name":"Somalia"},"SR":{"name":"Suriname","regions":{"1033":{"code":"SR-BR","name":"Brokopondo"},"1034":{"code":"SR-CM","name":"Commewijne"},"1035":{"code":"SR-CR","name":"Coronie"},"1036":{"code":"SR-MA","name":"Marowijne"},"1037":{"code":"SR-NI","name":"Nickerie"},"1038":{"code":"SR-PR","name":"Para"},"1039":{"code":"SR-PM","name":"Paramaribo"},"1040":{"code":"SR-SA","name":"Saramacca"},"1041":{"code":"SR-SI","name":"Sipaliwini"},"1042":{"code":"SR-WA","name":"Wanica"}}},"ST":{"name":"S\u00e3o Tom\u00e9 und Pr\u00edncipe"},"SV":{"name":"El Salvador"},"SX":{"name":"Sint Maarten"},"SY":{"name":"Syrien"},"SZ":{"name":"Eswatini"},"TC":{"name":"Turks- und Caicosinseln"},"TD":{"name":"Tschad"},"TF":{"name":"Franz\u00f6sische S\u00fcd- und Antarktisgebiete"},"TG":{"name":"Togo"},"TH":{"name":"Thailand"},"TJ":{"name":"Tadschikistan"},"TK":{"name":"Tokelau"},"TL":{"name":"Timor-Leste"},"TM":{"name":"Turkmenistan"},"TN":{"name":"Tunesien"},"TO":{"name":"Tonga"},"TR":{"name":"T\u00fcrkei"},"TT":{"name":"Trinidad und Tobago"},"TV":{"name":"Tuvalu"},"TW":{"name":"Taiwan"},"TZ":{"name":"Tansania"},"UA":{"name":"Ukraine","regions":{"1153":{"code":"UA-43","name":"Avtonomna Respublika Krym"},"1129":{"code":"UA-71","name":"Cherkaska oblast"},"1130":{"code":"UA-74","name":"Chernihivska oblast"},"1131":{"code":"UA-77","name":"Chernivetska oblast"},"1132":{"code":"UA-12","name":"Dnipropetrovska oblast"},"1133":{"code":"UA-14","name":"Donetska oblast"},"1134":{"code":"UA-26","name":"Ivano-Frankivska oblast"},"1135":{"code":"UA-63","name":"Kharkivska oblast"},"1136":{"code":"UA-65","name":"Khersonska oblast"},"1137":{"code":"UA-68","name":"Khmelnytska oblast"},"1138":{"code":"UA-35","name":"Kirovohradska oblast"},"1154":{"code":"UA-30","name":"Kyiv"},"1139":{"code":"UA-32","name":"Kyivska oblast"},"1140":{"code":"UA-09","name":"Luhanska oblast"},"1141":{"code":"UA-46","name":"Lvivska oblast"},"1142":{"code":"UA-48","name":"Mykolaivska oblast"},"1143":{"code":"UA-51","name":"Odeska oblast"},"1144":{"code":"UA-53","name":"Poltavska oblast"},"1145":{"code":"UA-56","name":"Rivnenska oblast"},"1155":{"code":"UA-40","name":"Sevastopol"},"1146":{"code":"UA-59","name":"Sumska oblast"},"1147":{"code":"UA-61","name":"Ternopilska oblast"},"1148":{"code":"UA-05","name":"Vinnytska oblast"},"1149":{"code":"UA-07","name":"Volynska oblast"},"1150":{"code":"UA-21","name":"Zakarpatska oblast"},"1151":{"code":"UA-23","name":"Zaporizka oblast"},"1152":{"code":"UA-18","name":"Zhytomyrska oblast"}}},"UG":{"name":"Uganda"},"UM":{"name":"Amerikanische \u00dcberseeinseln"},"US":{"name":"Vereinigte Staaten","regions":{"1":{"code":"AL","name":"Alabama"},"2":{"code":"AK","name":"Alaska"},"3":{"code":"AS","name":"American Samoa"},"4":{"code":"AZ","name":"Arizona"},"5":{"code":"AR","name":"Arkansas"},"6":{"code":"AE","name":"Armed Forces Africa"},"7":{"code":"AA","name":"Armed Forces Americas"},"8":{"code":"AE","name":"Armed Forces Canada"},"9":{"code":"AE","name":"Armed Forces Europe"},"10":{"code":"AE","name":"Armed Forces Middle East"},"11":{"code":"AP","name":"Armed Forces Pacific"},"12":{"code":"CA","name":"California"},"13":{"code":"CO","name":"Colorado"},"14":{"code":"CT","name":"Connecticut"},"15":{"code":"DE","name":"Delaware"},"16":{"code":"DC","name":"District of Columbia"},"17":{"code":"FM","name":"Federated States Of Micronesia"}
41263,"18":{"code":"FL","name":"Florida"},"19":{"code":"GA","name":"Georgia"},"20":{"code":"GU","name":"Guam"},"21":{"code":"HI","name":"Hawaii"},"22":{"code":"ID","name":"Idaho"},"23":{"code":"IL","name":"Illinois"},"24":{"code":"IN","name":"Indiana"},"25":{"code":"IA","name":"Iowa"},"26":{"code":"KS","name":"Kansas"},"27":{"code":"KY","name":"Kentucky"},"28":{"code":"LA","name":"Louisiana"},"29":{"code":"ME","name":"Maine"},"30":{"code":"MH","name":"Marshall Islands"},"31":{"code":"MD","name":"Maryland"},"32":{"code":"MA","name":"Massachusetts"},"33":{"code":"MI","name":"Michigan"},"34":{"code":"MN","name":"Minnesota"},"35":{"code":"MS","name":"Mississippi"},"36":{"code":"MO","name":"Missouri"},"37":{"code":"MT","name":"Montana"},"38":{"code":"NE","name":"Nebraska"},"39":{"code":"NV","name":"Nevada"},"40":{"code":"NH","name":"New Hampshire"},"41":{"code":"NJ","name":"New Jersey"},"42":{"code":"NM","name":"New Mexico"},"43":{"code":"NY","name":"New York"},"44":{"code":"NC","name":"North Carolina"},"45":{"code":"ND","name":"North Dakota"},"46":{"code":"MP","name":"Northern Mariana Islands"},"47":{"code":"OH","name":"Ohio"},"48":{"code":"OK","name":"Oklahoma"},"49":{"code":"OR","name":"Oregon"},"50":{"code":"PW","name":"Palau"},"51":{"code":"PA","name":"Pennsylvania"},"52":{"code":"PR","name":"Puerto Rico"},"53":{"code":"RI","name":"Rhode Island"},"54":{"code":"SC","name":"South Carolina"},"55":{"code":"SD","name":"South Dakota"},"56":{"code":"TN","name":"Tennessee"},"57":{"code":"TX","name":"Texas"},"58":{"code":"UT","name":"Utah"},"59":{"code":"VT","name":"Vermont"},"60":{"code":"VI","name":"Virgin Islands"},"61":{"code":"VA","name":"Virginia"},"62":{"code":"WA","name":"Washington"},"63":{"code":"WV","name":"West Virginia"},"64":{"code":"WI","name":"Wisconsin"},"65":{"code":"WY","name":"Wyoming"}}},"UY":{"name":"Uruguay","regions":{"1064":{"code":"UY-AR","name":"Artigas"},"1065":{"code":"UY-CA","name":"Canelones"},"1066":{"code":"UY-CL","name":"Cerro Largo"},"1067":{"code":"UY-CO","name":"Colonia"},"1068":{"code":"UY-DU","name":"Durazno"},"1069":{"code":"UY-FS","name":"Flores"},"1070":{"code":"UY-FD","name":"Florida"},"1071":{"code":"UY-LA","name":"Lavalleja"},"1072":{"code":"UY-MA","name":"Maldonado"},"1073":{"code":"UY-MO","name":"Montevideo"},"1074":{"code":"UY-PA","name":"Paysandu"},"1075":{"code":"UY-RN","name":"R\u00edo Negro"},"1076":{"code":"UY-RV","name":"Rivera"},"1077":{"code":"UY-RO","name":"Rocha"},"1078":{"code":"UY-SA","name":"Salto"},"1079":{"code":"UY-SJ","name":"San Jos\u00e9"},"1080":{"code":"UY-SO","name":"Soriano"},"1081":{"code":"UY-TA","name":"Tacuaremb\u00f3"},"1082":{"code":"UY-TT","name":"Treinta y Tres"}}},"UZ":{"name":"Usbekistan"},"VA":{"name":"Vatikanstadt"},"VC":{"name":"St. Vincent und die Grenadinen"},"VE":{"name":"Venezuela","regions":{"1085":{"code":"VE-Z","name":"Amazonas"},"1086":{"code":"VE-B","name":"Anzo\u00e1tegui"},"1087":{"code":"VE-C","name":"Apure"},"1088":{"code":"VE-D","name":"Aragua"},"1089":{"code":"VE-E","name":"Barinas"},"1090":{"code":"VE-F","name":"Bol\u00edvar"},"1091":{"code":"VE-G","name":"Carabobo"},"1092":{"code":"VE-H","name":"Cojedes"},"1093":{"code":"VE-Y","name":"Delta Amacuro"},"1083":{"code":"VE-W","name":"Dependencias Federales"},"1084":{"code":"VE-A","name":"Distrito Capital"},"1094":{"code":"VE-I","name":"Falc\u00f3n"},"1095":{"code":"VE-J","name":"Gu\u00e1rico"},"1096":{"code":"VE-K","name":"Lara"},"1097":{"code":"VE-L","name":"M\u00e9rida"},"1098":{"code":"VE-M","name":"Miranda"},"1099":{"code":"VE-N","name":"Monagas"},"1100":{"code":"VE-O","name":"Nueva Esparta"},"1101":{"code":"VE-P","name":"Portuguesa"},"1102":{"code":"VE-R","name":"Sucre"},"1103":{"code":"VE-S","name":"T\u00e1chira"},"1104":{"code":"VE-T","name":"Trujillo"},"1105":{"code":"VE-X","name":"Vargas"},"1106":{"code":"VE-U","name":"Yaracuy"},"1107":{"code":"VE-V","name":"Zulia"}}},"VG":{"name":"Britische Jungferninseln"},"VI":{"name":"Amerikanische Jungferninseln"},"VN":{"name":"Vietnam"},"VU":{"name":"Vanuatu"},"WF":{"name":"Wallis und Futuna"},"WS":{"name":"Samoa"},"XK":{"name":"Kosovo"},"YE":{"name":"Jemen"},"YT":{"name":"Mayotte"},"ZA":{"name":"S\u00fcdafrika"},"ZM":{"name":"Sambia"},"ZW":{"name":"Simbabwe"},"data_id":1791108195},"captcha":[],"wishlist":{"items":[]},"company":[],"company_authorization":[],"purchase_order":[],"negotiable_quote":[],"instant-purchase":[],"loggedAsCustomer":[],"multiplewishlist":[],"persistent":[],"review":[],"payments":[],"rewards":[],"hyva_checkout":[],"hyva_enterprise":[],"wp_ga4":[],"recently_viewed_product":[],"recently_compared_product":[],"product_data_storage":[],"paypal-billing-agreement":[]}</script>
41263
41264</div>    
41264<script>
41265        const wpGA4ServerSide = {
41266            pushClick: function(productId, listId, listName, index) {
41267                if (productId) {
41268                    var requestUrl = 'https://www.papstar-shop.de/weltpixel_ga4/track/productclick/';
41269                    if (productId && listId && listName) {
41270                        fetch(requestUrl, {
41271                            method: 'POST',
41272                            headers: {
41273                                'Content-Type': 'application/x-www-form-urlencoded',
41274                                'X-Requested-With': 'XMLHttpRequest'
41275                            },
41276                            body: 'product_id=' + productId + '&list_id=' + listId +'&list_name=' + listName + '&index=' + index
41277                        })
41278                        .then(res => res.json())
41279                        .then(data => {
41280                        });
41281                    }
41282                }
41283            },
41284
41285            pushViewItemList: function(hashId) {
41286                if (hashId && document.getElementById('wp_ga4_server_side_view_item_list')) {
41287                    var requestUrl = 'https://www.papstar-shop.de/weltpixel_ga4/track/viewitemlist/';
41288                    fetch(requestUrl, {
41289                        method: 'POST',
41290                        headers: {
41291                            'Content-Type': 'application/x-www-form-urlencoded',
41292                            'X-Requested-With': 'XMLHttpRequest'
41293                        },
41294
41295                        body: 'hash_id='+hashId
41296                    })
41297                    .then(res => res.json())
41298                    .then(data => {
41299                    });
41300                }
41301            }
41302        };
41303
41304        window.wpGA4ServerSide = wpGA4ServerSide;
41305
41306        let allowGa4Services = window.ga4AllowServices ?? true;
41307
41308        if (allowGa4Services) {
41309            let selectedShippingMethod = '';
41310            let selectedPaymentMethod = '';
41311
41312            const {fetch: originalFetch} = window;
41313            window.fetch = async (...args) => {
41314                let [resource, config] = args;
41315                let response = await originalFetch(resource, config);
41316                let ajaxContentBody = false;
41317
41318                if ((typeof resource == 'string') &&
41319                    ((resource.search('post/livewire/message/checkout.shipping.methods') > 0) || (resource.search('post/livewire/message/checkout.payment.methods') > 0))) {
41320                    var jsonBody = false;
41321                    if (config.body) {
41322                        try {
41323                            jsonBody = JSON.parse(config.body);
41324                        } catch (e) {}
41325                    }
41326
41327                    if (jsonBody && jsonBody.updates && jsonBody.updates[0] && jsonBody.updates[0].payload && jsonBody.updates[0].payload.value) {
41328                        if (resource.search('checkout.shipping.methods') > 0) {
41329                            if (selectedShippingMethod != jsonBody.updates[0].payload.value) {
41330                                selectedShippingMethod = jsonBody.updates[0].payload.value;
41331                                ajaxContentBody = 'step=1&option=' + selectedShippingMethod;
41332                            }
41333                        }
41334                        if (resource.search('checkout.payment.methods') > 0) {
41335                            if (selectedPaymentMethod != jsonBody.updates[0].payload.value) {
41336                                selectedPaymentMethod = jsonBody.updates[0].payload.value;
41337                                ajaxContentBody = 'step=2&option=' + selectedPaymentMethod;
41338                            }
41339                        }
41340
41341                        if (ajaxContentBody) {
41342                                fetch('https://www.papstar-shop.de/weltpixel_ga4/track/hyva/', {
41343                                    method: 'POST',
41344                                    headers: {
41345                                        'Content-Type': 'application/x-www-form-urlencoded',
41346                                        'X-Requested-With': 'XMLHttpRequest'
41347                                    },
41348                                    body: ajaxContentBody
41349                                })
41350                                    .then(res => res.json())
41351                                    .then(data => {
41352                                        if (data) {
41353                                            window.dataLayer.push({ecommerce: null});
41354                                            window.dataLayer.push(data);
41355                                        }
41356                                    });
41357                        }
41358                    }
41359                }
41360
41361                if ((typeof resource == 'string') && resource.search('/customer\/section\/load/') > 0) {
41362                    response.clone().json().then(data => {
41363                        if (data.wp_ga4.datalayer) {
41364                            const dataLayerData = JSON.parse(data.wp_ga4.datalayer);
41365                            dataLayerData.forEach((dataLayerItem) => {
41366                                window.dataLayer.push({ecommerce: null});
41367                                window.dataLayer.push(dataLayerItem);
41368                            });
41369                        }
41370                    });
41371                }
41372                return response;
41373            };
41374
41375
41376            (function() {
41377                const ga4PromotionOptions = {
41378                    enabled: 0,
41379                    disableDatalayerEvents: 1,
41380                    serverSidePromotionViewEnabled: 0,
41381                    serverSidePromotionClickEnabled: 0                };
41382
41383                const dataLayerPromotionViewPush = ga4PromotionOptions.enabled && !(ga4PromotionOptions.disableDatalayerEvents && ga4PromotionOptions.serverSidePromotionViewEnabled);
41384                const dataLayerPromotionClickPush = ga4PromotionOptions.enabled && !(ga4PromotionOptions.disableDatalayerEvents && ga4PromotionOptions.serverSidePromotionClickEnabled);
41385
41386                const promotionViewUrl = 'https://www.papstar-shop.de/weltpixel_ga4/track/promotionview/';
41387                const promotionClickUrl = 'https://www.papstar-shop.de/weltpixel_ga4/track/promotionclick/';
41388
41389                function parseJsonSafe(text, fallback) {
41390                    try { return JSON.parse(text); } catch (e) { return fallback; }
41391                }
41392
41393                function getPromoItemsById(uniqueId) {
41394                    if (!uniqueId) return [];
41395                    const el = document.getElementById(uniqueId);
41396                    if (!el) return [];
41397                    const raw = el.textContent || el.innerText || '[]';
41398                    return parseJsonSafe(raw, []);
41399                }
41400
41401                function pushDataLayerEvent(evtName, ecommerce) {
41402                    if (!window.dataLayer) { window.dataLayer = []; }
41403                    window.dataLayer.push({ ecommerce: null });
41404                    window.dataLayer.push({ event: evtName, ecommerce: ecommerce });
41405                }
41406
41407                function serializePromotionViews(promotionViews) {
41408                    const parts = [];
41409                    parts.push('dataLayerPush=' + (dataLayerPromotionViewPush ? 1 : 0));
41410                    promotionViews.forEach((pv, i) => {
41411                        for (const key in pv) {
41412                            if (!Object.prototype.hasOwnProperty.call(pv, key)) continue;
41413                            const value = pv[key] == null ? '' : String(pv[key]);
41414                            parts.push('promotion_views[' + i + '][' + encodeURIComponent(key) + ']=' + encodeURIComponent(value));
41415                        }
41416                    });
41417                    return parts.join('&');
41418                }
41419
41420                function setCookie(name, value, maxAgeSeconds) {
41421                    try {
41422                        document.cookie = name + '=' + encodeURIComponent(value) + '; path=/; max-age=' + maxAgeSeconds;
41423                    } catch (e) {}
41424                }
41425
41426                function onPromotionClick(ev) {
41427                    const el = ev.currentTarget;
41428                    const promoId = el.getAttribute('data-track-promo-id') || '';
41429                    const promoName = el.getAttribute('data-track-promo-name') || '';
41430                    const promoCreative = el.getAttribute('data-track-promo-creative') || '';
41431                    const promoPositionSlot = el.getAttribute('data-track-promo-position') || '';
41432                    const promoItemIds = el.getAttribute('data-unqiue-id-items') || '';
41433                    const promoProductIds = el.getAttribute('data-track-promo-product-ids') || '';
41434                    const promoItems = getPromoItemsById(promoItemIds);
41435
41436                    if (dataLayerPromotionClickPush && promoItemIds) {
41437                        pushDataLayerEvent('select_promotion', {
41438                            promotion_id: promoId,
41439                            promotion_name: promoName,
41440                            creative_name: promoCreative,
41441                            creative_slot: promoPositionSlot,
41442                            items: promoItems
41443                        });
41444
41445                        const promotionClickCookie = JSON.stringify({
41446                            promotion_id: promoId,
41447                            promotion_name: promoName,
41448                            product_ids: promoProductIds
41449                        });
41450                        setCookie('wp_ga4_promotion_click', promotionClickCookie, 86400);
41451                    }
41452
41453                    if (dataLayerPromotionClickPush || ga4PromotionOptions.serverSidePromotionClickEnabled) {
41454                        const body =
41455                            'promotion_id=' + encodeURIComponent(promoId) +
41456                            '&promotion_name=' + encodeURIComponent(promoName) +
41457                            '&creative_name=' + encodeURIComponent(promoCreative) +
41458                            '&creative_slot=' + encodeURIComponent(promoPositionSlot) +
41459                            '&product_ids=' + encodeURIComponent(promoProductIds) +
41460                            '&promo_items_uniqueid=' + encodeURIComponent(promoItemIds) +
41461                            '&dataLayerPush=' + (dataLayerPromotionClickPush ? 1 : 0);
41462
41463                        fetch(promotionClickUrl, {
41464                            method: 'POST',
41465                            headers: {
41466                                'Content-Type': 'application/x-www-form-urlencoded',
41467                                'X-Requested-With': 'XMLHttpRequest'
41468                            },
41469                            body: body
41470                        })
41471                            .then(res => res.json())
41472                            .then(pushData => {
41473                                if (dataLayerPromotionClickPush && pushData) {
41474                                    try {
41475                                        for (let i = 0; i < pushData.length; i++) {
41476                                            window.dataLayer.push({ ecommerce: null });
41477                                            window.dataLayer.push(pushData[i]);
41478                                        }
41479                                        const promotionClickCookie = JSON.stringify({
41480                                            promotion_id: promoId,
41481                                            promotion_name: promoName,
41482                                            product_ids: promoProductIds
41483                                        });
41484                                        setCookie('wp_ga4_promotion_click', promotionClickCookie, 86400);
41485                                    } catch (e) {}
41486                                }
41487                            })
41488                            .catch(() => {});
41489                    }
41490                }
41491
41492                function bindPromotionClicks() {
41493                    const elements = document.querySelectorAll('[data-track-promo-id]');
41494                    elements.forEach((el) => {
41495                        el.removeEventListener('click', onPromotionClick);
41496                        el.addEventListener('click', onPromotionClick);
41497                    });
41498                }
41499
41500                function handlePromotionViews() {
41501                    if (!(dataLayerPromotionViewPush || ga4PromotionOptions.serverSidePromotionViewEnabled)) return;
41502                    const promotionViews = [];
41503                    const elements = document.querySelectorAll('[data-track-promo-id]');
41504                    elements.forEach((el) => {
41505                        const promoId = el.getAttribute('data-track-promo-id') || '';
41506                        const promoName = el.getAttribute('data-track-promo-name') || '';
41507                        const promoCreative = el.getAttribute('data-track-promo-creative') || '';
41508                        const promoPositionSlot = el.getAttribute('data-track-promo-position') || '';
41509                        const promoItemIds = el.getAttribute('data-unqiue-id-items') || '';
41510                        const promoProductIds = el.getAttribute('data-track-promo-product-ids') || '';
41511                        const promoItems = getPromoItemsById(promoItemIds);
41512
41513                        if (dataLayerPromotionViewPush && promoItemIds) {
41514                            pushDataLayerEvent('view_promotion', {
41515                                promotion_id: promoId,
41516                                promotion_name: promoName,
41517                                creative_name: promoCreative,
41518                                creative_slot: promoPositionSlot,
41519                                items: promoItems
41520                            });
41521                        }
41522
41523                        promotionViews.push({
41524                            promotion_id: promoId,
41525                            promotion_name: promoName,
41526                            creative_name: promoCreative,
41527                            creative_slot: promoPositionSlot,
41528                            product_ids: promoProductIds,
41529                            promo_items_uniqueid: promoItemIds
41530                        });
41531                    });
41532
41533                    if (promotionViews.length) {
41534                        const body = serializePromotionViews(promotionViews);
41535                        fetch(promotionViewUrl, {
41536                            method: 'POST',
41537                            headers: {
41538                                'Content-Type': 'application/x-www-form-urlencoded',
41539                                'X-Requested-With': 'XMLHttpRequest'
41540                            },
41541                            body: body
41542                        })
41543                            .then(res => res.json())
41544                            .then(pushData => {
41545                                if (dataLayerPromotionViewPush && pushData) {
41546                                    try {
41547                                        for (let i = 0; i < pushData.length; i++) {
41548                                            window.dataLayer.push({ ecommerce: null });
41549                                            window.dataLayer.push(pushData[i]);
41550                                        }
41551                                    } catch (e) {}
41552                                }
41553                            })
41554                            .catch(() => {});
41555                    }
41556                }
41557
41558                if (dataLayerPromotionClickPush || ga4PromotionOptions.serverSidePromotionClickEnabled ||
41559                    dataLayerPromotionViewPush || ga4PromotionOptions.serverSidePromotionViewEnabled) {
41560                    if (document.readyState === 'loading') {
41561                        document.addEventListener('DOMContentLoaded', function() {
41562                            bindPromotionClicks();
41563                            handlePromotionViews();
41564                        });
41565                    } else {
41566                        bindPromotionClicks();
41567                        handlePromotionViews();
41568                    }
41569                }
41570            })();
41571
41572        }
41573
41574    </script>
vendor: 1 bytes, line 41574
41574
41575<script>
41576    function initCartDrawer() {
41577        return {
41578            open: false,
41579            isLoading: false,
41580            cart: {},
41581            maxItemsToDisplay: 10,
41582            itemsCount: 0,
41583            totalCartAmount: 0,
41584            totalSegments: [],
41585            totalsSort: {"discount":"20","grand_total":"100","shipping":"30","subtotal":"10","tax":"60","customerbalance":"95","weee":"35","weee_tax":"35","giftcardaccount":"90","reward":"80","ewkfg":"40","svp":"50"},
41586            getData(data) {
41587                if (data.cart) {
41588                    this.cart = data.cart;
41589                    // Complete, consistent price breakdown from the quote total segments
41590                    // (Papstar\Checkout\Plugin\CustomerData\Cart) — same source as the full cart,
41591                    // so subtotal + fees + shipping + tax add up to the grand total.
41592                    this.totalSegments = data.cart.total_segments || [];
41593                    this.itemsCount = data.cart.items && data.cart.items.length || 0;
41594                    this.totalCartAmount = this.cart.summary_count;
41595                    this.setCartItems();
41596                }
41597                this.isLoading = false;
41598            },
41599            getSortedSegments() {
41600                // Hide empty (0.00 / null) segments; keep non-zero values incl. negative discounts.
41601                return Array.from(this.totalSegments)
41602                    .filter(segment => segment.value && segment.code !== "grand_total")
41603                    .sort((a, b) => (this.totalsSort[a.code] || 0) - (this.totalsSort[b.code] || 0));
41604            },
41605            getGrandTotal() {
41606                const grand = this.totalSegments.find(segment => segment.code === "grand_total");
41607                return grand ? grand.value : 0;
41608            },
41609            cartItems: [],
41610            getItemCountTitle() {
41611                return hyva.strf('(%0 of %1)', this.maxItemsToDisplay, this.itemsCount);
41612            },
41613            setCartItems() {
41614                this.cartItems = this.cart.items && this.cart.items.sort((a, b) => b.item_id - a.item_id) || [];
41615
41616                if (this.maxItemsToDisplay > 0) {
41617                    this.cartItems = this.cartItems.slice(0, parseInt(this.maxItemsToDisplay, 10));
41618                }
41619            },
41620            scrollLock(use = true) {
41621                document.body.style.overflow = use ? "hidden" : "";
41622            },
41623            closeCartDrawer() {
41624                this.$dispatch("toggle-cart", { isOpen: false });
41625            },
41626            openCartDrawer() {
41627                this.open = true;
41628                this.scrollLock(true);
41629                this.$nextTick(() => {
41630                    this.$refs && this.$refs.cartDialogContent && hyva.trapFocus(this.$refs.cartDialogContent);
41631                });
41632            },
41633            toggleCartDrawer(event) {
41634                if (this.itemsCount === 0 && event.detail.link) {
41635                    window.location.href = 'https://www.papstar-shop.de/checkout/cart/index/';
41636                    return;
41637                }
41638
41639                if (event.detail && event.detail.isOpen !== undefined) {
41640                    if (event.detail.isOpen) {
41641                        this.openCartDrawer();
41642                    } else {
41643                        this.open = false;
41644                        this.scrollLock(false);
41645                        this.$refs && this.$refs.cartDialogContent && hyva.releaseFocus(this.$refs.cartDialogContent);
41646                    }
41647                } else {
41648                    this.openCartDrawer();
41649                }
41650            },
41651            deleteItemFromCart(itemId) {
41652                this.isLoading = true;
41653
41654                const formKey = hyva.getFormKey();
41655                const postUrl = BASE_URL + "checkout/sidebar/removeItem/";
41656
41657                fetch(postUrl, {
41658                    "headers": {
41659                        "content-type": "application/x-www-form-urlencoded; charset=UTF-8"
41660                    },
41661                    "body": "form_key=" + formKey + "&item_id=" + itemId,
41662                    "method": "POST",
41663                    "mode": "cors",
41664                    "credentials": "include"
41665                }).then(response => {
41666                    if (response.redirected) {
41667                        window.location.href = response.url;
41668                    } else if (response.ok) {
41669                        return response.json();
41670                    } else {
41671                        window.dispatchMessages && window.dispatchMessages([{
41672                            type: "warning",
41673                            text: 'Das\u0020Item\u0020konnte\u0020nicht\u0020entfernt\u0020werden'
41674                        }]);
41675                        this.isLoading = false;
41676                    }
41677                }).then(result => {
41678                    window.dispatchMessages && window.dispatchMessages([{
41679                        type: result.success ? "success" : "error",
41680                        text: result.success
41681                            ? 'Sie\u0020haben\u0020das\u0020Produkt\u0020gel\u00F6scht.'
41682                            : result.error_message
41683                    }], result.success ? 5000 : 0);
41684                    window.dispatchEvent(new CustomEvent("reload-customer-section-data"));
41685
41686                    if (this.itemsCount > 0) {
41687                        this.scrollLock(false);
41688                    }
41689                });
41690            },
41691            showPriceWithTax(item) {
41692                return item.product_regular_price_value.excl_tax !== item.product_regular_price_value.incl_tax;
41693            },
41694            setNewName(name) {
41695                if (name.length > 40) {
41696                    return this.unescapeName(name).slice(0, 40) + "..."
41697                } else {
41698                    return this.unescapeName(name);
41699                }
41700            },
41701            unescapeName(name) {
41702                return name.replace(
41703                    /&amp;|&lt;|&gt;|&#39;|&quot;/g,
41704                    tag =>
41705                        ({
41706                            '&amp;': '&',
41707                            '&lt;': '<',
41708                            '&gt;': '>',
41709                            '&#39;': "'",
41710                            '&ndash;': "-",
41711                            '&quot;': '"'
41712                        }[tag] || tag)
41713                );
41714            }
41715        }
41716    }
41717</script>
41717
41718<section id="cart-drawer"
41719         x-cloak
41720         class="absolute z-50"
41721         x-data="initCartDrawer()"
41722         @focus="open"
41723         @private-content-loaded.window="getData($event.detail.data)"
41724         @toggle-cart.window="toggleCartDrawer($event)"
41725         @keydown.escape="closeCartDrawer"
41726>
41727    <template x-if="cart && cart.summary_count">
41728        <div role="dialog"
41729             aria-labelledby="cart-drawer-title"
41730             aria-modal="true"
41731             :aria-expanded="open"
41732             @click.away="open=false"
41733             class="fixed inset-y-0 right-0 z-30 flex max-w-full">
41734            <div class="backdrop"
41735                 x-show="open"
41736                 x-transition:enter="ease-in-out duration-500"
41737                 x-transition:enter-start="opacity-0"
41738                 x-transition:enter-end="opacity-100"
41739                 x-transition:leave="ease-in-out duration-500"
41740                 x-transition:leave-start="opacity-100"
41741                 x-transition:leave-end="opacity-0"
41742                 @click="closeCartDrawer"
41743                 role="button"
41744                 aria-label="Close&#x20;minicart"></div>
41745            <div class="relative w-screen max-w-md shadow-2xl"
41746                 x-show="open"
41747                 x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700"
41748                 x-transition:enter-start="translate-x-full"
41749                 x-transition:enter-end="translate-x-0"
41750                 x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700"
41751                 x-transition:leave-start="translate-x-0"
41752                 x-transition:leave-end="translate-x-full"
41753                 x-ref="cartDialogContent"
41754                 role="region"
41755                 :tabindex="open ? 0 : -1"
41756                 aria-label="Mein&#x20;Warenkorb"
41757            >
41758                <div
41759                    x-show="open"
41760                    x-transition:enter="ease-in-out duration-500"
41761                    x-transition:enter-start="opacity-0"
41762                    x-transition:enter-end="opacity-100"
41763                    x-transition:leave="ease-in-out duration-500"
41764                    x-transition:leave-start="opacity-100"
41765                    x-transition:leave-end="opacity-0"
41766                    class="absolute top-0 right-0 flex p-2 mt-2">
41767                    <button @click="closeCartDrawer"
41768                            :tabindex="open ? 0 : -1"
41769                            aria-label="Close&#x20;minicart"
41770                            @toggle-cart.window="toggleCartDrawer($event)"
41771                            @close-cart.window="open=false"
41772                            class="pt-1 text-gray-750 transition duration-150 ease-in-out hover:text-black">
41773                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="currentColor" xml:space="preserve" class="w-8 h-8">
41774        <title>Cancel</title>
41775    <circle cx="32" cy="32" fill="none" r="24" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" d="m23.2 23.4 16.9 16.9M40.1 23.4 23.9 39.6" class="stroke-2c3e50"/></svg>
41776                    </button>
41777                </div>
41778                <div class="flex flex-col h-full py-6 px-4 bg-white shadow-xl">
41779                    <header>
41780                        <h2 id="cart-drawer-title" class="text-lg font-medium leading-7 text-gray-900">
41781                            Mein Warenkorb                            <span class="items-total text-xs"
41782                                  x-show="maxItemsToDisplay && maxItemsToDisplay < itemsCount"
41783                                  x-text="getItemCountTitle()">
41784                            </span>
41785                        </h2>
41786                    </header>
41787                    <div
41788                        class="relative grid overflow-y-auto bg-white border-b gap-12 border-container max-md:h-full pb-4 content-start">
41789                        <template x-for="item in cartItems">
41790                            <div>
41791                                <div class="flex gap-x-2">
41792                                    <a :href="item.product_url"
41793                                       :aria-label="hyva.strf('Product\u0020\u0022\u00250\u0022', item.product_name)">
41794                                        <img class="border border-container-lighter"
41795                                             :src="item.product_image.src"
41796                                             :width="item.product_image.width"
41797                                             :height="item.product_image.height"
41798                                             loading="lazy"
41799                                             :title="unescapeName(item.product_name)"
41800                                             :alt="item.product_name"
41801                                        />
41802                                    </a>
41803                                    <div class="cart-drawer-item-details">
41804                                        <a :href="item.product_url" class="font-medium leading-tight block text-sm"
41805                                           :aria-label="hyva.strf('Product&#x20;&quot;&#x25;0&quot;', item.product_name)"
41806                                           :title="unescapeName(item.product_name)">
41807                                            <span x-html="setNewName(item.product_name)"></span>
41808                                        </a>
41809
41810                                        <div class="text-xs mt-2">
41811                                            <template x-for="variant in item.variants">
41812                                                <div class="grid grid-col-order-unit capitalize">
41813                                                    <span class="font-medium mr-2" x-text="variant.variant_label + ': '"></span>
41814                                                    <span x-html="variant.variant_value"></span>
41815                                                </div>
41816                                            </template>
41817                                                <div class="grid grid-col-order-unit">
41818                                                    <span class="font-medium mr-2">Menge: </span>
41819                                                    <span x-text="item.qty"></span>
41820                                                </div>
41821                                            <template x-for="option in item.options">
41822                                                <div class="grid grid-col-order-unit">
41823                                                    <span class="font-medium mr-2" x-text="option.label + ': '"></span>
41824                                                    <span x-html="option.value + ', ' + option.order_unit"></span>
41825                                                </div>
41826                                            </template>
41827                                        </div>
41828
41829                                        <div class="mt-1">
41830                                            <div class="flex justify-between items-start price-box">
41831                                                <div class="normal-price w-auto"
41832                                                     :class="{'block': showPriceWithTax(item), 'hidden': !showPriceWithTax(item)}">
41833                                                <span class="price-container price-final_price">
41834                                                    <template x-if="item.has_discount">
41835                                                        <div class="old-price text-xs including-tax line-through">
41836                                                            <span class="cart-price"
41837                                                                  x-html="hyva.formatPrice(item.product_regular_price_value.incl_tax)"></span>
41838                                                        </div>
41839                                                    </template>
41840                                                    <div id="price-including-tax-product-price">
41841                                                        <span
41842                                                            class="price text-sm font-medium"
41843                                                            x-html="hyva.formatPrice(item.product_price_value.incl_tax)"
41844                                                        ></span>
41845                                                        <span class="text-xs tax">
41846                                                            mit MwSt.                                                        </span>
41847                                                    </div>
41848                                                    <div class="unitPrice text-xs" x-html="item.unit_price.price"></div>
41849                                                </span>
41850                                                </div>
41851                                                <div class="base-price w-auto">
41852                                                <span class="price-container price-final_price">
41853                                                    <template x-if="item.has_discount">
41854                                                        <div class="old-price text-xs including-tax line-through">
41855                                                            <span class="cart-price"
41856                                                                  x-html="hyva.formatPrice(item.product_regular_price_value.excl_tax)"></span>
41857                                                        </div>
41858                                                    </template>
41859                                                    <div id="price-excluding-tax-product-price">
41860                                                        <span
41861                                                            class="price text-sm font-medium"
41862                                                            x-html="hyva.formatPrice(item.product_price_value.excl_tax)"
41863                                                        ></span>
41864                                                        <span class="tax text-xs">
41865                                                            ohne MwSt.                                                        </span>
41866                                                    </div>
41867                                                    <div class="unitPrice text-xs" x-html="item.unit_price.basePrice"></div>
41868                                                </span>
41869                                                </div>
41870                                            </div>
41871                                        </div>
41872                                    </div>
41873                                </div>
41874                            </div>
41875                        </template>
41876                    </div>
41877                    <div class="relative pt-4 bg-white">
41878                        <div class="w-full space-x-2">
41879                            <dl class="pap-minicart-prices">
41880                                <template x-for="segment in getSortedSegments()" :key="segment.code">
41881                                    <div class="contents">
41882                                        <dt class="pap-minicart-prices-label" x-text="segment.title"></dt>
41883                                        <dd class="pap-minicart-prices-amount"
41884                                            x-text="hyva.formatPrice(segment.value)"></dd>
41885                                    </div>
41886                                </template>
41887                                <dt class="pap-minicart-prices-label font-bold">
41888                                    Bestellsumme                                </dt>
41889                                <dd class="pap-minicart-prices-amount font-bold"
41890                                    x-text="hyva.formatPrice(getGrandTotal())">
41891                                </dd>
41892                            </dl>
41893                        </div>
41894                        <div class="pt-4 w-full">
41895                            <a @click.prevent.stop="$dispatch('toggle-authentication',
41896                                {url: 'https://www.papstar-shop.de/checkout/'});"
41897                               href="https://www.papstar-shop.de/checkout/"
41898                               id="cart-drawer-checkout-button"
41899                               class="w-full btn btn-primary justify-center mb-4 py-2">
41900                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" xml:space="preserve" fill="currentColor" class="w-6 h-6 text-white mr-2">
41901    <circle cx="25" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><circle cx="47" cy="49.4" fill="none" r="4.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/><path d="M6 12h6c.8 0 1.5.6 1.8 1.3l10.7 25.4c.3.7 1 1.3 1.8 1.3H47c.8 0 1.5-.5 1.9-1.2L55.3 23c.5-1.3-.4-2.9-1.9-2.9H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="3" class="stroke-2c3e50"/></svg>
41902                                <span class="text-center">
41903                                    Weiter zur Kasse                                </span>
41904                            </a>
41905                            <a href="https://www.papstar-shop.de/checkout/cart/"
41906                               class="w-full btn btn-secondary justify-center">
41907                                <span class="text-center">
41908                                    Zum Warenkorb                                </span>
41909                            </a>
41910                        </div>
41911                        
41912                        <a class="underline w-full text-center lowercase block mt-3 text-sm cursor-pointer"
41913                           @click="closeCartDrawer">
41914                            Weiter einkaufen                        </a>
41915
41916                    </div>
41917                </div>
41918            </div>
41919            <div class="flex flex-row justify-center items-center w-full h-full fixed select-none z-50"
41920     style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.7);"
41921     x-show="isLoading"
41922     x-transition:enter="ease-out duration-200"
41923     x-transition:enter-start="opacity-0"
41924     x-transition:enter-end="opacity-100"
41925     x-transition:leave="ease-in duration-200"
41926     x-transition:leave-start="opacity-100"
41927     x-transition:leave-end="opacity-0">
41928    <!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL -->
41929<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57 57" stroke="currentColor" class="text-primary" width="57" height="57">
41930    <title>Loading Icon</title>
41931    <g fill="none" fill-rule="evenodd">
41932        <g transform="translate(1 1)" stroke-width="2">
41933            <circle cx="5" cy="50" r="5">
41934                <animate attributeName="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcMode="linear" repeatCount="indefinite"/>
41935                <animate attributeName="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcMode="linear" repeatCount="indefinite"/>
41936            </circle>
41937            <circle cx="27" cy="5" r="5">
41938                <animate attributeName="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcMode="linear" repeatCount="indefinite"/>
41939                <animate attributeName="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcMode="linear" repeatCount="indefinite"/>
41940            </circle>
41941            <circle cx="49" cy="50" r="5">
41942                <animate attributeName="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcMode="linear" repeatCount="indefinite"/>
41943                <animate attributeName="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcMode="linear" repeatCount="indefinite"/>
41944            </circle>
41945        </g>
41946    </g>
41947</svg>
41948    <div class="ml-10 text-primary text-xl">
41949        Lädt…    </div>
41950</div>
41951        </div>
41952    </template>
41953</section>
41954</body>
41955</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.