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 ✽ Ihr Online-Shop für Bio-Einweggeschirr ✓ Tisch- & Party-Deko ✓ To-Go-Verpackungen ✓ Hygieneartikel ✓"/> 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/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://www.papstar-shop.de/themenwelt-gastronomie" 1059 target="" 1060 class="meta-header-dropdown-link"> 1061 Gastronomie </a> 1062 <a href="https://www.papstar-shop.de/themenwelt-hotellerie" 1063 target="" 1064 class="meta-header-dropdown-link"> 1065 Hotellerie </a> 1066 <a href="https://www.papstar-shop.de/party-ideen" 1067 target="" 1068 class="meta-header-dropdown-link"> 1069 Veranstaltungsservice </a> 1070 <a href="https://www.papstar-shop.de/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 & Trends" 1115 > 1116 Tipps & 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://www.papstar-shop.de/tipps-und-trends" 1131 target="" 1132 class="meta-header-dropdown-link"> 1133 Ãbersicht Tipps </a> 1134 <a href="https://www.papstar-shop.de/bayrische-tischdeko" 1135 target="" 1136 class="meta-header-dropdown-link"> 1137 Bayrische Tischdeko </a> 1138 <a href="https://www.papstar-shop.de/servietten-falten" 1139 target="" 1140 class="meta-header-dropdown-link"> 1141 Servietten falten </a> 1142 <a href="https://www.papstar-shop.de/hochzeitsdeko-ideen" 1143 target="" 1144 class="meta-header-dropdown-link"> 1145 Hochzeitsdeko Ideen </a> 1146 <a href="https://www.papstar-shop.de/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 & Services" 1191 > 1192 Lösungen & 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://www.papstar-shop.de/papstar-solutions" 1207 target="" 1208 class="meta-header-dropdown-link"> 1209 PAPSTAR Solutions </a> 1210 <a href="https://www.papstar-shop.de/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://www.papstar-shop.de/informationen/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 GmbH Logo" 1341 aria-label="Go to Home page" 1342 > 1343 <img src="https://www.papstar-shop.de/static/version1790743899/frontend/Papstar/base/de_DE/images/logo.svg" 1344 title="PAPSTAR GmbH Logo" 1345 alt="PAPSTAR GmbH 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 Sie nach Produkten, Artikel-Nr. oder Eigenschaften ... </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 Sie nach Produkten, Artikel-Nr. oder Eigenschaften ..." 1377 title="Suchen Sie nach Produkten, Artikel-Nr. oder Eigenschaften ..." 1378 alt="Suchen Sie nach Produkten, Artikel-Nr. oder Eigenschaften ..." 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 Ansicht" 1875 alt="Barrierefreie 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://www.papstar-shop.de/customer/account/" 1895 id="customer-menu" 1896 class="block" 1897 title="Mein Konto" 1898 aria-label="Mein 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 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 Warenkorb" 1926 :aria-label="` 1927 Toggle minicart, 1928 ${isCartEmpty() 1929 ? 'Cart is empty' 1930 : cart.summary_count > 1 1931 ? hyva.str('%1 items', cart.summary_count) 1932 : hyva.str('%1 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 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 GmbH Logo" 1996 aria-label="Go to Home page" 1997 > 1998 <img src="https://www.papstar-shop.de/static/version1790743899/frontend/Papstar/base/de_DE/images/logo_grey.svg" 1999 title="PAPSTAR GmbH Logo"
2000 alt="PAPSTAR GmbH 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://www.papstar-shop.de/themenwelt-gastronomie" 2050 target="" 2051 class="meta-header-dropdown-link"> 2052 Gastronomie </a> 2053 <a href="https://www.papstar-shop.de/themenwelt-hotellerie" 2054 target="" 2055 class="meta-header-dropdown-link"> 2056 Hotellerie </a> 2057 <a href="https://www.papstar-shop.de/party-ideen" 2058 target="" 2059 class="meta-header-dropdown-link"> 2060 Veranstaltungsservice </a> 2061 <a href="https://www.papstar-shop.de/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 & Trends" 2106 > 2107 Tipps & 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://www.papstar-shop.de/tipps-und-trends" 2122 target="" 2123 class="meta-header-dropdown-link"> 2124 Ãbersicht Tipps </a> 2125 <a href="https://www.papstar-shop.de/bayrische-tischdeko" 2126 target="" 2127 class="meta-header-dropdown-link"> 2128 Bayrische Tischdeko </a> 2129 <a href="https://www.papstar-shop.de/servietten-falten" 2130 target="" 2131 class="meta-header-dropdown-link"> 2132 Servietten falten </a> 2133 <a href="https://www.papstar-shop.de/hochzeitsdeko-ideen" 2134 target="" 2135 class="meta-header-dropdown-link"> 2136 Hochzeitsdeko Ideen </a> 2137 <a href="https://www.papstar-shop.de/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 & Services" 2182 > 2183 Lösungen & 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://www.papstar-shop.de/papstar-solutions" 2198 target="" 2199 class="meta-header-dropdown-link"> 2200 PAPSTAR Solutions </a> 2201 <a href="https://www.papstar-shop.de/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://www.papstar-shop.de/informationen/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 aus 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 aus 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 aus 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 aus 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 aus 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 aus 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 aus 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 aus 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 aus 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 aus 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 aus 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 aus 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 aus 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 aus 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 aus 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 aus 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 & 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 & 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 & 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 aus Zuckerrohr"> 2708 Schalen aus 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 aus Holz"> 2718 Schalen aus 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 aus Palmblatt"> 2723 Schalen aus 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 aus Bambus"> 2728 Schalen aus 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 "> 2780 Pappteller  </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 aus Palmblatt"> 2785 Teller aus 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 aus Bambus"> 2790 Teller aus 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 aus Zuckerrohr"> 2795 Teller aus 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 aus Agrarresten"> 2800 Teller aus 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 aus Holz"> 2805 Teller aus 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 & -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 & -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 & Teller aus Kunststoff"> 2841 Schalen & Teller aus 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 & Teller aus Bambus & Palmblatt"> 2846 Schalen & Teller aus Bambus & 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 & Teller aus Holz"> 2851 Schalen & Teller aus 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 & Teller aus Zuckerrohr"> 2856 Schalen & Teller aus 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 
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 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 to 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 to 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 to 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 to 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 & 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 & 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 & Schalen aus 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 & Schalen aus 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 & 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 & 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 aus Papier"> 3135 Strohhalme aus 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 aus Bambus & Stroh"> 3140 Strohhalme aus Bambus & 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 Strohhalme"> 3145 Wiederverwendbare 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ßgeträ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ßgeträ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 & Glühweinbecher To Go"> 3183 Thermobecher & Glühweinbecher To 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 Becher"> 3198 Zuckerrohr 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ä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ä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 & Longdrinkbecher"> 3256 Cocktailbecher & 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 aus PLA"> 3266 Becher aus 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 - glasklar"> 3271 Plastikbecher - 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 Becher"> 3276 Zuckerrohr 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ä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ä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äser"> 3309 Sektglä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äser"> 3314 Weinglä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ör & Cocktail-Zubehö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ör & Cocktail-Zubehö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 & Tropfdeckchen"> 3381 Papieruntersetzer & 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 Deko"> 3386 Cocktail 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ührstäbchen"> 3391 Rührstä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ä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ä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 & 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 & 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 & Spieß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 & Spieß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: Sets & einzeln 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: Sets & einzeln 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ße & Schaschlikspieß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ße & Schaschlikspieß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öffel & 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öffel & 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 & 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 & 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ührstä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ührstä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 & Snackschalen"> 4019 Pommesschalen & 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 To Go"> 4024 Salatschalen To 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üboxen & Burger Verpackungen"> 4029 Menüboxen & Burger 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 To Go"> 4039 Suppenbecher To 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 & Verpackungsbecher"> 4044 Feinkostbecher & 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 für Lebensmittel & Tragetabletts"> 4049 Transportboxen für Lebensmittel & 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 To Go"> 4054 Snackboxen To 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 & Siegelfolien"> 4059 Siegelschalen & 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 To Go"> 4064 Eisbecher To 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ä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ä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 & Kuchenkartons"> 4099 Tortenkartons & 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 & Spitzenpapiere"> 4104 Tortenspitzen & 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örmchen & Einwegbackformen"> 4109 Backförmchen & 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üten & Beutel " 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üten & Beutel  </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üten & Papierbeutel"> 4151 Papiertüten & 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üten & Pommestüten"> 4156 Spitztüten & Pommestü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üten & Plastikbeutel"> 4161 Plastiktüten & 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 "> 4166 Gefrierbeutel  </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 & Siegelrandbeutel"> 4176 Vakuumbeutel & 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 & 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 & 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 & 
4229Zuschnitte"> 4230 Einschlagpapiere & 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 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 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ü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ü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 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 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 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 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 "ROYAL Collection"" 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 "ROYAL Collection" </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 Collection Bestecktaschen"> 4741 ROYAL Collection 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 Dekor 40 x 40 cm"> 4746 Servietten Dekor 40 x 40 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 uni 25 x 25 cm"> 4751 Servietten uni 25 x 25 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 uni 40 x 40 cm"> 4756 Servietten uni 40 x 40 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 uni 48 x 48 cm"> 4761 Servietten uni 48 x 48 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 in Papierverpackung"> 4766 Servietten in 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 "DAILY Collection"" 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 "DAILY Collection" </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 Collection Bestecktaschen"> 4813 DAILY Collection 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 24 x 24 cm"> 4818 Servietten 24 x 24 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 32 x 32 cm"> 4823 Servietten 32 x 32 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 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 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 1-lagig"> 4856 Servietten 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 2-lagig"> 4861 Servietten 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 3-lagig"> 4866 Servietten 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=""DAILY Collection""> 4871 "DAILY Collection" </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 25 x 25 cm"> 4911 Motivservietten 25 x 25 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 33 x 33 cm"> 4916 Motivservietten 33 x 33 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 40 x 40 cm"> 4921 Motivservietten 40 x 40 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 " 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  </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 zur 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 zur 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 & 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 & 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 aus Papier"> 5117 Tischdecken aus 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 aus Vlies"> 5122 Tischdecken aus 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 mit Muster"> 5127 Tischdecken mit 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 aus Airlaid"> 5132 Tischdecken aus 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 aus Tissue"> 5137 Tischdecken aus 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 Tischdecken aus Vlies"> 5142 Beschichtete Tischdecken aus 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 aus PV-Tissue-Mix"> 5147 Tischdecken aus 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 aus Folie"> 5152 Tischdecken aus 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ä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ä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äufer aus Airlaid"> 5189 Tischläufer aus 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äufer aus PV-Tissue-Mix"> 5194 Tischläufer aus 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äufer aus Tissue"> 5199 Tischläufer aus 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 Tischläufer aus Vlies"> 5204 Beschichtete Tischläufer aus 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äufer aus Vlies"> 5209 Tischläufer aus 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 Tischbänder"> 5214 Sizoflor Tischbä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 Mitteldecken aus Vlies"> 5250 Beschichtete Mitteldecken aus 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 aus Vlies"> 5255 Mitteldecken aus 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 aus Tissue"> 5260 Mitteldecken aus 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 aus Papier"> 5306 Tischsets aus 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 Tischsets aus Vlies"> 5311 Beschichtete Tischsets aus 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 aus Vlies"> 5316 Tischsets aus 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 & 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 & 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 im Glas"> 5496 Duftkerzen im 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 & 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 & 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änder & 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änder & 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 nach Themen & Anlä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 nach Themen & Anlä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 & Öllichter"> 5676 Grablichter & Ö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 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 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 & 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 & 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 & 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ücher"> 5849 Papierhandtü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ücher"> 5854 Erfrischungstü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="Ärztekrepp"> 5859 Ä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 "> 5864 Putztuchrollen  </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üchenrollen"> 5869 Kü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 Einmalhandschuhe"> 5907 Bunte 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 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 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 Handschuhe"> 5959 Tattoo 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 Zubehör"> 5964 Tattoo Zubehö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 Hygiene"> 5969 Tattoo 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="Ärztekrepp & Hygienepapier für Tattoostudios "> 5974 Ärztekrepp & Hygienepapier für Tattoostudios  </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 Schutzkleidung"> 5979 Tattoo 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- & 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- & 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 & Kochmützen"> 6016 Einweghauben & Kochmü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="Überziehschuhe"> 6021 Ü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ürzen & Schutzkittel"> 6031 Einwegschürzen & 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 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 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ästen & erste 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ästen & erste 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üllbeutel & Müllsä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üllbeutel & Müllsä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üllbeutel"> 6321 Mü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üllbeutel & Kompostsäcke"> 6326 Bio-Müllbeutel & Kompostsä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üllsäcke"> 6331 Müllsä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ü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ü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ücher"> 6366 Allzwecktü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ücher"> 6371 Microfasertü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ücher"> 6376 Geschirrtü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 & 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 & 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 & Desinfektionsreiniger"> 6420 Desinfektionsmittel & 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ärreiniger"> 6435 Sanitä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üchenreiniger"> 6440 Kü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ächenreiniger"> 6445 Oberflä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 & Handwaschseifen"> 6450 Waschlotionen & 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ämme & 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ämme & 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ämme"> 6488 Putzschwä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 & Stahlschwämme"> 6493 Topfreiniger & Stahlschwä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 Zubehö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 Zubehö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 UltraSpeed"> 6520 Vileda 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 CombiSpeed"> 6525 Vileda 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 & 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 & 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 & 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 in Sonderformen"> 6614 Luftballons in 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 Luftballons"> 6619 Einfarbige 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 für Geburtstage"> 6624 Luftballons für 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 für Hochzeiten"> 6629 Luftballons für 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 Luftballon-Sets"> 6639 Bunte 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 mit Motiv"> 6644 Luftballons mit 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 & 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 & 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 & Zahlenkerzen"> 6686 Geburtstagskerzen & 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 & Geschenkfolien"> 6691 Geschenkpapiere & 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 & Wimpelketten"> 6696 Girlanden & 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 & Luftschlangen"> 6706 Konfetti & 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ör & Accessoires"> 6711 Partyzubehör & 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älle & Deko-Fächer"> 6721 Wabenbälle & Deko-Fä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 & Frühlingsdeko " 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 & Frühlingsdeko  </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ßball Deko & Zubehö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ßball Deko & Zubehö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änder-Deko, Flaggen & Zubehö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änder-Deko, Flaggen & Zubehö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 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 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 Deko & Zubehö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 Deko & Zubehö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 Deko & Zubehö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 Deko & Zubehö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 & Zubehö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 & Zubehö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 & Weihnachtstischläufer"> 7028 Weihnachtstischdecken & Weihnachtstischlä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 & Einwegbecher für Weihnachten"> 7033 Einwegteller & Einwegbecher für 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üten & Kekstüten"> 7043 Weihnachtstüten & Kekstü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 "Christmas Shine""> 7053 Weihnachtsserie "Christmas Shine" </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 "Just Stars""> 7058 Weihnachtsserie "Just Stars" </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 "Rising Star""> 7063 Weihnachtsserie "Rising Star" </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 "Stardust""> 7068 Weihnachtsserie "Stardust" </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 "Golden Star""> 7073 Weihnachtsserie "Golden Star" </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 "Plain Christmas Trees""> 7078 Weihnachtsserie "Plain Christmas Trees" </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 "Winterly""> 7083 Weihnachtsserie "Winterly" </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 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 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 & 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 & 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 & Schalen" 7222 title="Zeige Teller & Schalen"> 7223 Teller & 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 & Medizin" 7278 title="Zeige Hygiene & Medizin"> 7279 Hygiene & 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 & Deko" 7292 title="Zeige Party & Deko"> 7293 Party & Deko </a> 7294 </li> 7295 </ul> 7296 </div> 7297 </div> 7298 7299 <nav id="nav-desktop" 7300 aria-label="Main 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://www.papstar-shop.de/produkte/einweggeschirr.htm" 7402 aria-label="alles in Einweggeschirr anzeigen" 7403 title="alles in Einweggeschirr anzeigen" 7404 > 7405 alles in Einweggeschirr 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 aus 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 aus 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 aus 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 aus 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 aus 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 aus 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 aus 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 aus 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 aus 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 aus 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 aus 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 aus 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 aus 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 aus 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 aus 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 aus 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 & Schalen" 7619 > 7620 Teller & 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 & Schalen: 7634 </div> 7635 <a class="show-all-link" 7636 href="https://www.papstar-shop.de/produkte/teller-schalen.htm" 7637 aria-label="alles in Teller & Schalen anzeigen" 7638 title="alles in Teller & Schalen anzeigen" 7639 > 7640 alles in Teller & Schalen 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 aus Zuckerrohr"> 7689 <sp
7689an>Schalen aus 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 aus Holz"> 7701 <span>Schalen aus 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 aus Palmblatt"> 7707 <span>Schalen aus 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 aus Bambus"> 7713 <span>Schalen aus 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 "> 7765 <span>Pappteller </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 aus Palmblatt"> 7771 <sp
7771an>Teller aus 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 aus Bambus"> 7777 <span>Teller aus 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 aus Zuckerrohr"> 7783 <span>Teller aus 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 aus Agrarresten"> 7789 <span>Teller aus 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 aus Holz"> 7795 <span>Teller aus 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 & -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 & -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 & Teller aus Kunststoff"> 7831 <span>Schalen & Teller aus 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 & Teller aus Bambus & Palmblatt"> 7837 <span>Schalen & Teller aus Bambus & 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 & Teller aus Holz"> 7843 <span>Schalen & Teller aus 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 & Teller aus Zuckerrohr"> 7849 <sp
7849an>Schalen & Teller aus 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 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 
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 to 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 to 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 to 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 to 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 & 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 & 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 & Schalen aus 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 & Schalen aus 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://www.papstar-shop.de/produkte/becher-glaeser.htm" 8074 aria-label="alles in Becher anzeigen" 8075 title="alles in Becher anzeigen" 8076 > 8077 alles in Becher 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 & 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 & 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 aus Papier"> 8112 <span>Strohhalme aus 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 aus Bambus & Stroh"> 8118 <span>Strohhalme aus Bambus & 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 Strohhalme"> 8124 <span>Wiederverwendbare 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ßgeträ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ßgeträ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 & Glühweinbecher To Go"> 8163 <span>Thermobecher & Glühweinbecher To 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 Becher"> 8181 <span>Zuckerrohr 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ä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ä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 & Longdrinkbecher"> 8242 <span>Cocktailbecher & 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 aus PLA"> 8254 <span>Becher aus 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 - glasklar"> 8260 <sp
8260an>Plastikbecher - 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 Becher"> 8266 <span>Zuckerrohr 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ä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ä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äser"> 8299 <span>Sektglä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äser"> 8305 <sp
8305an>Weinglä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ör & Cocktail-Zubehö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ör & Cocktail-Zubehö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 & Tropfdeckchen"> 8371 <span>Papieruntersetzer & 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 Deko"> 8377 <span>Cocktail 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ührstäbchen"> 8383 <sp
8383an>Rührstä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ä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ä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://www.papstar-shop.de/produkte/einwegbesteck.htm" 8525 aria-label="alles in Besteck anzeigen" 8526 title="alles in Besteck anzeigen" 8527 > 8528 alles in Besteck 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 & 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 & 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 & Spieß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 & Spieß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: Sets & einzeln 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: Sets & einzeln 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ße & Schaschlikspieß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ße & Schaschlikspieß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öffel & 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öffel & 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 & 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 & 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ührstä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ührstä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://www.papstar-shop.de/produkte/einwegverpackungen.htm" 8938 aria-label="alles in Einwegverpackungen anzeigen" 8939 title="alles in Einwegverpackungen anzeigen" 8940 > 8941 alles in Einwegverpackungen 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 & Snackschalen"> 8979 <span>Pommesschalen & 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 To Go"> 8985 <span>Salatschalen To 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üboxen & Burger Verpackungen"> 8991 <sp
8991an>Menüboxen & Burger 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 To Go"> 9003 <span>Suppenbecher To 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 & Verpackungsbecher"> 9009 <span>Feinkostbecher & 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 für Lebensmittel & Tragetabletts"> 9015 <span>Transportboxen für Lebensmittel & 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 To Go"> 9021 <span>Snackboxen To 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 & Siegelfolien"> 9027 <sp
9027an>Siegelschalen & 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 To Go"> 9033 <span>Eisbecher To 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ä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ä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 & Kuchenkartons"> 9068 <sp
9068an>Tortenkartons & 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 & Spitzenpapiere"> 9074 <span>Tortenspitzen & 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örmchen & Einwegbackformen"> 9080 <span>Backförmchen & 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üten & Beutel " 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üten & Beutel  </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üten & Papierbeutel"> 9123 <sp
9123an>Papiertüten & 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üten & Pommestüten"> 9129 <span>Spitztüten & Pommestü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üten & Plastikbeutel"> 9135 <span>Plastiktüten & 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 "> 9141 <span>Gefrierbeutel </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 & Siegelrandbeutel"> 9153 <span>Vakuumbeutel & 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 & 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 & 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 & Zuschnitte"> 9210 <span>Einschlagpapiere & 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 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 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ü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ü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://www.papstar-shop.de/produkte/mehrweggeschirr.htm" 9454 aria-label="alles in Mehrweg anzeigen" 9455 title="alles in Mehrweg anzeigen" 9456 > 9457 alles in Mehrweg 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 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 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 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 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://www.papstar-shop.de/produkte/servietten.htm" 9644 aria-label="alles in Servietten anzeigen" 9645 title="alles in Servietten anzeigen" 9646 > 9647 alles in Servietten 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 "ROYAL Collection"" 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 "ROYAL Collection" </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 Collection Bestecktaschen"> 9695 <span>ROYAL Collection 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 Dekor 40 x 40 cm"> 9701 <span>Servietten Dekor 40 x 40 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 uni 25 x 25 cm"> 9707 <span>Servietten uni 25 x 25 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 uni 40 x 40 cm"> 9713 <sp
9713an>Servietten uni 40 x 40 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 uni 48 x 48 cm"> 9719 <span>Servietten uni 48 x 48 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 in Papierverpackung"> 9725 <span>Servietten in 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 "DAILY Collection"" 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 "DAILY Collection" </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 Collection Bestecktaschen"> 9772 <span>DAILY Collection 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 24 x 24 cm"> 9778 <span>Servietten 24 x 24 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 32 x 32 cm"> 9784 <sp
9784an>Servietten 32 x 32 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 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 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 1-lagig"> 9817 <span>Servietten 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 2-lagig"> 9823 <span>Servietten 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 3-lagig"> 9829 <sp
9829an>Servietten 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=""DAILY Collection""> 9835 <span>"DAILY Collection"</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 25 x 25 cm"> 9875 <sp
9875an>Motivservietten 25 x 25 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 33 x 33 cm"> 9881 <span>Motivservietten 33 x 33 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 40 x 40 cm"> 9887 <span>Motivservietten 40 x 40 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 " 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  </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 zur 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 zur 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://www.papstar-shop.de/produkte/tischdecken-tischlaufer.htm" 10031 aria-label="alles in Tischdecken anzeigen" 10032 title="alles in Tischdecken anzeigen" 10033 > 10034 alles in Tischdecken 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 & 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 & 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 aus Papier"> 10071 <span>Tischdecken aus 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 aus Vlies"> 10077 <span>Tischdecken aus 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 mit Muster"> 10083 <sp
10083an>Tischdecken mit 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 aus Airlaid"> 10089 <span>Tischdecken aus 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 aus Tissue"> 10095 <span>Tischdecken aus 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 Tischdecken aus Vlies"> 10101 <span>Beschichtete Tischdecken aus 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 aus PV-Tissue-Mix"> 10107 <span>Tischdecken aus 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 aus Folie"> 10113 <span>Tischdecken aus 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ä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ä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äufer aus Airlaid"> 10150 <span>Tischläufer aus 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äufer aus PV-Tissue-Mix"> 10156 <span>Tischläufer aus 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äufer aus Tissue"> 10162 <sp
10162an>Tischläufer aus 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 Tischläufer aus Vlies"> 10168 <span>Beschichtete Tischläufer aus 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äufer aus Vlies"> 10174 <span>Tischläufer aus 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 Tischbänder"> 10180 <span>Sizoflor Tischbä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 Mitteldecken aus Vlies"> 10216 <span>Beschichtete Mitteldecken aus 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 aus Vlies"> 10222 <span>Mitteldecken aus 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 aus Tissue"> 10228 <span>Mitteldecken aus 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 aus Papier"> 10274 <span>Tischsets aus 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 Tischsets aus Vlies"> 10280 <span>Beschichtete Tischsets aus 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 aus Vlies"> 10286 <sp
10286an>Tischsets aus 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://www.papstar-shop.de/produkte/kerzen.htm" 10328 aria-label="alles in Kerzen anzeigen" 10329 title="alles in Kerzen anzeigen" 10330 > 10331 alles in Kerzen 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 & 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 & 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 im Glas"> 10456 <sp
10456an>Duftkerzen im 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 & 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 & 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änder & 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änder & 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 nach Themen & Anlä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 nach Themen & Anlä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 & Öllichter"> 10634 <sp
10634an>Grablichter & Ö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 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 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 & Medizin" 10731 > 10732 Hygiene & 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 & Medizin: 10746 </div> 10747 <a class="show-all-link" 10748 href="https://www.papstar-shop.de/produkte/hygieneartikel-medizinprodukte.htm" 10749 aria-label="alles in Hygiene & Medizin anzeigen" 10750 title="alles in Hygiene & Medizin anzeigen" 10751 > 10752 alles in Hygiene & Medizin 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ücher"> 10796 <sp
10796an>Papierhandtü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ücher"> 10802 <span>Erfrischungstü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="Ärztekrepp"> 10808 <span>Ä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 "> 10814 <span>Putztuchrollen </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üchenrollen"> 10820 <span>Kü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 Einmalhandschuhe"> 10859 <span>Bunte 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 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 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 Handschuhe"> 10916 <span>Tattoo 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 Zubehör"> 10922 <span>Tattoo Zubehö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 Hygiene"> 10928 <sp
10928an>Tattoo 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="Ärztekrepp & Hygienepapier für Tattoostudios "> 10934 <span>Ärztekrepp & Hygienepapier für Tattoostudios </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 Schutzkleidung"> 10940 <span>Tattoo 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- & 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- & 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 & Kochmützen"> 10977 <sp
10977an>Einweghauben & Kochmü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="Überziehschuhe"> 10983 <span>Ü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ürzen & Schutzkittel"> 10995 <span>Einwegschürzen & 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 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 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ästen & erste 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ästen & erste 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://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien.htm" 11230 aria-label="alles in Reinigung anzeigen" 11231 title="alles in Reinigung anzeigen" 11232 > 11233 alles in Reinigung 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üllbeutel & Müllsä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üllbeutel & Müllsä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üllbeutel"> 11271 <span>Mü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üllbeutel & Kompostsäcke"> 11277 <span>Bio-Müllbeutel & Kompostsä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üllsäcke"> 11283 <sp
11283an>Müllsä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ü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ü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ücher"> 11318 <span>Allzwecktü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ücher"> 11324 <sp
11324an>Microfasertü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ücher"> 11330 <span>Geschirrtü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 & 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 & 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 & Desinfektionsreiniger"> 11375 <span>Desinfektionsmittel & 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ärreiniger"> 11393 <span>Sanitä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üchenreiniger"> 11399 <span>Kü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ächenreiniger"> 11405 <sp
11405an>Oberflä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 & Handwaschseifen"> 11411 <span>Waschlotionen & 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ämme & 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ämme & 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ämme"> 11449 <sp
11449an>Putzschwä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 & Stahlschwämme"> 11455 <span>Topfreiniger & Stahlschwä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 Zubehö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 Zubehö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 UltraSpeed"> 11482 <span>Vileda 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 CombiSpeed"> 11488 <sp
11488an>Vileda 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 & Deko" 11512 > 11513 Party & 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 & Deko: 11527 </div> 11528 <a class="show-all-link" 11529 href="https://www.papstar-shop.de/produkte/party-deko.htm" 11530 aria-label="alles in Party & Deko anzeigen" 11531 title="alles in Party & Deko anzeigen" 11532 > 11533 alles in Party & Deko 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 in Sonderformen"> 11569 <span>Luftballons in 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 Luftballons"> 11575 <span>Einfarbige 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 für Geburtstage"> 11581 <sp
11581an>Luftballons für 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 für Hochzeiten"> 11587 <span>Luftballons für 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 Luftballon-Sets"> 11599 <span>Bunte 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 mit Motiv"> 11605 <span>Luftballons mit 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 & 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 & 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 & Zahlenkerzen"> 11648 <span>Geburtstagskerzen & 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 & Geschenkfolien"> 11654 <sp
11654an>Geschenkpapiere & 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 & Wimpelketten"> 11660 <span>Girlanden & 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 & Luftschlangen"> 11672 <span>Konfetti & 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ör & Accessoires"> 11678 <span>Partyzubehör & 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älle & Deko-Fächer"> 11690 <sp
11690an>Wabenbälle & Deko-Fä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 & Frühlingsdeko " 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 & Frühlingsdeko  </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ßball Deko & Zubehö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ßball Deko & Zubehö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änder-Deko, Flaggen & Zubehö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änder-Deko, Flaggen & Zubehö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 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 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 Deko & Zubehö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 Deko & Zubehö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 Deko & Zubehö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 Deko & Zubehö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 & Zubehö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 & Zubehö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 & Weihnachtstischläufer"> 11989 <sp
11989an>Weihnachtstischdecken & Weihnachtstischlä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 & Einwegbecher für Weihnachten"> 11995 <span>Einwegteller & Einwegbecher für 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üten & Kekstüten"> 12007 <span>Weihnachtstüten & Kekstü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 "Christmas Shine""> 12019 <span>Weihnachtsserie "Christmas Shine"</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 "Just Stars""> 12025 <sp
12025an>Weihnachtsserie "Just Stars"</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 "Rising Star""> 12031 <span>Weihnachtsserie "Rising Star"</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 "Stardust""> 12037 <span>Weihnachtsserie "Stardust"</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 "Golden Star""> 12043 <span>Weihnachtsserie "Golden Star"</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 "Plain Christmas Trees""> 12049 <span>Weihnachtsserie "Plain Christmas Trees"</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 "Winterly""> 12055 <span>Weihnachtsserie "Winterly"</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 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 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 & 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 & 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 schließ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="{"type":"slide","start":0,"arrows":true,"pagination":true,"mediaQuery":"min","breakpoints":{"480":{"perPage":1},"680":{"perPage":2},"1024":{"perPage":3},"1280":{"perPage":4}}}"> 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 text-left  " style="overflow: hidden; height:375px;"> 12728 <div class="pap-banner-content flex items-center" 12729 style="padding:60px 0px 60px 0px; width:100%" 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 & mehr</b></span></h2><p><br/></p> 12733<a class="btn-sb btn-primary " 12734 style="margin-top:px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 object-cover bg-cover  " 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  leading-3    " 12792 style=" border-width:0px; padding-top:0px; padding-right:12px; padding-bottom:0px; padding-left:0px;"> 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: [{"name":"Lebensmittelverpackungen","url":"https:\/\/www.papstar-shop.de\/produkte\/einwegverpackungen\/lebensmittelverpackungen.htm"},{"name":"Lebensmittelfolien & Lebensmittelpapiere","url":"https:\/\/www.papstar-shop.de\/produkte\/einwegverpackungen\/lebensmittelfolien-lebensmittelpapiere.htm"},{"name":"T\u00fcten & Beutel ","url":"https:\/\/www.papstar-shop.de\/produkte\/einwegverpackungen\/tueten-beutel.htm"},{"name":"Thermoboxen","url":"https:\/\/www.papstar-shop.de\/produkte\/einwegverpackungen\/thermoboxen.htm"}], 12806 rest: [{"name":"Asia Produkte","url":"https:\/\/www.papstar-shop.de\/produkte\/einwegverpackungen\/asia-produkte.htm"},{"name":"Servierplatten","url":"https:\/\/www.papstar-shop.de\/produkte\/einwegverpackungen\/servierplatten.htm"},{"name":"Tragetaschen","url":"https:\/\/www.papstar-shop.de\/produkte\/einwegverpackungen\/tragetaschen.htm"},{"name":"Tiefk\u00fchltaschen","url":"https:\/\/www.papstar-shop.de\/produkte\/einwegverpackungen\/tiefkuehltaschen.htm"},{"name":"B\u00e4ckereibedarf","url":"https:\/\/www.papstar-shop.de\/produkte\/einwegverpackungen\/backerei-verpackungen.htm"},{"name":"HACCP-Etiketten","url":"https:\/\/www.papstar-shop.de\/produkte\/einwegverpackungen\/haccp-etiketten.htm"}], 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://www.papstar-shop.de/produkte/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://a.storyblok.com/f/174288/605x310/e940d4a0d4/kategorie-lebensmittelverpackungen.jpg/m/640x0" 12819 alt="Verschiedene Lebensmittelverpackungen aus Pappe und Zuckerrohr für Imbiss und Take 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: [{"name":"Servietten \"ROYAL Collection\"","url":"https:\/\/www.papstar-shop.de\/produkte\/servietten\/servietten-stoffaehnlich.htm"},{"name":"Servietten einfarbig","url":"https:\/\/www.papstar-shop.de\/produkte\/servietten\/servietten-einfarbig.htm"},{"name":"Bestecktaschen ","url":"https:\/\/www.papstar-shop.de\/produkte\/servietten\/bestecktaschen.htm"},{"name":"Servietten \"DAILY Collection\"","url":"https:\/\/www.papstar-shop.de\/produkte\/servietten\/gastro-servietten.htm"}], 12883 rest: [{"name":"Motivservietten","url":"https:\/\/www.papstar-shop.de\/produkte\/servietten\/motivservietten.htm"},{"name":"Weihnachtsservietten","url":"https:\/\/www.papstar-shop.de\/produkte\/servietten\/weihnachtsservietten.htm"},{"name":"Servietten zur Hochzeit","url":"https:\/\/www.papstar-shop.de\/produkte\/servietten\/servietten-hochzeit.htm"}], 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://www.papstar-shop.de/produkte/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://a.storyblok.com/f/174288/605x310/081e3e7a4c/kategorie-servietten.jpg/m/640x0" 12896 alt="Servietten in Grün und Beige, passend zum Frühling mit verschiedenen 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: [{"name":"Kaltgetr\u00e4nkebecher","url":"https:\/\/www.papstar-shop.de\/produkte\/becher-glaeser\/kaltgetraenkebecher.htm"},{"name":"Mehrwegbecher","url":"https:\/\/www.papstar-shop.de\/produkte\/becher-glaeser\/mehrwegbecher.htm"},{"name":"Strohhalme & Shake-Halme","url":"https:\/\/www.papstar-shop.de\/produkte\/becher-glaeser\/strohhalme.htm"},{"name":"Barzubeh\u00f6r & Cocktail-Zubeh\u00f6r","url":"https:\/\/www.papstar-shop.de\/produkte\/becher-glaeser\/barzubehoer-cocktail-zubehoer.htm"}], 12960 rest: [{"name":"Becherspender","url":"https:\/\/www.papstar-shop.de\/produkte\/becher-glaeser\/becherspender.htm"},{"name":"Hei\u00dfgetr\u00e4nkebecher","url":"https:\/\/www.papstar-shop.de\/produkte\/becher-glaeser\/heissgetraenkebecher.htm"},{"name":"Einweggl\u00e4ser","url":"https:\/\/www.papstar-shop.de\/produkte\/becher-glaeser\/einwegglaeser.htm"},{"name":"Bechertr\u00e4ger","url":"https:\/\/www.papstar-shop.de\/produkte\/becher-glaeser\/bechertraeger.htm"},{"name":"Becherdeckel","url":"https:\/\/www.papstar-shop.de\/produkte\/becher-glaeser\/becherdeckel.htm"}], 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://www.papstar-shop.de/produkte/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://a.storyblok.com/f/174288/605x310/01b921d77e/kategorie-becher.jpg/m/640x0" 12973 alt="Kaffeebecher, Kunststoffbecher und Strohhalme für kalte und warme Geträ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: [{"name":"LED-Kerzen","url":"https:\/\/www.papstar-shop.de\/produkte\/kerzen\/led-kerzen.htm"},{"name":"Stabkerzen & Leuchterkerzen","url":"https:\/\/www.papstar-shop.de\/produkte\/kerzen\/stabkerzen-leuchterkerzen.htm"},{"name":"Tafelkerzen & Kronkerzen","url":"https:\/\/www.papstar-shop.de\/produkte\/kerzen\/tafelkerzen-kronkerzen.htm"},{"name":"Stumpenkerzen","url":"https:\/\/www.papstar-shop.de\/produkte\/kerzen\/stumpenkerzen.htm"}], 13037 rest: [{"name":"Teelichter","url":"https:\/\/www.papstar-shop.de\/produkte\/kerzen\/teelichter.htm"},{"name":"Stearin-Kerzen","url":"https:\/\/www.papstar-shop.de\/produkte\/kerzen\/stearin-kerzen.htm"},{"name":"Kerzen Sonderformen","url":"https:\/\/www.papstar-shop.de\/produkte\/kerzen\/kerzen-sonderformen.htm"},{"name":"Kerzen nach Themen & Anl\u00e4ssen","url":"https:\/\/www.papstar-shop.de\/produkte\/kerzen\/kerzen-themen.htm"},{"name":"Duftkerzen","url":"https:\/\/www.papstar-shop.de\/produkte\/kerzen\/duftkerzen.htm"},{"name":"Kerzenst\u00e4nder & Kerzenhalter","url":"https:\/\/www.papstar-shop.de\/produkte\/kerzen\/kerzenstaender-kerzenhalter.htm"},{"name":"Kaminkerzen","url":"https:\/\/www.papstar-shop.de\/produkte\/kerzen\/kaminkerzen.htm"}], 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://www.papstar-shop.de/produkte/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://a.storyblok.com/f/174288/605x310/100fcc473a/kategorie-kerzen.jpg/m/640x0" 13050 alt="Kerzen in frischen Farbtönen - perfekt für den Frü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="{"type":"slide","rewind":true,"arrows":true,"autoplay":false,"interval":"4000","pagination":true,"gap":"20px","mobile":"1","tablet":"2","desktop":"3","mediaQuery":"min","perPage":1,"breakpoints":{"480":{"perPage":"1"},"680":{"perPage":"2"},"1024":{"perPage":"3"},"1280":{"perPage":"4"}}}" 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 tile for: Mehrweg-Plastikbecher für Caipirinha, PP 0,3 l Ø 8 cm · 11 cm transluzent 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 für Caipirinha, PP 0,3 l Ø 8 cm · 11 cm transluzent unzerbrechlich" title="Mehrweg-Plastikbecher für Caipirinha, PP 0,3 l Ø 8 cm · 11 cm transluzent 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 </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 für Caipirinha, PP 0,3 l Ø 8 cm · 11 cm transluzent unzerbrechlich In den Warenkorb" 13738 aria-label="Mehrweg-Plastikbecher für Caipirinha, PP 0,3 l Ø 8 cm · 11 cm transluzent unzerbrechlich In den 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 den 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 für Caipirinha, PP 0,3 l Ø 8 cm · 11 cm transluzent unzerbrechlich Produkt individualisieren" 13753 aria-label="Mehrweg-Plastikbecher für Caipirinha, PP 0,3 l Ø 8 cm · 11 cm transluzent unzerbrechlich Produkt 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 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 nur ganze Zahlen 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 tile for: Shake-Halme, Papier Ø 8 mm · 21 cm 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, Papier Ø 8 mm · 21 cm schwarz" title="Shake-Halme, Papier Ø 8 mm · 21 cm 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 </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, Papier Ø 8 mm · 21 cm schwarz In den Warenkorb" 14438 aria-label="Shake-Halme, Papier Ø 8 mm · 21 cm schwarz In den 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 den 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, Papier Ø 8 mm · 21 cm schwarz Produkt individualisieren" 14453 aria-label="Shake-Halme, Papier Ø 8 mm · 21 cm schwarz Produkt 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 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 nur ganze Zahlen 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 tile for: Pappteller rund Ø, 23 cm, "Bayrisch Blau"" 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, "Bayrisch Blau" Zum Merkzettel hinzufügen" 14549 aria-label="Pappteller rund Ã, 23 cm, "Bayrisch Blau" 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 rund Ø, 23 cm, "Bayrisch Blau"" title="Pappteller rund Ø, 23 cm, "Bayrisch Blau"" 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 </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, "Bayrisch Blau" </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 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 rund Ø, 23 cm, "Bayrisch Blau" In den Warenkorb" 15133 aria-label="Pappteller rund Ø, 23 cm, "Bayrisch Blau" In den 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 den 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 rund Ø, 23 cm, "Bayrisch Blau" Produkt individualisieren" 15148 aria-label="Pappteller rund Ø, 23 cm, "Bayrisch Blau" Produkt 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 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 nur ganze Zahlen 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 tile for: Servietten "ROYAL Collection" 1/4-Falz 40 × 40 cm 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 "ROYAL Collection" 1/4-Falz 40 à 40 cm champagner Zum Merkzettel hinzufügen" 15244 aria-label="Servietten "ROYAL Collection" 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 "ROYAL Collection" 1/4-Falz 40 × 40 cm champagner" title="Servietten "ROYAL Collection" 1/4-Falz 40 × 40 cm 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 </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 "ROYAL Collection" 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 "ROYAL Collection" 1/4-Falz 40 × 40 cm champagner In den Warenkorb" 15833 aria-label="Servietten "ROYAL Collection" 1/4-Falz 40 × 40 cm champagner In den 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 den 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 "ROYAL Collection" 1/4-Falz 40 × 40 cm champagner Produkt individualisieren" 15848 aria-label="Servietten "ROYAL Collection" 1/4-Falz 40 × 40 cm champagner Produkt 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 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 nur ganze Zahlen 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 tile for: Schnapsbecher, PS 2 cl Ø 3,7 cm · 4,1 cm 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, PS 2 cl Ø 3,7 cm · 4,1 cm glasklar" title="Schnapsbecher, PS 2 cl Ø 3,7 cm · 4,1 cm 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 </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, PS 2 cl Ø 3,7 cm · 4,1 cm glasklar In den Warenkorb" 16533 aria-label="Schnapsbecher, PS 2 cl Ø 3,7 cm · 4,1 cm glasklar In den 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 den 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, PS 2 cl Ø 3,7 cm · 4,1 cm glasklar Produkt individualisieren" 16548 aria-label="Schnapsbecher, PS 2 cl Ø 3,7 cm · 4,1 cm glasklar Produkt 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 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 nur ganze Zahlen 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 tile for: Motiv-Servietten, "Bayrisch Blau" 1-lagig 1/4-Falz 33 × 33 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, "Bayrisch Blau" 1-lagig 1/4-Falz 33 à 33 cm Zum Merkzettel hinzufügen" 16644 aria-label="Motiv-Servietten, "Bayrisch Blau" 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, "Bayrisch Blau" 1-lagig 1/4-Falz 33 × 33 cm" title="Motiv-Servietten, "Bayrisch Blau" 1-lagig 1/4-Falz 33 × 33 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 </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, "Bayrisch Blau" 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 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, "Bayrisch Blau" 1-lagig 1/4-Falz 33 × 33 cm In den Warenkorb" 17228 aria-label="Motiv-Servietten, "Bayrisch Blau" 1-lagig 1/4-Falz 33 × 33 cm In den 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 den 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, "Bayrisch Blau" 1-lagig 1/4-Falz 33 × 33 cm Produkt individualisieren" 17243 aria-label="Motiv-Servietten, "Bayrisch Blau" 1-lagig 1/4-Falz 33 × 33 cm Produkt 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 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 nur ganze Zahlen 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 tile for: Burgerboxen, Pappe 12,5 × 12,5 cm braun "100% Fair" groß" 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 "100% Fair" groà Zum Merkzettel hinzufügen" 17339 aria-label="Burgerboxen, Pappe 12,5 à 12,5 cm braun "100% Fair" 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, Pappe 12,5 × 12,5 cm braun "100% Fair" groß" title="Burgerboxen, Pappe 12,5 × 12,5 cm braun "100% Fair" groß" 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 </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 "100% Fair" 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 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, Pappe 12,5 × 12,5 cm braun "100% Fair" groß In den Warenkorb" 17923 aria-label="Burgerboxen, Pappe 12,5 × 12,5 cm braun "100% Fair" groß In den 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 den 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, Pappe 12,5 × 12,5 cm braun "100% Fair" groß Produkt individualisieren" 17938 aria-label="Burgerboxen, Pappe 12,5 × 12,5 cm braun "100% Fair" groß Produkt 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 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 nur ganze Zahlen 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 tile for: Servietten, weiß 2-lagig 1/8-Falz 33 × 33 cm, 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, weiß 2-lagig 1/8-Falz 33 × 33 cm, Buch-Falz" title="Servietten, weiß 2-lagig 1/8-Falz 33 × 33 cm, 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 </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, weiß 2-lagig 1/8-Falz 33 × 33 cm, Buch-Falz In den Warenkorb" 18617 aria-label="Servietten, weiß 2-lagig 1/8-Falz 33 × 33 cm, Buch-Falz In den 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 den 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, weiß 2-lagig 1/8-Falz 33 × 33 cm, Buch-Falz Produkt individualisieren" 18632 aria-label="Servietten, weiß 2-lagig 1/8-Falz 33 × 33 cm, Buch-Falz Produkt 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 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 nur ganze Zahlen 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 tile for: Leuchterkerzen weiß Ø 2,2 cm · 25 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 weiß Ø 2,2 cm · 25 cm" title="Leuchterkerzen weiß Ø 2,2 cm · 25 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 </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 weiß Ø 2,2 cm · 25 cm In den Warenkorb" 19311 aria-label="Leuchterkerzen weiß Ø 2,2 cm · 25 cm In den 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 den 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 weiß Ø 2,2 cm · 25 cm Produkt individualisieren" 19326 aria-label="Leuchterkerzen weiß Ø 2,2 cm · 25 cm Produkt 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 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 nur ganze Zahlen 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 tile for: Mehrweg Plastikbecher (PP), 0,3 l Ø 7,8 cm · 11,8 cm transluzent 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 Plastikbecher (PP), 0,3 l Ø 7,8 cm · 11,8 cm transluzent unzerbrechlich" title="Mehrweg Plastikbecher (PP), 0,3 l Ø 7,8 cm · 11,8 cm transluzent 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 </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 Plastikbecher (PP), 0,3 l Ø 7,8 cm · 11,8 cm transluzent unzerbrechlich In den Warenkorb" 20005 aria-label="Mehrweg Plastikbecher (PP), 0,3 l Ø 7,8 cm · 11,8 cm transluzent unzerbrechlich In den 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 den 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 Plastikbecher (PP), 0,3 l Ø 7,8 cm · 11,8 cm transluzent unzerbrechlich Produkt individualisieren" 20020 aria-label="Mehrweg Plastikbecher (PP), 0,3 l Ø 7,8 cm · 11,8 cm transluzent unzerbrechlich Produkt 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 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 nur ganze Zahlen 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 tile for: Dekokranz aus Papier Ø 75 cm "Bayrisch Blau" schwer 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 "Bayrisch Blau" schwer entflammbar Zum Merkzettel hinzufügen" 20116 aria-label="Dekokranz aus Papier à 75 cm "Bayrisch Blau" 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 aus Papier Ø 75 cm "Bayrisch Blau" schwer entflammbar" title="Dekokranz aus Papier Ø 75 cm "Bayrisch Blau" schwer 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 </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 "Bayrisch Blau" 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 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 aus Papier Ø 75 cm "Bayrisch Blau" schwer entflammbar In den Warenkorb" 20700 aria-label="Dekokranz aus Papier Ø 75 cm "Bayrisch Blau" schwer entflammbar In den 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 den 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 aus Papier Ø 75 cm "Bayrisch Blau" schwer entflammbar Produkt individualisieren" 20715 aria-label="Dekokranz aus Papier Ø 75 cm "Bayrisch Blau" schwer entflammbar Produkt 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 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 nur ganze Zahlen 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 tile for: Suppenbecher to go, Pappe 470 ml, braun, 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 to go, Pappe 470 ml, braun, PLA-beschichtet" title="Suppenbecher to go, Pappe 470 ml, braun, 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 </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 to go, Pappe 470 ml, braun, PLA-beschichtet In den Warenkorb" 21394 aria-label="Suppenbecher to go, Pappe 470 ml, braun, PLA-beschichtet In den 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 den 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 to go, Pappe 470 ml, braun, PLA-beschichtet Produkt individualisieren" 21409 aria-label="Suppenbecher to go, Pappe 470 ml, braun, PLA-beschichtet Produkt 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 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 nur ganze Zahlen 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://www.papstar-shop.de/papiertueten-xxl-33-x-37-x-34-5-cm-braun-mit-tragegriff-37302.htm" 21520 target="_self" 21521 rel="" 21522 title="Highlight: ASIA-Sortiment"> 21523 <span class="sr-only">Highlight: 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 object-fill bg-auto  width-76b284f9-236d-4604-9f5f-194e6fdd0dff" 21547 alt="Hand hält eine gefüllte 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  " style="border-width:0px; padding-top:px; padding-right:px; padding-bottom:px; padding-left:px;"> 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 link-colored     " 21606 style=" border-width:0px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px;"> 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 & 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 & das To-go-Geschäft</p></li></ul><p><br/></p></div> 21608 </div> 21609 <div class="child"> 21610 21611<a class="btn-sb btn-primary " 21612 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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="{"type":"slide","rewind":true,"arrows":true,"autoplay":false,"interval":"4000","pagination":true,"gap":"20px","mobile":"1","tablet":"2","desktop":"3","mediaQuery":"min","perPage":1,"breakpoints":{"480":{"perPage":"1"},"680":{"perPage":"2"},"1024":{"perPage":"3"},"1280":{"perPage":"4"}}}" 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 tile for: Pappbecher mit Henkel "Coffee Rings" 0,18 l, Ø 7,3 cm · 7,8 cm, 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 "Coffee Rings" 0,18 l, à 7,3 cm · 7,8 cm, PE-beschichtet Zum Merkzettel hinzufügen" 21676 aria-label="Pappbecher mit Henkel "Coffee Rings" 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 mit Henkel "Coffee Rings" 0,18 l, Ø 7,3 cm · 7,8 cm, PE-beschichtet" title="Pappbecher mit Henkel "Coffee Rings" 0,18 l, Ø 7,3 cm · 7,8 cm, 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 </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 "Coffee Rings" 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 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 mit Henkel "Coffee Rings" 0,18 l, Ø 7,3 cm · 7,8 cm, PE-beschichtet In den Warenkorb" 22266 aria-label="Pappbecher mit Henkel "Coffee Rings" 0,18 l, Ø 7,3 cm · 7,8 cm, PE-beschichtet In den 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 den 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 mit Henkel "Coffee Rings" 0,18 l, Ø 7,3 cm · 7,8 cm, PE-beschichtet Produkt individualisieren" 22281 aria-label="Pappbecher mit Henkel "Coffee Rings" 0,18 l, Ø 7,3 cm · 7,8 cm, PE-beschichtet Produkt 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 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 nur ganze Zahlen 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 tile for: Toilettenpapier, 2-lagiges Tissue, Ø 11 cm · 12 cm × 9,3 cm weiß 250 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, 2-lagiges Tissue, Ø 11 cm · 12 cm × 9,3 cm weiß 250 Blatt" title="Toilettenpapier, 2-lagiges Tissue, Ø 11 cm · 12 cm × 9,3 cm weiß 250 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 </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 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, 2-lagiges Tissue, Ø 11 cm · 12 cm × 9,3 cm weiß 250 Blatt In den Warenkorb" 22967 aria-label="Toilettenpapier, 2-lagiges Tissue, Ø 11 cm · 12 cm × 9,3 cm weiß 250 Blatt In den 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 den 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, 2-lagiges Tissue, Ø 11 cm · 12 cm × 9,3 cm weiß 250 Blatt Produkt individualisieren" 22982 aria-label="Toilettenpapier, 2-lagiges Tissue, Ø 11 cm · 12 cm × 9,3 cm weiß 250 Blatt Produkt 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 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 nur ganze Zahlen 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 tile for: Slipper geschlossen "grammo" 31,5 cm × 12 cm × 1,8 cm paarweise im Flow 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 "grammo" 31,5 cm à 12 cm à 1,8 cm paarweise im Flow Pack Zum Merkzettel hinzufügen" 23078 aria-label="Slipper geschlossen "grammo" 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 geschlossen "grammo" 31,5 cm × 12 cm × 1,8 cm paarweise im Flow Pack" title="Slipper geschlossen "grammo" 31,5 cm × 12 cm × 1,8 cm paarweise im Flow 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 </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 "grammo" 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 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 geschlossen "grammo" 31,5 cm × 12 cm × 1,8 cm paarweise im Flow Pack In den Warenkorb" 23668 aria-label="Slipper geschlossen "grammo" 31,5 cm × 12 cm × 1,8 cm paarweise im Flow Pack In den 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 den 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 geschlossen "grammo" 31,5 cm × 12 cm × 1,8 cm paarweise im Flow Pack Produkt individualisieren" 23683 aria-label="Slipper geschlossen "grammo" 31,5 cm × 12 cm × 1,8 cm paarweise im Flow Pack Produkt 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 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 nur ganze Zahlen 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 tile for: Servietten, 3-lagig 1/4-Falz 33 × 33 cm "Winter Trees"" 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 "Winter Trees" Zum Merkzettel hinzufügen" 23779 aria-label="Servietten, 3-lagig 1/4-Falz 33 à 33 cm "Winter Trees" 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, 3-lagig 1/4-Falz 33 × 33 cm "Winter Trees"" title="Servietten, 3-lagig 1/4-Falz 33 × 33 cm "Winter Trees"" 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 </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 "Winter Trees" </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 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, 3-lagig 1/4-Falz 33 × 33 cm "Winter Trees" In den Warenkorb" 24369 aria-label="Servietten, 3-lagig 1/4-Falz 33 × 33 cm "Winter Trees" In den 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 den 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, 3-lagig 1/4-Falz 33 × 33 cm "Winter Trees" Produkt individualisieren" 24384 aria-label="Servietten, 3-lagig 1/4-Falz 33 × 33 cm "Winter Trees" Produkt 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 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 nur ganze Zahlen 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 tile for: Pappbecher  Ripple Wall "Mistletoe" , 0,2 l Ø 8 cm · 9 cm, 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 "Mistletoe" , 0,2 l à 8 cm · 9 cm, PLA-beschichtet Zum Merkzettel hinzufügen" 24480 aria-label="Pappbecher Ripple Wall "Mistletoe" , 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  Ripple Wall "Mistletoe" , 0,2 l Ø 8 cm · 9 cm, PLA-beschichtet" title="Pappbecher  Ripple Wall "Mistletoe" , 0,2 l Ø 8 cm · 9 cm, 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 </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 "Mistletoe" , 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 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  Ripple Wall "Mistletoe" , 0,2 l Ø 8 cm · 9 cm, PLA-beschichtet In den Warenkorb" 25070 aria-label="Pappbecher  Ripple Wall "Mistletoe" , 0,2 l Ø 8 cm · 9 cm, PLA-beschichtet In den 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 den 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  Ripple Wall "Mistletoe" , 0,2 l Ø 8 cm · 9 cm, PLA-beschichtet Produkt individualisieren" 25085 aria-label="Pappbecher  Ripple Wall "Mistletoe" , 0,2 l Ø 8 cm · 9 cm, PLA-beschichtet Produkt 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 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 nur ganze Zahlen 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 tile for: Servietten "ROYAL Collection" 1/4-Falz 40 cm × 40 cm 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 "ROYAL Collection" 1/4-Falz 40 cm à 40 cm mustard Zum Merkzettel hinzufügen" 25181 aria-label="Servietten "ROYAL Collection" 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 "ROYAL Collection" 1/4-Falz 40 cm × 40 cm mustard" title="Servietten "ROYAL Collection" 1/4-Falz 40 cm × 40 cm 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 </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 "ROYAL Collection" 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 "ROYAL Collection" 1/4-Falz 40 cm × 40 cm mustard In den Warenkorb" 25774 aria-label="Servietten "ROYAL Collection" 1/4-Falz 40 cm × 40 cm mustard In den 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 den 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 "ROYAL Collection" 1/4-Falz 40 cm × 40 cm mustard Produkt individualisieren" 25789 aria-label="Servietten "ROYAL Collection" 1/4-Falz 40 cm × 40 cm mustard Produkt 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 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 nur ganze Zahlen 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 tile for: Duftlichte "Lavender Fields", Ø 38 mm · 24 mm violett -  in Polycarbonathü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 "Lavender Fields", à 38 mm · 24 mm violett - in Polycarbonathülle Zum Merkzettel hinzufügen" 25885 aria-label="Duftlichte "Lavender Fields", à 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 "Lavender Fields", Ø 38 mm · 24 mm violett -  in Polycarbonathülle" title="Duftlichte "Lavender Fields", Ø 38 mm · 24 mm violett -  in Polycarbonathü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 </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 "Lavender Fields", à 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 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 "Lavender Fields", Ø 38 mm · 24 mm violett -  in Polycarbonathülle In den Warenkorb" 26475 aria-label="Duftlichte "Lavender Fields", Ø 38 mm · 24 mm violett -  in Polycarbonathülle In den 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 den 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 "Lavender Fields", Ø 38 mm · 24 mm violett -  in Polycarbonathülle Produkt individualisieren" 26490 aria-label="Duftlichte "Lavender Fields", Ø 38 mm · 24 mm violett -  in Polycarbonathülle Produkt 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 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 nur ganze Zahlen 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 tile for: Portionsbecher, PP 30 ml Ø 4,6 cm · 2,8 cm 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, PP 30 ml Ø 4,6 cm · 2,8 cm schwarz" title="Portionsbecher, PP 30 ml Ø 4,6 cm · 2,8 cm 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 </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, PP 30 ml Ø 4,6 cm · 2,8 cm schwarz In den Warenkorb" 27175 aria-label="Portionsbecher, PP 30 ml Ø 4,6 cm · 2,8 cm schwarz In den 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 den 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, PP 30 ml Ø 4,6 cm · 2,8 cm schwarz Produkt individualisieren" 27190 aria-label="Portionsbecher, PP 30 ml Ø 4,6 cm · 2,8 cm schwarz Produkt 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 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 nur ganze Zahlen 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 tile for: Putzrollen, 3-lagig Ø 24 cm · 167,5 m × 35,8 cm blau, perforiert, 500 Abrisse à 35,8 × 33,5 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, 3-lagig Ø 24 cm · 167,5 m × 35,8 cm blau, perforiert, 500 Abrisse à 35,8 × 33,5 cm" title="Putzrollen, 3-lagig Ø 24 cm · 167,5 m × 35,8 cm blau, perforiert, 500 Abrisse à 35,8 × 33,5 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 </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 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, 3-lagig Ø 24 cm · 167,5 m × 35,8 cm blau, perforiert, 500 Abrisse à 35,8 × 33,5 cm In den Warenkorb" 27876 aria-label="Putzrollen, 3-lagig Ø 24 cm · 167,5 m × 35,8 cm blau, perforiert, 500 Abrisse à 35,8 × 33,5 cm In den 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 den 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, 3-lagig Ø 24 cm · 167,5 m × 35,8 cm blau, perforiert, 500 Abrisse à 35,8 × 33,5 cm Produkt individualisieren" 27891 aria-label="Putzrollen, 3-lagig Ø 24 cm · 167,5 m × 35,8 cm blau, perforiert, 500 Abrisse à 35,8 × 33,5 cm Produkt 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 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 nur ganze Zahlen 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 tile for: Hygiene-Set Wattestäbchen & Pads "grammo" 11,5 cm × 6,5 cm × 0,5 cm im Flow 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 & Pads "grammo" 11,5 cm à 6,5 cm à 0,5 cm im Flow Pack Zum Merkzettel hinzufügen" 27987 aria-label="Hygiene-Set Wattestäbchen & Pads "grammo" 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 Wattestäbchen & Pads "grammo" 11,5 cm × 6,5 cm × 0,5 cm im Flow Pack" title="Hygiene-Set Wattestäbchen & Pads "grammo" 11,5 cm × 6,5 cm × 0,5 cm im Flow 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 </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 & Pads "grammo" 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 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 Wattestäbchen & Pads "grammo" 11,5 cm × 6,5 cm × 0,5 cm im Flow Pack In den Warenkorb" 28577 aria-label="Hygiene-Set Wattestäbchen & Pads "grammo" 11,5 cm × 6,5 cm × 0,5 cm im Flow Pack In den 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 den 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 Wattestäbchen & Pads "grammo" 11,5 cm × 6,5 cm × 0,5 cm im Flow Pack Produkt individualisieren" 28592 aria-label="Hygiene-Set Wattestäbchen & Pads "grammo" 11,5 cm × 6,5 cm × 0,5 cm im Flow Pack Produkt 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 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 nur ganze Zahlen 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 tile for: Müllsäcke, LDPE 240 l, 100 × 125 cm blau hochbelastbar und besonders reißfest, 70 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üllsäcke, LDPE 240 l, 100 × 125 cm blau hochbelastbar und besonders reißfest, 70 my" title="Müllsäcke, LDPE 240 l, 100 × 125 cm blau hochbelastbar und besonders reißfest, 70 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 </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 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üllsäcke, LDPE 240 l, 100 × 125 cm blau hochbelastbar und besonders reißfest, 70 my In den Warenkorb" 29278 aria-label="Müllsäcke, LDPE 240 l, 100 × 125 cm blau hochbelastbar und besonders reißfest, 70 my In den 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 den 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üllsäcke, LDPE 240 l, 100 × 125 cm blau hochbelastbar und besonders reißfest, 70 my Produkt individualisieren" 29293 aria-label="Müllsäcke, LDPE 240 l, 100 × 125 cm blau hochbelastbar und besonders reißfest, 70 my Produkt 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 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 nur ganze Zahlen 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 tile for: Pappbecher Ripple Wall "Stars & Snowflakes" 0,2 l, Ø 8 cm · 9 cm schwarz, 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 "Stars & Snowflakes" 0,2 l, à 8 cm · 9 cm schwarz, PE-beschichtet Zum Merkzettel hinzufügen" 29389 aria-label="Pappbecher Ripple Wall "Stars & Snowflakes" 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 Ripple Wall "Stars & Snowflakes" 0,2 l, Ø 8 cm · 9 cm schwarz, PE-beschichtet" title="Pappbecher Ripple Wall "Stars & Snowflakes" 0,2 l, Ø 8 cm · 9 cm schwarz, 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 </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 "Stars & Snowflakes" 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 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 Ripple Wall "Stars & Snowflakes" 0,2 l, Ø 8 cm · 9 cm schwarz, PE-beschichtet In den Warenkorb" 29979 aria-label="Pappbecher Ripple Wall "Stars & Snowflakes" 0,2 l, Ø 8 cm · 9 cm schwarz, PE-beschichtet In den 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 den 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 Ripple Wall "Stars & Snowflakes" 0,2 l, Ø 8 cm · 9 cm schwarz, PE-beschichtet Produkt individualisieren" 29994 aria-label="Pappbecher Ripple Wall "Stars & Snowflakes" 0,2 l, Ø 8 cm · 9 cm schwarz, PE-beschichtet Produkt 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 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 nur ganze Zahlen 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 tile for: Flüssigseife "Geneva Green" 370 ml mit 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 "Geneva Green" 370 ml mit Pumpspender Zum Merkzettel hinzufügen" 30090 aria-label="Flüssigseife "Geneva Green" 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üssigseife "Geneva Green" 370 ml mit Pumpspender" title="Flüssigseife "Geneva Green" 370 ml mit 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 </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 "Geneva Green" 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 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üssigseife "Geneva Green" 370 ml mit Pumpspender In den Warenkorb" 30680 aria-label="Flüssigseife "Geneva Green" 370 ml mit Pumpspender In den 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 den 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üssigseife "Geneva Green" 370 ml mit Pumpspender Produkt individualisieren" 30695 aria-label="Flüssigseife "Geneva Green" 370 ml mit Pumpspender Produkt 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 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 nur ganze Zahlen 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 tile for: Zuckerwattestäbe Holz "pure" eckig, 40 cm × 4 × 4 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 "pure" eckig, 40 cm à 4 à 4 mm Zum Merkzettel hinzufügen" 30791 aria-label="Zuckerwattestäbe Holz "pure" 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äbe Holz "pure" eckig, 40 cm × 4 × 4 mm" title="Zuckerwattestäbe Holz "pure" eckig, 40 cm × 4 × 4 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 </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 "pure" 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äbe Holz "pure" eckig, 40 cm × 4 × 4 mm In den Warenkorb" 31380 aria-label="Zuckerwattestäbe Holz "pure" eckig, 40 cm × 4 × 4 mm In den 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 den 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äbe Holz "pure" eckig, 40 cm × 4 × 4 mm Produkt individualisieren" 31395 aria-label="Zuckerwattestäbe Holz "pure" eckig, 40 cm × 4 × 4 mm Produkt 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 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 nur ganze Zahlen 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 tile for: Pappbecher 0,3 l, Ø 8 cm · 11,6 cm "Coffee Line", 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 "Coffee Line", PE-beschichtet Zum Merkzettel hinzufügen" 31491 aria-label="Pappbecher 0,3 l, à 8 cm · 11,6 cm "Coffee Line", 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 0,3 l, Ø 8 cm · 11,6 cm "Coffee Line", PE-beschichtet" title="Pappbecher 0,3 l, Ø 8 cm · 11,6 cm "Coffee Line", 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 </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 "Coffee Line", 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 0,3 l, Ø 8 cm · 11,6 cm "Coffee Line", PE-beschichtet In den Warenkorb" 32074 aria-label="Pappbecher 0,3 l, Ø 8 cm · 11,6 cm "Coffee Line", PE-beschichtet In den 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 den 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 0,3 l, Ø 8 cm · 11,6 cm "Coffee Line", PE-beschichtet Produkt individualisieren" 32089 aria-label="Pappbecher 0,3 l, Ø 8 cm · 11,6 cm "Coffee Line", PE-beschichtet Produkt 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 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 nur ganze Zahlen 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 tile for: Portionsbecher, Pappe 45 ml Ø 6 cm · 4,1 cm braun, 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, Pappe 45 ml Ø 6 cm · 4,1 cm braun, PE-beschichtet" title="Portionsbecher, Pappe 45 ml Ø 6 cm · 4,1 cm braun, 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 </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, Pappe 45 ml Ø 6 cm · 4,1 cm braun, PE-beschichtet In den Warenkorb" 32774 aria-label="Portionsbecher, Pappe 45 ml Ø 6 cm · 4,1 cm braun, PE-beschichtet In den 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 den 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, Pappe 45 ml Ø 6 cm · 4,1 cm braun, PE-beschichtet Produkt individualisieren" 32789 aria-label="Portionsbecher, Pappe 45 ml Ø 6 cm · 4,1 cm braun, PE-beschichtet Produkt 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 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 nur ganze Zahlen 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 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://www.papstar-shop.de/papstar-solutions" 32926 target="_self" 32927 rel="" 32928 title="Highlight: Bio-Komposter der PAPSTAR Solutions"> 32929 <span class="sr-only">Highlight: Bio-Komposter der PAPSTAR 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 object-unset  " 32948 alt="Bio-Konverter verarbeitet Einweggeschirr und Speisereste zu neuen 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  " style="border-width:0px; padding-top:px; padding-right:px; padding-bottom:px; padding-left:px;"> 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 link-colored     " 33007 style=" border-width:0px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:px;"> 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 & 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 btn-primary " 33013 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 von PAPSTAR - über 4.000 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 btn-primary " 33230 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 & 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 btn-primary " 33274 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 33318 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 33362 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 33406 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 33450 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 33494 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 33538 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 von PAPSTAR - über 4.000 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 btn-primary " 33635 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 & 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 btn-primary " 33679 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 33723 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 33767 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 33811 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 33855 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 33899 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 33943 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 von PAPSTAR - über 4.000 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 btn-primary " 34035 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 & 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 btn-primary " 34079 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 34123 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 34167 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 34211 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 34255 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 34299 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 34343 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 von PAPSTAR - über 4.000 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 btn-primary " 34435 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 & 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 btn-primary " 34479 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 34523 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 34567 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 34611 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 34655 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 34699 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 34743 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 von PAPSTAR - über 4.000 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 btn-primary " 34835 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 & 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 btn-primary " 34879 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 34923 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 34967 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 35011 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 35055 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 35099 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 35143 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 von PAPSTAR - über 4.000 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 btn-primary " 35235 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 & 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 btn-primary " 35279 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 35323 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 35367 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 35411 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 35455 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 35499 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 35543 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 von PAPSTAR - über 4.000 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 btn-primary " 35635 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 & 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 btn-primary " 35679 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 35723 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 35767 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 35811 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 35855 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 35899 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 35943 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 von PAPSTAR - über 4.000 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 btn-primary " 36035 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 & 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 btn-primary " 36079 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 36123 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 36167 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 36211 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 36255 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 36299 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 36343 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 von PAPSTAR - über 4.000 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 btn-primary " 36435 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 & 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 btn-primary " 36479 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 36523 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 36567 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 36611 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 36655 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 36699 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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 btn-primary " 36743 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 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  " style="border-width:0px; padding-top:25px; padding-right:10px; padding-bottom:10px; padding-left:10px;"> 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://www.papstar-shop.de/produkte.htm?marke=482" 36927 target="_self" 36928 rel="" 36929 title="PAPSTAR Logo"> 36930 <span class="sr-only">PAPSTAR 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 object-unset rounded-3xl " 36949 alt="Nachhaltige Einwegartikel von 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://www.papstar-shop.de/produkte/bio-einweggeschirr.htm" 36970 target="_self" 36971 rel="" 36972 title="PAPSTAR pure Logo">
36973 <span class="sr-only">PAPSTAR pure 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 object-unset rounded-3xl " 36992 alt="Einweggeschirr aus nachwachsenden Rohstoffen von PAPSTAR 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://www.papstar-shop.de/produkte.htm?serie=678" 37013 target="_self" 37014 rel="" 37015 title="ROyal Collection Logo"> 37016 <span class="sr-only">ROyal Collection 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 object-unset rounded-3xl " 37035 alt="Nachhaltige Lösungen für den professionell gedeckten Tisch von ROYAL 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://www.papstar-shop.de/produkte.htm?marke=469" 37056 target="_self" 37057 rel="" 37058 title="STARPAK Logo"> 37059 <span class="sr-only">STARPAK 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 object-unset 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://www.papstar-shop.de/produkte.htm?marke=1073" 37099 target="_self" 37100 rel="" 37101 title="GALA Logo">
37102 <span class="sr-only">GALA 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 object-unset rounded-3xl " 37121 alt="Qualitätskerzen von 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://www.papstar-shop.de/produkte.htm?marke=533" 37142 target="_self" 37143 rel="" 37144 title="Fripa Logo"> 37145 <span class="sr-only">Fripa 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 object-unset rounded-3xl " 37164 alt="Hochwertige Hygienepapiere von 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://www.papstar-shop.de/catalogsearch/result/index/?p=3&q=Medi-Inn" 37237 target="_self" 37238 rel="" 37239 title="Medi Inn Logo"> 37240 <span class="sr-only">Medi Inn 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 object-unset rounded-3xl " 37259 alt="Medizinische Produkte von 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://www.papstar-shop.de/produkte/reinigungsmittel-putzutensilien/putztuecher.htm?marke=7528" 37280 target="_self" 37281 rel="" 37282 title="Vileda Logo">
37283 <span class="sr-only">Vileda 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 object-unset rounded-3xl " 37302 alt="Red Vileda logo with white text and a small green and blue leaf design above the "i"." 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://www.papstar-shop.de/produkte.htm?marke=1070" 37323 target="_self" 37324 rel="" 37325 title="Cederroth Logo"> 37326 <span class="sr-only">Cederroth 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 object-unset rounded-3xl " 37345 alt="Erste Hilfe-Produkte von 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://www.papstar-shop.de/produkte.htm?marke=7010" 37366 target="_self" 37367 rel="" 37368 title="gfl Logo"> 37369 <span class="sr-only">gfl 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 object-unset rounded-3xl " 37388 alt="Hotelkosmetik von gfl Skin 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://www.papstar-shop.de/produkte.htm?marke=1031" 37409 target="_self" 37410 rel="" 37411 title="Dr. Becher Logo">
37412 <span class="sr-only">Dr. Becher 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 object-unset rounded-3xl " 37431 alt="Reinigungs- und Hygieneprodukte von 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://www.papstar-shop.de/produkte.htm?marke=7031" 37452 target="_self" 37453 rel="" 37454 title="Label Lord Logo"> 37455 <span class="sr-only">Label Lord 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 object-unset rounded-3xl " 37474 alt="Food Safety Labeling - Label 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       " 37540 style=" border-width:0px; padding-top:0px; padding-right:15px; padding-bottom:0px; padding-left:15px;"> 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="{"type":"slide","start":0,"arrows":true,"pagination":true,"mediaQuery":"min","breakpoints":{"480":{"perPage":1},"680":{"perPage":2},"1024":{"perPage":3},"1280":{"perPage":4}}}"> 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 object-unset  " 37830 alt="Bild eines 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 btn-primary " 37839 style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;" 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 & 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 Element geöffnet:  Services' : 'Tab Element geschlossen:  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 Element geöffnet:  Unternehmen' : 'Tab Element geschlossen:  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 Element geöffnet:  Rechtliches' : 'Tab Element geschlossen:  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 Element geöffnet:  Kontakt' : 'Tab Element geschlossen:  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://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="Österreich" 38234 title="Österreich" 38235 loading="eager"> 38236 <span>Ãsterreich</span> 38237 </a> 38238 38239 <a href="https://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://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://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://www.papstar-shop.si/" 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 Professional Award 2025"> 38326 <span class="sr-only">TopShop Professional Award 2025</span> 38327 <img src="https://a.storyblok.com/f/174288/2371x3543/77f234e9e9/topshop25.png" 38328 title="TopShop Professional Award 2025" 38329 alt="TopShop Professional Award 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 Shops Gold Shop 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 || ' '; 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 || ' '; 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 || ' '; 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 /&|<|>|'|"/g, 41704 tag => 41705 ({ 41706 '&': '&', 41707 '<': '<', 41708 '>': '>', 41709 ''': "'", 41710 '–': "-", 41711 '"': '"' 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 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 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 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 "%0"', 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.