1<!doctype html> 2<html lang="de"> 3<head > 4 <meta charset="utf-8"/> 5<meta name="title" content="Warenkorb"/> 6<meta name="robots" content="INDEX,FOLLOW"/> 7<meta name="viewport" content="width=device-width, initial-scale=1"/> 8<meta name="google-site-verification" content="KQ2FLA6x2EXJfBqPg_ZqYxwrqew4jBB6COr5jc_U_Yo"/> 9<meta name="p:domain_verify" content="8527fcebf71fdeaf87590e738f1531dd"/> 10<meta name="facebook-domain-verification" content="08jgzit50g1qeijqwa7er4ba1jmavb"/> 11<meta name="page-type" content="cart"/> 12<title>Warenkorb</title> 13 <link rel="stylesheet" type="text/css" media="all" href="https://www.haibu.de/static/version1791360036/frontend/Moma/default_DE/de_DE/css/styles.css" /> 14<link rel="stylesheet" type="text/css" media="all" href="https://www.haibu.de/static/version1791360036/frontend/Moma/default_DE/de_DE/Amasty_Groupcat/js/fancybox/jquery.fancybox.css" /> 15<link rel="stylesheet" type="text/css" media="all" href="https://www.haibu.de/static/version1791360036/frontend/Moma/default_DE/de_DE/Magedelight_Customerprice/css/custom.css" /> 16<link rel="stylesheet" type="text/css" media="all" href="https://www.haibu.de/static/version1791360036/frontend/Moma/default_DE/de_DE/css/custom-overrides.css" /> 17<link rel="stylesheet" type="text/css" media="all" href="https://www.haibu.de/static/version1791360036/frontend/Moma/default_DE/de_DE/Amasty_Rules/css/amrules.css" />
18<script type="text/javascript" src="https://www.haibu.de/static/version1791360036/frontend/Moma/default_DE/de_DE/js/trim-inputs.js"></script>
vendor: 1 bytes, line 18
18
19<script type="text/javascript" src="https://www.haibu.de/static/version1791360036/frontend/Moma/default_DE/de_DE/MailPlus_MailPlus/js/set-mp-cookie.js"></script>
vendor: 1 bytes, line 19
19
20<script type="text/javascript" src="https://www.haibu.de/static/version1791360036/frontend/Moma/default_DE/de_DE/Smile_ElasticsuiteTracker/js/tracking.js"></script>
vendor: 1 bytes, line 20
20
21<script type="text/javascript" src="https://www.haibu.de/static/version1791360036/frontend/Moma/default_DE/de_DE/Amasty_Promo/js/amastyNoticeDisable.js"></script>
21 22<link rel="icon" type="image/png" href="https://www.haibu.de/media/favicon/stores/10/favicon.png" /> 23<link rel="shortcut icon" type="image/png" href="https://www.haibu.de/media/favicon/stores/10/favicon.png" />
24<script type="speculationrules"> 25{ 26 "prerender": [{ 27 "source": "document", 28 "where": { 29 "and": [ 30 { "href_matches": "/*" }, 31 { "not": { "href_matches": "/*(customer|login|logout|auth|cart|checkout|search|download|redirect|rewrite|store|productalert)/*" } }, 32 { "not": { "href_matches": "*.pdf" } }, 33 { "not": { "selector_matches": ".do-not-prerender" } }, 34 { "not": { "selector_matches": "[rel=nofollow]" } }, 35 { "not": { "selector_matches": "[target=_blank]" } }, 36 { "not": { "selector_matches": "[target=_parent]" } }, 37 { "not": { "selector_matches": "[target=_top]" } } 38 ] 39 }, 40 "eagerness": "moderate" 41 }] 42} 43</script>
vendor: 2 bytes, line 43
43
44<script type="text/javascript"> 45document.addEventListener('DOMContentLoaded', function () { 46 if (document.body.classList.contains('checkout-index-index') || document.body.classList.contains('customer-account-create') || document.body.classList.contains('customer-address-form')) { 47 48 let delay = 500; 49 if (document.body.classList.contains('checkout-index-index')) { 50 delay = 3000; 51 } 52 53 setTimeout(function () { 54 const select = document.querySelector('select[name="country_id"]'); 55 56 if (select) { 57 const allowed = ["Deutschland", "Ãsterreich"]; 58 59 for (let i = select.options.length - 1; i >= 0; i--) { 60 const optionText = select.options[i].text.trim(); 61 if (optionText && !allowed.includes(optionText)) { 62 select.remove(i); 63 } 64 } 65 } 66 }, delay); 67 } 68}); 69</script>
69 70<meta name="facebook-domain-verification" content="xj1bkvmbtqvula19g7lp8lyzt2rgag" /> 71<meta name="p:domain_verify" content="448fde442fd16ceebf305f009e4a60b9"/> 72<meta name="google-site-verification" content="jcNQF16ZkvOkv_-Ks6tdvaxRVCi_ZeH6WdTfnwGKMbQ" />
73<script type="text/javascript"> 74 (function () { 75 var _tsid = 'X58AE1F430672E02040339F5ADD541C04'; 76 _tsConfig = { 77 'yOffset': '0', /* offset from page bottom */ 78 'variant': 'default', /* reviews, default, custom, custom_reviews */ 79 'customElementId': '', /* required for variants custom and custom_reviews */ 80 'trustcardDirection': 'bottomRight', /* for custom variants: topRight, topLeft, bottomRight, bottomLeft */ 81 'customBadgeWidth': '50', /* for custom variants: 40 - 90 (in pixels) */ 82 'customBadgeHeight': '100', /* for custom variants: 40 - 90 (in pixels) */ 83 'disableResponsive': 'false', /* deactivate responsive behaviour */ 84 'disableTrustbadge': 'false', /* deactivate trustbadge */ 85 }; 86 var _ts = document.createElement('script'); 87 _ts.type = 'text/javascript'; 88 _ts.charset = 'utf-8'; 89 _ts.async = true; 90 _ts.src = 'https://widgets.trustedshops.com/js/' + _tsid + '.js'; 91 var __ts = document.getElementsByTagName('script')[0]; 92 __ts.parentNode.insertBefore(_ts, __ts); 93 })(); 94</script>
94 95<style> 96body #CybotCookiebotDialog { 97 top: 50% !important; 98 bottom: auto !important; 99} 100 101#CybotCookiebotDialog > div { 102 padding: 20px !important; 103} 104 105#CybotCookiebotDialogHeader { 106 display: none !important; 107} 108 109#CybotCookiebotDialogBody > div.CybotCookiebotScrollContainer { 110 min-height: 5vh !important; 111} 112 113@media screen and (min-width: 1280px) { 114 #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogBodyBottomWrapper { 115 padding-left: 1em !important; 116 } 117 118 body #CybotCookiebotDialog { 119 max-width: 60% !important; 120 min-width: 60% !important; 121 } 122} 123 124body.amblog-index-post ul { 125 list-style-type: disc !important; 126 padding-inline-start: 40px !important; 127 margin-block-start: 14px !important; 128 margin-block-end: 14px !important; 129} 130 131.comparison-table { 132 width: 100%; 133 text-align: left; 134 border: 1px solid #e5e9ef; 135 font-size: 14px; 136 border-radius: 8px; 137 border-spacing: 0; 138 border-collapse: separate; 139 overflow: hidden; 140 line-height: 24px; 141 margin-bottom: 30px; 142} 143 144.comparison-table thead { 145 background-color: #f2f4f6; 146} 147 148.comparison-table th, 149.comparison-table td { 150 padding: 8px; 151 vertical-align: top; 152} 153 154.comparison-table th:not(:first-child), 155.comparison-table td:not(:first-child) { 156 border-left: 1px solid #e5e9ef; 157} 158 159.comparison-table td { 160 border-top: 1px solid #e5e9ef; 161} 162 163@media only screen and (max-width: 991px) { 164 body.checkout-index-index header.page-header { 165 background-color: #fde7f2 !important; 166 border-bottom: none !important; 167 } 168} 169 170@media screen and (min-width:649px){#trustbadge-container-98e3dadd90eb493088abdc5597a70810{display:none!important}}body.checkout-index-index #trustbadge-container-98e3dadd90eb493088abdc5597a70810{display:none!important} 171 172body.customer-account-create .text-8xl { 173 font-size: 94px !important; 174} 175 176@media screen and (min-width: 1280px) { 177 body.customer-account-create .text-8xl { 178 font-size: 79px !important; 179 } 180} 181 182@media screen and (min-width: 1448px) { 183 body.customer-account-create .text-8xl { 184 font-size: 99px !important; 185 } 186} 187 188@media screen and (min-width: 1024px) { 189 body.amblog-index-category #maincontent > div.columns { 190 grid-template-columns: repeat(3, minmax(0, 1fr)); 191 } 192} 193</style>
193<script> 194 //<![CDATA[ 195 function userConsentEsTraking(config) 196 { 197 return config.cookieRestrictionEnabled == false || hyva.getCookie(config.cookieRestrictionName) !== null; 198 } 199 200 try { 201 smileTracker.setConfig({ 202 beaconUrl : 'https://www.haibu.de/elasticsuite/tracker/hit/image/h.png', 203 telemetryUrl : 'https://t.elasticsuite.io/track', 204 telemetryEnabled : '', 205 sessionConfig : {"visit_cookie_name":"STUID","visit_cookie_lifetime":"3600","visitor_cookie_lifetime":"365","visitor_cookie_name":"STVID","domain":"haibu.de","path":"\/"}, 206 endpointUrl : 'https://www.haibu.de/rest/V1/elasticsuite-tracker/hit' 207 }); 208 209 smileTracker.addPageVar('store_id', '10'); 210 211 document.addEventListener('DOMContentLoaded', function () { 212 if (userConsentEsTraking({"cookieRestrictionEnabled":"0","cookieRestrictionName":"user_allowed_save_cookie"})) { 213 smileTracker.sendTag(); 214 } 215 }); 216 } catch (err) { 217 ; 218 } 219 //]]> 220 </script>
220 221
221<script nonce="bGdiYWNmNndtaGFoN3BoOThzcmpmdnN6eG9ncjV5dXY="> 222 window.YIREO_GOOGLETAGMANAGER2_ENABLED = true; 223 (function (events) { 224 const initYireoGoogleTagManager2 = function () { 225 events.forEach(function (eventType) { 226 window.removeEventListener(eventType, initYireoGoogleTagManager2); 227 }); 228 229 (function (w, d, s, l, i) { 230 w[l] = w[l] || []; 231 w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'}); 232 var f = d.getElementsByTagName(s)[0], 233 j = d.createElement(s), 234 dl = l != 'dataLayer' ? '&l=' + l : ''; 235 j.async = true; 236 j.src = 'https\u003A\u002F\u002Fwww.googletagmanager.com' + '/gtm.js?id=' + i + dl; 237 f.parentNode.insertBefore(j, f); 238 })(window, document, 'script', 'dataLayer', 'GTM\u002DW24WV5T'); 239 }; 240 241 events.forEach(function (eventType) { 242 window.addEventListener(eventType, initYireoGoogleTagManager2, {once: true, passive: true}) 243 }); 244 })(['load', 'keydown', 'mouseover', 'scroll', 'touchstart', 'wheel']); 245 246 </script>
vendor: 1 bytes, line 246
246
247<script> 248 var BASE_URL = 'https://www.haibu.de/'; 249 var THEME_PATH = 'https://www.haibu.de/static/version1791360036/frontend/Moma/default_DE/de_DE'; 250 var COOKIE_CONFIG = { 251 "expires": null, 252 "path": "\u002F", 253 "domain": ".haibu.de", 254 "secure": true, 255 "lifetime": "254000", 256 "cookie_restriction_enabled": false }; 257 var CURRENT_STORE_CODE = 'haibu'; 258 var CURRENT_WEBSITE_ID = '5'; 259 260 window.hyva = window.hyva || {} 261 262 window.cookie_consent_groups = window.cookie_consent_groups || {} 263 window.cookie_consent_groups['necessary'] = true; 264 265 window.cookie_consent_config = window.cookie_consent_config || {}; 266 window.cookie_consent_config['necessary'] = [].concat( 267 window.cookie_consent_config['necessary'] || [], 268 [ 269 'user_allowed_save_cookie', 270 'form_key', 271 'mage-messages', 272 'private_content_version', 273 'mage-cache-sessid', 274 'last_visited_store', 275 'section_data_ids' 276 ] 277 ); 278 //# sourceURL=hyva-variables.js 279</script>
vendor: 1 bytes, line 279
279
280<script> 281 (function( hyva, undefined ) { 282 283 function lifetimeToExpires(options, defaults) { 284 285 const lifetime = options.lifetime || defaults.lifetime; 286 287 if (lifetime) { 288 const date = new Date; 289 date.setTime(date.getTime() + lifetime * 1000); 290 return date; 291 } 292 293 return null; 294 } 295 296 function generateRandomString() { 297 298 const allowedCharacters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ', 299 length = 16; 300 301 let formKey = '', 302 charactersLength = allowedCharacters.length; 303 304 for (let i = 0; i < length; i++) { 305 formKey += allowedCharacters[Math.round(Math.random() * (charactersLength - 1))] 306 } 307 308 return formKey; 309 } 310 311 const sessionCookieMarker = {noLifetime: true} 312 313 const cookieTempStorage = {}; 314 315 const internalCookie = { 316 get(name) { 317 const v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)'); 318 return v ? v[2] : null; 319 }, 320 set(name, value, days, skipSetDomain) { 321 let expires, 322 path, 323 domain, 324 secure, 325 samesite; 326 327 const defaultCookieConfig = { 328 expires: null, 329 path: '/', 330 domain: null, 331 secure: false, 332 lifetime: null, 333 samesite: 'lax' 334 }; 335 336 const cookieConfig = window.COOKIE_CONFIG || {}; 337 338 expires = days && days !== sessionCookieMarker 339 ? lifetimeToExpires({lifetime: 24 * 60 * 60 * days, expires: null}, defaultCookieConfig) 340 : lifetimeToExpires(window.COOKIE_CONFIG, defaultCookieConfig) || defaultCookieConfig.expires; 341 342 path = cookieConfig.path || defaultCookieConfig.path; 343 domain = !skipSetDomain && (cookieConfig.domain || defaultCookieConfig.domain); 344 secure = cookieConfig.secure || defaultCookieConfig.secure; 345 samesite = cookieConfig.samesite || defaultCookieConfig.samesite; 346 347 document.cookie = name + "=" + encodeURIComponent(value) + 348 (expires && days !== sessionCookieMarker ? '; expires=' + expires.toGMTString() : '') + 349 (path ? '; path=' + path : '') + 350 (domain ? '; domain=' + domain : '') + 351 (secure ? '; secure' : '') + 352 (samesite ? '; samesite=' + samesite : 'lax'); 353 }, 354 isWebsiteAllowedToSaveCookie() { 355 const allowedCookies = this.get('user_allowed_save_cookie'); 356 if (allowedCookies) { 357 const allowedWebsites = JSON.parse(unescape(allowedCookies)); 358 359 return allowedWebsites[CURRENT_WEBSITE_ID] === 1; 360 } 361 return false; 362 }, 363 getGroupByCookieName(name) { 364 const cookieConsentConfig = window.cookie_consent_config || {}; 365 let group = null; 366 for (let prop in cookieConsentConfig) { 367 if (!cookieConsentConfig.hasOwnProperty(prop)) continue; 368 if (cookieConsentConfig[prop].includes(name)) { 369 group = prop; 370 break; 371 } 372 } 373 return group; 374 }, 375 isCookieAllowed(name) { 376 const cookieGroup = this.getGroupByCookieName(name); 377 return cookieGroup 378 ? window.cookie_consent_groups[cookieGroup] 379 : this.isWebsiteAllowedToSaveCookie(); 380 }, 381 saveTempStorageCookies() { 382 for (const [name, data] of Object.entries(cookieTempStorage)) { 383 if (this.isCookieAllowed(name)) { 384 this.set(name, data['value'], data['days'], data['skipSetDomain']); 385 delete cookieTempStorage[name]; 386 } 387 } 388 } 389 }; 390 391 hyva.getCookie = (name) => { 392 const cookieConfig = window.COOKIE_CONFIG || {}; 393 394 if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) { 395 return cookieTempStorage[name] ? cookieTempStorage[name]['value'] : null; 396 } 397 398 return internalCookie.get(name); 399 } 400 401 hyva.setCookie = (name, value, days, skipSetDomain) => { 402 const cookieConfig = window.COOKIE_CONFIG || {}; 403 404 if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) { 405 cookieTempStorage[name] = {value, days, skipSetDomain}; 406 return; 407 } 408 return internalCookie.set(name, value, days, skipSetDomain); 409 } 410 411 412 hyva.setSessionCookie = (name, value, skipSetDomain) => { 413 return hyva.setCookie(name, value, sessionCookieMarker, skipSetDomain) 414 } 415 416 hyva.getBrowserStorage = () => { 417 const browserStorage = window.localStorage || window.sessionStorage; 418 if (!browserStorage) { 419 console.warn('Browser Storage is unavailable'); 420 return false;
421 } 422 try { 423 browserStorage.setItem('storage_test', '1'); 424 browserStorage.removeItem('storage_test'); 425 } catch (error) { 426 console.warn('Browser Storage is not accessible', error); 427 return false; 428 } 429 return browserStorage; 430 } 431 432 hyva.postForm = (postParams) => { 433 const form = document.createElement("form"); 434 435 let data = postParams.data; 436 437 if (! postParams.skipUenc && ! data.uenc) { 438 data.uenc = btoa(window.location.href); 439 } 440 form.method = "POST"; 441 form.action = postParams.action; 442 443 Object.keys(postParams.data).map(key => { 444 const field = document.createElement("input"); 445 field.type = 'hidden' 446 field.value = postParams.data[key]; 447 field.name = key; 448 form.appendChild(field); 449 }); 450 451 const form_key = document.createElement("input"); 452 form_key.type = 'hidden'; 453 form_key.value = hyva.getFormKey(); 454 form_key.name="form_key"; 455 form.appendChild(form_key); 456 457 document.body.appendChild(form); 458 459 form.submit(); 460 } 461 462 hyva.getFormKey = function () { 463 let formKey = hyva.getCookie('form_key'); 464 465 if (!formKey) { 466 formKey = generateRandomString(); 467 hyva.setCookie('form_key', formKey); 468 } 469 470 return formKey; 471 } 472 473 hyva.formatPrice = (value, showSign, options = {}) => { 474 const groupSeparator = options.groupSeparator; 475 const decimalSeparator = options.decimalSeparator 476 delete options.groupSeparator; 477 delete options.decimalSeparator; 478 const formatter = new Intl.NumberFormat( 479 'de\u002DDE', 480 Object.assign({ 481 style: 'currency', 482 currency: 'EUR', 483 signDisplay: showSign ? 'always' : 'auto' 484 }, options) 485 ); 486 return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ? 487 formatter.formatToParts(value).map(({type, value}) => { 488 switch (type) { 489 case 'currency': 490 return '\u20AC' || value; 491 case 'minusSign': 492 return '- '; 493 case 'plusSign': 494 return '+ '; 495 case 'group': 496 return groupSeparator !== undefined ? groupSeparator : value; 497 case 'decimal': 498 return decimalSeparator !== undefined ? decimalSeparator : value; 499 default : 500 return value; 501 } 502 }).reduce((string, part) => string + part) : 503 formatter.format(value); 504 } 505 506 const formatStr = function (str, nStart) { 507 const args = Array.from(arguments).slice(2); 508 509 return str.replace(/(%+)([0-9]+)/g, (m, p, n) => { 510 const idx = parseInt(n) - nStart; 511 512 if (args[idx] === null || args[idx] === void 0) { 513 return m; 514 } 515 return p.length % 2 516 ? p.slice(0, -1).replace('%%', '%') + args[idx] 517 : p.replace('%%', '%') + n; 518 }) 519 } 520 521 hyva.str = function (string) { 522 const args = Array.from(arguments); 523 args.splice(1, 0, 1); 524 525 return formatStr.apply(undefined, args); 526 } 527 528 hyva.strf = function () { 529 const args = Array.from(arguments); 530 args.splice(1, 0, 0); 531 532 return formatStr.apply(undefined, args); 533 } 534 535 /** 536 * Take a html string as `content` parameter and 537 * extract an element from the DOM to replace in 538 * the current page under the same selector, 539 * defined by `targetSelector` 540 */ 541 hyva.replaceDomElement = (targetSelector, content) => { 542 // Parse the content and extract the DOM node using the `targetSelector` 543 const parser = new DOMParser(); 544 const doc = parser.parseFromString(content, 'text/html');
545 const contentNode = doc.querySelector(targetSelector); 546 547 // Bail if content or target can't be found 548 if (!contentNode || !document.querySelector(targetSelector)) { 549 return; 550 } 551 552 hyva.activateScripts(contentNode); 553 554 // Replace the old DOM node with the new content 555 document.querySelector(targetSelector).replaceWith(contentNode); 556 557 // Reload customerSectionData and display cookie-messages if present 558 window.dispatchEvent(new CustomEvent("reload-customer-section-data")); 559 hyva.initMessages(); 560 } 561 562 hyva.removeScripts = (contentNode) => { 563 const scripts = contentNode.getElementsByTagName('script'); 564 for (let i = 0; i < scripts.length; i++) { 565 scripts[i].parentNode.removeChild(scripts[i]); 566 } 567 const templates = contentNode.getElementsByTagName('template'); 568 for (let i = 0; i < templates.length; i++) { 569 const container = document.createElement('div'); 570 container.innerHTML = templates[i].innerHTML; 571 hyva.removeScripts(container); 572 templates[i].innerHTML = container.innerHTML; 573 } 574 } 575 576 hyva.activateScripts = (contentNode) => { 577 // Create new array from HTMLCollection to avoid mutation of collection while manipulating the DOM. 578 const scripts = Array.from(contentNode.getElementsByTagName('script')); 579 580 // Iterate over all script tags to duplicate+inject each into the head 581 for (const original of scripts) { 582 const script = document.createElement('script'); 583 original.type && (script.type = original.type); 584 script.innerHTML = original.innerHTML; 585 586 // Remove the original (non-executing) script from the contentNode 587 original.parentNode.removeChild(original) 588 589 // Add script to head 590 document.head.appendChild(script); 591 } 592 593 return contentNode; 594 } 595 596 const replace = {['+']: '-', ['/']: '_', ['=']: ','}; 597 hyva.getUenc = () => btoa(window.location.href).replace(/[+/=]/g, match => replace[match]); 598 599 let currentTrap; 600 601 const focusableElements = (rootElement) => { 602 const selector = 'button, [href], input, select, textarea, details, [tabindex]:not([tabindex="-1"]'; 603 return Array.from(rootElement.querySelectorAll(selector)) 604 .filter(el => { 605 return el.style.display !== 'none' 606 && !el.disabled 607 && el.tabIndex !== -1 608 && (el.offsetWidth || el.offsetHeight || el.getClientRects().length) 609 }) 610 } 611 612 const focusTrap = (e) => { 613 const isTabPressed = e.key === 'Tab' || e.keyCode === 9; 614 if (!isTabPressed) return; 615 616 const focusable = focusableElements(currentTrap) 617 const firstFocusableElement = focusable[0] 618 const lastFocusableElement = focusable[focusable.length - 1] 619 620 e.shiftKey 621 ? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), e.preventDefault()) 622 : document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), e.preventDefault()) 623 }; 624 625 hyva.releaseFocus = (rootElement) => { 626 if (currentTrap && (!rootElement || rootElement === currentTrap)) { 627 currentTrap.removeEventListener('keydown', focusTrap) 628 currentTrap = null 629 } 630 } 631 hyva.trapFocus = (rootElement) => { 632 if (!rootElement) return; 633 hyva.releaseFocus() 634 currentTrap = rootElement 635 rootElement.addEventListener('keydown', focusTrap) 636 const firstElement = focusableElements(rootElement)[0] 637 firstElement && firstElement.focus() 638 } 639 640 hyva.safeParseNumber = (rawValue) => { 641 const number = rawValue ? parseFloat(rawValue) : null; 642 643 return Array.isArray(number) || isNaN(number) ? rawValue : number; 644 } 645 646 const toCamelCase = s => s.split('_').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join(''); 647 hyva.createBooleanObject = (name, value = false, additionalMethods = {}) => { 648 649 const camelCase = toCamelCase(name);
650 const key = '__hyva_bool_' + name 651 652 return new Proxy(Object.assign( 653 additionalMethods, 654 { 655 [key]: !!value, 656 [name]() {return !!this[key]}, 657 ['!' + name]() {return !this[key]}, // @deprecated This does not work with non-CSP Alpine 658 ['not' + camelCase]() {return !this[key]}, 659 ['toggle' + camelCase]() {this[key] = !this[key]}, 660 [`set${camelCase}True`]() {this[key] = true}, 661 [`set${camelCase}False`]() {this[key] = false}, 662 } 663 ), { 664 set(target, prop, value) { 665 return prop === name 666 ? (target[key] = !!value) 667 : Reflect.set(...arguments); 668 } 669 }) 670 } 671 672 hyva.alpineInitialized = (fn) => window.addEventListener('alpine:initialized', fn, {once: true}) 673 window.addEventListener('alpine:init', () => Alpine.data('{}', () => ({})), {once: true}); 674 window.addEventListener('user-allowed-save-cookie', () => internalCookie.saveTempStorageCookies()) 675 676 }( window.hyva = window.hyva || {} )); 677 //# sourceURL=hyva.js 678</script>
vendor: 1 bytes, line 678
678
679<script type="speculationrules"> 680{ 681 "tag": "Hyva Theme", 682 "prefetch": [{ 683 "source": "document", 684 "where": { 685 "and": [ 686 { "href_matches": "/*" }, 687 { "not": { 688 "href_matches": ["/customer/*","/search/*","/sales/*","/wishlist/*","/checkout/*","/paypal/*","/newsletter/*","/stores/store/redirect/*"] }}, 689 { "not": { 690 "selector_matches": [".no-preload", ".do-not-prerender", "[download]", "[rel~=nofollow]", "[target]"] 691 }} 692 ] 693 }, 694 "eagerness": "moderate" 695 }] 696} 697</script>
697 698
699<script type="speculationrules"> 700{ 701 "prerender": [{ 702 "source": "document", 703 "where": { 704 "and": [ 705 { "href_matches": "/*" }, 706 { "not": { "href_matches": "/*(customer|login|logout|auth|cart|checkout|search|download|redirect|rewrite|store|productalert)/*" } }, 707 { "not": { "href_matches": "*.pdf" } }, 708 { "not": { "selector_matches": ".do-not-prerender" } }, 709 { "not": { "selector_matches": "[rel=nofollow]" } }, 710 { "not": { "selector_matches": "[target=_blank]" } }, 711 { "not": { "selector_matches": "[target=_parent]" } }, 712 { "not": { "selector_matches": "[target=_top]" } } 713 ] 714 }, 715 "eagerness": "moderate" 716 }] 717} 718</script>
718 719</head> 720<body class="store-haibu checkout-cart-index page-layout-1column" id="html-body">
vendor: 68 bytes, lines 720-721
720 721<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
721GTM-W24WV5T
vendor: 83 bytes, line 721
721" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
722<input name="form_key" type="hidden" value="ZB2eGg295XfDbZ0O" />
722<script> 723 function initAddCartPopup() { 724 return { 725 showPopup: false, 726 showOverlay: false, 727 addToCartButton: null, 728 productId: null, 729 latestProduct: null, 730 latestQty: null, 731 formData: null, 732 crosssellItems: null, 733 deliveryJsonData: null, 734 deliveryText: null, 735 display_incl_tax: true, 736 submit: function (data) { 737 const self = this; 738 this.productId = data.product_id; 739 this.latestQty = data.qty ?? 1; 740 this.crosssellItems = []; 741 742 if (data.buttonSelector) { 743 this.addToCartButton = document.querySelector(data.buttonSelector); 744 this.addToCartButton.disabled = true; 745 } 746 747 this.formData = new FormData(data.form); 748 if (!data.form) { 749 this.formData.append("product", data.product_id); 750 this.formData.append("sku", data.product_id); 751 this.formData.append("form_key", data.form_key); 752 this.formData.append("qty", data.qty); 753 } 754 755 if (data.bundle) { 756 const bundledOptions = JSON.parse(data.bundle); 757 for (option of bundledOptions) { 758 this.formData.append(`bundle_option[${option.option_id}]`, option.selection_id); 759 this.formData.append(`bundle_option_qty[${option.option_id}]`, option.qty); 760 } 761 } 762 763 self.addToCartButton.classList.add('btn-adding-to-cart'); 764 765 fetch(data.action, 766 { 767 headers: {'X-Requested-With': 'XMLHttpRequest'}, 768 body: this.formData, 769 method: "post" 770 }) 771 .then(function (response) { 772 if (response.redirected) { 773 window.location.href = response.url; 774 return; 775 } 776 777 self.addToCartButton.classList.remove('btn-adding-to-cart'); 778 self.addToCartButton.classList.add('btn-icons-ready'); 779 self.reloadCustomerData(); 780 781 }) 782 .catch((error) => { 783 console.error('Error:', error); 784 785 if (this.addToCartButton) { 786 this.addToCartButton.disabled = false; 787 } 788 }); 789 }, 790 open: function () { 791 this.showOverlay = true; 792 this.showPopup = true; 793 794 const stockInformationEvent = new CustomEvent('stock-information-request'); 795 window.dispatchEvent(stockInformationEvent); 796 797 this.$nextTick(() => { 798 if (!this.deliveryJsonData && this.deliveryText && this.$refs.delivery_placeholder) { 799 this.$refs.delivery_placeholder.appendChild(this.deliveryText); 800 } 801 }); 802 803 804 if (this.addToCartButton) { 805 this.addToCartButton.disabled = false; 806 } 807 }, 808 close: function () { 809 this.message = null; 810 this.showOverlay = false; 811 this.showPopup = false; 812 813 if (this.addToCartButton) { 814 this.addToCartButton.disabled = false; 815 } 816 }, 817 quantityLabel: function() { 818 return this.latestQty > 1 ? 819 this.latestQty + ' Artikel' : 820 this.latestQty + ' Artikel'; 821 }, 822 parseProductName: function(string) { 823 const parser = new DOMParser().parseFromString(string, "text/html"); 824 return parser.documentElement.textContent; 825 }, 826 getData: function (data) { 827 let self = this; 828 self.message = '' 829 830 if (data.messages && data.messages.messages && data.messages.messages.length) { 831 this.showErrorMessageIfSingleError(data.messages.messages); 832 833 data.messages.messages.map(function (message) { 834 message.hide = true; 835 836 if (message.type !== 'success') { 837 return; 838 } 839 840 self.message = self.message.concat(message.text); 841 }); 842 843 if (self.message !== '') { 844 const items = (data.cart !== null && data.cart.items !== null ? data.cart.items : []) 845 const element = document.querySelector('#product_addtocart_form-' + this.productId + ' .delivery') ?? document.getElementById(this.productId + '_delivery'); 846 self.deliveryText = document.createElement('div'); 847 if (element) { 848 self.deliveryText = element.cloneNode(true); 849 } 850 851 self.latestProduct = items.find(item => { 852 if (parseInt(item.product_id) === this.productId) { 853 return item; 854 } 855 }); 856
857 if (! self.latestProduct) { 858 return; 859 } 860 861 fetch("https://www.haibu.de/graphql", { 862 method: 'POST', 863 headers: { 864 'Content-Type': 'application/json' 865 }, 866 body: JSON.stringify({ 867 query: `query\u0020recommendations\u0028\u0024productId\u003A\u0020Int,\u0020\u0024templateId\u003A\u0020String\u0029\u0020\u007B\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020recommendations\u0028product_id\u003A\u0020\u0024productId,\u0020template_id\u003A\u0020\u0024templateId\u0029\u0020\u007B\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020product\u0020\u007B\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020id\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020sku\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020name\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020image\u0020\u007B\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020url\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020label\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020url_key\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020url_suffix\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020price_range\u0020\u007B\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020minimum_price\u0020\u007B\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020regular_price\u0020\u007B\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020value\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020currency\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020final_price\u0020\u007B\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020value\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020currency\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020discount\u0020\u007B\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020amount_off\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020percent_off\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020tax_prices\u0020\u007B\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020regular_price_incl_tax\u0020\u007B\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020value\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020currency\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020final_price_incl_tax\u0020\u007B\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020value\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020currency\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020regular_price_excl_tax\u0020\u007B\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020value\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020currency\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020final_price_excl_tax\u0020\u007B\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020value\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020currency\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u007D`, 868 variables: { 869 productId: this.productId, 870 templateId: `default\u002Dde`, 871 }, 872 }) 873 }).then( 874 (response) => response.json() 875 ).then((result) => { 876 this.crosssellItems = result.data.recommendations.map( 877 recommendation => recommendation.product 878 ).slice(0, 4); 879 }); 880 881 self.open(); 882 } 883 } 884 885 if (this.addToCartButton) { 886 this.addToCartButton.disabled = false;
887 } 888 }, 889 reloadCustomerData: function () { 890 const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data"); 891 window.dispatchEvent(reloadCustomerDataEvent); 892 }, 893 eventListeners: { 894 ['@add-to-cart.window'](event) { 895 this.submit(event.detail); 896 }, 897 ['@private-content-loaded.window'](event) { 898 this.getData(event.detail.data); 899 }, 900 ['@update-stock-info-dialog.window'](event) { 901 this.deliveryJsonData = event.detail; 902 } 903 }, 904 showErrorMessageIfSingleError(messages) { 905 if (messages.length === 1) { 906 const message = messages[0]; 907 if (message.type === 'error') { 908 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 909 [{ 910 type: message.type, 911 text: message.text 912 }], 5000 913 ); 914 } 915 } 916 } 917 } 918 } 919 </script>
919 920 921 <section id="addtocart-block" 922 x-data="initAddCartPopup();" 923 x-bind="eventListeners" 924 > 925 <template x-if="showPopup"> 926 <div class="flex justify-center"> 927 <div role="dialog" 928 aria-modal="true" 929 class="dialog xl:container px-5 lg:my-20 mx-auto max-w-5xl overflow-auto fixed inset-0 lg:inset-auto bg-white p-6 z-50 rounded"> 930 <div class="border-b border-border flex justify-between pb-2"> 931 <p class="flex items-center"> 932 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 10 9" class="w-5 h-5 rounded-full bg-green fill-white p-1" role="img"> 933 <path d="M3.31823 8.14482L0.136507 5.03584C0.0935037 4.99665 0.0591472 4.9489 0.0356421 4.89568C0.012137 4.84246 0 4.78491 0 4.72673C0 4.66855 0.012137 4.61106 0.0356421 4.55784C0.0591472 4.50461 0.0935037 4.45687 0.136507 4.41768L0.772849 3.79042C0.86137 3.71057 0.976355 3.66636 1.09557 3.66636C1.21478 3.66636 1.32976 3.71057 1.41828 3.79042L3.6364 5.97215L8.58172 1.12687C8.66821 1.04301 8.78395 0.996094 8.90443 0.996094C9.02491 0.996094 9.14065 1.04301 9.22715 1.12687L9.86349 1.75413C9.9065 1.79332 9.94085 1.84101 9.96436 1.89423C9.98786 1.94745 10 2.005 10 2.06318C10 2.12136 9.98786 2.17891 9.96436 2.23213C9.94085 2.28535 9.9065 2.3331 9.86349 2.37229L3.95457 8.14482C3.86961 8.2281 3.75538 8.27477 3.6364 8.27477C3.51743 8.27477 3.4032 8.2281 3.31823 8.14482Z"/> 934<title>moma-check-mark</title></svg> 935 <span class="font-bold text-xl ml-4"> 936 Zum Warenkorb hinzugefügt </span> 937 </p> 938 <button @click="close()" aria-label="Close panel" 939 class="p-4"> 940 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 10 10" class="w-2.5 h-2.5" role="img"> 941 <path d="M9.81686 8.05342L6.74596 4.99494L9.81686 1.93645C9.87489 1.8789 9.92094 1.81041 9.95238 1.73496C9.98381 1.65952 10 1.57855 10 1.49682C10 1.41509 9.98381 1.3342 9.95238 1.25875C9.92094 1.1833 9.87489 1.11481 9.81686 1.05726L8.93769 0.178061C8.81987 0.063832 8.6622 0 8.4981 0C8.334 0 8.17634 0.063832 8.05852 0.178061L5 3.24901L1.94148 0.178061C1.82366 0.063832 1.666 0 1.5019 0C1.3378 0 1.18013 0.063832 1.06231 0.178061L0.183144 1.05726C0.125114 1.11481 0.079056 1.1833 0.0476235 1.25875C0.0161909 1.3342 0 1.41509 0 1.49682C0 1.57855 0.0161909 1.65952 0.0476235 1.73496C0.079056 1.81041 0.125114 1.8789 0.183144 1.93645L3.25404 4.99494L0.183144 8.05342C0.125114 8.11098 0.079056 8.17946 0.0476235 8.25491C0.0161909 8.33036 0 8.41132 0 8.49305C0 8.57479 0.0161909 8.65568 0.0476235 8.73112C0.079056 8.80657 0.125114 8.87506 0.183144 8.93262L1.06231 9.81181C1.18013 9.92604 1.3378 9.98987 1.5019 9.98987C1.666 9.98987 1.82366 9.92604 1.94148 9.81181L5 6.74086L8.05852 9.81181C8.17634 9.92604 8.334 9.98987 8.4981 9.98987C8.6622 9.98987 8.81987 9.92604 8.93769 9.81181L9.81686 8.93262C9.87489 8.87506 9.92094 8.80657 9.95238 8.73112C9.98381 8.65568 10 8.57479 10 8.49305C10 8.41132 9.98381 8.33036 9.95238 8.25491C9.92094 8.17946 9.87489 8.11098 9.81686 8.05342Z"/> 942<title>moma-times</title></svg> 943 </button> 944 </div> 945 946 <div class="flex flex-col lg:flex-row py-4 lg:pb-0 border-b border-border"> 947 <div class="gap-2 lg:gap-0 lg:relative lg:w-2/3"> 948 <div class="flex flex-col justify-center"> 949 <div class="flex gap-2"> 950 <img class="object-contain" 951 x-bind:src="latestProduct.product_image.src" 952 x-bind:height="latestProduct.product_image.height" 953 x-bind:width="latestProduct.product_image.width" 954 x-bind:alt="latestProduct.product_image.alt"/> 955 <div class="lg:pt-2 w-full">
956 <span class="lg:hidden" x-text="quantityLabel()"></span> 957 <p class="font-semibold lg:whitespace-nowrap lg:truncate" x-text="parseProductName(latestProduct.product_name)"></p> 958 </div> 959 </div> 960 </div> 961 <div class="flex flex-wrap justify-center lg:justify-start lg:relative lg:bottom-10 lg:left-[86px]"> 962 <div class="flex items-center text-2xs" x-ref="delivery_placeholder"></div> 963 <template x-if="deliveryJsonData"> 964 <div class="flex gap-3"> 965 <template x-if="deliveryJsonData.out_of_stock"> 966 <span class="span4 block bg-orange text-white rounded-full flex justify-center items-center h-5 w-5"> 967 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 10 10" class="fill-current h-3 w-3 p-0.5" role="img"> 968 <path d="M9.81686 8.05342L6.74596 4.99494L9.81686 1.93645C9.87489 1.8789 9.92094 1.81041 9.95238 1.73496C9.98381 1.65952 10 1.57855 10 1.49682C10 1.41509 9.98381 1.3342 9.95238 1.25875C9.92094 1.1833 9.87489 1.11481 9.81686 1.05726L8.93769 0.178061C8.81987 0.063832 8.6622 0 8.4981 0C8.334 0 8.17634 0.063832 8.05852 0.178061L5 3.24901L1.94148 0.178061C1.82366 0.063832 1.666 0 1.5019 0C1.3378 0 1.18013 0.063832 1.06231 0.178061L0.183144 1.05726C0.125114 1.11481 0.079056 1.1833 0.0476235 1.25875C0.0161909 1.3342 0 1.41509 0 1.49682C0 1.57855 0.0161909 1.65952 0.0476235 1.73496C0.079056 1.81041 0.125114 1.8789 0.183144 1.93645L3.25404 4.99494L0.183144 8.05342C0.125114 8.11098 0.079056 8.17946 0.0476235 8.25491C0.0161909 8.33036 0 8.41132 0 8.49305C0 8.57479 0.0161909 8.65568 0.0476235 8.73112C0.079056 8.80657 0.125114 8.87506 0.183144 8.93262L1.06231 9.81181C1.18013 9.92604 1.3378 9.98987 1.5019 9.98987C1.666 9.98987 1.82366 9.92604 1.94148 9.81181L5 6.74086L8.05852 9.81181C8.17634 9.92604 8.334 9.98987 8.4981 9.98987C8.6622 9.98987 8.81987 9.92604 8.93769 9.81181L9.81686 8.93262C9.87489 8.87506 9.92094 8.80657 9.95238 8.73112C9.98381 8.65568 10 8.57479 10 8.49305C10 8.41132 9.98381 8.33036 9.95238 8.25491C9.92094 8.17946 9.87489 8.11098 9.81686 8.05342Z"/> 969<title>moma-times</title></svg> 970 </span> 971 </template> 972 973 <span class="span5 block bg-green text-white rounded-full flex justify-center items-center h-5 w-5" 974 :class="{ 'hidden': deliveryJsonData.out_of_stock }"> 975 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 10 9" class="fill-current h-3 w-3" role="img"> 976 <path d="M3.31823 8.14482L0.136507 5.03584C0.0935037 4.99665 0.0591472 4.9489 0.0356421 4.89568C0.012137 4.84246 0 4.78491 0 4.72673C0 4.66855 0.012137 4.61106 0.0356421 4.55784C0.0591472 4.50461 0.0935037 4.45687 0.136507 4.41768L0.772849 3.79042C0.86137 3.71057 0.976355 3.66636 1.09557 3.66636C1.21478 3.66636 1.32976 3.71057 1.41828 3.79042L3.6364 5.97215L8.58172 1.12687C8.66821 1.04301 8.78395 0.996094 8.90443 0.996094C9.02491 0.996094 9.14065 1.04301 9.22715 1.12687L9.86349 1.75413C9.9065 1.79332 9.94085 1.84101 9.96436 1.89423C9.98786 1.94745 10 2.005 10 2.06318C10 2.12136 9.98786 2.17891 9.96436 2.23213C9.94085 2.28535 9.9065 2.3331 9.86349 2.37229L3.95457 8.14482C3.86961 8.2281 3.75538 8.27477 3.6364 8.27477C3.51743 8.27477 3.4032 8.2281 3.31823 8.14482Z"/> 977<title>moma-check-mark</title></svg> 978 </span> 979 <span x-html="deliveryJsonData.stock_message"></span> 980 </div> 981 </template> 982 <div class="px-2"> 983 <div class="border-r border-border h-6 -skew-x-20"></div> 984 </div> 985 986 <div class="flex text-2xs">
987 <span class="hidden lg:block" x-text="quantityLabel()"></span> 988 <span class="font-semibold pr-2 lg:px-2" x-text="hyva.formatPrice(latestProduct.product_price_value.excl_tax)"></span> 989 <p>(<span x-text="hyva.formatPrice(latestProduct.product_price_value.incl_tax)"></span> <span>inkl. MwSt.</span>)</p> 990 </div> 991 </div> 992 </div> 993 994 <div class="lg:flex lg:justify-start lg:ml-auto lg:mr-0"> 995 <div class="text-center flex flex-col"> 996 <button @click="this.disabled = true; location.href='https://www.haibu.de/checkout/cart/'" 997 class="w-full btn btn-primary flex items-center justify-center p-4 !mt-0"> 998 <span class="enabled"> 999 Weiter zur Kasse </span> 1000 </button> 1001 1002 1003 <a @click="close()" class="mt-2 w-full text-center cursor-pointer font-semibold text-2xs"> 1004 Mit dem Einkaufen fortfahren </a> 1005 </div> 1006 </div> 1007 </div> 1008 1009 </div> 1010 </div> 1011 </template> 1012 1013 <template x-if="showOverlay"> 1014 <div class="modals-overlay z-40 bg-black opacity-60 fixed bottom-0 left-0 right-0 top-0" @click="close()"></div> 1015 </template> 1016 </section>
1017<script nonce="bGdiYWNmNndtaGFoN3BoOThzcmpmdnN6eG9ncjV5dXY="> 1018 function yireoGoogleTagManager2Pusher(eventData, message, callback) { 1019 window.YIREO_GOOGLETAGMANAGER2_PAST_EVENTS = window.YIREO_GOOGLETAGMANAGER2_PAST_EVENTS || []; 1020 1021 function doCallback(cb) { 1022 if (undefined === cb) { 1023 return; 1024 } 1025 1026 cb(); 1027 } 1028 1029 1030 const copyEventData = Object.assign({}, eventData); 1031 let metaData = {}; 1032 if (copyEventData.meta) { 1033 metaData = copyEventData.meta; 1034 delete copyEventData.meta; 1035 } 1036 1037 const eventHash = btoa(encodeURIComponent(JSON.stringify(copyEventData))); 1038 if (window.YIREO_GOOGLETAGMANAGER2_PAST_EVENTS.includes(eventHash)) { 1039 yireoGoogleTagManager2Logger('Warning: Event already triggered', eventData); 1040 doCallback(callback); 1041 return; 1042 } 1043 1044 if (metaData && metaData.allowed_pages && metaData.allowed_pages.length > 0 1045 && false === metaData.allowed_pages.some(page => window.location.pathname.includes(page))) { 1046 yireoGoogleTagManager2Logger('Warning: Skipping event, not in allowed pages', window.location.pathname, eventData); 1047 doCallback(callback); 1048 return; 1049 } 1050 1051 if (metaData && metaData.allowed_events && metaData.allowed_events.length > 0) { 1052 for (const [allowedEventKey, allowedEvent] of Object.entries(metaData.allowed_events)) { 1053 window.addEventListener(allowedEvent, function () { 1054 const eventDataCopy = Object.assign({}, eventData); 1055 eventDataCopy.meta.allowed_events = false; 1056 yireoGoogleTagManager2Pusher(eventDataCopy, 'push (allowed event "' + eventData.event + '") [script-pusher]'); 1057 }); 1058 } 1059 1060 yireoGoogleTagManager2Logger('Warning: Skipping event, not in allowed events', window.location.pathname, eventData); 1061 doCallback(callback); 1062 return; 1063 } 1064 1065 if (!message) { 1066 message = 'push (unknown) [unknown]'; 1067 } 1068 1069 yireoGoogleTagManager2Logger(message, eventData); 1070 window.dataLayer = window.dataLayer || []; 1071 1072 if (eventData.ecommerce) { 1073 window.dataLayer.push({ecommerce: null}); 1074 } 1075 1076 try { 1077 window.dataLayer.push(eventData); 1078 window.YIREO_GOOGLETAGMANAGER2_PAST_EVENTS.push(eventHash); 1079 } catch(error) { 1080 doCallback(callback); 1081 } 1082 1083 doCallback(callback); 1084 } 1085</script>
vendor: 1 bytes, line 1085
1085
1086<script nonce="bGdiYWNmNndtaGFoN3BoOThzcmpmdnN6eG9ncjV5dXY="> 1087 function yireoGoogleTagManager2Logger(...args) { 1088 const debug = window.YIREO_GOOGLETAGMANAGER2_DEBUG || false; 1089 if (false === debug) { 1090 return; 1091 } 1092 1093 var color = 'gray'; 1094 if (args[0].toLowerCase().startsWith('push')) { 1095 color = 'green'; 1096 } 1097 1098 if (args[0].toLowerCase().startsWith('warning')) { 1099 color = 'orange'; 1100 } 1101 1102 var css = 'color:white; background-color:' + color + '; padding:1px;' 1103 console.log('%cYireo_GoogleTagManager2', css, ...args); 1104 } 1105</script>
vendor: 1 bytes, line 1105
1105
1106<script nonce="bGdiYWNmNndtaGFoN3BoOThzcmpmdnN6eG9ncjV5dXY="> 1107 document.addEventListener('DOMContentLoaded', function () { 1108 window.dispatchEvent(new CustomEvent('minicart_collapse')); 1109 }); 1110</script>
1110 1111<div class="page-wrapper"><div class="absolute-page-header"><div class="bg-pink-lightest lg:bg-white"><div class="container"><section aria-label="Onze voordelen"> 1112 <ul role="list" class="relative lg:flex justify-center md:justify-between items-end md:items-center h-[30px] md:h-[50px] list-none m-0 p-0"> 1113 1114<li class="absolute lg:relative inset-0 flex items-center justify-center"> 1115 <a href="https://www.haibu.de/versand" 1116 class="flex items-center text-black hover:no-underline focus:no-underline" 1117 > 1118 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 15" class="fill-current h-4, w-4" width="24" height="24" aria-hidden="true"> 1119 <path d="M13.3333 1.66667V5H17.1L14.65 1.66667H13.3333ZM15 10C15.3523 9.99954 15.7007 10.0735 16.0224 10.2172C16.3441 10.3608 16.6318 10.5707 16.8667 10.8333H18.3333V6.66667H13.3333C12.8913 6.66667 12.4674 6.49107 12.1548 6.17851C11.8423 5.86595 11.6667 5.44203 11.6667 5V1.66667H1.66667V10.8333H3.13333C3.36786 10.5701 3.65542 10.3594 3.97713 10.2152C4.29884 10.0709 4.64743 9.99633 5 9.99633C5.35257 9.99633 5.70116 10.0709 6.02287 10.2152C6.34458 10.3594 6.63214 10.5701 6.86667 10.8333H13.1333C13.3682 10.5707 13.6559 10.3608 13.9776 10.2172C14.2993 10.0735 14.6477 9.99954 15 10ZM5 11.6667C4.83518 11.6667 4.67407 11.7155 4.53702 11.8071C4.39998 11.8987 4.29317 12.0288 4.2301 12.1811C4.16703 12.3334 4.15052 12.5009 4.18268 12.6626C4.21483 12.8242 4.2942 12.9727 4.41074 13.0893C4.52729 13.2058 4.67577 13.2852 4.83742 13.3173C4.99908 13.3495 5.16663 13.333 5.3189 13.2699C5.47117 13.2068 5.60132 13.1 5.69289 12.963C5.78446 12.8259 5.83333 12.6648 5.83333 12.5C5.83333 12.279 5.74554 12.067 5.58926 11.9107C5.43297 11.7545 5.22101 11.6667 5 11.6667ZM15 11.6667C14.8352 11.6667 14.6741 11.7155 14.537 11.8071C14.4 11.8987 14.2932 12.0288 14.2301 12.1811C14.167 12.3334 14.1505 12.5009 14.1827 12.6626C14.2148 12.8242 14.2942 12.9727 14.4107 13.0893C14.5273 13.2058 14.6758 13.2852 14.8374 13.3173C14.9991 13.3495 15.1666 13.333 15.3189 13.2699C15.4712 13.2068 15.6013 13.1 15.6929 12.963C15.7845 12.8259 15.8333 12.6648 15.8333 12.5C15.8333 12.279 15.7455 12.067 15.5893 11.9107C15.433 11.7545 15.221 11.6667 15 11.6667ZM15 15C14.337 15 13.7011 14.7366 13.2322 14.2678C12.7634 13.7989 12.5 13.163 12.5 12.5H7.5C7.5 13.163 7.23661 13.7989 6.76777 14.2678C6.29893 14.7366 5.66304 15 5 15C4.33696 15 3.70107 14.7366 3.23223 14.2678C2.76339 13.7989 2.5 13.163 2.5 12.5H1.66667C1.22464 12.5 0.800716 12.3244 0.488155 12.0118C0.175595 11.6993 0 11.2754 0 10.8333V1.66667C0 1.22464 0.175595 0.800716 0.488155 0.488155C0.800716 0.175595 1.22464 0 1.66667 0L14.65 0C14.9116 0.000629168 15.1693 0.0628144 15.4024 0.181526C15.6355 0.300237 15.8373 0.472141 15.9917 0.683333L20 6.13333V10.8333C20 11.2754 19.8244 11.6993 19.5118 12.0118C19.1993 12.3244 18.7754 12.5 18.3333 12.5H17.5C17.5 13.163 17.2366 13.7989 16.7678 14.2678C16.2989 14.7366 15.663 15 15 15Z"/> 1120</svg> 1121 <div class="usp-item text-3xs font-semibold ml-3.5"> 1122 Lieferung innerhalb von <strong>1-2 Tagen</strong>* </div> 1123 </a> 1124</li> 1125 1126<li class="hidden lg:flex lg:relative inset-0 items-center justify-center"> 1127 <a href="https://www.haibu.de/versand" 1128 class="flex items-center text-black hover:no-underline focus:no-underline" 1129 > 1130 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 16" class="fill-current h-4, w-4" width="24" height="24" aria-hidden="true"> 1131 <g clip-path="url(#clip0_349_382)"> 1132 <path d="M5.20686 1.61454C5.10771 1.61157 5.00974 1.63676 4.92432 1.6872C4.78449 1.7796 4.68384 1.92052 4.64178 2.08276C4.57523 2.44809 4.64718 2.82512 4.84359 3.14028C4.93999 3.33608 5.08472 3.50407 5.26411 3.62838C5.44351 3.75268 5.65163 3.82919 5.86882 3.85067C5.96674 3.8514 6.06348 3.82929 6.15136 3.78609C6.24138 3.72258 6.31577 3.63942 6.36892 3.54292C6.42206 3.44642 6.45257 3.3391 6.45812 3.22907C6.47771 2.92138 6.4046 2.61488 6.24823 2.34916C6.15048 2.14898 6.00379 1.97671 5.82175 1.8483C5.63972 1.71989 5.42823 1.63949 5.20686 1.61454ZM9.32392 1.61454C9.10658 1.63902 8.89885 1.71761 8.71975 1.84313C8.54064 1.96864 8.39587 2.13708 8.29869 2.33301C8.1335 2.60156 8.05461 2.9143 8.07265 3.22907C8.07577 3.34187 8.10511 3.45239 8.15835 3.55188C8.2116 3.65136 8.28729 3.73708 8.37941 3.80223C8.46729 3.84544 8.56404 3.86755 8.66196 3.86681C8.88079 3.84375 9.09002 3.76481 9.26956 3.63758C9.44909 3.51035 9.59291 3.3391 9.68719 3.14028C9.87803 2.82298 9.9442 2.44609 9.87286 2.08276C9.8308 1.92052 9.73014 1.7796 9.59031 1.6872C9.50916 1.64068 9.41745 1.61567 9.32392 1.61454ZM1.61453 5.50556V7.92736H6.45812V5.50556H1.61453ZM8.07265 5.50556V7.92736H12.9162V5.50556H8.07265ZM2.4218 9.54189V14.3855H6.45812V9.54189H2.4218ZM8.07265 9.54189V14.3855H12.109V9.54189H8.07265ZM12.109 16H2.4218C1.9936 16 1.58293 15.8299 1.28015 15.5271C0.977367 15.2243 0.807265 14.8137 0.807265 14.3855V9.47731C0.571084 9.39256 0.366811 9.23
1132699 0.222333 9.03183C0.0778546 8.82667 0.000210584 8.58192 0 8.33099L0 5.10193C0 4.78078 0.127576 4.47278 0.354664 4.2457C0.581751 4.01861 0.889748 3.89103 1.2109 3.89103H3.39859C3.02362 3.31618 2.88883 2.61729 3.02314 1.94422C3.15745 1.27116 3.55016 0.677526 4.11705 0.290628C4.44527 0.0990389 4.81875 -0.00129856 5.19879 1.26889e-05C5.59608 0.0113039 5.98628 0.107991 6.34287 0.283503C6.69947 0.459015 7.0141 0.709238 7.26539 1.01717C7.51667 0.709238 7.83131 0.459015 8.1879 0.283503C8.5445 0.107991 8.9347 0.0113039 9.33199 1.26889e-05C9.71203 -0.00129856 10.0855 0.0990389 10.4137 0.290628C10.984 0.67478 11.3795 1.26864 11.514 1.94295C11.6486 2.61726 11.5113 3.31742 11.1322 3.89103H13.3199C13.641 3.89103 13.949 4.01861 14.1761 4.2457C14.4032 4.47278 14.5308 4.78078 14.5308 5.10193V8.33099C14.5306 8.58192 14.4529 8.82667 14.3084 9.03183C14.164 9.23699 13.9597 9.39256 13.7235 9.47731V14.3855C13.7235 14.8137 13.5534 15.2243 13.2506 15.5271C12.9478 15.8299 12.5372 16 12.109 16Z"/> 1133 </g> 1134 <defs> 1135 <clipPath id="clip0_349_382"> 1136 <rect width="14.5308" height="16" fill="white"/> 1137 </clipPath> 1138 </defs> 1139</svg> 1140 <div class="usp-item text-3xs font-semibold ml-3.5"> 1141 <strong>Versandkostenfrei </strong>ab 50€* <em>(inkl. MwSt.)</em> </div> 1142 </a> 1143</li> 1144 1145<li class="hidden lg:flex lg:relative inset-0 items-center justify-center"> 1146 <a href="https://www.haibu.de/service-kontakt" 1147 class="flex items-center text-black hover:no-underline focus:no-underline" 1148 > 1149 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 20" class="fill-current h-4, w-4" width="24" height="24" aria-hidden="true"> 1150 <g clip-path="url(#clip0_349_372)"> 1151 <path d="M2.26215 2.36612C1.81145 3.0335 1.64678 3.56223 1.78546 3.87426C2.83134 5.74513 3.98909 7.55121 5.25241 9.2827L6.92521 9.69875L2.26215 2.36612ZM13.7464 2.36612L9.07476 9.74207L10.7476 9.32603C12.013 7.59596 13.1708 5.78974 14.2145 3.91759C14.3619 3.56222 14.1972 3.0335 13.7464 2.36612ZM4.06499 14.3618C3.72214 14.3618 3.38698 14.4635 3.10191 14.6539C2.81684 14.8444 2.59465 15.1151 2.46344 15.4319C2.33224 15.7486 2.29795 16.0972 2.36484 16.4335C2.43172 16.7697 2.59683 17.0786 2.83926 17.321C3.08169 17.5634 3.39052 17.7285 3.72679 17.7954C4.06305 17.8623 4.41162 17.828 4.72837 17.6968C5.04512 17.5656 5.31586 17.3434 5.50634 17.0583C5.69682 16.7733 5.79846 16.4381 5.79846 16.0953C5.79846 15.6355 5.61581 15.1946 5.29071 14.8695C4.96562 14.5444 4.52473 14.3618 4.06499 14.3618ZM11.8656 14.3618C11.5228 14.3618 11.1876 14.4635 10.9026 14.6539C10.6175 14.8444 10.3953 15.1151 10.2641 15.4319C10.1329 15.7486 10.0986 16.0972 10.1655 16.4335C10.2324 16.7697 10.3975 17.0786 10.6399 17.321C10.8823 17.5634 11.1912 17.7285 11.5274 17.7954C11.8637 17.8623 12.2123 17.828 12.529 17.6968C12.8458 17.5656 13.1165 17.3434 13.307 17.0583C13.4975 16.7733 13.5991 16.4381 13.5991 16.0953C13.5991 15.6355 13.4165 15.1946 13.0914 14.8695C12.7663 14.5444 12.3254 14.3618 11.8656 14.3618ZM11.8656 19.5622C10.9461 19.5622 10.0643 19.1969 9.41413 18.5468C8.76395 17.8966 8.39868 17.0148 8.39868 16.0953C8.39566 15.6358 8.48632 15.1806 8.66515 14.7574C8.84397 14.3341 9.10722 13.9518 9.43878 13.6337L8.286 11.8222L8.00864 11.7529L7.7226 11.8222L6.52655 13.7031C7.15069 14.3427 7.4992 15.2016 7.49729 16.0953C7.49729 16.781 7.29395 17.4513 6.91299 18.0214C6.53204 18.5915 5.99056 19.0359 5.35705 19.2983C4.72355 19.5607 4.02646 19.6294 3.35394 19.4956C2.68141 19.3618 2.06369 19.0316 1.57882 18.5468C1.09396 18.0619 0.763756 17.4442 0.629983 16.7716C0.49621 16.0991 0.564847 15.402 0.827253 14.7685C1.08966 14.135 1.53405 13.5936 2.10419 13.2126C2.67433 12.8316 3.34464 12.6283 4.03034 12.6283C4.37647 12.6292 4.72076 12.6788 5.05308 12.7757L6.0325 11.2502L4.84507 10.9555C4.43241 10.8537 4.07148 10.6039 3.83095 10.2534C2.49916 8.44019 1.28886 6.54077 0.207987 4.56764C-0.312056 3.41488 0.207998 1.96742 1.68145 0.285947C1.77062 0.184316 1.88233 0.104961 2.00765 0.0542118C2.13296 0.00346301 2.26843 -0.0172567 2.40319 -0.00630761C2.53795 0.00464149 2.66823 0.0469569 2.78371 0.11727C2.89919 0.187584 2.99662 0.283935 3.06822 0.398627L8.00864 8.14727L12.9404 0.398627C13.012 0.283935 13.1094 0.187584 13.2249 0.11727C13.3404 0.0469569 13.4707 0.00464149 13.6055 -0.00630761C13.7402 -0.0172567 13.8757 0.00346301 14.001 0.0542118C14.1263 0.104961 14.238 0.184316 14.3272 0.285947C15.844 2.01942 16.3207 3.41488 15.8093 4.56764C14.7205 6.53799 13.5075 8.43709 12.1777 10.2534C11.9392 10.6021 11.5817 10.8518 11.1723 10.9555L9.97615 11.2502L10.9382 12.7497C11.2402 12.6662 11.5524 12.6254 11.8656 12.6283C12.7851 12.6283 13.667 12.9936 14.3171 13.6438C14.9673 14.294 15.3326 15.1758 15.3326 16.0953C15.3326 17.0148 14.9673 17.8966 14.3171 18.5468C13.667 19.1969 12.7851 19.5622 11.8656 19.5622Z"/> 1152 </g> 1153 <defs> 1154 <clipPath id="clip0_349_372"> 1155 <rect width="16" height="19.5363"/> 1156 </clipPath> 1157 </defs> 1158</svg> 1159 <div class="usp-item text-3xs font-semibold ml-3.5"> 1160 <strong>Professionelle</strong> Beratung </div> 1161 </a> 1162</li> 1163 1164<li class="hidden lg:flex lg:relative inset-0 items-center justify-center"> 1165 <a href="https://www.haibu.de/sicheres-zahlen"
1166 class="flex items-center text-black hover:no-underline focus:no-underline" 1167 > 1168 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 14" class="fill-current h-4, w-4" width="24" height="24" aria-hidden="true"> 1169 <g clip-path="url(#clip0_349_376)"> 1170 <path d="M7.2 9.9H4.5C4.2613 9.9 4.03239 9.80518 3.8636 9.6364C3.69482 9.46761 3.6 9.23869 3.6 9C3.6 8.7613 3.69482 8.53239 3.8636 8.3636C4.03239 8.19482 4.2613 8.1 4.5 8.1H7.2C7.43869 8.1 7.66761 8.19482 7.8364 8.3636C8.00518 8.53239 8.1 8.7613 8.1 9C8.1 9.23869 8.00518 9.46761 7.8364 9.6364C7.66761 9.80518 7.43869 9.9 7.2 9.9ZM10.8 9.9H9.9C9.6613 9.9 9.43239 9.80518 9.2636 9.6364C9.09482 9.46761 9 9.23869 9 9C9 8.7613 9.09482 8.53239 9.2636 8.3636C9.43239 8.19482 9.6613 8.1 9.9 8.1H10.8C11.0387 8.1 11.2676 8.19482 11.4364 8.3636C11.6052 8.53239 11.7 8.7613 11.7 9C11.7 9.23869 11.6052 9.46761 11.4364 9.6364C11.2676 9.80518 11.0387 9.9 10.8 9.9ZM1.8 1.8V3.6H16.2V1.8H1.8ZM1.8 6.3V11.7H16.2V6.3H1.8ZM16.2 13.5H1.8C1.32261 13.5 0.864773 13.3104 0.527208 12.9728C0.189642 12.6352 0 12.1774 0 11.7V1.8C0 1.32261 0.189642 0.864773 0.527208 0.527208C0.864773 0.189642 1.32261 0 1.8 0L16.2 0C16.6774 0 17.1352 0.189642 17.4728 0.527208C17.8104 0.864773 18 1.32261 18 1.8V11.7C18 12.1774 17.8104 12.6352 17.4728 12.9728C17.1352 13.3104 16.6774 13.5 16.2 13.5Z"/> 1171 </g> 1172 <defs> 1173 <clipPath id="clip0_349_376"> 1174 <rect width="18" height="13.5"/> 1175 </clipPath> 1176 </defs> 1177</svg> 1178 <div class="usp-item text-3xs font-semibold ml-3.5"> 1179 <strong>Sicheres </strong>Zahlen </div> 1180 </a> 1181</li> 1182 1183<li class="hidden lg:flex lg:relative inset-0 items-center justify-center"> 1184 <a href="https://www.haibu.de/ruecksendung" 1185 class="flex lg:hidden xl:flex items-center text-black hover:no-underline focus:no-underline" 1186 > 1187 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="fill-current h-4, w-4" width="24" height="24" aria-hidden="true"> 1188 <g clip-path="url(#clip0_349_368)"> 1189 <path d="M7.17008 8.21085C6.98964 8.21085 6.81328 8.15735 6.66325 8.0571C6.51322 7.95686 6.39626 7.81437 6.3272 7.64766C6.25815 7.48096 6.24011 7.29751 6.27531 7.12054C6.31051 6.94357 6.3974 6.78103 6.52499 6.65344C6.65258 6.52585 6.81515 6.43896 6.99212 6.40375C7.16909 6.36855 7.35251 6.3866 7.51922 6.45565C7.68592 6.5247 7.82841 6.64164 7.92866 6.79167C8.0289 6.9417 8.0824 7.11809 8.0824 7.29853C8.0824 7.54049 7.98627 7.77253 7.81518 7.94362C7.64408 8.11471 7.41205 8.21085 7.17008 8.21085ZM7.70837 11.3218C7.52903 11.3211 7.35389 11.2675 7.20483 11.1678C7.05577 11.0681 6.9394 10.9266 6.87028 10.7611C6.80117 10.5956 6.78236 10.4134 6.81622 10.2373C6.85007 10.0612 6.93507 9.89897 7.06061 9.7709L9.64248 7.18906C9.81701 7.03959 10.0415 6.96149 10.2711 6.97036C10.5007 6.97923 10.7185 7.07441 10.881 7.23689C11.0435 7.39937 11.1387 7.61718 11.1475 7.84679C11.1564 8.0764 11.0783 8.3009 10.9288 8.47543L8.34695 11.0573C8.17702 11.2258 7.94771 11.3208 7.70837 11.3218ZM10.8193 11.8601C10.6389 11.8601 10.4625 11.8066 10.3125 11.7064C10.1625 11.6061 10.0455 11.4636 9.97647 11.2969C9.90742 11.1302 9.88937 10.9468 9.92457 10.7698C9.95977 10.5928 10.0467 10.4303 10.1743 10.3027C10.3018 10.1751 10.4644 10.0882 10.6414 10.053C10.8184 10.0178 11.0018 10.0359 11.1685 10.1049C11.3352 10.174 11.4777 10.2909 11.5779 10.4409C11.6782 10.591 11.7317 10.7674 11.7317 10.9478C11.7317 11.1898 11.6355 11.4218 11.4644 11.5929C11.2933 11.764 11.0613 11.8601 10.8193 11.8601ZM8.99472 14.9437C9.09744 14.9449 9.19924 14.9634 9.2958 14.9985L11.4032 15.7283L12.5345 13.8125C12.6443 13.638 12.8075 13.5036 12.9998 13.4293L15.089 12.6356L14.7241 10.4369C14.6867 10.2325 14.7257 10.0215 14.8336 9.8439L15.9192 7.90066L14.2314 6.45008C14.0752 6.31571 13.9691 6.13242 13.9303 5.93006L13.5107 3.73137H11.2846C11.079 3.7211 10.8816 3.64783 10.719 3.52153L8.99472 2.08921L7.27043 3.50329C7.10786 3.62959 6.9104 3.70286 6.70479 3.71313H4.47874L4.05911 5.91182C4.02036 6.11418 3.91423 6.29745 3.75803 6.43182L2.07021 7.88243L3.15587 9.82564C3.25852 10.
11890052 3.29712 10.2143 3.26534 10.4187L2.90045 12.6173L4.98963 13.4111C5.18192 13.4854 5.3451 13.6198 5.45492 13.7942L6.58619 15.7101L8.69364 14.9802C8.79125 14.9514 8.89303 14.939 8.99472 14.9437ZM11.8047 17.7537C11.7018 17.754 11.5997 17.7355 11.5036 17.6989L8.99472 16.7866L6.48585 17.6989C6.38969 17.7355 6.28763 17.754 6.18477 17.7537C6.02644 17.7536 5.87085 17.7124 5.73329 17.634C5.59572 17.5557 5.48093 17.4428 5.40019 17.3066L4.04998 15.0167L1.55932 14.1044C1.36407 14.0296 1.20044 13.89 1.09581 13.709C0.991178 13.528 0.951897 13.3165 0.984551 13.11L1.41337 10.4916L0.108763 8.17435C0.00507736 7.9904 -0.0315758 7.77619 0.00502501 7.56823C0.0416258 7.36027 0.149187 7.17144 0.309446 7.03395L2.32569 5.30055L2.81832 2.69134C2.85908 2.48049 2.97295 2.29076 3.13983 2.15559C3.30671 2.02041 3.51591 1.94846 3.73063 1.95237H6.3855L8.44735 0.273684C8.59286 0.122148 8.78618 0.0254849 8.99472 0C9.20474 0.00169778 9.40776 0.0758226 9.56948 0.209843L11.6313 1.8885H14.2861C14.5009 1.8846 14.7101 1.95657 14.877 2.09175C15.0439 2.22692 15.1577 2.41662 15.1985 2.62748L15.6911 5.23669L17.7073 6.97011C17.8676 7.1076 17.9752 7.2964 18.0118 7.50436C18.0484 7.71232 18.0118 7.92656 17.9081 8.1105L16.6035 10.4278L17.0322 13.0461C17.0649 13.2526 17.0256 13.4641 16.921 13.6451C16.8163 13.8261 16.6527 13.9658 16.4575 14.0406L13.9669 14.9529L12.5892 17.334C12.5052 17.4651 12.3889 17.5725 12.2516 17.646C12.1142 17.7194 11.9604 17.7565 11.8047 17.7537Z"/> 1190 </g> 1191 <defs> 1192 <clipPath id="clip0_349_368"> 1193 <rect width="18" height="17.7537" fill="white"/> 1194 </clipPath> 1195 </defs> 1196</svg> 1197 <div class="usp-item text-3xs font-semibold ml-3.5"> 1198 <strong>Einfache </strong>Rücksendung </div> 1199 </a> 1200</li> 1201 </ul> 1202</section> 1203</div></div></div><header class="page-header bg-pink-lightest lg:bg-white sticky top-0 z-30"> 1204 1205<div id="header" 1206 class="w-full" 1207 x-data="initHeader()" 1208 @keydown.window.escape="searchOpen = false;" 1209 @private-content-loaded.window="getData(event.detail.data)" 1210 @scroll.window="scrolAtTop = (window.pageYOffset > 90) ? false : true" 1211 :class="{ '': !scrolAtTop }" 1212> 1213 <div class="container"> 1214 1215 <div class="flex flex-wrap md:justify-between items-center py-2.5 lg:py-0 lg:h-[90px] relative" 1216 :class="{ 'lg:h-[70px] mt-8': !scrolAtTop }" 1217 1218 > 1219 1220 1221<div class="lg:hidden flex-shrink-0 mr-4 mb-[10px]"> 1222 <a href="#" 1223 @click.prevent="$dispatch('toggle-mobile-menu')" 1224 class="h-10 w-10 flex items-center justify-center rounded-full bg-black text-white relative" 1225 title="Navigation"> 1226 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="fill-current h-5 w-5" width="24" height="24" role="img"> 1227 <path stroke-linecap="round" stroke-linejoin="round" d="M4 8h16M4 16h16"/> 1228<title>menu-alt-4</title></svg> 1229 </a> 1230</div> 1231 1232 1233<a href="https://www.haibu.de/" 1234 class="store-logo grow lg:grow-0 mb-0" 1235 title="Haibu.de - Hair & Beauty Professionals" 1236 aria-label="store logo"> 1237 <img class="mx-auto lg:mx-0 w-28 lg:w-40" 1238 src="https://www.haibu.de/static/version1791360036/frontend/Moma/default_DE/de_DE/images/logo.svg" 1239 title="Haibu.de - Hair & Beauty Professionals" 1240 alt="Haibu.de - Hair & Beauty Professionals" 1241 width="160" 1242 height="50" 1243 /> 1244</a> 1245 1246 1247<div class="hidden w-[100px] lg:block"> 1248 1249 <a href="https://www.trustedshops.de/bewertung/info_X58AE1F430672E02040339F5ADD541C04.html" target="_blank" class="text-black hover:no-underline no-underline"> 1250 <div class="h-5 w-full flex" style=" 1251 background: transparent url('https://www.haibu.de/static/version1791360036/frontend/Moma/default_DE/de_DE/images/trustedshops_star_grey-1x.png'); 1252 background-size: contain;"> 1253 <span class="inline-block bg-auto h-5" 1254 style=" 1255 background: transparent url('https://www.haibu.de/static/version1791360036/frontend/Moma/default_DE/de_DE/images/trustedshops_star_yellow-1x.png'); 1256 width: 90%; 1257 background-size: contain; 1258 "></span> 1259 </div> 1260 <span class="flex justify-center leading-5 text-3xs">Gut</span> 1261 <div class="flex justify-center block" 1262 :class="{ 'block': scrolAtTop, 'hidden': !scrolAtTop }"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 370 369" fill="none" class="h-7 w-7 fill-current" role="img"> 1263<path d="M185 6.7941e-06C148.596 8.13744e-06 113.01 10.7956 82.7421 31.0215C52.4742 51.2474 28.8841 79.995 14.9552 113.629C1.02638 147.262 -2.6155 184.271 4.49016 219.975C11.5958 255.678 29.1299 288.473 54.8747 314.211C80.6196 339.949 113.419 357.474 149.124 364.57C184.83 371.666 221.838 368.014 255.468 354.076C289.097 340.138 317.839 316.54 338.056 286.266C358.274 255.993 369.06 220.404 369.05 184C369.05 159.833 364.289 135.902 355.039 113.575C345.789 91.2475 332.231 70.9613 315.14 53.8747C298.049 36.788 277.759 23.2357 255.429 13.9918C233.099 4.7479 209.167 -0.006
126356044 185 6.7941e-06V6.7941e-06ZM183.48 299.43C160.537 299.43 138.11 292.627 119.034 279.88C99.9578 267.134 85.0898 249.018 76.31 227.821C67.5302 206.625 65.2331 183.301 69.7089 160.8C74.1848 138.298 85.2328 117.629 101.456 101.406C117.679 85.1827 138.348 74.1348 160.85 69.6589C183.351 65.183 206.675 67.4802 227.871 76.26C249.068 85.0398 267.184 99.9078 279.931 118.984C292.677 138.06 299.48 160.487 299.48 183.43C299.467 214.186 287.24 243.679 265.487 265.422C243.734 287.165 214.236 299.38 183.48 299.38V299.43Z" fill="black"/> 1264<path d="M233.88 219.82C217 244.76 193.55 267.49 162 267.49C128.63 267.49 109.2 246.59 109.2 212.86C109.2 158.23 149.53 104.7 206.36 104.7C225.42 104.7 251.09 112.4 251.09 135.5C251.09 176.93 186.19 190.86 154.29 198.93C153.19 205.93 152.1 212.86 152.1 219.82C152.1 234.12 159.79 247.32 175.56 247.32C196.09 247.32 212.56 227.52 224.69 212.86L233.88 219.82ZM216.28 130.73C216.28 122.3 211.51 115.73 202.71 115.73C176.31 115.73 162.71 167.06 157.62 187.22C182.18 179.86 216.28 159.7 216.28 130.73Z" fill="black"/> 1265<title>trustedshops-logo</title></svg> 1266</div> 1267 </a> 1268 </div> 1269 1270 1271
1272<script> 1273 'use strict'; 1274 1275 function initMiniSearchComponent() { 1276 return { 1277 show: false, 1278 scrolAtTop: true, 1279 url: "https\u003A\u002F\u002Fwww.haibu.de\u002Fsearch\u002Fajax\u002Fsuggest\u002F", 1280 templates: {"term":{"title":"Suchen Sie danach?","template":"Hyva_SmileElasticsuite::core\/autocomplete\/term.phtml"},"product":{"title":"Produkte","template":"Hyva_SmileElasticsuite::catalog\/autocomplete\/product.phtml"},"category":{"title":"Kategorien","template":"Hyva_SmileElasticsuite::catalog\/autocomplete\/category.phtml"},"product_attribute":{"title":"Attribute","template":"Hyva_SmileElasticsuite::catalog\/autocomplete\/product_attribute.phtml","titleRenderer":"renderEsAutocompleteTitleAttribute"},"cms_page":{"title":"Cms page","template":"Hyva_SmileElasticsuite::cms-search\/autocomplete\/cms.phtml"}}, 1281 minSearchLength: 3, 1282 searchResultsByType: {}, 1283 currentRequest: null, 1284 1285 getSearchResults() { 1286 const value = this.$refs.searchInput.value.trim(); 1287 1288 if (value.length < parseInt(this.minSearchLength, 10)) { 1289 this.searchResultsByType = {}; 1290 this.show = false; 1291 1292 return false; 1293 } 1294 1295 const url = this.url + '?' + new URLSearchParams({q: value}).toString(); 1296 1297 if (this.currentRequest !== null) { 1298 this.currentRequest.abort(); 1299 } 1300 this.currentRequest = new AbortController(); 1301 1302 fetch(url, { 1303 method: 'GET', 1304 signal: this.currentRequest.signal, 1305 headers: {'X-Requested-With': 'XMLHttpRequest'} 1306 }).then((response) => { 1307 if (response.ok) { 1308 return response.json(); 1309 } 1310 }).then((data) => { 1311 if (data === undefined) { 1312 return; 1313 } 1314 this.show = data.length > 0; 1315 this.searchResultsByType = data.reduce((acc, result) => { 1316 if (!acc[result.type]) acc[result.type] = []; 1317 acc[result.type].push(result); 1318 return acc; 1319 }, {}); 1320 }).catch(() => {}); 1321 }, 1322 hasSpecialPrice(searchResult) { 1323 return searchResult.price_value > 0 1324 && Math.abs(searchResult.final_price_value - searchResult.price_value) > 0.0001; 1325 }, 1326 formatPrice(price) { 1327 return hyva.formatPrice(price, false); 1328 } 1329 } 1330 } 1331</script>
1331 1332 1333<div class="relative order-5 lg:order-3 w-full lg:w-4/12" 1334 x-data="initMiniSearchComponent()" 1335 @scroll.window="scrolAtTop = (window.pageYOffset > 90) ? false : true" 1336 @click.outside="show = false" 1337 @keydown.escape="show = false"> 1338 <form class="form minisearch" id="search_mini_form" action="https://www.haibu.de/catalogsearch/result/" method="get" role="search"> 1339 <div class="cursor-pointer absolute inset-y-0 right-0 pr-5 flex items-center" @click="document.getElementById('search_mini_form').submit()"> 1340 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 17" class="fill-current h-4 w-4" width="24" height="24" role="img"> 1341<path fill-rule="evenodd" clip-rule="evenodd" d="M16.71 15.29L13.59 12.2C14.6542 10.7841 15.142 9.01743 14.9552 7.25607C14.7684 5.49471 13.9209 3.86966 12.5834 2.70846C11.2459 1.54726 9.51792 0.93627 7.74778 0.998638C5.97765 1.06101 4.29697 1.7921 3.04452 3.04455C1.79207 4.297 1.06098 5.97768 0.998608 7.74781C0.936239 9.51795 1.54723 11.2459 2.70843 12.5834C3.86963 13.9209 5.49468 14.7685 7.25604 14.9553C9.0174 15.1421 10.7841 14.6542 12.2 13.59L15.29 16.7C15.3829 16.7937 15.4935 16.8681 15.6154 16.9189C15.7373 16.9697 15.868 16.9958 16 16.9958C16.132 16.9958 16.2627 16.9697 16.3846 16.9189C16.5064 16.8681 16.617 16.7937 16.71 16.7C16.8962 16.5126 17.0008 16.2592 17.0008 15.995C17.0008 15.7308 16.8962 15.4774 16.71 15.29ZM7.99998 13C7.01107 13 6.04437 12.7068 5.22213 12.1574C4.39988 11.6079 3.75902 10.8271 3.38058 9.91343C3.00214 8.99979 2.90313 7.99446 3.09605 7.02456C3.28898 6.05465 3.76518 5.16374 4.46444 4.46447C5.16371 3.76521 6.05462 3.28901 7.02453 3.09608C7.99443 2.90316 8.99976 3.00217 9.91339 3.38061C10.827 3.75905 11.6079 4.39991 12.1573 5.22216C12.7067 6.0444 13 7.0111 13 8.00001C13 8.65662 12.8706 9.3068 12.6194 9.91343C12.3681 10.5201 11.9998 11.0712 11.5355 11.5355C11.0712 11.9998 10.52 12.3681 9.91339 12.6194C9.30677 12.8707 8.65659 13 7.99998 13Z"/> 1342<title>moma-search</title></svg> 1343 </div> 1344 <label class="sr-only" for="search"> 1345 Gesamten Shop hier durchsuchen... </label> 1346 <input id="search" 1347 x-ref="searchInput" 1348 type="search" 1349 autocapitalize="off" autocomplete="off" autocorrect="off" 1350 name="q" 1351 value="" 1352 placeholder="Gesamten Shop hier durchsuchen..." 1353 maxlength="128" 1354 class="form-input h-10 w-full text-xs font-medium pl-5 pr-10 placeholder:text-black" 1355 :class="{ '!h-10': !scrolAtTop }" 1356 @input.debounce.300ms="getSearchResults()" 1357 @focus="show = Object.keys(searchResultsByType).length > 0" 1358 @search-open.window.debounce.10=" 1359 $el.focus(); 1360 $el.select(); 1361 " 1362 /> 1363 <div id="search_autocomplete" 1364 class="search-autocomplete w-full leading-normal transition appearance-none text-black flex flex-col border border-gray absolute max-h-96 overflow-y-auto" 1365 style="display:none; z-index: 2;" 1366 x-show="show"> 1367 <template x-for="searchResultByType in Object.values(searchResultsByType)"> 1368 <div class="w-full"> 1369 <!-- Section heading for term suggestions only; product rows render without one, 1370 matching the previous Tweakwise dropdown --> 1371 <template x-if="searchResultByType.hasOwnProperty(0) && searchResultByType[0].type !== 'product' && templates[searchResultByType[0].type].title"> 1372 <div class="qs-suggestion-heading font-semibold p-2 text-2xs bg-white border-b border-gray" 1373 x-text="templates[searchResultByType[0].type].title"></div> 1374 </template> 1375 1376 <template x-for="searchResult in searchResultByType"> 1377 <div class="bg-white hover:bg-gray-lighter"> 1378 1379<template x-if="searchResult.type == 'term'"> 1380 <a class="w-full flex justify-between p-2 text-2xs text-black cursor-pointer border-b border-gray" 1381 x-bind:href="'https://www.haibu.de/catalogsearch/result/?q=' + encodeURIComponent(searchResult.title)" 1382 :title="searchResult.title">
1383 <span class="qs-option-name" x-text="searchResult.title"></span> 1384 <span aria-hidden="true" class="amount" x-text="searchResult.num_results"></span> 1385 </a> 1386</template> 1387 1388<template x-if="searchResult.type == 'product'"> 1389 <a class="product-item flex text-2xs text-black p-2 cursor-pointer border-b border-gray" 1390 :href="searchResult.url" 1391 :title="searchResult.title"> 1392 <template x-if="searchResult.image"> 1393 <img class="h-12 w-12 qs-option-image mr-2 object-contain" 1394 :src="searchResult.image" 1395 :alt="searchResult.title" 1396 width="48" height="48" loading="lazy"/> 1397 </template> 1398 <div class="qs-option-info-container"> 1399 <div class="qs-option-name" x-text="searchResult.title"></div> 1400 <div class="price-box"> 1401 <template x-if="!hasSpecialPrice(searchResult) && searchResult.final_price_value > 0"> 1402 <span class="price-container"> 1403 <span class="price-wrapper"> 1404 <span class="price !text-2xs" x-html="formatPrice(searchResult.final_price_value)"></span> 1405 </span> 1406 </span> 1407 </template> 1408 1409 <template x-if="hasSpecialPrice(searchResult)"> 1410 <span class="price-container"> 1411 <span class="old-price sly-old-price mr-1"> 1412 <span class="price-label hidden">Regulärer Preis</span> 1413 <span class="price-wrapper"> 1414 <span class="price font-normal line-through !text-2xs text-gray-500" 1415 x-html="formatPrice(searchResult.price_value)"></span> 1416 </span> 1417 </span> 1418 <span class="special-price"> 1419 <span class="price-label hidden">Sonderpreis</span> 1420 <span class="price-wrapper"> 1421 <span class="price !text-2xs" x-html="formatPrice(searchResult.final_price_value)"></span> 1422 </span> 1423 </span> 1424 </span> 1425 </template> 1426 </div> 1427 </div> 1428 </a> 1429</template> 1430 1431<template x-if="searchResult.type == 'category'"> 1432 <a class="w-full block p-2" :href="searchResult.url" :title="searchResult.title"> 1433 <span class="text-sm italic block text-gray-500" x-text="searchResult.breadcrumb.join(' > ').concat(' > ')"></span> 1434 <span class="text-sm" x-text="searchResult.title"></span> 1435 </a> 1436</template> 1437 1438<template x-if="searchResult.type == 'product_attribute'"> 1439 <a class="w-full block p-2" :href="searchResult.url" :title="searchResult.title"> 1440 <span class="text-sm" x-text="searchResult.title"></span> 1441 <span class="text-xs uppercase text-gray-500" x-text="searchResult.attribute_label" style="vertical-align: super;"></span> 1442 </a> 1443</template> 1444
1445<script> 1446 function renderEsAutocompleteTitleAttribute(data) 1447 { 1448 data = data.filter(function(item) { 1449 return item.type === 'product_attribute'; 1450 }).map(function(item) { 1451 return item['attribute_label'] 1452 }).reduce(function(prev, item) { 1453 if (item in prev) { 1454 prev[item]++; 1455 } else { 1456 prev[item] = 1; 1457 } 1458 return prev; 1459 }, {}); 1460 1461 data = Object.entries(data).sort(function(item1, item2) { 1462 return item2[1] - item1[1] 1463 }).map(function(item) {return item[0]}); 1464 1465 if (data.length > 2) { 1466 data = data.slice(0, 2); 1467 data.push('...'); 1468 } 1469 1470 return data.join(', '); 1471 } 1472</script>
1472 1473 1474<template x-if="searchResult.type == 'cms_page'"> 1475 <a class="w-full block p-2" :href="searchResult.url" :title="searchResult.title"> 1476 <span class="text-sm" x-text="searchResult.title"></span> 1477 </a> 1478</template> 1479 </div> 1480 </template> 1481 </div> 1482 </template> 1483 </div> 1484 <button type="submit" 1485 title="Suche" 1486 class="action search sr-only" 1487 aria-label="Search" 1488 > 1489 Suche </button> 1490 </form> 1491</div> 1492 1493 1494<div class="items-center gap-5 text-2xs hidden xl:flex order-4"> 1495 <div class="flex-shrink-0"> 1496 <div id="robin_tab_container" class="h-[50px] w-[50px] flex items-center justify-center rounded-full border border-gray" x-data="initRobinHq()"> 1497 <p @click.prevent="openRobin()" class="cursor-pointer"> 1498 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="fill-current text-black h-5 w-5" width="24" height="24" role="img"> 1499 <path d="M16.4825 3.51832C15.4566 2.48817 14.1998 1.71762 12.8165 1.27064C11.4331 0.823664 9.963 0.713166 8.52833 0.948323C6.67799 1.25913 4.9663 2.12641 3.62133 3.43461C2.27636 4.74281 1.36197 6.42981 1 8.27082C0.635316 10.1715 0.883942 12.1389 1.71 13.8892L1.20084 16.4167C1.13597 16.7434 1.15265 17.0812 1.24943 17.4C1.3462 17.7188 1.52007 18.0088 1.75564 18.2444C1.99122 18.4799 2.28124 18.6538 2.60003 18.7506C2.91882 18.8473 3.25656 18.864 3.58334 18.7992L6.1075 18.2942C7.32442 18.8695 8.65391 19.1675 10 19.1667C10.5804 19.1664 11.1596 19.1123 11.73 19.005C13.5718 18.6425 15.2594 17.7272 16.5678 16.3811C17.8762 15.0351 18.7432 13.3222 19.0533 11.4708C19.2886 10.0363 19.178 8.56643 18.7309 7.18326C18.2838 5.8001 17.5129 4.54364 16.4825 3.51832ZM17.405 11.2142C17.2153 12.379 16.753 13.4824 16.0559 14.4347C15.3588 15.3869 14.4466 16.161 13.3935 16.6938C12.3405 17.2266 11.1765 17.5031 9.99636 17.5007C8.81622 17.4983 7.65334 17.2171 6.6025 16.68C6.48549 16.6197 6.35578 16.5883 6.22417 16.5883C6.1682 16.5883 6.11237 16.5939 6.0575 16.605L3.2575 17.165C3.19922 17.1765 3.13898 17.1735 3.08213 17.1562C3.02528 17.139 2.97357 17.108 2.93155 17.0659C2.88954 17.0239 2.85852 16.9722 2.84124 16.9154C2.82397 16.8585 2.82097 16.7983 2.8325 16.74L3.3925 13.9392C3.42954 13.7553 3.4031 13.5644 3.3175 13.3975C2.78078 12.3464 2.49994 11.1834 2.49786 10.0032C2.49578 8.82306 2.77252 7.65908 3.30554 6.60612C3.83855 5.55316 4.61277 4.64101 5.56512 3.94397C6.51746 3.24693 7.621 2.78472 8.78583 2.59499C9.96098 2.40367 11.1648 2.4945 12.2979 2.85999C13.4311 3.22547 14.4611 3.85513 15.303 4.69703C16.1448 5.53893 16.7745 6.56893 17.14 7.70207C17.5055 8.83521 17.5963 10.039 17.405 11.2142Z"/> 1500 <path d="M13.3333 7.5H6.66668C6.44566 7.5 6.2337 7.5878 6.07742 7.74408C5.92114 7.90036 5.83334 8.11232 5.83334 8.33333C5.83334 8.55434 5.92114 8.76631 6.07742 8.92259C6.2337 9.07887 6.44566 9.16666 6.66668 9.16666H13.3333C13.5543 9.16666 13.7663 9.07887 13.9226 8.92259C14.0789 8.76631 14.1667 8.55434 14.1667 8.33333C14.1667 8.11232 14.0789 7.90036 13.9226 7.74408C13.7663 7.5878 13.5543 7.5 13.3333 7.5Z"/> 1501 <path d="M10 10.8333H6.66668C6.44566 10.8333 6.2337 10.9211 6.07742 11.0774C5.92114 11.2337 5.83334 11.4456 5.83334 11.6667C5.83334 11.8877 5.92114 12.0996 6.07742 12.2559C6.2337 12.4122 6.44566 12.5 6.66668 12.5H10C10.221 12.5 10.433 12.4122 10.5893 12.2559C10.7456 12.0996 10.8334 11.8877 10.8334 11.6667C10.8334 11.4456 10.7456 11.2337 10.5893 11.0774C10.433 10.9211 10.221 10.8333 10 10.8333Z"/> 1502<title>moma-chat</title></svg> 1503 </p> 1504 </div> 1505 </div> 1506 <div class="flex-1 hidden 2xl:block"> 1507 <p class="font-semibold leading-4 mb-1" x-show="scrolAtTop">Kundenservice</p> 1508 <p id="robin_tab_container" class="leading-4 customer-service-header" x-data="initRobinHq()"> 1509 <a @click.prevent="openRobin()" 1510 class="font-semibold" 1511 href="#" 1512 title="Chat"> 1513 Chat </a> 1514 oder rufen Sie <strong><a href="https://www.haibu.de/service-kontakt">uns</a> </strong>an </p> 1515 </div> 1516</div> 1517 1518 1519<div class="flex flex-row lg:min-w-[12.5%] items-center gap-5 text-2xs order-2 lg:order-5 mb-[10px] lg:mb-0 lg:relative"> 1520 <a href="https://www.haibu.de/customer/account/login/" 1521 class="flex-shrink-0 relative" 1522 @click="toggleLoginMenu($event)" 1523 title="Anmelden" 1524 >
1525 <span class="h-10 w-10 lg:h-[50px] lg:w-[50px] flex items-center justify-center rounded-full bg-pink text-white" 1526 :class="{ 'lg:h-10 lg:w-10': !scrolAtTop }" 1527 > 1528 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 20" class="fill-current w-4 h-5" width="24" height="24" role="img"> 1529 <path d="M11.0217 9.80751C11.8559 9.17472 12.4705 8.29598 12.7786 7.29525C13.0867 6.29452 13.0729 5.22231 12.7391 4.22985C12.4053 3.23739 11.7683 2.37477 10.918 1.76368C10.0678 1.15258 9.04709 0.823853 8 0.823853C6.9529 0.823853 5.93223 1.15258 5.08195 1.76368C4.23168 2.37477 3.59471 3.23739 3.26089 4.22985C2.92708 5.22231 2.91326 6.29452 3.2214 7.29525C3.52954 8.29598 4.14408 9.17472 4.97833 9.80751C3.64769 10.3942 2.5161 11.3547 1.72108 12.5724C0.926061 13.7901 0.50185 15.2124 0.5 16.6667C0.5 17.3297 0.763392 17.9656 1.23223 18.4344C1.70107 18.9033 2.33696 19.1667 3 19.1667H13C13.663 19.1667 14.2989 18.9033 14.7678 18.4344C15.2366 17.9656 15.5 17.3297 15.5 16.6667C15.4981 15.2124 15.0739 13.7901 14.2789 12.5724C13.4839 11.3547 12.3523 10.3942 11.0217 9.80751ZM4.66667 5.83334C4.66667 5.17407 4.86216 4.52961 5.22843 3.98144C5.59471 3.43328 6.1153 3.00604 6.72439 2.75375C7.33348 2.50145 8.0037 2.43544 8.6503 2.56406C9.2969 2.69268 9.89085 3.01015 10.357 3.47632C10.8232 3.9425 11.1407 4.53644 11.2693 5.18304C11.3979 5.82965 11.3319 6.49987 11.0796 7.10896C10.8273 7.71804 10.4001 8.23864 9.8519 8.60491C9.30374 8.97118 8.65927 9.16668 8 9.16668C7.11594 9.16668 6.2681 8.81549 5.64298 8.19037C5.01786 7.56525 4.66667 6.7174 4.66667 5.83334ZM13 17.5H3C2.77899 17.5 2.56702 17.4122 2.41074 17.2559C2.25446 17.0997 2.16667 16.8877 2.16667 16.6667C2.16667 15.1196 2.78125 13.6358 3.87521 12.5419C4.96917 11.4479 6.4529 10.8333 8 10.8333C9.5471 10.8333 11.0308 11.4479 12.1248 12.5419C13.2188 13.6358 13.8333 15.1196 13.8333 16.6667C13.8333 16.8877 13.7455 17.0997 13.5893 17.2559C13.433 17.4122 13.221 17.5 13 17.5Z"/> 1530<title>moma-account</title></svg> 1531 </span> 1532 1533 <template x-if="customer && customer.signin_token && customer.pro"> 1534 <span class="block absolute -right-[4px] -top-[1px] lg:hidden bg-black rounded-full text-white flex items-center justify-center"> 1535 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 10 9" class="fill-current h-2.5 w-2.5 m-1" role="img"> 1536 <path d="M3.31823 8.14482L0.136507 5.03584C0.0935037 4.99665 0.0591472 4.9489 0.0356421 4.89568C0.012137 4.84246 0 4.78491 0 4.72673C0 4.66855 0.012137 4.61106 0.0356421 4.55784C0.0591472 4.50461 0.0935037 4.45687 0.136507 4.41768L0.772849 3.79042C0.86137 3.71057 0.976355 3.66636 1.09557 3.66636C1.21478 3.66636 1.32976 3.71057 1.41828 3.79042L3.6364 5.97215L8.58172 1.12687C8.66821 1.04301 8.78395 0.996094 8.90443 0.996094C9.02491 0.996094 9.14065 1.04301 9.22715 1.12687L9.86349 1.75413C9.9065 1.79332 9.94085 1.84101 9.96436 1.89423C9.98786 1.94745 10 2.005 10 2.06318C10 2.12136 9.98786 2.17891 9.96436 2.23213C9.94085 2.28535 9.9065 2.3331 9.86349 2.37229L3.95457 8.14482C3.86961 8.2281 3.75538 8.27477 3.6364 8.27477C3.51743 8.27477 3.4032 8.2281 3.31823 8.14482Z"/> 1537<title>moma-check-mark</title></svg> 1538 </span> 1539 </template> 1540 </a> 1541 <div class="leading-4 hidden lg:block w-full" x-on:click="loginOpen = ! loginOpen"> 1542 <p :class="{ 'mb-1': scrolAtTop }"> 1543 <template x-if="customer && customer.signin_token && customer.pro"> 1544 <span class="block px-2 py-0.5 bg-black text-white uppercase w-max rounded-full font-bold flex items-center gap-1 text-4xs"> 1545 <span class=""> 1546 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 10 9" class="fill-current h-2 w-2.5" role="img"> 1547 <path d="M3.31823 8.14482L0.136507 5.03584C0.0935037 4.99665 0.0591472 4.9489 0.0356421 4.89568C0.012137 4.84246 0 4.78491 0 4.72673C0 4.66855 0.012137 4.61106 0.0356421 4.55784C0.0591472 4.50461 0.0935037 4.45687 0.136507 4.41768L0.772849 3.79042C0.86137 3.71057 0.976355 3.66636 1.09557 3.66636C1.21478 3.66636 1.32976 3.71057 1.41828 3.79042L3.6364 5.97215L8.58172 1.12687C8.66821 1.04301 8.78395 0.996094 8.90443 0.996094C9.02491 0.996094 9.14065 1.04301 9.22715 1.12687L9.86349 1.75413C9.9065 1.79332 9.94085 1.84101 9.96436 1.89423C9.98786 1.94745 10 2.005 10 2.06318C10 2.12136 9.98786 2.17891 9.96436 2.23213C9.94085 2.28535 9.9065 2.3331 9.86349 2.37229L3.95457 8.14482C3.86961 8.2281 3.75538 8.27477 3.6364 8.27477C3.51743 8.27477 3.4032 8.2281 3.31823 8.14482Z"/> 1548<title>moma-check-mark</title></svg> 1549 </span> 1550 PROFI </span> 1551 </template> 1552 <template x-if="!customer || !customer.signin_token">
1553 <span class="font-semibold leading-4 mb-1" x-show="scrolAtTop"> 1554 Konto </span> 1555 </template> 1556 </p> 1557 <span class="leading-4"> 1558 <template x-if="customer && customer.signin_token"> 1559 <span class="block font-semibold" 1560 x-text="customer.firstname"></span> 1561 </template> 1562 <template x-if="!customer || !customer.signin_token"> 1563 <span class="text-blue font-semibold cursor-pointer select-none"> 1564 Anmelden </span> 1565 </template> 1566 </span> 1567 </div> 1568 1569 <div class="hidden absolute h-auto bg-white z-30 left-[-108px]" 1570 :class="{ 'top-16': scrolAtTop, 'top-[3.225rem] left-[-188px]': !scrolAtTop, 'lg:block': loginOpen }" 1571 x-cloak> 1572 <div class="bg-white shadow p-6 border border-gray rounded w-[466px] tool-tip-arrow-top" 1573 :class="{ 'tool-tip-arrow-top--sticky': !scrolAtTop }"> 1574 1575 <template x-if="customer && customer.signin_token"> 1576 <div> 1577 <div class="flex gap-3 mb-2 items-center"> 1578 <span class="text-xl font-bold text-sans-serif mb-0"> 1579 Hi <span x-text="customer.firstname"></span> 1580 </span> 1581 <template x-if="customer.pro"> 1582 <span class="block px-2 py-0.5 bg-black text-white uppercase w-max rounded-full font-semibold text-3xs flex items-center gap-2 text-3xs h-5"> 1583 <span class=""> 1584 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 10 9" class="fill-current h-2 w-2.5" role="img"> 1585 <path d="M3.31823 8.14482L0.136507 5.03584C0.0935037 4.99665 0.0591472 4.9489 0.0356421 4.89568C0.012137 4.84246 0 4.78491 0 4.72673C0 4.66855 0.012137 4.61106 0.0356421 4.55784C0.0591472 4.50461 0.0935037 4.45687 0.136507 4.41768L0.772849 3.79042C0.86137 3.71057 0.976355 3.66636 1.09557 3.66636C1.21478 3.66636 1.32976 3.71057 1.41828 3.79042L3.6364 5.97215L8.58172 1.12687C8.66821 1.04301 8.78395 0.996094 8.90443 0.996094C9.02491 0.996094 9.14065 1.04301 9.22715 1.12687L9.86349 1.75413C9.9065 1.79332 9.94085 1.84101 9.96436 1.89423C9.98786 1.94745 10 2.005 10 2.06318C10 2.12136 9.98786 2.17891 9.96436 2.23213C9.94085 2.28535 9.9065 2.3331 9.86349 2.37229L3.95457 8.14482C3.86961 8.2281 3.75538 8.27477 3.6364 8.27477C3.51743 8.27477 3.4032 8.2281 3.31823 8.14482Z"/> 1586<title>moma-check-mark</title></svg> 1587 </span> 1588 PROFI </span> 1589 </template> 1590 <a href="https://www.haibu.de/customer/account/logout/" 1591 title="Abmelden" 1592 class="ml-auto" 1593 > 1594 Abmelden </a> 1595 </div> 1596 <div class="flex gap-16 mt-4 pt-6 border-t border-gray"> 1597 1598 <div class="flex flex-col"> 1599 <a href="https://www.haibu.de/customer/account/" 1600 title="Ãberblick" 1601 rel="nofollow"> 1602 Ãberblick </a> 1603 <a href="https://www.haibu.de/sales/order/history/" 1604 title="Aufträge" 1605 rel="nofollow"> 1606 Aufträge </a> 1607 <a href="https://www.haibu.de/customer/address/" 1608 title="Adressen" 1609 rel="nofollow"> 1610 Adressen </a> 1611 </div> 1612 1613 <div class="flex flex-col"> 1614 <a href="https://www.haibu.de/wishlist/" 1615 title="Wunschzettel" 1616 rel="nofollow"> 1617 Wunschzettel </a> 1618 <a href="https://www.haibu.de/contact-service/" 1619 title="Kundenservice" 1620 rel="nofollow"> 1621 Kundenservice </a> 1622 </div> 1623 <div class="flex flex-col"> 1624 </div> 1625 </div> 1626 </div> 1627 </template> 1628 <template x-if="!customer || !customer.signin_token"> 1629 <div> 1630 <div class="text-xl font-bold text-sans-serif mb-2"> 1631 Anmelden </div> 1632 1633 <div class="flex gap-8 mt-4 pt-6 border-t border-gray"> 1634 <a href="https://www.haibu.de/customer/account/login/" 1635 title="Anmelden" 1636 class="btn btn-secondary" 1637 rel="nofollow"> 1638 Anmelden </a> 1639 <a href="https://www.haibu.de/customer/account/create/" 1640 title="Registrieren" 1641 class="btn btn-secondary bg-pink-lighter text-pink hover:text-white border-pink-lighter" 1642 rel="nofollow"> 1643 Registrieren </a> 1644 </div> 1645 </div> 1646 </template> 1647 </div> 1648 </div> 1649</div> 1650 1651 1652<a href="https://www.haibu.de/checkout/cart/index/" 1653 class="min-w-1/5 flex items-center order-3 lg:order-6 gap-5 text-black text-2xs hover:no-underline focus:no-underline ml-[5px] lg:ml-0 mb-[10px] lg:mb-0" 1654 @click.prevent.stop="if(cart && cart.summary_count > 0) {$dispatch('toggle-cart',{})};" rel="nofollow" 1655 title=Shopping cart> 1656 <div class="flex-shrink-0"> 1657 <div class="h-10 w-10 lg:h-[50px] lg:w-[50px] flex items-center justify-center rounded-full bg-green text-white relative" 1658 :class="{ 'lg:h-10 lg:w-10': !scrolAtTop }" 1659 > 1660 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 19" class="fill-current h-5 w-4" width="24" height="24" role="img"> 1661 <g clip-path="url(#clip0_349_1593)"> 1662 <path d="M8 2C6.9 2 6.29 2.86 6.08 4.71H9.88C9.68 2.86 9.07 2 8 2ZM2.73 6.71L2 16.71H13.85L13.12 6.71H11.92V8.36C11.92 8.62522 11.8146 8.87957 11.6271 9.06711C11.4396 9.25464 11.1852 9.36 10.92 9.36C10.6548 9.36 10.4004 9.25464 10.2129 9.06711C10.0254 8.87957 9.92 8.62522 9.92 8.36V6.71H6V8.36C6 8.62522 5.89464 8.87957 5.70711 9.06711C5.51957 9.25464 5.26522 9.36 5 9.36C4.73478 9.36 4.48043 9.25464 4.29289 9.06711C4.10536 8.87957 4 8.62522 4 8.36V6.71H2.73ZM13.85 18.71H2C1.46957 18.71 0.960859 18.4993 0.585786 18.1242C0.210713 17.7491 -5.248e-07 17.2404 -5.248e-07 16.71C-0.00496402 16.6635 -0.00496402 16.6165 -5.248e-07 16.57L0.719999 6.57C0.755491 6.0642 0.981773 5.59076 1.35307 5.24545C1.72436 4.90015 2.21295 4.70876 2.72 4.71H4.05C4.36 1.63 5.72 0 8 0C10.28 0 11.62 1.63
166211.92 4.71H13.15C13.657 4.70876 14.1456 4.90015 14.5169 5.24545C14.8882 5.59076 15.1145 6.0642 15.15 6.57L15.88 16.57C15.9018 17.0966 15.715 17.6105 15.36 18C15.1883 18.1995 14.9789 18.3632 14.7438 18.4816C14.5087 18.6 14.2525 18.6708 13.99 18.69L13.85 18.71Z"/> 1663 </g> 1664 <defs> 1665 <clipPath id="clip0_349_1593"> 1666 <rect width="15.85" height="18.71"/> 1667 </clipPath> 1668 </defs> 1669<title>moma-cart</title></svg> 1670 <span x-text="cart.summary_count" 1671 class="absolute right-[-8px] lg:right-[-10px] top-[0px] lg:top-[4px] h-[19px] lg:h-[22px] w-[19px] lg:w-[22px] bg-black rounded-full text-white font-semibold items-center justify-center" 1672 :class="{ 1673 'hidden': !cart.summary_count, 1674 'flex': cart.summary_count }" 1675 > 1676 </span> 1677 </div> 1678 </div> 1679 <div class="flex-1 hidden lg:block"> 1680 <p class="font-semibold leading-4 mb-1" x-html="(cart.subtotal_incl_tax ?? hyva.formatPrice(0))">...</p> 1681 <p class="leading-4" x-show="scrolAtTop">Preise sind inkl. MwSt.</p> 1682 </div> 1683</a> 1684 </div> 1685 1686 </div> 1687 1688 <!--Main Navigation--> 1689 <div x-data="initMenuMobile_6ac73fd00bb8e()" 1690 x-init="$watch('open', value => value ? document.body.classList.add('overflow-hidden') : document.body.classList.remove('overflow-hidden'))" 1691 class="order-2 sm:order-1 lg:order-2 navigation lg:hidden"> 1692 1693 <!-- mobile --> 1694 <div class="bg-white z-40 h-full" 1695 :class="{'min-h-screen fixed top-0 left-0 w-full' : open}" 1696 @toggle-mobile-menu.window="open = !open" 1697 @keydown.window.escape="open=false" 1698 > 1699 1700 <div :class="{ 'hidden' : !open, 'block': open }" class="hidden"> 1701 <div class="mobile-menu-usps"> 1702 <div class="bg-gray-lighter"><div class="container"><section aria-label="Onze voordelen"> 1703 <ul role="list" class="relative flex justify-center md:justify-between items-end md:items-center md:h-[50px] py-3 list-none m-0 p-0"> 1704 1705<li class="absolute lg:relative inset-0 flex items-center justify-center"> 1706 <a href="https://www.haibu.de/versand" 1707 class="flex items-center text-black hover:no-underline focus:no-underline" 1708 > 1709 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 15" class="fill-current h-4, w-4" width="24" height="24" aria-hidden="true"> 1710 <path d="M13.3333 1.66667V5H17.1L14.65 1.66667H13.3333ZM15 10C15.3523 9.99954 15.7007 10.0735 16.0224 10.2172C16.3441 10.3608 16.6318 10.5707 16.8667 10.8333H18.3333V6.66667H13.3333C12.8913 6.66667 12.4674 6.49107 12.1548 6.17851C11.8423 5.86595 11.6667 5.44203 11.6667 5V1.66667H1.66667V10.8333H3.13333C3.36786 10.5701 3.65542 10.3594 3.97713 10.2152C4.29884 10.0709 4.64743 9.99633 5 9.99633C5.35257 9.99633 5.70116 10.0709 6.02287 10.2152C6.34458 10.3594 6.63214 10.5701 6.86667 10.8333H13.1333C13.3682 10.5707 13.6559 10.3608 13.9776 10.2172C14.2993 10.0735 14.6477 9.99954 15 10ZM5 11.6667C4.83518 11.6667 4.67407 11.7155 4.53702 11.8071C4.39998 11.8987 4.29317 12.0288 4.2301 12.1811C4.16703 12.3334 4.15052 12.5009 4.18268 12.6626C4.21483 12.8242 4.2942 12.9727 4.41074 13.0893C4.52729 13.2058 4.67577 13.2852 4.83742 13.3173C4.99908 13.3495 5.16663 13.333 5.3189 13.2699C5.47117 13.2068 5.60132 13.1 5.69289 12.963C5.78446 12.8259 5.83333 12.6648 5.83333 12.5C5.83333 12.279 5.74554 12.067 5.58926 11.9107C5.43297 11.7545 5.22101 11.6667 5 11.6667ZM15 11.6667C14.8352 11.6667 14.6741 11.7155 14.537 11.8071C14.4 11.8987 14.2932 12.0288 14.2301 12.1811C14.167 12.3334 14.1505 12.5009 14.1827 12.6626C14.2148 12.8242 14.2942 12.9727 14.4107 13.0893C14.5273 13.2058 14.6758 13.2852 14.8374 13.3173C14.9991 13.3495 15.1666 13.333 15.3189 13.2699C15.4712 13.2068 15.6013 13.1 15.6929 12.963C15.7845 12.8259 15.8333 12.6648 15.8333 12.5C15.8333 12.279 15.7455 12.067 15.5893 11.9107C15.433 11.7545 15.221 11.6667 15 11.6667ZM15 15C14.337 15 13.7011 14.7366 13.2322 14.2678C12.7634 13.7989 12.5 13.163 12.5 12.5H7.5C7.5 13.163 7.23661 13.7989 6.76777 14.2678C6.29893 14.7366 5.66304 15 5 15C4.33696 15 3.70107 14.7366 3.23223 14.2678C2.76339 13.7989 2.5 13.163 2.5 12.5H1.66667C1.22464 12.5 0.800716 12.3244 0.488155 12.0118C0.175595 11.6993 0 11.2754 0 10.8333V1.66667C0 1.22464 0.175595 0.800716 0.488155 0.488155C0.800716 0.175595 1.22464 0 1.66667 0L14.65 0C14.9116 0.000629168 15.1693 0.0628144 15.4024 0.181526C15.6355 0.300237 15.8373 0.472141 15.9917 0.683333L20 6.13333V10.8333C20 11.2754 19.8244 11.6993 19.5118 12.0118C19.1993 12.3244
171018.7754 12.5 18.3333 12.5H17.5C17.5 13.163 17.2366 13.7989 16.7678 14.2678C16.2989 14.7366 15.663 15 15 15Z"/> 1711</svg> 1712 <div class="usp-item text-3xs font-semibold ml-3.5"> 1713 Lieferung innerhalb von <strong>1-2 Tagen</strong>* </div> 1714 </a> 1715</li> 1716 1717<li class="hidden lg:flex lg:relative inset-0 items-center justify-center"> 1718 <a href="https://www.haibu.de/versand" 1719 class="flex items-center text-black hover:no-underline focus:no-underline" 1720 > 1721 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 16" class="fill-current h-4, w-4" width="24" height="24" aria-hidden="true"> 1722 <g clip-path="url(#clip0_349_382_2)"> 1723 <path d="M5.20686 1.61454C5.10771 1.61157 5.00974 1.63676 4.92432 1.6872C4.78449 1.7796 4.68384 1.92052 4.64178 2.08276C4.57523 2.44809 4.64718 2.82512 4.84359 3.14028C4.93999 3.33608 5.08472 3.50407 5.26411 3.62838C5.44351 3.75268 5.65163 3.82919 5.86882 3.85067C5.96674 3.8514 6.06348 3.82929 6.15136 3.78609C6.24138 3.72258 6.31577 3.63942 6.36892 3.54292C6.42206 3.44642 6.45257 3.3391 6.45812 3.22907C6.47771 2.92138 6.4046 2.61488 6.24823 2.34916C6.15048 2.14898 6.00379 1.97671 5.82175 1.8483C5.63972 1.71989 5.42823 1.63949 5.20686 1.61454ZM9.32392 1.61454C9.10658 1.63902 8.89885 1.71761 8.71975 1.84313C8.54064 1.96864 8.39587 2.13708 8.29869 2.33301C8.1335 2.60156 8.05461 2.9143 8.07265 3.22907C8.07577 3.34187 8.10511 3.45239 8.15835 3.55188C8.2116 3.65136 8.28729 3.73708 8.37941 3.80223C8.46729 3.84544 8.56404 3.86755 8.66196 3.86681C8.88079 3.84375 9.09002 3.76481 9.26956 3.63758C9.44909 3.51035 9.59291 3.3391 9.68719 3.14028C9.87803 2.82298 9.9442 2.44609 9.87286 2.08276C9.8308 1.92052 9.73014 1.7796 9.59031 1.6872C9.50916 1.64068 9.41745 1.61567 9.32392 1.61454ZM1.61453 5.50556V7.92736H6.45812V5.50556H1.61453ZM8.07265 5.50556V7.92736H12.9162V5.50556H8.07265ZM2.4218 9.54189V14.3855H6.45812V9.54189H2.4218ZM8.07265 9.54189V14.3855H12.109V9.54189H8.07265ZM12.109 16H2.4218C1.9936 16 1.58293 15.8299 1.28015 15.5271C0.977367 15.2243 0.807265 14.8137 0.807265 14.3855V9.47731C0.571084 9.39256 0.366811 9.23699 0.222333 9.03183C0.0778546 8.82667 0.000210584 8.58192 0 8.33099L0 5.10193C0 4.78078 0.127576 4.47278 0.354664 4.2457C0.581751 4.01861 0.889748 3.89103 1.2109 3.89103H3.39859C3.02362 3.31618 2.88883 2.61729 3.02314 1.94422C3.15745 1.27116 3.55016 0.677526 4.11705 0.290628C4.44527 0.0990389 4.81875 -0.00129856 5.19879 1.26889e-05C5.59608 0.0113039 5.98628 0.107991 6.34287 0.283503C6.69947 0.459015 7.0141 0.709238 7.26539 1.01717C7.51667 0.709238 7.83131 0.459015 8.1879 0.283503C8.5445 0.107991 8.9347 0.0113039 9.33199 1.26889e-05C9.71203 -0.00129856 10.0855 0.0990389 10.4137 0.290628C10.984 0.67478 11.3795 1.26864 11.514 1.94295C11.6486 2.61726 11.5113 3.31742 11.1322 3.89103H13.3199C13.641 3.89103 13.949 4.01861 14.1761 4.2457C14.4032 4.47278 14.5308 4.78078 14.5308 5.10193V8.33099C14.5306 8.58192 14.4529 8.82667 14.3084 9.03183C14.164 9.23699 13.9597 9.39256 13.7235 9.47731V14.3855C13.7235 14.8137 13.5534 15.2243 13.2506 15.5271C12.9478 15.8299 12.5372 16 12.109 16Z"/> 1724 </g> 1725 <defs> 1726 <clipPath id="clip0_349_382_2"> 1727 <rect width="14.5308" height="16" fill="white"/> 1728 </clipPath> 1729 </defs> 1730</svg> 1731 <div class="usp-item text-3xs font-semibold ml-3.5"> 1732 <strong>Versandkostenfrei </strong>ab 50€* <em>(inkl. MwSt.)</em> </div> 1733 </a> 1734</li> 1735 1736<li class="hidden lg:flex lg:relative inset-0 items-center justify-center"> 1737 <a href="https://www.haibu.de/service-kontakt" 1738 class="flex items-center text-black hover:no-underline focus:no-underline" 1739 > 1740 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 20" class="fill-current h-4, w-4" width="24" height="24" aria-hidden="true"> 1741 <g clip-path="url(#clip0_349_372_2)"> 1742 <path d="M2.26215 2.36612C1.81145 3.0335 1.64678 3.56223 1.78546 3.87426C2.83134 5.74513 3.98909 7.55121 5.25241 9.2827L6.92521 9.69875L2.26215 2.36612ZM13.7464 2.36612L9.07476 9.74207L10.7476 9.32603C12.013 7.59596 13.1708 5.78974 14.2145 3.91759C14.3619 3.56222 14.1972 3.0335 13.7464 2.36612ZM4.06499 14.3618C3.72214 14.3618 3.38698 14.4635 3.10191 14.6539C2.81684 14.8444 2.59465 15.1151 2.46344 15.4319C2.33224 15.7486 2.29795 16.0972 2.36484 16.4335C2.43172 16.7697 2.59683 17.0786 2.83926 17.321C3.08169 17.5634 3.39052 17.7285 3.72679 17.7954C4.06305 17.8623 4.41162 17.828 4.72837 17.6968C5.04512 17.5656 5.31586 17.3434 5.50634 17.0583C5.69682 16.7733 5.79846 16.4381 5.79846 16.0953C5.79846 15.6355 5.61581 15.1946 5.29071 14.8695C4.96562 14.5444 4.52473 14.3618 4.06499 14.3618ZM11.8656 14.3618C11.5228 14.3618 11.1876 14.4635 10.9026 14.6539C10.6175 14.8444 10.3953 15.1151 10.2641 15.4319C10.1329 15.7486 10.0986 16.0972 10.1655 16.4335C10.2324 16.7697 10.3975 17.0786 10.6399 17.321C10.8823 17.5634 11.1912 17.7285 11.5274 17.7954C11.8637 17.8623 12.2123 17.828 12.529 17.6968C12.8458 17.5656 13.1165 17.3434 13.307 17.0583C13.4975 16.7733 13.5991 16.4381 13.5991 16.0953C13.5991 15.6355 13.4165 15.1946 13.0914 14.8695C12.7663 14.5444 12.3254 14.3618 11.8656 14.3618ZM11.8656 19.5622C10.9461 19.5622 10.0643 19.1969 9.41413 18.5468C8.76395 17.8966 8.39868 17.0148 8.39868 16.
17420953C8.39566 15.6358 8.48632 15.1806 8.66515 14.7574C8.84397 14.3341 9.10722 13.9518 9.43878 13.6337L8.286 11.8222L8.00864 11.7529L7.7226 11.8222L6.52655 13.7031C7.15069 14.3427 7.4992 15.2016 7.49729 16.0953C7.49729 16.781 7.29395 17.4513 6.91299 18.0214C6.53204 18.5915 5.99056 19.0359 5.35705 19.2983C4.72355 19.5607 4.02646 19.6294 3.35394 19.4956C2.68141 19.3618 2.06369 19.0316 1.57882 18.5468C1.09396 18.0619 0.763756 17.4442 0.629983 16.7716C0.49621 16.0991 0.564847 15.402 0.827253 14.7685C1.08966 14.135 1.53405 13.5936 2.10419 13.2126C2.67433 12.8316 3.34464 12.6283 4.03034 12.6283C4.37647 12.6292 4.72076 12.6788 5.05308 12.7757L6.0325 11.2502L4.84507 10.9555C4.43241 10.8537 4.07148 10.6039 3.83095 10.2534C2.49916 8.44019 1.28886 6.54077 0.207987 4.56764C-0.312056 3.41488 0.207998 1.96742 1.68145 0.285947C1.77062 0.184316 1.88233 0.104961 2.00765 0.0542118C2.13296 0.00346301 2.26843 -0.0172567 2.40319 -0.00630761C2.53795 0.00464149 2.66823 0.0469569 2.78371 0.11727C2.89919 0.187584 2.99662 0.283935 3.06822 0.398627L8.00864 8.14727L12.9404 0.398627C13.012 0.283935 13.1094 0.187584 13.2249 0.11727C13.3404 0.0469569 13.4707 0.00464149 13.6055 -0.00630761C13.7402 -0.0172567 13.8757 0.00346301 14.001 0.0542118C14.1263 0.104961 14.238 0.184316 14.3272 0.285947C15.844 2.01942 16.3207 3.41488 15.8093 4.56764C14.7205 6.53799 13.5075 8.43709 12.1777 10.2534C11.9392 10.6021 11.5817 10.8518 11.1723 10.9555L9.97615 11.2502L10.9382 12.7497C11.2402 12.6662 11.5524 12.6254 11.8656 12.6283C12.7851 12.6283 13.667 12.9936 14.3171 13.6438C14.9673 14.294 15.3326 15.1758 15.3326 16.0953C15.3326 17.0148 14.9673 17.8966 14.3171 18.5468C13.667 19.1969 12.7851 19.5622 11.8656 19.5622Z"/> 1743 </g> 1744 <defs> 1745 <clipPath id="clip0_349_372_2"> 1746 <rect width="16" height="19.5363"/> 1747 </clipPath> 1748 </defs> 1749</svg> 1750 <div class="usp-item text-3xs font-semibold ml-3.5"> 1751 <strong>Professionelle</strong> Beratung </div> 1752 </a> 1753</li> 1754 1755<li class="hidden lg:flex lg:relative inset-0 items-center justify-center"> 1756 <a href="https://www.haibu.de/sicheres-zahlen" 1757 class="flex items-center text-black hover:no-underline focus:no-underline" 1758 > 1759 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 14" class="fill-current h-4, w-4" width="24" height="24" aria-hidden="true"> 1760 <g clip-path="url(#clip0_349_376_2)"> 1761 <path d="M7.2 9.9H4.5C4.2613 9.9 4.03239 9.80518 3.8636 9.6364C3.69482 9.46761 3.6 9.23869 3.6 9C3.6 8.7613 3.69482 8.53239 3.8636 8.3636C4.03239 8.19482 4.2613 8.1 4.5 8.1H7.2C7.43869 8.1 7.66761 8.19482 7.8364 8.3636C8.00518 8.53239 8.1 8.7613 8.1 9C8.1 9.23869 8.00518 9.46761 7.8364 9.6364C7.66761 9.80518 7.43869 9.9 7.2 9.9ZM10.8 9.9H9.9C9.6613 9.9 9.43239 9.80518 9.2636 9.6364C9.09482 9.46761 9 9.23869 9 9C9 8.7613 9.09482 8.53239 9.2636 8.3636C9.43239 8.19482 9.6613 8.1 9.9 8.1H10.8C11.0387 8.1 11.2676 8.19482 11.4364 8.3636C11.6052 8.53239 11.7 8.7613 11.7 9C11.7 9.23869 11.6052 9.46761 11.4364 9.6364C11.2676 9.80518 11.0387 9.9 10.8 9.9ZM1.8 1.8V3.6H16.2V1.8H1.8ZM1.8 6.3V11.7H16.2V6.3H1.8ZM16.2 13.5H1.8C1.32261 13.5 0.864773 13.3104 0.527208 12.9728C0.189642 12.6352 0 12.1774 0 11.7V1.8C0 1.32261 0.189642 0.864773 0.527208 0.527208C0.864773 0.189642 1.32261 0 1.8 0L16.2 0C16.6774 0 17.1352 0.189642 17.4728 0.527208C17.8104 0.864773 18 1.32261 18 1.8V11.7C18 12.1774 17.8104 12.6352 17.4728 12.9728C17.1352 13.3104 16.6774 13.5 16.2 13.5Z"/> 1762 </g> 1763 <defs> 1764 <clipPath id="clip0_349_376_2"> 1765 <rect width="18" height="13.5"/> 1766 </clipPath> 1767 </defs> 1768</svg> 1769 <div class="usp-item text-3xs font-semibold ml-3.5"> 1770 <strong>Sicheres </strong>Zahlen </div> 1771 </a> 1772</li> 1773 1774<li class="hidden lg:flex lg:relative inset-0 items-center justify-center"> 1775 <a href="https://www.haibu.de/ruecksendung" 1776 class="flex lg:hidden xl:flex items-center text-black hover:no-underline focus:no-underline" 1777 > 1778 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="fill-current h-4, w-4" width="24" height="24" aria-hidden="true"> 1779 <g clip-path="url(#clip0_349_368_2)"> 1780 <path d="M7.17008 8.21085C6.98964 8.21085 6.81328 8.15735 6.66325 8.0571C6.51322 7.95686 6.39626 7.81437 6.3272 7.64766C6.25815 7.48096 6.24011 7.29751 6.27531 7.12054C6.31051 6.94357 6.3974 6.78103 6.52499 6.65344C6.65258 6.52585 6.81515 6.43896 6.99212 6.40375C7.16909 6.36855 7.35251 6.3866 7.51922 6.45565C7.68592 6.5247 7.82841 6.64164 7.92866 6.79167C8.0289 6.9417 8.0824 7.
178011809 8.0824 7.29853C8.0824 7.54049 7.98627 7.77253 7.81518 7.94362C7.64408 8.11471 7.41205 8.21085 7.17008 8.21085ZM7.70837 11.3218C7.52903 11.3211 7.35389 11.2675 7.20483 11.1678C7.05577 11.0681 6.9394 10.9266 6.87028 10.7611C6.80117 10.5956 6.78236 10.4134 6.81622 10.2373C6.85007 10.0612 6.93507 9.89897 7.06061 9.7709L9.64248 7.18906C9.81701 7.03959 10.0415 6.96149 10.2711 6.97036C10.5007 6.97923 10.7185 7.07441 10.881 7.23689C11.0435 7.39937 11.1387 7.61718 11.1475 7.84679C11.1564 8.0764 11.0783 8.3009 10.9288 8.47543L8.34695 11.0573C8.17702 11.2258 7.94771 11.3208 7.70837 11.3218ZM10.8193 11.8601C10.6389 11.8601 10.4625 11.8066 10.3125 11.7064C10.1625 11.6061 10.0455 11.4636 9.97647 11.2969C9.90742 11.1302 9.88937 10.9468 9.92457 10.7698C9.95977 10.5928 10.0467 10.4303 10.1743 10.3027C10.3018 10.1751 10.4644 10.0882 10.6414 10.053C10.8184 10.0178 11.0018 10.0359 11.1685 10.1049C11.3352 10.174 11.4777 10.2909 11.5779 10.4409C11.6782 10.591 11.7317 10.7674 11.7317 10.9478C11.7317 11.1898 11.6355 11.4218 11.4644 11.5929C11.2933 11.764 11.0613 11.8601 10.8193 11.8601ZM8.99472 14.9437C9.09744 14.9449 9.19924 14.9634 9.2958 14.9985L11.4032 15.7283L12.5345 13.8125C12.6443 13.638 12.8075 13.5036 12.9998 13.4293L15.089 12.6356L14.7241 10.4369C14.6867 10.2325 14.7257 10.0215 14.8336 9.8439L15.9192 7.90066L14.2314 6.45008C14.0752 6.31571 13.9691 6.13242 13.9303 5.93006L13.5107 3.73137H11.2846C11.079 3.7211 10.8816 3.64783 10.719 3.52153L8.99472 2.08921L7.27043 3.50329C7.10786 3.62959 6.9104 3.70286 6.70479 3.71313H4.47874L4.05911 5.91182C4.02036 6.11418 3.91423 6.29745 3.75803 6.43182L2.07021 7.88243L3.15587 9.82564C3.25852 10.0052 3.29712 10.2143 3.26534 10.4187L2.90045 12.6173L4.98963 13.4111C5.18192 13.4854 5.3451 13.6198 5.45492 13.7942L6.58619 15.7101L8.69364 14.9802C8.79125 14.9514 8.89303 14.939 8.99472 14.9437ZM11.8047 17.7537C11.7018 17.754 11.5997 17.7355 11.5036 17.6989L8.99472 16.7866L6.48585 17.6989C6.38969 17.7355 6.28763 17.754 6.18477 17.7537C6.02644 17.7536 5.87085 17.7124 5.73329 17.634C5.59572 17.5557 5.48093 17.4428 5.40019 17.3066L4.04998 15.0167L1.55932 14.1044C1.36407 14.0296 1.20044 13.89 1.09581 13.709C0.991178 13.528 0.951897 13.3165 0.984551 13.11L1.41337 10.4916L0.108763 8.17435C0.00507736 7.9904 -0.0315758 7.77619
17800.00502501 7.56823C0.0416258 7.36027 0.149187 7.17144 0.309446 7.03395L2.32569 5.30055L2.81832 2.69134C2.85908 2.48049 2.97295 2.29076 3.13983 2.15559C3.30671 2.02041 3.51591 1.94846 3.73063 1.95237H6.3855L8.44735 0.273684C8.59286 0.122148 8.78618 0.0254849 8.99472 0C9.20474 0.00169778 9.40776 0.0758226 9.56948 0.209843L11.6313 1.8885H14.2861C14.5009 1.8846 14.7101 1.95657 14.877 2.09175C15.0439 2.22692 15.1577 2.41662 15.1985 2.62748L15.6911 5.23669L17.7073 6.97011C17.8676 7.1076 17.9752 7.2964 18.0118 7.50436C18.0484 7.71232 18.0118 7.92656 17.9081 8.1105L16.6035 10.4278L17.0322 13.0461C17.0649 13.2526 17.0256 13.4641 16.921 13.6451C16.8163 13.8261 16.6527 13.9658 16.4575 14.0406L13.9669 14.9529L12.5892 17.334C12.5052 17.4651 12.3889 17.5725 12.2516 17.646C12.1142 17.7194 11.9604 17.7565 11.8047 17.7537Z"/> 1781 </g> 1782 <defs> 1783 <clipPath id="clip0_349_368_2"> 1784 <rect width="18" height="17.7537" fill="white"/> 1785 </clipPath> 1786 </defs> 1787</svg> 1788 <div class="usp-item text-3xs font-semibold ml-3.5"> 1789 <strong>Einfache </strong>Rücksendung </div> 1790 </a> 1791</li> 1792 </ul> 1793</section> 1794</div></div> </div> 1795 1796 <div class="container flex items-center py-2.5"> 1797 <a @click="goBack()" 1798 href="#" 1799 class="flex text-black items-center justify-center cursor-pointer h-10 w-10 border border-black rounded-full mb-[10px]" 1800 > 1801 <template x-if="mobilePanelActiveId"> 1802 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="fill-current h-5" width="24" height="24" role="img"> 1803 <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"/> 1804<title>arrow-left</title></svg> 1805 </template> 1806 <template x-if="!mobilePanelActiveId"> 1807 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="fill-current h-5" width="24" height="24" role="img"> 1808 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 1809<title>x</title></svg> 1810 </template> 1811 </a> 1812 1813 1814<a href="https://www.haibu.de/" 1815 class="grow lg:grow-0 mb-[10px] lg:mb-0" 1816 title="Haibu.de - Hair & Beauty Professionals" 1817 aria-label="store logo"> 1818 <img class="mx-auto lg:mx-0 w-28 lg:w-40" 1819 src="https://www.haibu.de/static/version1791360036/frontend/Moma/default_DE/de_DE/images/logo.svg" 1820 title="Haibu.de - Hair & Beauty Professionals" 1821 alt="Haibu.de - Hair & Beauty Professionals" 1822 width="0" 1823 height="0" 1824 /> 1825</a> 1826 1827 <div class="w-10"> 1828 1829 </div> 1830 </div> 1831 </div> 1832 1833 1834 <nav class="container hidden w-full h-full overflow-y-auto duration-150 ease-in-out transform 1835 transition-display divide-y divide-gray text-2xs scrollbar scrollbar-thin scrollbar-thumb-gray" 1836 :class="{ 'hidden' : !open }" 1837 > 1838 <div class="level-0"> 1839 <a class="level-0 flex items-center justify-between py-2 hover:no-underline focus:no-underline" 1840 :class="{ 1841 '-translate-x-full' : mobilePanelActiveId, 1842 'translate-x-0' : !mobilePanelActiveId 1843 }" 1844 href="https://www.haibu.de/marken/" 1845 title="Marken" 1846 > 1847 <span class="text-black font-semibold"> 1848 Marken </span> 1849 <span class="mr-3"> 1850 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-3 w-3 fill-current text-pink" width="24" height="24" role="img"> 1851 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
1851703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 1852<title>moma-chevron-right</title></svg> 1853 </span> 1854 </a> 1855 </div> 1856 <div class="level-0"> 1857 <a class="level-0 flex items-center justify-between py-2 hover:no-underline focus:no-underline" 1858 :class="{ 1859 '-translate-x-full' : mobilePanelActiveId, 1860 'translate-x-0' : !mobilePanelActiveId 1861 }" 1862 href="https://www.haibu.de/haarprodukte/" 1863 title="Haarprodukte" 1864 @click.prevent="mobilePanelActiveId = mobilePanelActiveId === 'category-node-37' ? 0 : 'category-node-37'" 1865 > 1866 <span class="text-black font-semibold"> 1867 Haarprodukte </span> 1868 <span class="mr-3"> 1869 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-3 w-3 fill-current text-pink" width="24" height="24" role="img"> 1870 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 1871<title>moma-chevron-right</title></svg> 1872 </span> 1873 </a> 1874 <div class="absolute top-0 right-0 z-10 w-full h-full translate-x-full container bg-white divide-y divide-gray" 1875 :class="{ 1876 'hidden translate-x-full' : mobilePanelActiveId !== 'category-node-37', 1877 'block translate-x-0' : mobilePanelActiveId === 'category-node-37', 1878 }" 1879 > 1880 1881 <a href="https://www.haibu.de/haarprodukte/" 1882 title="Haarprodukte" 1883 class="flex items-center justify-between py-2 cursor-pointer hover:no-underline focus:no-underline"> 1884 <span class="text-black font-semibold"> 1885 Alle Haarprodukte </span> 1886 <span class="mr-3"> 1887 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-3 w-3 fill-current text-pink" width="24" height="24" role="img"> 1888 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
1888703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 1889<title>moma-chevron-right</title></svg> 1890 </span> 1891 </a> 1892 1893 <div class="pb-2" id=""> 1894 <a href="https://www.haibu.de/haarprodukte/haarpflege/" 1895 title="Haarpflege" 1896 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 1897 > 1898 <span class="text-black font-semibold"> 1899 Haarpflege </span> 1900 </a> 1901 1902 1903 <a href="https://www.haibu.de/haarprodukte/haarpflege/shampoo/" 1904 title="Shampoo" 1905 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 1906 > 1907 <span class="mr-3 text-pink"> 1908 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 1909 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 1910<title>moma-chevron-right</title></svg> 1911 </span> 1912 <span class="text-black"> 1913 Shampoo </span> 1914 </a> 1915 1916 1917 <a href="https://www.haibu.de/haarprodukte/haarpflege/conditioner/" 1918 title="Conditioner" 1919 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 1920 > 1921 <span class="mr-3 text-pink"> 1922 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 1923 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
1923703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 1924<title>moma-chevron-right</title></svg> 1925 </span> 1926 <span class="text-black"> 1927 Conditioner </span> 1928 </a> 1929 1930 1931 <a href="https://www.haibu.de/haarprodukte/haarpflege/haarmaske/" 1932 title="Haarmaske" 1933 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 1934 > 1935 <span class="mr-3 text-pink"> 1936 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 1937 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 1938<title>moma-chevron-right</title></svg> 1939 </span> 1940 <span class="text-black"> 1941 Haarmaske </span> 1942 </a> 1943 1944 1945 <a href="https://www.haibu.de/haarprodukte/haarpflege/leave-in/" 1946 title="Leave-in" 1947 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 1948 > 1949 <span class="mr-3 text-pink"> 1950 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 1951 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54
1951103 0.149967Z"/> 1952<title>moma-chevron-right</title></svg> 1953 </span> 1954 <span class="text-black"> 1955 Leave-in </span> 1956 </a> 1957 1958 1959 <a href="https://www.haibu.de/haarprodukte/haarpflege/haarol/" 1960 title="Haaröl" 1961 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 1962 > 1963 <span class="mr-3 text-pink"> 1964 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 1965 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 1966<title>moma-chevron-right</title></svg> 1967 </span> 1968 <span class="text-black"> 1969 Haaröl </span> 1970 </a> 1971 1972 <div x-data="{show: false}"> 1973 <div x-show="show"> 1974 1975 <a href="https://www.haibu.de/haarprodukte/haarpflege/haarserum/" 1976 title="Haarserum" 1977 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 1978 > 1979 <span class="mr-3 text-pink"> 1980 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 1981 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54
1981103 0.149967Z"/> 1982<title>moma-chevron-right</title></svg> 1983 </span> 1984 <span class="text-black"> 1985 Haarserum </span> 1986 </a> 1987 1988 1989 <a href="https://www.haibu.de/haarprodukte/haarpflege/haar-treatment/" 1990 title="Haar treatment" 1991 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 1992 > 1993 <span class="mr-3 text-pink"> 1994 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 1995 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 1996<title>moma-chevron-right</title></svg> 1997 </span> 1998 <span class="text-black"> 1999 Haar treatment </span> 2000 </a> 2001 2002 2003 <a href="https://www.haibu.de/haarprodukte/haarpflege/vor-nachbehandlung/" 2004 title="Vor- und Nachbehandlung" 2005 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2006 > 2007 <span class="mr-3 text-pink"> 2008 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2009 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2010<title>moma-chevron-right</title></svg> 2011 </span>
2012 <span class="text-black"> 2013 Vor- und Nachbehandlung </span> 2014 </a> 2015 2016 2017 <a href="https://www.haibu.de/haarprodukte/haarpflege/haarrekonstruktion/" 2018 title="Haarrekonstruktion" 2019 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2020 > 2021 <span class="mr-3 text-pink"> 2022 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2023 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2024<title>moma-chevron-right</title></svg> 2025 </span> 2026 <span class="text-black"> 2027 Haarrekonstruktion </span> 2028 </a> 2029 2030 2031 <a href="https://www.haibu.de/haarprodukte/haarpflege/haarkur/" 2032 title="Haarkur" 2033 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2034 > 2035 <span class="mr-3 text-pink"> 2036 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2037 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2038<title>moma-chevron-right</title></svg> 2039 </span> 2040 <span class="text-black"> 2041 Haarkur </span> 2042 </a> 2043 2044 2045 <a href="https://www.haibu.de/haarprodukte/haarpflege/haarparfum/" 2046 title="Haarparfüm" 2047 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2048 >
2049 <span class="mr-3 text-pink"> 2050 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2051 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2052<title>moma-chevron-right</title></svg> 2053 </span> 2054 <span class="text-black"> 2055 Haarparfüm </span> 2056 </a> 2057 2058 2059 <a href="https://www.haibu.de/haarprodukte/haarpflege/haarvitamin/" 2060 title="Haarvitamin" 2061 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2062 > 2063 <span class="mr-3 text-pink"> 2064 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2065 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2066<title>moma-chevron-right</title></svg> 2067 </span> 2068 <span class="text-black"> 2069 Haarvitamin </span> 2070 </a> 2071 2072 2073 <a href="https://www.haibu.de/haarprodukte/haarpflege/anti-tangle-spray/" 2074 title="Anti-Tangle Spray" 2075 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2076 > 2077 <span class="mr-3 text-pink"> 2078 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2079 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
2079703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2080<title>moma-chevron-right</title></svg> 2081 </span> 2082 <span class="text-black"> 2083 Anti-Tangle Spray </span> 2084 </a> 2085 2086 2087 <a href="https://www.haibu.de/haarprodukte/haarpflege/keratin-pflege/" 2088 title="Keratin Pflege" 2089 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2090 > 2091 <span class="mr-3 text-pink"> 2092 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2093 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2094<title>moma-chevron-right</title></svg> 2095 </span> 2096 <span class="text-black"> 2097 Keratin Pflege </span> 2098 </a> 2099 2100 2101 <a href="https://www.haibu.de/haarprodukte/haarpflege/scalp-care/" 2102 title="Scalp Care" 2103 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2104 > 2105 <span class="mr-3 text-pink"> 2106 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2107 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54
2107103 0.149967Z"/> 2108<title>moma-chevron-right</title></svg> 2109 </span> 2110 <span class="text-black"> 2111 Scalp Care </span> 2112 </a> 2113 2114 2115 <a href="https://www.haibu.de/haarprodukte/haarpflege/creme/" 2116 title="Creme" 2117 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2118 > 2119 <span class="mr-3 text-pink"> 2120 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2121 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2122<title>moma-chevron-right</title></svg> 2123 </span> 2124 <span class="text-black"> 2125 Creme </span> 2126 </a> 2127 2128 2129 <a href="https://www.haibu.de/haarprodukte/haarpflege/glanzspray/" 2130 title="Glanzspray" 2131 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2132 > 2133 <span class="mr-3 text-pink"> 2134 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2135 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2136<title>moma-chevron-right</title></svg> 2137 </span>
2138 <span class="text-black"> 2139 Glanzspray </span> 2140 </a> 2141 2142 2143 <a href="https://www.haibu.de/haarprodukte/haarpflege/bar/" 2144 title="Bar" 2145 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2146 > 2147 <span class="mr-3 text-pink"> 2148 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2149 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2150<title>moma-chevron-right</title></svg> 2151 </span> 2152 <span class="text-black"> 2153 Bar </span> 2154 </a> 2155 2156 2157 <a href="https://www.haibu.de/haarprodukte/haarpflege/setzt/" 2158 title="Haarpflege Sets" 2159 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2160 > 2161 <span class="mr-3 text-pink"> 2162 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2163 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2164<title>moma-chevron-right</title></svg> 2165 </span> 2166 <span class="text-black"> 2167 Haarpflege Sets </span> 2168 </a> 2169 2170 2171 <a href="https://www.haibu.de/haarprodukte/haarpflege/pumpen/" 2172 title="Pumpen" 2173 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2174 >
2175 <span class="mr-3 text-pink"> 2176 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2177 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2178<title>moma-chevron-right</title></svg> 2179 </span> 2180 <span class="text-black"> 2181 Pumpen </span> 2182 </a> 2183 2184 </div> 2185 <div @click.prevent="show = !show"> 2186 <span class="text-blue cursor-pointer" x-show="!show">Alle anzeigen</span> 2187 <span class="text-blue cursor-pointer" x-show="show">Weniger anzeigen</span> 2188 </div> 2189 </div> 2190 </div> 2191 <div class="pb-2" id=""> 2192 <a href="https://www.haibu.de/haarprodukte/stylingprodukte/" 2193 title="Stylingprodukte" 2194 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 2195 > 2196 <span class="text-black font-semibold"> 2197 Stylingprodukte </span> 2198 </a> 2199 2200 2201 <a href="https://www.haibu.de/haarprodukte/stylingprodukte/haargel/" 2202 title="Haargel" 2203 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2204 > 2205 <span class="mr-3 text-pink"> 2206 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2207 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
2207703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2208<title>moma-chevron-right</title></svg> 2209 </span> 2210 <span class="text-black"> 2211 Haargel </span> 2212 </a> 2213 2214 2215 <a href="https://www.haibu.de/haarprodukte/stylingprodukte/haarspray/" 2216 title="Haarspray" 2217 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2218 > 2219 <span class="mr-3 text-pink"> 2220 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2221 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2222<title>moma-chevron-right</title></svg> 2223 </span> 2224 <span class="text-black"> 2225 Haarspray </span> 2226 </a> 2227 2228 2229 <a href="https://www.haibu.de/haarprodukte/stylingprodukte/styling-creme/" 2230 title="Styling Creme" 2231 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2232 > 2233 <span class="mr-3 text-pink"> 2234 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2235 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54
2235103 0.149967Z"/> 2236<title>moma-chevron-right</title></svg> 2237 </span> 2238 <span class="text-black"> 2239 Styling Creme </span> 2240 </a> 2241 2242 2243 <a href="https://www.haibu.de/haarprodukte/stylingprodukte/haarwax/" 2244 title="Haarwax" 2245 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2246 > 2247 <span class="mr-3 text-pink"> 2248 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2249 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2250<title>moma-chevron-right</title></svg> 2251 </span> 2252 <span class="text-black"> 2253 Haarwax </span> 2254 </a> 2255 2256 2257 <a href="https://www.haibu.de/haarprodukte/stylingprodukte/hitzeschutzspray/" 2258 title="Hitzeschutzspray" 2259 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2260 > 2261 <span class="mr-3 text-pink"> 2262 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2263 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2264<title>moma-chevron-right</title></svg> 2265 </span>
2266 <span class="text-black"> 2267 Hitzeschutzspray </span> 2268 </a> 2269 2270 <div x-data="{show: false}"> 2271 <div x-show="show"> 2272 2273 <a href="https://www.haibu.de/haarprodukte/stylingprodukte/trockenshampoo/" 2274 title="Trockenshampoo" 2275 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2276 > 2277 <span class="mr-3 text-pink"> 2278 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2279 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2280<title>moma-chevron-right</title></svg> 2281 </span> 2282 <span class="text-black"> 2283 Trockenshampoo </span> 2284 </a> 2285 2286 2287 <a href="https://www.haibu.de/haarprodukte/stylingprodukte/paste/" 2288 title="Paste" 2289 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2290 > 2291 <span class="mr-3 text-pink"> 2292 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2293 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2294<title>moma-chevron-right</title></svg> 2295 </span>
2296 <span class="text-black"> 2297 Paste </span> 2298 </a> 2299 2300 2301 <a href="https://www.haibu.de/haarprodukte/stylingprodukte/pomade/" 2302 title="Pomade" 2303 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2304 > 2305 <span class="mr-3 text-pink"> 2306 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2307 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2308<title>moma-chevron-right</title></svg> 2309 </span> 2310 <span class="text-black"> 2311 Pomade </span> 2312 </a> 2313 2314 2315 <a href="https://www.haibu.de/haarprodukte/stylingprodukte/haar-clay/" 2316 title="Haar-Clay" 2317 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2318 > 2319 <span class="mr-3 text-pink"> 2320 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2321 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2322<title>moma-chevron-right</title></svg> 2323 </span> 2324 <span class="text-black"> 2325 Haar-Clay </span> 2326 </a> 2327 2328 2329 <a href="https://www.haibu.de/haarprodukte/stylingprodukte/schaumfestiger-mousse/" 2330 title="Haarschaum" 2331 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2332 >
2333 <span class="mr-3 text-pink"> 2334 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2335 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2336<title>moma-chevron-right</title></svg> 2337 </span> 2338 <span class="text-black"> 2339 Haarschaum </span> 2340 </a> 2341 2342 2343 <a href="https://www.haibu.de/haarprodukte/stylingprodukte/flussiger-haarfestiger/" 2344 title="Haarfestiger" 2345 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2346 > 2347 <span class="mr-3 text-pink"> 2348 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2349 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2350<title>moma-chevron-right</title></svg> 2351 </span> 2352 <span class="text-black"> 2353 Haarfestiger </span> 2354 </a> 2355 2356 2357 <a href="https://www.haibu.de/haarprodukte/stylingprodukte/glanzspray/" 2358 title="Glanzspray" 2359 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2360 > 2361 <span class="mr-3 text-pink"> 2362 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2363 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
2363703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2364<title>moma-chevron-right</title></svg> 2365 </span> 2366 <span class="text-black"> 2367 Glanzspray </span> 2368 </a> 2369 2370 2371 <a href="https://www.haibu.de/haarprodukte/stylingprodukte/volumenpuder/" 2372 title="Volumenpuder" 2373 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2374 > 2375 <span class="mr-3 text-pink"> 2376 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2377 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2378<title>moma-chevron-right</title></svg> 2379 </span> 2380 <span class="text-black"> 2381 Volumenpuder </span> 2382 </a> 2383 2384 2385 <a href="https://www.haibu.de/haarprodukte/stylingprodukte/meersalzspray/" 2386 title="Meersalzspray" 2387 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2388 > 2389 <span class="mr-3 text-pink"> 2390 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2391 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54
2391103 0.149967Z"/> 2392<title>moma-chevron-right</title></svg> 2393 </span> 2394 <span class="text-black"> 2395 Meersalzspray </span> 2396 </a> 2397 2398 2399 <a href="https://www.haibu.de/haarprodukte/stylingprodukte/stylingprodukte-sets/" 2400 title="Stylingprodukte & Sets" 2401 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2402 > 2403 <span class="mr-3 text-pink"> 2404 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2405 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2406<title>moma-chevron-right</title></svg> 2407 </span> 2408 <span class="text-black"> 2409 Stylingprodukte & Sets </span> 2410 </a> 2411 2412 </div> 2413 <div @click.prevent="show = !show"> 2414 <span class="text-blue cursor-pointer" x-show="!show">Alle anzeigen</span> 2415 <span class="text-blue cursor-pointer" x-show="show">Weniger anzeigen</span> 2416 </div> 2417 </div> 2418 </div> 2419 <div class="pb-2" id=""> 2420 <a href="https://www.haibu.de/haarprodukte/haarfarbung/" 2421 title="Haarfarbe" 2422 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 2423 > 2424 <span class="text-black font-semibold"> 2425 Haarfarbe </span> 2426 </a> 2427 2428 2429 <a href="https://www.haibu.de/haarprodukte/haarfarbung/permanent/" 2430 title="Permanent" 2431 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2432 >
2433 <span class="mr-3 text-pink"> 2434 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2435 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2436<title>moma-chevron-right</title></svg> 2437 </span> 2438 <span class="text-black"> 2439 Permanent </span> 2440 </a> 2441 2442 2443 <a href="https://www.haibu.de/haarprodukte/haarfarbung/semi-permanent/" 2444 title="Semi-permanent" 2445 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2446 > 2447 <span class="mr-3 text-pink"> 2448 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2449 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2450<title>moma-chevron-right</title></svg> 2451 </span> 2452 <span class="text-black"> 2453 Semi-permanent </span> 2454 </a> 2455 2456 2457 <a href="https://www.haibu.de/haarprodukte/haarfarbung/spulung/" 2458 title="Spülung" 2459 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2460 > 2461 <span class="mr-3 text-pink"> 2462 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2463 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
2463703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2464<title>moma-chevron-right</title></svg> 2465 </span> 2466 <span class="text-black"> 2467 Spülung </span> 2468 </a> 2469 2470 2471 <a href="https://www.haibu.de/haarprodukte/haarfarbung/toner/" 2472 title="Toner" 2473 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2474 > 2475 <span class="mr-3 text-pink"> 2476 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2477 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2478<title>moma-chevron-right</title></svg> 2479 </span> 2480 <span class="text-black"> 2481 Toner </span> 2482 </a> 2483 2484 2485 <a href="https://www.haibu.de/haarprodukte/haarfarbung/farbspulung/" 2486 title="Farbspülung" 2487 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2488 > 2489 <span class="mr-3 text-pink"> 2490 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2491 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54
2491103 0.149967Z"/> 2492<title>moma-chevron-right</title></svg> 2493 </span> 2494 <span class="text-black"> 2495 Farbspülung </span> 2496 </a> 2497 2498 <div x-data="{show: false}"> 2499 <div x-show="show"> 2500 2501 <a href="https://www.haibu.de/haarprodukte/haarfarbung/farbgel-spray/" 2502 title="Farbgel und Spray" 2503 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2504 > 2505 <span class="mr-3 text-pink"> 2506 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2507 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2508<title>moma-chevron-right</title></svg> 2509 </span> 2510 <span class="text-black"> 2511 Farbgel und Spray </span> 2512 </a> 2513 2514 2515 <a href="https://www.haibu.de/haarprodukte/haarfarbung/farbmaske/" 2516 title="Farbmaske" 2517 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2518 > 2519 <span class="mr-3 text-pink"> 2520 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2521 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54
2521103 0.149967Z"/> 2522<title>moma-chevron-right</title></svg> 2523 </span> 2524 <span class="text-black"> 2525 Farbmaske </span> 2526 </a> 2527 2528 2529 <a href="https://www.haibu.de/haarprodukte/haarfarbung/farbmousse-festiger/" 2530 title="Farbmousse" 2531 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2532 > 2533 <span class="mr-3 text-pink"> 2534 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2535 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2536<title>moma-chevron-right</title></svg> 2537 </span> 2538 <span class="text-black"> 2539 Farbmousse </span> 2540 </a> 2541 2542 2543 <a href="https://www.haibu.de/haarprodukte/haarfarbung/farbshampoo/" 2544 title="Farbshampoo" 2545 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2546 > 2547 <span class="mr-3 text-pink"> 2548 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2549 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2550<title>moma-chevron-right</title></svg> 2551 </span>
2552 <span class="text-black"> 2553 Farbshampoo </span> 2554 </a> 2555 2556 2557 <a href="https://www.haibu.de/haarprodukte/haarfarbung/blondierung/" 2558 title="Blondierung" 2559 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2560 > 2561 <span class="mr-3 text-pink"> 2562 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2563 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2564<title>moma-chevron-right</title></svg> 2565 </span> 2566 <span class="text-black"> 2567 Blondierung </span> 2568 </a> 2569 2570 2571 <a href="https://www.haibu.de/haarprodukte/haarfarbung/oxidanten/" 2572 title="Oxidanten" 2573 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2574 > 2575 <span class="mr-3 text-pink"> 2576 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2577 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2578<title>moma-chevron-right</title></svg> 2579 </span> 2580 <span class="text-black"> 2581 Oxidanten </span> 2582 </a> 2583 2584 2585 <a href="https://www.haibu.de/haarprodukte/haarfarbung/vor-nachbehandlung/" 2586 title="Vor-/Nachbehandlung" 2587 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2588 >
2589 <span class="mr-3 text-pink"> 2590 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2591 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2592<title>moma-chevron-right</title></svg> 2593 </span> 2594 <span class="text-black"> 2595 Vor-/Nachbehandlung </span> 2596 </a> 2597 2598 </div> 2599 <div @click.prevent="show = !show"> 2600 <span class="text-blue cursor-pointer" x-show="!show">Alle anzeigen</span> 2601 <span class="text-blue cursor-pointer" x-show="show">Weniger anzeigen</span> 2602 </div> 2603 </div> 2604 </div> 2605 <div class="pb-2" id=""> 2606 <a href="https://www.haibu.de/haarprodukte/permanent-behandlung/" 2607 title="Umformungsprodukte" 2608 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 2609 > 2610 <span class="text-black font-semibold"> 2611 Umformungsprodukte </span> 2612 </a> 2613 2614 2615 <a href="https://www.haibu.de/haarprodukte/permanent-behandlung/permanent/" 2616 title="Permanent" 2617 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2618 > 2619 <span class="mr-3 text-pink"> 2620 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2621 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
2621703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2622<title>moma-chevron-right</title></svg> 2623 </span> 2624 <span class="text-black"> 2625 Permanent </span> 2626 </a> 2627 2628 2629 <a href="https://www.haibu.de/haarprodukte/permanent-behandlung/neutralisieren/" 2630 title="Neutralisieren" 2631 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2632 > 2633 <span class="mr-3 text-pink"> 2634 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2635 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2636<title>moma-chevron-right</title></svg> 2637 </span> 2638 <span class="text-black"> 2639 Neutralisieren </span> 2640 </a> 2641 2642 2643 <a href="https://www.haibu.de/haarprodukte/permanent-behandlung/vorbehandlung/" 2644 title="Vorbehandlung" 2645 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2646 > 2647 <span class="mr-3 text-pink"> 2648 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2649 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54
2649103 0.149967Z"/> 2650<title>moma-chevron-right</title></svg> 2651 </span> 2652 <span class="text-black"> 2653 Vorbehandlung </span> 2654 </a> 2655 2656 2657 <a href="https://www.haibu.de/haarprodukte/permanent-behandlung/nachbehandlung/" 2658 title="Nachbehandlung" 2659 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2660 > 2661 <span class="mr-3 text-pink"> 2662 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2663 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2664<title>moma-chevron-right</title></svg> 2665 </span> 2666 <span class="text-black"> 2667 Nachbehandlung </span> 2668 </a> 2669 2670 2671 <a href="https://www.haibu.de/haarprodukte/permanent-behandlung/glattung/" 2672 title="Glättung" 2673 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2674 > 2675 <span class="mr-3 text-pink"> 2676 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2677 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2678<title>moma-chevron-right</title></svg> 2679 </span>
2680 <span class="text-black"> 2681 Glättung </span> 2682 </a> 2683 2684 </div> 2685 <div class="pb-2" id=""> 2686 <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/" 2687 title="Haarverlängerung" 2688 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 2689 > 2690 <span class="text-black font-semibold"> 2691 Haarverlängerung </span> 2692 </a> 2693 2694 2695 <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/extensions/" 2696 title="Extensions" 2697 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2698 > 2699 <span class="mr-3 text-pink"> 2700 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2701 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2702<title>moma-chevron-right</title></svg> 2703 </span> 2704 <span class="text-black"> 2705 Extensions </span> 2706 </a> 2707 2708 2709 <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/bonding-extensions/" 2710 title="Bonding Extensions" 2711 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2712 > 2713 <span class="mr-3 text-pink"> 2714 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2715 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
2715703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2716<title>moma-chevron-right</title></svg> 2717 </span> 2718 <span class="text-black"> 2719 Bonding Extensions </span> 2720 </a> 2721 2722 2723 <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/tape-extensions/" 2724 title="Tape Extensions" 2725 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2726 > 2727 <span class="mr-3 text-pink"> 2728 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2729 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2730<title>moma-chevron-right</title></svg> 2731 </span> 2732 <span class="text-black"> 2733 Tape Extensions </span> 2734 </a> 2735 2736 2737 <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/weave-extensions/" 2738 title="Weave Extensions" 2739 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2740 > 2741 <span class="mr-3 text-pink"> 2742 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2743 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54
2743103 0.149967Z"/> 2744<title>moma-chevron-right</title></svg> 2745 </span> 2746 <span class="text-black"> 2747 Weave Extensions </span> 2748 </a> 2749 2750 2751 <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/clip-in-extensions/" 2752 title="Clip In Extensions" 2753 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2754 > 2755 <span class="mr-3 text-pink"> 2756 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2757 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2758<title>moma-chevron-right</title></svg> 2759 </span> 2760 <span class="text-black"> 2761 Clip In Extensions </span> 2762 </a> 2763 2764 <div x-data="{show: false}"> 2765 <div x-show="show"> 2766 2767 <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/microring-extensions/" 2768 title="Microring Extensions" 2769 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2770 > 2771 <span class="mr-3 text-pink"> 2772 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2773 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54
2773103 0.149967Z"/> 2774<title>moma-chevron-right</title></svg> 2775 </span> 2776 <span class="text-black"> 2777 Microring Extensions </span> 2778 </a> 2779 2780 2781 <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/ponytail-extensions/" 2782 title="Ponytail Extensions" 2783 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2784 > 2785 <span class="mr-3 text-pink"> 2786 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2787 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2788<title>moma-chevron-right</title></svg> 2789 </span> 2790 <span class="text-black"> 2791 Ponytail Extensions </span> 2792 </a> 2793 2794 2795 <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/wire-extensions/" 2796 title="Wire Extensions" 2797 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2798 > 2799 <span class="mr-3 text-pink"> 2800 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2801 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2802<title>moma-chevron-right</title></svg> 2803 </span>
2804 <span class="text-black"> 2805 Wire Extensions </span> 2806 </a> 2807 2808 2809 <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/haarpflege/" 2810 title="Haarpflege" 2811 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2812 > 2813 <span class="mr-3 text-pink"> 2814 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2815 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2816<title>moma-chevron-right</title></svg> 2817 </span> 2818 <span class="text-black"> 2819 Haarpflege </span> 2820 </a> 2821 2822 2823 <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/zubehor/" 2824 title="Zubehör" 2825 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2826 > 2827 <span class="mr-3 text-pink"> 2828 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2829 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2830<title>moma-chevron-right</title></svg> 2831 </span> 2832 <span class="text-black"> 2833 Zubehör </span> 2834 </a> 2835 2836 </div> 2837 <div @click.prevent="show = !show">
2838 <span class="text-blue cursor-pointer" x-show="!show">Alle anzeigen</span> 2839 <span class="text-blue cursor-pointer" x-show="show">Weniger anzeigen</span> 2840 </div> 2841 </div> 2842 </div> 2843 <div class="pb-2" id=""> 2844 <a href="https://www.haibu.de/haarprodukte/bestimmte-inhaltsstoffe/" 2845 title="Bestimmte Inhaltsstoffe" 2846 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 2847 > 2848 <span class="text-black font-semibold"> 2849 Bestimmte Inhaltsstoffe </span> 2850 </a> 2851 2852 2853 <a href="https://www.haibu.de/haarprodukte/bestimmte-inhaltsstoffe/dierproefvrij/" 2854 title="Tierversuchsfrei" 2855 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2856 > 2857 <span class="mr-3 text-pink"> 2858 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2859 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2860<title>moma-chevron-right</title></svg> 2861 </span> 2862 <span class="text-black"> 2863 Tierversuchsfrei </span> 2864 </a> 2865 2866 2867 <a href="https://www.haibu.de/haarprodukte/bestimmte-inhaltsstoffe/produkte-ohne-parabene/" 2868 title="Produkte ohne Parabene" 2869 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2870 > 2871 <span class="mr-3 text-pink"> 2872 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2873 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
2873703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2874<title>moma-chevron-right</title></svg> 2875 </span> 2876 <span class="text-black"> 2877 Produkte ohne Parabene </span> 2878 </a> 2879 2880 2881 <a href="https://www.haibu.de/haarprodukte/bestimmte-inhaltsstoffe/produkte-ohne-silikon/" 2882 title="Produkte ohne Silikone" 2883 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2884 > 2885 <span class="mr-3 text-pink"> 2886 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2887 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2888<title>moma-chevron-right</title></svg> 2889 </span> 2890 <span class="text-black"> 2891 Produkte ohne Silikone </span> 2892 </a> 2893 2894 2895 <a href="https://www.haibu.de/haarprodukte/bestimmte-inhaltsstoffe/produkte-ohne-sulfate/" 2896 title="Produkte ohne Sulfate" 2897 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2898 > 2899 <span class="mr-3 text-pink"> 2900 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2901 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54
2901103 0.149967Z"/> 2902<title>moma-chevron-right</title></svg> 2903 </span> 2904 <span class="text-black"> 2905 Produkte ohne Sulfate </span> 2906 </a> 2907 2908 2909 <a href="https://www.haibu.de/haarprodukte/bestimmte-inhaltsstoffe/frei-von-ammoniak/" 2910 title="Frei von Ammoniak" 2911 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2912 > 2913 <span class="mr-3 text-pink"> 2914 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2915 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2916<title>moma-chevron-right</title></svg> 2917 </span> 2918 <span class="text-black"> 2919 Frei von Ammoniak </span> 2920 </a> 2921 2922 </div> 2923 <div class="pb-2" id=""> 2924 <a href="https://www.haibu.de/haarprodukte/pakete/" 2925 title="Pakete" 2926 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 2927 > 2928 <span class="text-black font-semibold"> 2929 Pakete </span> 2930 </a> 2931 2932 2933 <a href="https://www.haibu.de/haarprodukte/pakete/beschadigtes-haar/" 2934 title="Geschädigtes Haar" 2935 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2936 > 2937 <span class="mr-3 text-pink"> 2938 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2939 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
2939703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2940<title>moma-chevron-right</title></svg> 2941 </span> 2942 <span class="text-black"> 2943 Geschädigtes Haar </span> 2944 </a> 2945 2946 2947 <a href="https://www.haibu.de/haarprodukte/pakete/blondes-haar/" 2948 title="Blondes Haar" 2949 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2950 > 2951 <span class="mr-3 text-pink"> 2952 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2953 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2954<title>moma-chevron-right</title></svg> 2955 </span> 2956 <span class="text-black"> 2957 Blondes Haar </span> 2958 </a> 2959 2960 2961 <a href="https://www.haibu.de/haarprodukte/pakete/stumpfes-haar/" 2962 title="Stumpfes Haar" 2963 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2964 > 2965 <span class="mr-3 text-pink"> 2966 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2967 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54
2967103 0.149967Z"/> 2968<title>moma-chevron-right</title></svg> 2969 </span> 2970 <span class="text-black"> 2971 Stumpfes Haar </span> 2972 </a> 2973 2974 2975 <a href="https://www.haibu.de/haarprodukte/pakete/sonnengeschadigtes-haar/" 2976 title="Sonnengeschädigtes haar" 2977 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2978 > 2979 <span class="mr-3 text-pink"> 2980 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2981 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2982<title>moma-chevron-right</title></svg> 2983 </span> 2984 <span class="text-black"> 2985 Sonnengeschädigtes haar </span> 2986 </a> 2987 2988 2989 <a href="https://www.haibu.de/haarprodukte/pakete/trockenes-haar/" 2990 title="Trockenes Haar" 2991 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 2992 > 2993 <span class="mr-3 text-pink"> 2994 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 2995 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 2996<title>moma-chevron-right</title></svg> 2997 </span>
2998 <span class="text-black"> 2999 Trockenes Haar </span> 3000 </a> 3001 3002 <div x-data="{show: false}"> 3003 <div x-show="show"> 3004 3005 <a href="https://www.haibu.de/haarprodukte/pakete/ausdunnendes-haar/" 3006 title="Ausdünnendes Haar" 3007 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3008 > 3009 <span class="mr-3 text-pink"> 3010 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3011 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3012<title>moma-chevron-right</title></svg> 3013 </span> 3014 <span class="text-black"> 3015 Ausdünnendes Haar </span> 3016 </a> 3017 3018 3019 <a href="https://www.haibu.de/haarprodukte/pakete/lebloses-haar/" 3020 title="Lebloses Haar" 3021 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3022 > 3023 <span class="mr-3 text-pink"> 3024 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3025 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3026<title>moma-chevron-right</title></svg> 3027 </span>
3028 <span class="text-black"> 3029 Lebloses Haar </span> 3030 </a> 3031 3032 3033 <a href="https://www.haibu.de/haarprodukte/pakete/gefarbtes-haar/" 3034 title="Gefärbtes Haar" 3035 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3036 > 3037 <span class="mr-3 text-pink"> 3038 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3039 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3040<title>moma-chevron-right</title></svg> 3041 </span> 3042 <span class="text-black"> 3043 Gefärbtes Haar </span> 3044 </a> 3045 3046 3047 <a href="https://www.haibu.de/haarprodukte/pakete/empfindliche-kopfhaut/" 3048 title="Empfindliche Kopfhaut" 3049 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3050 > 3051 <span class="mr-3 text-pink"> 3052 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3053 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3054<title>moma-chevron-right</title></svg> 3055 </span> 3056 <span class="text-black"> 3057 Empfindliche Kopfhaut </span> 3058 </a> 3059 3060 3061 <a href="https://www.haibu.de/haarprodukte/pakete/lockiges-haar/" 3062 title="Lockiges Haar" 3063 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3064 >
3065 <span class="mr-3 text-pink"> 3066 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3067 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3068<title>moma-chevron-right</title></svg> 3069 </span> 3070 <span class="text-black"> 3071 Lockiges Haar </span> 3072 </a> 3073 3074 3075 <a href="https://www.haibu.de/haarprodukte/pakete/krauses-haar/" 3076 title="Krauses Haar" 3077 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3078 > 3079 <span class="mr-3 text-pink"> 3080 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3081 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3082<title>moma-chevron-right</title></svg> 3083 </span> 3084 <span class="text-black"> 3085 Krauses Haar </span> 3086 </a> 3087 3088 3089 <a href="https://www.haibu.de/haarprodukte/pakete/haarfarbung/" 3090 title="Haarfärbung" 3091 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3092 > 3093 <span class="mr-3 text-pink"> 3094 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3095 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
3095703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3096<title>moma-chevron-right</title></svg> 3097 </span> 3098 <span class="text-black"> 3099 Haarfärbung </span> 3100 </a> 3101 3102 </div> 3103 <div @click.prevent="show = !show"> 3104 <span class="text-blue cursor-pointer" x-show="!show">Alle anzeigen</span> 3105 <span class="text-blue cursor-pointer" x-show="show">Weniger anzeigen</span> 3106 </div> 3107 </div> 3108 </div> 3109 <div class="pb-2" id=""> 3110 <a href="https://www.haibu.de/haarprodukte/refills/" 3111 title="Refills" 3112 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 3113 > 3114 <span class="text-black font-semibold"> 3115 Refills </span> 3116 </a> 3117 3118 </div> 3119 <div class="pb-2" id=""> 3120 <a href="https://www.haibu.de/haarprodukte/geschenksets/" 3121 title="Geschenksets" 3122 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 3123 > 3124 <span class="text-black font-semibold"> 3125 Geschenksets </span> 3126 </a> 3127 3128 3129 <a href="https://www.haibu.de/haarprodukte/geschenksets/fur-ihn/" 3130 title="Für Ihn" 3131 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3132 > 3133 <span class="mr-3 text-pink"> 3134 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3135 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
3135703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3136<title>moma-chevron-right</title></svg> 3137 </span> 3138 <span class="text-black"> 3139 Für Ihn </span> 3140 </a> 3141 3142 3143 <a href="https://www.haibu.de/haarprodukte/geschenksets/fur-sie/" 3144 title="Für Sie" 3145 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3146 > 3147 <span class="mr-3 text-pink"> 3148 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3149 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3150<title>moma-chevron-right</title></svg> 3151 </span> 3152 <span class="text-black"> 3153 Für Sie </span> 3154 </a> 3155 3156 3157 <a href="https://www.haibu.de/haarprodukte/geschenksets/fur-kinder/" 3158 title="Für Kinder" 3159 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3160 > 3161 <span class="mr-3 text-pink"> 3162 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3163 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54
3163103 0.149967Z"/> 3164<title>moma-chevron-right</title></svg> 3165 </span> 3166 <span class="text-black"> 3167 Für Kinder </span> 3168 </a> 3169 3170 </div> 3171 <div class="pb-2" id=""> 3172 <a href="https://www.haibu.de/haarprodukte/minis/" 3173 title="Minis" 3174 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 3175 > 3176 <span class="text-black font-semibold"> 3177 Minis </span> 3178 </a> 3179 3180 3181 <a href="https://www.haibu.de/haarprodukte/minis/haarprodukte/" 3182 title="Haarprodukte" 3183 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3184 > 3185 <span class="mr-3 text-pink"> 3186 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3187 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3188<title>moma-chevron-right</title></svg> 3189 </span> 3190 <span class="text-black"> 3191 Haarprodukte </span> 3192 </a> 3193 3194 3195 <a href="https://www.haibu.de/haarprodukte/minis/sets/" 3196 title="Travel sets" 3197 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3198 > 3199 <span class="mr-3 text-pink"> 3200 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3201 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
3201703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3202<title>moma-chevron-right</title></svg> 3203 </span> 3204 <span class="text-black"> 3205 Travel sets </span> 3206 </a> 3207 3208 </div> 3209 <div class="pb-2" id=""> 3210 <a href="https://www.haibu.de/haarprodukte/curly-girl-methode/" 3211 title="Curly Girl Methode" 3212 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 3213 > 3214 <span class="text-black font-semibold"> 3215 Curly Girl Methode </span> 3216 </a> 3217 3218 3219 <a href="https://www.haibu.de/haarprodukte/curly-girl-methode/final-wash/" 3220 title="Schritt 1: Final Wash" 3221 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3222 > 3223 <span class="mr-3 text-pink"> 3224 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3225 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3226<title>moma-chevron-right</title></svg> 3227 </span> 3228 <span class="text-black"> 3229 Schritt 1: Final Wash </span> 3230 </a> 3231 3232 3233 <a href="https://www.haibu.de/haarprodukte/curly-girl-methode/shampoo/" 3234 title="Schritt 2: Shampoo" 3235 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3236 >
3237 <span class="mr-3 text-pink"> 3238 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3239 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3240<title>moma-chevron-right</title></svg> 3241 </span> 3242 <span class="text-black"> 3243 Schritt 2: Shampoo </span> 3244 </a> 3245 3246 3247 <a href="https://www.haibu.de/haarprodukte/curly-girl-methode/conditioner/" 3248 title="Schritt 3: Conditioner" 3249 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3250 > 3251 <span class="mr-3 text-pink"> 3252 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3253 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3254<title>moma-chevron-right</title></svg> 3255 </span> 3256 <span class="text-black"> 3257 Schritt 3: Conditioner </span> 3258 </a> 3259 3260 3261 <a href="https://www.haibu.de/haarproducten/curly-girl-methode/haarmaske/" 3262 title="Schritt 4: Haarmaske" 3263 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3264 > 3265 <span class="mr-3 text-pink"> 3266 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3267 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
3267703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3268<title>moma-chevron-right</title></svg> 3269 </span> 3270 <span class="text-black"> 3271 Schritt 4: Haarmaske </span> 3272 </a> 3273 3274 3275 <a href="https://www.haibu.de/haarprodukte/curly-girl-methode/leave-in/" 3276 title="Schritt 5: Leave-in" 3277 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3278 > 3279 <span class="mr-3 text-pink"> 3280 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3281 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3282<title>moma-chevron-right</title></svg> 3283 </span> 3284 <span class="text-black"> 3285 Schritt 5: Leave-in </span> 3286 </a> 3287 3288 <div x-data="{show: false}"> 3289 <div x-show="show"> 3290 3291 <a href="https://www.haibu.de/haarprodukte/curly-girl-methode/stylingprodukte/" 3292 title="Schritt 6: Styling-Produkte" 3293 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3294 > 3295 <span class="mr-3 text-pink"> 3296 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3297 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
3297703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3298<title>moma-chevron-right</title></svg> 3299 </span> 3300 <span class="text-black"> 3301 Schritt 6: Styling-Produkte </span> 3302 </a> 3303 3304 3305 <a href="https://www.haibu.de/haarprodukte/curly-girl-methode/werkzeuge/" 3306 title=" Werkzeuge" 3307 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3308 > 3309 <span class="mr-3 text-pink"> 3310 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3311 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3312<title>moma-chevron-right</title></svg> 3313 </span> 3314 <span class="text-black"> 3315 Werkzeuge </span> 3316 </a> 3317 3318 </div> 3319 <div @click.prevent="show = !show"> 3320 <span class="text-blue cursor-pointer" x-show="!show">Alle anzeigen</span> 3321 <span class="text-blue cursor-pointer" x-show="show">Weniger anzeigen</span> 3322 </div> 3323 </div> 3324 </div> 3325 <div class="h-40"></div> 3326 </div> 3327 </div> 3328 <div class="level-0"> 3329 <a class="level-0 flex items-center justify-between py-2 hover:no-underline focus:no-underline" 3330 :class="{ 3331 '-translate-x-full' : mobilePanelActiveId, 3332 'translate-x-0' : !mobilePanelActiveId 3333 }" 3334 href="https://www.haibu.de/stylingtools/" 3335 title="Stylingtools" 3336 @click.prevent="mobilePanelActiveId = mobilePanelActiveId === 'category-node-39' ? 0 : 'category-node-39'" 3337 >
3338 <span class="text-black font-semibold"> 3339 Stylingtools </span> 3340 <span class="mr-3"> 3341 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-3 w-3 fill-current text-pink" width="24" height="24" role="img"> 3342 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3343<title>moma-chevron-right</title></svg> 3344 </span> 3345 </a> 3346 <div class="absolute top-0 right-0 z-10 w-full h-full translate-x-full container bg-white divide-y divide-gray" 3347 :class="{ 3348 'hidden translate-x-full' : mobilePanelActiveId !== 'category-node-39', 3349 'block translate-x-0' : mobilePanelActiveId === 'category-node-39', 3350 }" 3351 > 3352 3353 <a href="https://www.haibu.de/stylingtools/" 3354 title="Stylingtools" 3355 class="flex items-center justify-between py-2 cursor-pointer hover:no-underline focus:no-underline"> 3356 <span class="text-black font-semibold"> 3357 Alle Stylingtools </span> 3358 <span class="mr-3"> 3359 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-3 w-3 fill-current text-pink" width="24" height="24" role="img"> 3360 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3361<title>moma-chevron-right</title></svg> 3362 </span> 3363 </a> 3364 3365 <div class="pb-2" id=""> 3366 <a href="https://www.haibu.de/stylingtools/beautytools/" 3367 title="Beautytools" 3368 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 3369 > 3370 <span class="text-black font-semibold"> 3371 Beautytools </span> 3372 </a> 3373 3374 </div> 3375 <div class="pb-2" id=""> 3376 <a href="https://www.haibu.de/stylingtools/fohns/" 3377 title="Föhns" 3378 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 3379 >
3380 <span class="text-black font-semibold"> 3381 Föhns </span> 3382 </a> 3383 3384 3385 <a href="https://www.haibu.de/stylingtools/fohns/diffusor/" 3386 title="Diffusor" 3387 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3388 > 3389 <span class="mr-3 text-pink"> 3390 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3391 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3392<title>moma-chevron-right</title></svg> 3393 </span> 3394 <span class="text-black"> 3395 Diffusor </span> 3396 </a> 3397 3398 3399 <a href="https://www.haibu.de/stylingtools/fohns/fohn-mit-diffusor/" 3400 title="Föhn mit Diffusor" 3401 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3402 > 3403 <span class="mr-3 text-pink"> 3404 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3405 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3406<title>moma-chevron-right</title></svg> 3407 </span>
3408 <span class="text-black"> 3409 Föhn mit Diffusor </span> 3410 </a> 3411 3412 3413 <a href="https://www.haibu.de/stylingtools/fohns/ionischer-fohn/" 3414 title="Ionischer Föhn" 3415 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3416 > 3417 <span class="mr-3 text-pink"> 3418 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3419 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3420<title>moma-chevron-right</title></svg> 3421 </span> 3422 <span class="text-black"> 3423 Ionischer Föhn </span> 3424 </a> 3425 3426 3427 <a href="https://www.haibu.de/stylingtools/fohns/leichter-fohn/" 3428 title="Leichter Föhn" 3429 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3430 > 3431 <span class="mr-3 text-pink"> 3432 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3433 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3434<title>moma-chevron-right</title></svg> 3435 </span> 3436 <span class="text-black"> 3437 Leichter Föhn </span> 3438 </a> 3439 3440 3441 <a href="https://www.haibu.de/stylingtools/fohns/reisefohn/" 3442 title="Reiseföhn" 3443 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3444 >
3445 <span class="mr-3 text-pink"> 3446 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3447 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3448<title>moma-chevron-right</title></svg> 3449 </span> 3450 <span class="text-black"> 3451 Reiseföhn </span> 3452 </a> 3453 3454 </div> 3455 <div class="pb-2" id=""> 3456 <a href="https://www.haibu.de/stylingtools/fohnburste/" 3457 title="Föhnbürste" 3458 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 3459 > 3460 <span class="text-black font-semibold"> 3461 Föhnbürste </span> 3462 </a> 3463 3464 3465 <a href="https://www.haibu.de/stylingtools/fohnburste/airstyler/" 3466 title="Airstyler" 3467 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3468 > 3469 <span class="mr-3 text-pink"> 3470 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3471 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3472<title>moma-chevron-right</title></svg> 3473 </span>
3474 <span class="text-black"> 3475 Airstyler </span> 3476 </a> 3477 3478 3479 <a href="https://www.haibu.de/stylingtools/fohnburste/runde-fohnburste/" 3480 title="Runde Föhnbürste" 3481 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3482 > 3483 <span class="mr-3 text-pink"> 3484 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3485 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3486<title>moma-chevron-right</title></svg> 3487 </span> 3488 <span class="text-black"> 3489 Runde Föhnbürste </span> 3490 </a> 3491 3492 </div> 3493 <div class="pb-2" id=""> 3494 <a href="https://www.haibu.de/stylingtools/lockenburste/" 3495 title="Lockenbürste" 3496 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 3497 > 3498 <span class="text-black font-semibold"> 3499 Lockenbürste </span> 3500 </a> 3501 3502 </div> 3503 <div class="pb-2" id=""> 3504 <a href="https://www.haibu.de/stylingtools/lockensets/" 3505 title="Lockensets" 3506 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 3507 > 3508 <span class="text-black font-semibold"> 3509 Lockensets </span> 3510 </a> 3511 3512 </div> 3513 <div class="pb-2" id=""> 3514 <a href="https://www.haibu.de/stylingtools/lockenstabe/" 3515 title="Lockenstäbe" 3516 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 3517 >
3518 <span class="text-black font-semibold"> 3519 Lockenstäbe </span> 3520 </a> 3521 3522 3523 <a href="https://www.haibu.de/stylingtools/lockenstabe/lockenstab-mit-klemme/" 3524 title="Lockenstab mit Klemme" 3525 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3526 > 3527 <span class="mr-3 text-pink"> 3528 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3529 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3530<title>moma-chevron-right</title></svg> 3531 </span> 3532 <span class="text-black"> 3533 Lockenstab mit Klemme </span> 3534 </a> 3535 3536 3537 <a href="https://www.haibu.de/stylingtools/lockenstabe/dunner-lockenstab/" 3538 title="Dünner Lockenstab" 3539 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3540 > 3541 <span class="mr-3 text-pink"> 3542 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3543 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3544<title>moma-chevron-right</title></svg> 3545 </span>
3546 <span class="text-black"> 3547 Dünner Lockenstab </span> 3548 </a> 3549 3550 3551 <a href="https://www.haibu.de/stylingtools/lockenstabe/automatische-lockenstabe/" 3552 title="Automatische Lockenstäbe" 3553 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3554 > 3555 <span class="mr-3 text-pink"> 3556 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3557 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3558<title>moma-chevron-right</title></svg> 3559 </span> 3560 <span class="text-black"> 3561 Automatische Lockenstäbe </span> 3562 </a> 3563 3564 3565 <a href="https://www.haibu.de/stylingtools/lockenstabe/lockenstabe-mit-aufsatzen/" 3566 title="Lockenstäbe mit Aufsätzen" 3567 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3568 > 3569 <span class="mr-3 text-pink"> 3570 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3571 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3572<title>moma-chevron-right</title></svg> 3573 </span>
3574 <span class="text-black"> 3575 Lockenstäbe mit Aufsätzen </span> 3576 </a> 3577 3578 </div> 3579 <div class="pb-2" id=""> 3580 <a href="https://www.haibu.de/stylingtools/glattungsburste/" 3581 title="Glättungsbürste" 3582 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 3583 > 3584 <span class="text-black font-semibold"> 3585 Glättungsbürste </span> 3586 </a> 3587 3588 </div> 3589 <div class="pb-2" id=""> 3590 <a href="https://www.haibu.de/stylingtools/glatteisen/" 3591 title="Glätteisen" 3592 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 3593 > 3594 <span class="text-black font-semibold"> 3595 Glätteisen </span> 3596 </a> 3597 3598 3599 <a href="https://www.haibu.de/stylingtools/glatteisen/kabellos/" 3600 title="Kabellos" 3601 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3602 > 3603 <span class="mr-3 text-pink"> 3604 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3605 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3606<title>moma-chevron-right</title></svg> 3607 </span> 3608 <span class="text-black"> 3609 Kabellos </span> 3610 </a> 3611 3612 3613 <a href="https://www.haibu.de/stylingtools/glatteisen/mini-glatteisen/" 3614 title="Mini Glätteisen" 3615 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3616 >
3617 <span class="mr-3 text-pink"> 3618 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3619 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3620<title>moma-chevron-right</title></svg> 3621 </span> 3622 <span class="text-black"> 3623 Mini Glätteisen </span> 3624 </a> 3625 3626 3627 <a href="https://www.haibu.de/stylingtools/glatteisen/wasserdampf-glaetteisen/" 3628 title="Wasserdampf Glätteisen" 3629 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3630 > 3631 <span class="mr-3 text-pink"> 3632 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3633 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3634<title>moma-chevron-right</title></svg> 3635 </span> 3636 <span class="text-black"> 3637 Wasserdampf Glätteisen </span> 3638 </a> 3639 3640 3641 <a href="https://www.haibu.de/stylingtools/glatteisen/ionische-glatteisen/" 3642 title="Ionische Glätteisen" 3643 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3644 > 3645 <span class="mr-3 text-pink"> 3646 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3647 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
3647703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3648<title>moma-chevron-right</title></svg> 3649 </span> 3650 <span class="text-black"> 3651 Ionische Glätteisen </span> 3652 </a> 3653 3654 3655 <a href="https://www.haibu.de/stylingtools/glatteisen/keramische-glatteisen/" 3656 title="Keramische Glätteisen" 3657 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3658 > 3659 <span class="mr-3 text-pink"> 3660 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3661 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3662<title>moma-chevron-right</title></svg> 3663 </span> 3664 <span class="text-black"> 3665 Keramische Glätteisen </span> 3666 </a> 3667 3668 <div x-data="{show: false}"> 3669 <div x-show="show"> 3670 3671 <a href="https://www.haibu.de/stylingtools/glatteisen/titan-glatteisen/" 3672 title="Titan Glätteisen" 3673 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3674 > 3675 <span class="mr-3 text-pink"> 3676 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3677 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
3677703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3678<title>moma-chevron-right</title></svg> 3679 </span> 3680 <span class="text-black"> 3681 Titan Glätteisen </span> 3682 </a> 3683 3684 </div> 3685 <div @click.prevent="show = !show"> 3686 <span class="text-blue cursor-pointer" x-show="!show">Alle anzeigen</span> 3687 <span class="text-blue cursor-pointer" x-show="show">Weniger anzeigen</span> 3688 </div> 3689 </div> 3690 </div> 3691 <div class="pb-2" id=""> 3692 <a href="https://www.haibu.de/stylingtools/trimmer/" 3693 title="Schermaschinen" 3694 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 3695 > 3696 <span class="text-black font-semibold"> 3697 Schermaschinen </span> 3698 </a> 3699 3700 3701 <a href="https://www.haibu.de/stylingtools/trimmer/zubehor/" 3702 title="Zubehör" 3703 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3704 > 3705 <span class="mr-3 text-pink"> 3706 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3707 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3708<title>moma-chevron-right</title></svg> 3709 </span> 3710 <span class="text-black"> 3711 Zubehör </span> 3712 </a> 3713 3714 3715 <a href="https://www.haibu.de/stylingtools/trimmer/schermaschinen-kabellos/" 3716 title="Schermaschinen kabellos" 3717 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3718 >
3719 <span class="mr-3 text-pink"> 3720 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3721 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3722<title>moma-chevron-right</title></svg> 3723 </span> 3724 <span class="text-black"> 3725 Schermaschinen kabellos </span> 3726 </a> 3727 3728 </div> 3729 <div class="pb-2" id=""> 3730 <a href="https://www.haibu.de/stylingtools/haarschneidemaschinen/" 3731 title="Trimmer" 3732 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 3733 > 3734 <span class="text-black font-semibold"> 3735 Trimmer </span> 3736 </a> 3737 3738 3739 <a href="https://www.haibu.de/stylingtools/haarschneidemaschinen/zubehor/" 3740 title="Zubehör" 3741 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3742 > 3743 <span class="mr-3 text-pink"> 3744 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3745 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3746<title>moma-chevron-right</title></svg> 3747 </span>
3748 <span class="text-black"> 3749 Zubehör </span> 3750 </a> 3751 3752 </div> 3753 <div class="pb-2" id=""> 3754 <a href="https://www.haibu.de/stylingtools/wavers/" 3755 title="Wavers" 3756 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 3757 > 3758 <span class="text-black font-semibold"> 3759 Wavers </span> 3760 </a> 3761 3762 </div> 3763 <div class="pb-2" id=""> 3764 <a href="https://www.haibu.de/stylingtools/zubehor/" 3765 title="Zubehör" 3766 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 3767 > 3768 <span class="text-black font-semibold"> 3769 Zubehör </span> 3770 </a> 3771 3772 </div> 3773 <div class="pb-2" id=""> 3774 <a href="https://www.haibu.de/stylingtools/twister/" 3775 title="Twister" 3776 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 3777 > 3778 <span class="text-black font-semibold"> 3779 Twister </span> 3780 </a> 3781 3782 </div> 3783 <div class="h-40"></div> 3784 </div> 3785 </div> 3786 <div class="level-0"> 3787 <a class="level-0 flex items-center justify-between py-2 hover:no-underline focus:no-underline" 3788 :class="{ 3789 '-translate-x-full' : mobilePanelActiveId, 3790 'translate-x-0' : !mobilePanelActiveId 3791 }" 3792 href="https://www.haibu.de/beautyprodukte/" 3793 title="Beautyprodukte" 3794 @click.prevent="mobilePanelActiveId = mobilePanelActiveId === 'category-node-38' ? 0 : 'category-node-38'" 3795 > 3796 <span class="text-black font-semibold"> 3797 Beautyprodukte </span> 3798 <span class="mr-3"> 3799 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-3 w-3 fill-current text-pink" width="24" height="24" role="img"> 3800 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
3800703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3801<title>moma-chevron-right</title></svg> 3802 </span> 3803 </a> 3804 <div class="absolute top-0 right-0 z-10 w-full h-full translate-x-full container bg-white divide-y divide-gray" 3805 :class="{ 3806 'hidden translate-x-full' : mobilePanelActiveId !== 'category-node-38', 3807 'block translate-x-0' : mobilePanelActiveId === 'category-node-38', 3808 }" 3809 > 3810 3811 <a href="https://www.haibu.de/beautyprodukte/" 3812 title="Beautyprodukte" 3813 class="flex items-center justify-between py-2 cursor-pointer hover:no-underline focus:no-underline"> 3814 <span class="text-black font-semibold"> 3815 Alle Beautyprodukte </span> 3816 <span class="mr-3"> 3817 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-3 w-3 fill-current text-pink" width="24" height="24" role="img"> 3818 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3819<title>moma-chevron-right</title></svg> 3820 </span> 3821 </a> 3822 3823 <div class="pb-2" id=""> 3824 <a href="https://www.haibu.de/beautyprodukte/beauty-zubehor/" 3825 title="Beauty zubehör" 3826 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 3827 > 3828 <span class="text-black font-semibold"> 3829 Beauty zubehör </span> 3830 </a> 3831 3832 </div> 3833 <div class="pb-2" id=""> 3834 <a href="https://www.haibu.de/beautyprodukte/hautpflege/" 3835 title="Hautpflege" 3836 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 3837 > 3838 <span class="text-black font-semibold"> 3839 Hautpflege </span> 3840 </a> 3841 3842 3843 <a href="https://www.haibu.de/beautyprodukte/hautpflege/handcreme/" 3844 title="Handcreme " 3845 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3846 >
3847 <span class="mr-3 text-pink"> 3848 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3849 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3850<title>moma-chevron-right</title></svg> 3851 </span> 3852 <span class="text-black"> 3853 Handcreme </span> 3854 </a> 3855 3856 3857 <a href="https://www.haibu.de/beautyprodukte/hautpflege/gesichtsreinigung/" 3858 title="Gesichtsreinigung" 3859 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3860 > 3861 <span class="mr-3 text-pink"> 3862 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3863 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3864<title>moma-chevron-right</title></svg> 3865 </span> 3866 <span class="text-black"> 3867 Gesichtsreinigung </span> 3868 </a> 3869 3870 3871 <a href="https://www.haibu.de/beautyprodukte/hautpflege/gesichtspflege/" 3872 title="Gesichtspflege" 3873 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3874 > 3875 <span class="mr-3 text-pink"> 3876 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3877 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
3877703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3878<title>moma-chevron-right</title></svg> 3879 </span> 3880 <span class="text-black"> 3881 Gesichtspflege </span> 3882 </a> 3883 3884 3885 <a href="https://www.haibu.de/beautyprodukte/hautpflege/korperpflege/" 3886 title="Körperpflege" 3887 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3888 > 3889 <span class="mr-3 text-pink"> 3890 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3891 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3892<title>moma-chevron-right</title></svg> 3893 </span> 3894 <span class="text-black"> 3895 Körperpflege </span> 3896 </a> 3897 3898 </div> 3899 <div class="pb-2" id=""> 3900 <a href="https://www.haibu.de/beautyprodukte/make-up/" 3901 title="Make-up" 3902 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 3903 > 3904 <span class="text-black font-semibold"> 3905 Make-up </span> 3906 </a> 3907 3908 3909 <a href="https://www.haibu.de/beautyprodukte/make-up/haut/" 3910 title="Haut" 3911 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3912 > 3913 <span class="mr-3 text-pink"> 3914 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3915 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
3915703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3916<title>moma-chevron-right</title></svg> 3917 </span> 3918 <span class="text-black"> 3919 Haut </span> 3920 </a> 3921 3922 3923 <a href="https://www.haibu.de/beautyprodukte/make-up/lippen/" 3924 title="Lippen" 3925 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3926 > 3927 <span class="mr-3 text-pink"> 3928 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3929 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3930<title>moma-chevron-right</title></svg> 3931 </span> 3932 <span class="text-black"> 3933 Lippen </span> 3934 </a> 3935 3936 3937 <a href="https://www.haibu.de/beautyprodukte/make-up/augen/" 3938 title="Augen" 3939 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3940 > 3941 <span class="mr-3 text-pink"> 3942 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3943 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54
3943103 0.149967Z"/> 3944<title>moma-chevron-right</title></svg> 3945 </span> 3946 <span class="text-black"> 3947 Augen </span> 3948 </a> 3949 3950 3951 <a href="https://www.haibu.de/beautyprodukte/make-up/augenbrauen/" 3952 title="Augenbrauen" 3953 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3954 > 3955 <span class="mr-3 text-pink"> 3956 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3957 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3958<title>moma-chevron-right</title></svg> 3959 </span> 3960 <span class="text-black"> 3961 Augenbrauen </span> 3962 </a> 3963 3964 3965 <a href="https://www.haibu.de/beautyprodukte/make-up/make-up-taschen/" 3966 title="Make-up Taschen" 3967 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3968 > 3969 <span class="mr-3 text-pink"> 3970 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3971 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3972<title>moma-chevron-right</title></svg> 3973 </span>
3974 <span class="text-black"> 3975 Make-up Taschen </span> 3976 </a> 3977 3978 <div x-data="{show: false}"> 3979 <div x-show="show"> 3980 3981 <a href="https://www.haibu.de/beautyprodukte/make-up/make-up-bedarf/" 3982 title="Make-up Bedarf" 3983 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 3984 > 3985 <span class="mr-3 text-pink"> 3986 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 3987 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 3988<title>moma-chevron-right</title></svg> 3989 </span> 3990 <span class="text-black"> 3991 Make-up Bedarf </span> 3992 </a> 3993 3994 </div> 3995 <div @click.prevent="show = !show"> 3996 <span class="text-blue cursor-pointer" x-show="!show">Alle anzeigen</span> 3997 <span class="text-blue cursor-pointer" x-show="show">Weniger anzeigen</span> 3998 </div> 3999 </div> 4000 </div> 4001 <div class="pb-2" id=""> 4002 <a href="https://www.haibu.de/beautyprodukte/nagelprodukte/" 4003 title="Nagelprodukte" 4004 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 4005 > 4006 <span class="text-black font-semibold"> 4007 Nagelprodukte </span> 4008 </a> 4009 4010 4011 <a href="https://www.haibu.de/beautyprodukte/nagelprodukte/gel-biab-acryl/" 4012 title="Gel, BIAB & Acryl" 4013 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4014 >
4015 <span class="mr-3 text-pink"> 4016 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4017 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4018<title>moma-chevron-right</title></svg> 4019 </span> 4020 <span class="text-black"> 4021 Gel, BIAB & Acryl </span> 4022 </a> 4023 4024 4025 <a href="https://www.haibu.de/beautyprodukte/nagelprodukte/gel-nagellack/" 4026 title="Nagellack" 4027 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4028 > 4029 <span class="mr-3 text-pink"> 4030 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4031 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4032<title>moma-chevron-right</title></svg> 4033 </span> 4034 <span class="text-black"> 4035 Nagellack </span> 4036 </a> 4037 4038 4039 <a href="https://www.haibu.de/beautyprodukte/nagelprodukte/basecoat-topcoat/" 4040 title="Basecoat und topcoat" 4041 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4042 > 4043 <span class="mr-3 text-pink"> 4044 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4045 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
4045703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4046<title>moma-chevron-right</title></svg> 4047 </span> 4048 <span class="text-black"> 4049 Basecoat und topcoat </span> 4050 </a> 4051 4052 4053 <a href="https://www.haibu.de/beautyprodukte/nagelprodukte/nagelvorbereitung-pflege/" 4054 title="Nagelvorbereitung & Pflege" 4055 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4056 > 4057 <span class="mr-3 text-pink"> 4058 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4059 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4060<title>moma-chevron-right</title></svg> 4061 </span> 4062 <span class="text-black"> 4063 Nagelvorbereitung & Pflege </span> 4064 </a> 4065 4066 4067 <a href="https://www.haibu.de/beautyprodukte/nagelprodukte/nageltools-accessoires/" 4068 title="Nageltools & Accessoires" 4069 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4070 > 4071 <span class="mr-3 text-pink"> 4072 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4073 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54
4073103 0.149967Z"/> 4074<title>moma-chevron-right</title></svg> 4075 </span> 4076 <span class="text-black"> 4077 Nageltools & Accessoires </span> 4078 </a> 4079 4080 <div x-data="{show: false}"> 4081 <div x-show="show"> 4082 4083 <a href="https://www.haibu.de/beautyprodukte/nagelprodukte/nageldekoration/" 4084 title="Nageldekoration" 4085 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4086 > 4087 <span class="mr-3 text-pink"> 4088 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4089 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4090<title>moma-chevron-right</title></svg> 4091 </span> 4092 <span class="text-black"> 4093 Nageldekoration </span> 4094 </a> 4095 4096 </div> 4097 <div @click.prevent="show = !show"> 4098 <span class="text-blue cursor-pointer" x-show="!show">Alle anzeigen</span> 4099 <span class="text-blue cursor-pointer" x-show="show">Weniger anzeigen</span> 4100 </div> 4101 </div> 4102 </div> 4103 <div class="pb-2" id=""> 4104 <a href="https://www.haibu.de/beautyprodukte/epileren/" 4105 title="Epilation/Enthaarung" 4106 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 4107 > 4108 <span class="text-black font-semibold"> 4109 Epilation/Enthaarung </span> 4110 </a> 4111 4112 </div> 4113 <div class="pb-2" id=""> 4114 <a href="https://www.haibu.de/beautyprodukte/dufte/" 4115 title="  Düfte" 4116 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 4117 >
4118 <span class="text-black font-semibold"> 4119 Düfte </span> 4120 </a> 4121 4122 </div> 4123 <div class="pb-2" id=""> 4124 <a href="https://www.haibu.de/beautyprodukte/selbstbrauner/" 4125 title="Selbstbräuner" 4126 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 4127 > 4128 <span class="text-black font-semibold"> 4129 Selbstbräuner </span> 4130 </a> 4131 4132 4133 <a href="https://www.haibu.de/beautyprodukte/selbstbrauner/lotion/" 4134 title="Lotion" 4135 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4136 > 4137 <span class="mr-3 text-pink"> 4138 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4139 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4140<title>moma-chevron-right</title></svg> 4141 </span> 4142 <span class="text-black"> 4143 Lotion </span> 4144 </a> 4145 4146 4147 <a href="https://www.haibu.de/beautyprodukte/selbstbrauner/spray/" 4148 title="Spray" 4149 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4150 > 4151 <span class="mr-3 text-pink"> 4152 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4153 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
4153703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4154<title>moma-chevron-right</title></svg> 4155 </span> 4156 <span class="text-black"> 4157 Spray </span> 4158 </a> 4159 4160 4161 <a href="https://www.haibu.de/beautyprodukte/selbstbrauner/liquid/" 4162 title="Liquid" 4163 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4164 > 4165 <span class="mr-3 text-pink"> 4166 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4167 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4168<title>moma-chevron-right</title></svg> 4169 </span> 4170 <span class="text-black"> 4171 Liquid </span> 4172 </a> 4173 4174 4175 <a href="https://www.haibu.de/beautyprodukte/selbstbrauner/mousse/" 4176 title="Mousse" 4177 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4178 > 4179 <span class="mr-3 text-pink"> 4180 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4181 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54
4181103 0.149967Z"/> 4182<title>moma-chevron-right</title></svg> 4183 </span> 4184 <span class="text-black"> 4185 Mousse </span> 4186 </a> 4187 4188 4189 <a href="https://www.haibu.de/beautyprodukte/selbstbrauner/zubehor/" 4190 title="Zubehör" 4191 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4192 > 4193 <span class="mr-3 text-pink"> 4194 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4195 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4196<title>moma-chevron-right</title></svg> 4197 </span> 4198 <span class="text-black"> 4199 Zubehör </span> 4200 </a> 4201 4202 <div x-data="{show: false}"> 4203 <div x-show="show"> 4204 4205 <a href="https://www.haibu.de/beautyprodukte/selbstbrauner/pflege/" 4206 title="Pflege" 4207 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4208 > 4209 <span class="mr-3 text-pink"> 4210 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4211 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54
4211103 0.149967Z"/> 4212<title>moma-chevron-right</title></svg> 4213 </span> 4214 <span class="text-black"> 4215 Pflege </span> 4216 </a> 4217 4218 </div> 4219 <div @click.prevent="show = !show"> 4220 <span class="text-blue cursor-pointer" x-show="!show">Alle anzeigen</span> 4221 <span class="text-blue cursor-pointer" x-show="show">Weniger anzeigen</span> 4222 </div> 4223 </div> 4224 </div> 4225 <div class="h-40"></div> 4226 </div> 4227 </div> 4228 <div class="level-0"> 4229 <a class="level-0 flex items-center justify-between py-2 hover:no-underline focus:no-underline" 4230 :class="{ 4231 '-translate-x-full' : mobilePanelActiveId, 4232 'translate-x-0' : !mobilePanelActiveId 4233 }" 4234 href="https://www.haibu.de/zubehor/" 4235 title="Friseurbedarf" 4236 @click.prevent="mobilePanelActiveId = mobilePanelActiveId === 'category-node-40' ? 0 : 'category-node-40'" 4237 > 4238 <span class="text-black font-semibold"> 4239 Friseurbedarf </span> 4240 <span class="mr-3"> 4241 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-3 w-3 fill-current text-pink" width="24" height="24" role="img"> 4242 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4243<title>moma-chevron-right</title></svg> 4244 </span> 4245 </a> 4246 <div class="absolute top-0 right-0 z-10 w-full h-full translate-x-full container bg-white divide-y divide-gray" 4247 :class="{ 4248 'hidden translate-x-full' : mobilePanelActiveId !== 'category-node-40', 4249 'block translate-x-0' : mobilePanelActiveId === 'category-node-40', 4250 }" 4251 > 4252 4253 <a href="https://www.haibu.de/zubehor/" 4254 title="Friseurbedarf" 4255 class="flex items-center justify-between py-2 cursor-pointer hover:no-underline focus:no-underline"> 4256 <span class="text-black font-semibold"> 4257 Alle Friseurbedarf </span>
4258 <span class="mr-3"> 4259 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-3 w-3 fill-current text-pink" width="24" height="24" role="img"> 4260 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4261<title>moma-chevron-right</title></svg> 4262 </span> 4263 </a> 4264 4265 <div class="pb-2" id=""> 4266 <a href="https://www.haibu.de/zubehor/farbebedarf/" 4267 title="Färbebedarf" 4268 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 4269 > 4270 <span class="text-black font-semibold"> 4271 Färbebedarf </span> 4272 </a> 4273 4274 4275 <a href="https://www.haibu.de/zubehor/farbebedarf/alufolie/" 4276 title="Alufolie" 4277 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4278 > 4279 <span class="mr-3 text-pink"> 4280 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4281 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4282<title>moma-chevron-right</title></svg> 4283 </span> 4284 <span class="text-black"> 4285 Alufolie </span> 4286 </a> 4287 4288 4289 <a href="https://www.haibu.de/zubehor/farbebedarf/blondieren/" 4290 title="Blondieren" 4291 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4292 >
4293 <span class="mr-3 text-pink"> 4294 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4295 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4296<title>moma-chevron-right</title></svg> 4297 </span> 4298 <span class="text-black"> 4299 Blondieren </span> 4300 </a> 4301 4302 4303 <a href="https://www.haibu.de/zubehor/farbebedarf/dosierflasche-applikator-haarfarbemittel/" 4304 title="Haarfärbeapplikator" 4305 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4306 > 4307 <span class="mr-3 text-pink"> 4308 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4309 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4310<title>moma-chevron-right</title></svg> 4311 </span> 4312 <span class="text-black"> 4313 Haarfärbeapplikator </span> 4314 </a> 4315 4316 4317 <a href="https://www.haibu.de/zubehor/farbebedarf/farbeschalen/" 4318 title="Färbeschalen" 4319 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4320 > 4321 <span class="mr-3 text-pink"> 4322 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4323 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
4323703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4324<title>moma-chevron-right</title></svg> 4325 </span> 4326 <span class="text-black"> 4327 Färbeschalen </span> 4328 </a> 4329 4330 4331 <a href="https://www.haibu.de/zubehor/farbebedarf/haarfarbemittel-entferner/" 4332 title="Haarfärbemittel-Entferner" 4333 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4334 > 4335 <span class="mr-3 text-pink"> 4336 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4337 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4338<title>moma-chevron-right</title></svg> 4339 </span> 4340 <span class="text-black"> 4341 Haarfärbemittel-Entferner </span> 4342 </a> 4343 4344 <div x-data="{show: false}"> 4345 <div x-show="show"> 4346 4347 <a href="https://www.haibu.de/zubehor/farbebedarf/handtucher/" 4348 title="Handtücher" 4349 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4350 > 4351 <span class="mr-3 text-pink"> 4352 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4353 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
4353703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4354<title>moma-chevron-right</title></svg> 4355 </span> 4356 <span class="text-black"> 4357 Handtücher </span> 4358 </a> 4359 4360 4361 <a href="https://www.haibu.de/zubehor/farbebedarf/handschuhe/" 4362 title="Handschuhe " 4363 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4364 > 4365 <span class="mr-3 text-pink"> 4366 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4367 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4368<title>moma-chevron-right</title></svg> 4369 </span> 4370 <span class="text-black"> 4371 Handschuhe </span> 4372 </a> 4373 4374 4375 <a href="https://www.haibu.de/zubehor/farbebedarf/farbkarte/" 4376 title="Farbkarte" 4377 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4378 > 4379 <span class="mr-3 text-pink"> 4380 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4381 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54
4381103 0.149967Z"/> 4382<title>moma-chevron-right</title></svg> 4383 </span> 4384 <span class="text-black"> 4385 Farbkarte </span> 4386 </a> 4387 4388 4389 <a href="https://www.haibu.de/zubehor/farbebedarf/messbecher/" 4390 title="Messbecher" 4391 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4392 > 4393 <span class="mr-3 text-pink"> 4394 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4395 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4396<title>moma-chevron-right</title></svg> 4397 </span> 4398 <span class="text-black"> 4399 Messbecher </span> 4400 </a> 4401 4402 4403 <a href="https://www.haibu.de/zubehor/farbebedarf/pumpen/" 4404 title="Pumpen" 4405 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4406 > 4407 <span class="mr-3 text-pink"> 4408 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4409 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4410<title>moma-chevron-right</title></svg> 4411 </span>
4412 <span class="text-black"> 4413 Pumpen </span> 4414 </a> 4415 4416 4417 <a href="https://www.haibu.de/zubehor/farbebedarf/farbepinsel/" 4418 title="Färbepinsel" 4419 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4420 > 4421 <span class="mr-3 text-pink"> 4422 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4423 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4424<title>moma-chevron-right</title></svg> 4425 </span> 4426 <span class="text-black"> 4427 Färbepinsel </span> 4428 </a> 4429 4430 4431 <a href="https://www.haibu.de/zubehor/farbebedarf/farbeschurzen/" 4432 title="Färbeschürzen" 4433 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4434 > 4435 <span class="mr-3 text-pink"> 4436 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4437 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4438<title>moma-chevron-right</title></svg> 4439 </span> 4440 <span class="text-black"> 4441 Färbeschürzen </span> 4442 </a> 4443 4444 4445 <a href="https://www.haibu.de/zubehor/farbebedarf/waagen/" 4446 title="Waagen" 4447 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4448 >
4449 <span class="mr-3 text-pink"> 4450 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4451 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4452<title>moma-chevron-right</title></svg> 4453 </span> 4454 <span class="text-black"> 4455 Waagen </span> 4456 </a> 4457 4458 4459 <a href="https://www.haibu.de/zubehor/farbebedarf/einwegartikel/" 4460 title="Einwegartikel" 4461 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4462 > 4463 <span class="mr-3 text-pink"> 4464 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4465 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4466<title>moma-chevron-right</title></svg> 4467 </span> 4468 <span class="text-black"> 4469 Einwegartikel </span> 4470 </a> 4471 4472 4473 <a href="https://www.haibu.de/zubehor/farbebedarf/hauben/" 4474 title="Hauben" 4475 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4476 > 4477 <span class="mr-3 text-pink"> 4478 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4479 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
4479703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4480<title>moma-chevron-right</title></svg> 4481 </span> 4482 <span class="text-black"> 4483 Hauben </span> 4484 </a> 4485 4486 </div> 4487 <div @click.prevent="show = !show"> 4488 <span class="text-blue cursor-pointer" x-show="!show">Alle anzeigen</span> 4489 <span class="text-blue cursor-pointer" x-show="show">Weniger anzeigen</span> 4490 </div> 4491 </div> 4492 </div> 4493 <div class="pb-2" id=""> 4494 <a href="https://www.haibu.de/zubehor/schneidebedarf/" 4495 title="Schneidebedarf" 4496 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 4497 > 4498 <span class="text-black font-semibold"> 4499 Schneidebedarf </span> 4500 </a> 4501 4502 4503 <a href="https://www.haibu.de/zubehor/schneidebedarf/friseurschere/" 4504 title="Friseurschere" 4505 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4506 > 4507 <span class="mr-3 text-pink"> 4508 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4509 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4510<title>moma-chevron-right</title></svg> 4511 </span> 4512 <span class="text-black"> 4513 Friseurschere </span> 4514 </a> 4515 4516 4517 <a href="https://www.haibu.de/zubehor/schneidebedarf/haarbursten/" 4518 title="Haarbürsten" 4519 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4520 >
4521 <span class="mr-3 text-pink"> 4522 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4523 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4524<title>moma-chevron-right</title></svg> 4525 </span> 4526 <span class="text-black"> 4527 Haarbürsten </span> 4528 </a> 4529 4530 4531 <a href="https://www.haibu.de/zubehor/schneidebedarf/haarkamme/" 4532 title="Haarkämme" 4533 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4534 > 4535 <span class="mr-3 text-pink"> 4536 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4537 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4538<title>moma-chevron-right</title></svg> 4539 </span> 4540 <span class="text-black"> 4541 Haarkämme </span> 4542 </a> 4543 4544 4545 <a href="https://www.haibu.de/zubehor/schneidebedarf/friseurumhange/" 4546 title="Friseurumhänge" 4547 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4548 > 4549 <span class="mr-3 text-pink"> 4550 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4551 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
4551703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4552<title>moma-chevron-right</title></svg> 4553 </span> 4554 <span class="text-black"> 4555 Friseurumhänge </span> 4556 </a> 4557 4558 4559 <a href="https://www.haibu.de/zubehor/schneidebedarf/friseurklingen/" 4560 title="Friseurklingen" 4561 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4562 > 4563 <span class="mr-3 text-pink"> 4564 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4565 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4566<title>moma-chevron-right</title></svg> 4567 </span> 4568 <span class="text-black"> 4569 Friseurklingen </span> 4570 </a> 4571 4572 <div x-data="{show: false}"> 4573 <div x-show="show"> 4574 4575 <a href="https://www.haibu.de/zubehor/schneidebedarf/klammern/" 4576 title="Klammern" 4577 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4578 > 4579 <span class="mr-3 text-pink"> 4580 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4581 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
4581703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4582<title>moma-chevron-right</title></svg> 4583 </span> 4584 <span class="text-black"> 4585 Klammern </span> 4586 </a> 4587 4588 4589 <a href="https://www.haibu.de/zubehor/schneidebedarf/nackenbursten/" 4590 title="Nackenbürsten" 4591 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4592 > 4593 <span class="mr-3 text-pink"> 4594 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4595 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4596<title>moma-chevron-right</title></svg> 4597 </span> 4598 <span class="text-black"> 4599 Nackenbürsten </span> 4600 </a> 4601 4602 4603 <a href="https://www.haibu.de/zubehor/schneidebedarf/feger-handfeger/" 4604 title="Feger/Handfeger" 4605 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4606 > 4607 <span class="mr-3 text-pink"> 4608 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4609 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54
4609103 0.149967Z"/> 4610<title>moma-chevron-right</title></svg> 4611 </span> 4612 <span class="text-black"> 4613 Feger/Handfeger </span> 4614 </a> 4615 4616 4617 <a href="https://www.haibu.de/zubehor/schneidebedarf/wasserspruhflaschen/" 4618 title="Wassersprühflaschen" 4619 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4620 > 4621 <span class="mr-3 text-pink"> 4622 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4623 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4624<title>moma-chevron-right</title></svg> 4625 </span> 4626 <span class="text-black"> 4627 Wassersprühflaschen </span> 4628 </a> 4629 4630 4631 <a href="https://www.haibu.de/zubehor/schneidebedarf/einwegartikel/" 4632 title="Einwegartikel" 4633 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4634 > 4635 <span class="mr-3 text-pink"> 4636 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4637 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4638<title>moma-chevron-right</title></svg> 4639 </span>
4640 <span class="text-black"> 4641 Einwegartikel </span> 4642 </a> 4643 4644 </div> 4645 <div @click.prevent="show = !show"> 4646 <span class="text-blue cursor-pointer" x-show="!show">Alle anzeigen</span> 4647 <span class="text-blue cursor-pointer" x-show="show">Weniger anzeigen</span> 4648 </div> 4649 </div> 4650 </div> 4651 <div class="pb-2" id=""> 4652 <a href="https://www.haibu.de/zubehor/waschen/" 4653 title="Waschen" 4654 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 4655 > 4656 <span class="text-black font-semibold"> 4657 Waschen </span> 4658 </a> 4659 4660 4661 <a href="https://www.haibu.de/zubehor/waschen/handtucher/" 4662 title="Waschen Handtücher" 4663 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4664 > 4665 <span class="mr-3 text-pink"> 4666 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4667 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4668<title>moma-chevron-right</title></svg> 4669 </span> 4670 <span class="text-black"> 4671 Waschen Handtücher </span> 4672 </a> 4673 4674 4675 <a href="https://www.haibu.de/zubehor/waschen/nackenschutz/" 4676 title="Nackenschutz" 4677 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4678 >
4679 <span class="mr-3 text-pink"> 4680 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4681 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4682<title>moma-chevron-right</title></svg> 4683 </span> 4684 <span class="text-black"> 4685 Nackenschutz </span> 4686 </a> 4687 4688 4689 <a href="https://www.haibu.de/zubehor/waschen/mobile-waschbecken/" 4690 title="Mobile Waschbecken" 4691 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4692 > 4693 <span class="mr-3 text-pink"> 4694 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4695 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4696<title>moma-chevron-right</title></svg> 4697 </span> 4698 <span class="text-black"> 4699 Mobile Waschbecken </span> 4700 </a> 4701 4702 4703 <a href="https://www.haibu.de/catalog/category/view/s/grossbehalter/id/832/" 4704 title="Großbehälter" 4705 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4706 > 4707 <span class="mr-3 text-pink"> 4708 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4709 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
4709703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4710<title>moma-chevron-right</title></svg> 4711 </span> 4712 <span class="text-black"> 4713 GroÃbehälter </span> 4714 </a> 4715 4716 </div> 4717 <div class="pb-2" id=""> 4718 <a href="https://www.haibu.de/zubehor/dauerwelle/" 4719 title="Dauerwelle" 4720 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 4721 > 4722 <span class="text-black font-semibold"> 4723 Dauerwelle </span> 4724 </a> 4725 4726 4727 <a href="https://www.haibu.de/zubehor/dauerwelle/grossbehalter/" 4728 title="Großbehälter" 4729 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4730 > 4731 <span class="mr-3 text-pink"> 4732 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4733 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4734<title>moma-chevron-right</title></svg> 4735 </span> 4736 <span class="text-black"> 4737 GroÃbehälter </span> 4738 </a> 4739 4740 4741 <a href="https://www.haibu.de/zubehor/dauerwelle/haarnetze/" 4742 title="Haarnetze" 4743 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4744 >
4745 <span class="mr-3 text-pink"> 4746 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4747 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4748<title>moma-chevron-right</title></svg> 4749 </span> 4750 <span class="text-black"> 4751 Haarnetze </span> 4752 </a> 4753 4754 4755 <a href="https://www.haibu.de/zubehor/dauerwelle/kleberollen/" 4756 title="Kleberollen" 4757 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4758 > 4759 <span class="mr-3 text-pink"> 4760 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4761 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4762<title>moma-chevron-right</title></svg> 4763 </span> 4764 <span class="text-black"> 4765 Kleberollen </span> 4766 </a> 4767 4768 4769 <a href="https://www.haibu.de/zubehor/dauerwelle/papilotten/" 4770 title="Papilotten" 4771 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4772 > 4773 <span class="mr-3 text-pink"> 4774 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4775 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
4775703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4776<title>moma-chevron-right</title></svg> 4777 </span> 4778 <span class="text-black"> 4779 Papilotten </span> 4780 </a> 4781 4782 4783 <a href="https://www.haibu.de/zubehor/dauerwelle/dauerwelle-hauben/" 4784 title="Dauerwelle Hauben" 4785 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4786 > 4787 <span class="mr-3 text-pink"> 4788 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4789 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4790<title>moma-chevron-right</title></svg> 4791 </span> 4792 <span class="text-black"> 4793 Dauerwelle Hauben </span> 4794 </a> 4795 4796 <div x-data="{show: false}"> 4797 <div x-show="show"> 4798 4799 <a href="https://www.haibu.de/zubehor/dauerwelle/dauerwelle-stangen-stifte/" 4800 title="Dauerwelle Stangen/Stifte" 4801 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4802 > 4803 <span class="mr-3 text-pink"> 4804 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4805 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
4805703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4806<title>moma-chevron-right</title></svg> 4807 </span> 4808 <span class="text-black"> 4809 Dauerwelle Stangen/Stifte </span> 4810 </a> 4811 4812 4813 <a href="https://www.haibu.de/zubehor/dauerwelle/dauerwelle-wickler/" 4814 title="Große Lockenwickler" 4815 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4816 > 4817 <span class="mr-3 text-pink"> 4818 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4819 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4820<title>moma-chevron-right</title></svg> 4821 </span> 4822 <span class="text-black"> 4823 GroÃe Lockenwickler </span> 4824 </a> 4825 4826 4827 <a href="https://www.haibu.de/zubehor/dauerwelle/wasserwellenwalzen/" 4828 title="Drahtwickler" 4829 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4830 > 4831 <span class="mr-3 text-pink"> 4832 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4833 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54
4833103 0.149967Z"/> 4834<title>moma-chevron-right</title></svg> 4835 </span> 4836 <span class="text-black"> 4837 Drahtwickler </span> 4838 </a> 4839 4840 4841 <a href="https://www.haibu.de/zubehor/dauerwelle/einwegartikel/" 4842 title="Einwegartikel" 4843 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4844 > 4845 <span class="mr-3 text-pink"> 4846 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4847 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4848<title>moma-chevron-right</title></svg> 4849 </span> 4850 <span class="text-black"> 4851 Einwegartikel </span> 4852 </a> 4853 4854 </div> 4855 <div @click.prevent="show = !show"> 4856 <span class="text-blue cursor-pointer" x-show="!show">Alle anzeigen</span> 4857 <span class="text-blue cursor-pointer" x-show="show">Weniger anzeigen</span> 4858 </div> 4859 </div> 4860 </div> 4861 <div class="pb-2" id=""> 4862 <a href="https://www.haibu.de/zubehor/mobile-schneider/" 4863 title="Mobiler Friseur" 4864 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 4865 > 4866 <span class="text-black font-semibold"> 4867 Mobiler Friseur </span> 4868 </a> 4869 4870 4871 <a href="https://www.haibu.de/zubehor/mobile-schneider/handbrause/" 4872 title="Handbrause" 4873 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4874 >
4875 <span class="mr-3 text-pink"> 4876 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4877 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4878<title>moma-chevron-right</title></svg> 4879 </span> 4880 <span class="text-black"> 4881 Handbrause </span> 4882 </a> 4883 4884 4885 <a href="https://www.haibu.de/zubehor/mobile-schneider/hufttaschen/" 4886 title="Hüfttaschen" 4887 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4888 > 4889 <span class="mr-3 text-pink"> 4890 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4891 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4892<title>moma-chevron-right</title></svg> 4893 </span> 4894 <span class="text-black"> 4895 Hüfttaschen </span> 4896 </a> 4897 4898 4899 <a href="https://www.haibu.de/zubehor/mobile-schneider/terminplaner/" 4900 title="Terminplaner" 4901 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4902 > 4903 <span class="mr-3 text-pink"> 4904 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4905 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
4905703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4906<title>moma-chevron-right</title></svg> 4907 </span> 4908 <span class="text-black"> 4909 Terminplaner </span> 4910 </a> 4911 4912 4913 <a href="https://www.haibu.de/zubehor/mobile-schneider/fall-friseur/" 4914 title="Fall Friseur" 4915 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4916 > 4917 <span class="mr-3 text-pink"> 4918 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4919 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4920<title>moma-chevron-right</title></svg> 4921 </span> 4922 <span class="text-black"> 4923 Fall Friseur </span> 4924 </a> 4925 4926 4927 <a href="https://www.haibu.de/zubehor/mobile-schneider/friseurhockers/" 4928 title="Friseurhocker" 4929 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4930 > 4931 <span class="mr-3 text-pink"> 4932 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4933 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54
4933103 0.149967Z"/> 4934<title>moma-chevron-right</title></svg> 4935 </span> 4936 <span class="text-black"> 4937 Friseurhocker </span> 4938 </a> 4939 4940 <div x-data="{show: false}"> 4941 <div x-show="show"> 4942 4943 <a href="https://www.haibu.de/zubehor/mobile-schneider/friseurtasche/" 4944 title="Friseurtasche" 4945 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4946 > 4947 <span class="mr-3 text-pink"> 4948 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4949 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4950<title>moma-chevron-right</title></svg> 4951 </span> 4952 <span class="text-black"> 4953 Friseurtasche </span> 4954 </a> 4955 4956 4957 <a href="https://www.haibu.de/zubehor/mobile-schneider/friseurwagen/" 4958 title="Friseurwagen" 4959 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4960 > 4961 <span class="mr-3 text-pink"> 4962 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4963 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54
4963103 0.149967Z"/> 4964<title>moma-chevron-right</title></svg> 4965 </span> 4966 <span class="text-black"> 4967 Friseurwagen </span> 4968 </a> 4969 4970 4971 <a href="https://www.haibu.de/zubehor/mobile-schneider/mobile-waschbecken/" 4972 title="Mobile Waschbecken" 4973 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4974 > 4975 <span class="mr-3 text-pink"> 4976 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4977 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4978<title>moma-chevron-right</title></svg> 4979 </span> 4980 <span class="text-black"> 4981 Mobile Waschbecken </span> 4982 </a> 4983 4984 4985 <a href="https://www.haibu.de/zubehor/mobile-schneider/nackenschutz/" 4986 title="Nackenschutz" 4987 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 4988 > 4989 <span class="mr-3 text-pink"> 4990 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 4991 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 4992<title>moma-chevron-right</title></svg> 4993 </span>
4994 <span class="text-black"> 4995 Nackenschutz </span> 4996 </a> 4997 4998 4999 <a href="https://www.haibu.de/zubehor/mobile-schneider/spiegel-halter/" 5000 title="Spiegel(halter)" 5001 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5002 > 5003 <span class="mr-3 text-pink"> 5004 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5005 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5006<title>moma-chevron-right</title></svg> 5007 </span> 5008 <span class="text-black"> 5009 Spiegel(halter) </span> 5010 </a> 5011 5012 5013 <a href="https://www.haibu.de/zubehor/mobile-schneider/wasserspruhflaschen/" 5014 title="Wassersprühflaschen" 5015 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5016 > 5017 <span class="mr-3 text-pink"> 5018 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5019 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5020<title>moma-chevron-right</title></svg> 5021 </span> 5022 <span class="text-black"> 5023 Wassersprühflaschen </span> 5024 </a> 5025 5026 5027 <a href="https://www.haibu.de/zubehor/mobile-schneider/arbeitswagen/" 5028 title="Arbeitswagen" 5029 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5030 >
5031 <span class="mr-3 text-pink"> 5032 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5033 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5034<title>moma-chevron-right</title></svg> 5035 </span> 5036 <span class="text-black"> 5037 Arbeitswagen </span> 5038 </a> 5039 5040 </div> 5041 <div @click.prevent="show = !show"> 5042 <span class="text-blue cursor-pointer" x-show="!show">Alle anzeigen</span> 5043 <span class="text-blue cursor-pointer" x-show="show">Weniger anzeigen</span> 5044 </div> 5045 </div> 5046 </div> 5047 <div class="pb-2" id=""> 5048 <a href="https://www.haibu.de/zubehor/salonbedarf/" 5049 title="Salonbedarf" 5050 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 5051 > 5052 <span class="text-black font-semibold"> 5053 Salonbedarf </span> 5054 </a> 5055 5056 </div> 5057 <div class="pb-2" id=""> 5058 <a href="https://www.haibu.de/zubehor/ubungsbedarf/" 5059 title="Übungsbedarf" 5060 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 5061 > 5062 <span class="text-black font-semibold"> 5063 Ãbungsbedarf </span> 5064 </a> 5065 5066 5067 <a href="https://www.haibu.de/zubehor/ubungsbedarf/zubehor/" 5068 title="Zubehör" 5069 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5070 >
5071 <span class="mr-3 text-pink"> 5072 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5073 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5074<title>moma-chevron-right</title></svg> 5075 </span> 5076 <span class="text-black"> 5077 Zubehör </span> 5078 </a> 5079 5080 5081 <a href="https://www.haibu.de/zubehor/ubungsbedarf/ubungskopf/" 5082 title="Übungskopf" 5083 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5084 > 5085 <span class="mr-3 text-pink"> 5086 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5087 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5088<title>moma-chevron-right</title></svg> 5089 </span> 5090 <span class="text-black"> 5091 Ãbungskopf </span> 5092 </a> 5093 5094 </div> 5095 <div class="pb-2" id=""> 5096 <a href="https://www.haibu.de/zubehor/hygiene-producten/" 5097 title="Hygieneprodukte" 5098 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 5099 > 5100 <span class="text-black font-semibold"> 5101 Hygieneprodukte </span> 5102 </a> 5103 5104 5105 <a href="https://www.haibu.de/zubehor/hygiene-producten/mondkapjes/" 5106 title="Mondkapjes" 5107 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5108 >
5109 <span class="mr-3 text-pink"> 5110 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5111 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5112<title>moma-chevron-right</title></svg> 5113 </span> 5114 <span class="text-black"> 5115 Mondkapjes </span> 5116 </a> 5117 5118 5119 <a href="https://www.haibu.de/zubehor/hygiene-producten/reinigungsmittel/" 5120 title="Reinigungsmittel" 5121 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5122 > 5123 <span class="mr-3 text-pink"> 5124 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5125 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5126<title>moma-chevron-right</title></svg> 5127 </span> 5128 <span class="text-black"> 5129 Reinigungsmittel </span> 5130 </a> 5131 5132 </div> 5133 <div class="pb-2" id=""> 5134 <a href="https://www.haibu.de/zubehor/haarprodukte-accessoires/" 5135 title="Haarprodukte Accessoires" 5136 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 5137 >
5138 <span class="text-black font-semibold"> 5139 Haarprodukte Accessoires </span> 5140 </a> 5141 5142 5143 <a href="https://www.haibu.de/zubehor/haarprodukte-accessoires/haargummi/" 5144 title="Haargummi" 5145 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5146 > 5147 <span class="mr-3 text-pink"> 5148 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5149 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5150<title>moma-chevron-right</title></svg> 5151 </span> 5152 <span class="text-black"> 5153 Haargummi </span> 5154 </a> 5155 5156 5157 <a href="https://www.haibu.de/zubehor/haarprodukte-accessoires/haarschmuck/" 5158 title="Haarschmuck" 5159 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5160 > 5161 <span class="mr-3 text-pink"> 5162 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5163 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5164<title>moma-chevron-right</title></svg> 5165 </span>
5166 <span class="text-black"> 5167 Haarschmuck </span> 5168 </a> 5169 5170 5171 <a href="https://www.haibu.de/zubehor/haarprodukte-accessoires/geflochtene-haarbander/" 5172 title="Geflochtene Haarbänder" 5173 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5174 > 5175 <span class="mr-3 text-pink"> 5176 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5177 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5178<title>moma-chevron-right</title></svg> 5179 </span> 5180 <span class="text-black"> 5181 Geflochtene Haarbänder </span> 5182 </a> 5183 5184 5185 <a href="https://www.haibu.de/zubehor/haarprodukte-accessoires/haardonut/" 5186 title="Haardonut" 5187 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5188 > 5189 <span class="mr-3 text-pink"> 5190 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5191 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5192<title>moma-chevron-right</title></svg> 5193 </span> 5194 <span class="text-black"> 5195 Haardonut </span> 5196 </a> 5197 5198 5199 <a href="https://www.haibu.de/zubehor/haarprodukte-accessoires/haar-klammer
5199n-spangen/" 5200 title="Haarklammern/-spangen" 5201 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5202 > 5203 <span class="mr-3 text-pink"> 5204 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5205 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5206<title>moma-chevron-right</title></svg> 5207 </span> 5208 <span class="text-black"> 5209 Haarklammern/-spangen </span> 5210 </a> 5211 5212 </div> 5213 <div class="pb-2" id=""> 5214 <a href="https://www.haibu.de/zubehor/trocknungskappen/" 5215 title="Trocknungskappen" 5216 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 5217 > 5218 <span class="text-black font-semibold"> 5219 Trocknungskappen </span> 5220 </a> 5221 5222 </div> 5223 <div class="pb-2" id=""> 5224 <a href="https://www.haibu.de/zubehor/sonstiges/" 5225 title="Sonstiges" 5226 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 5227 > 5228 <span class="text-black font-semibold"> 5229 Sonstiges </span> 5230 </a> 5231 5232 </div> 5233 <div class="pb-2" id=""> 5234 <a href="https://www.haibu.de/zubehor/grossbehalter/" 5235 title="Großbehälter" 5236 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 5237 > 5238 <span class="text-black font-semibold"> 5239 GroÃbehälter </span> 5240 </a> 5241 5242 </div> 5243 <div class="pb-2" id=""> 5244 <a href="https://www.haibu.de/zubehor/starterpakete/" 5245 title="Starterpakete" 5246 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 5247 >
5248 <span class="text-black font-semibold"> 5249 Starterpakete </span> 5250 </a> 5251 5252 5253 <a href="https://www.haibu.de/zubehor/starterpakete/ausstattung/" 5254 title="Ausstattung" 5255 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5256 > 5257 <span class="mr-3 text-pink"> 5258 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5259 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5260<title>moma-chevron-right</title></svg> 5261 </span> 5262 <span class="text-black"> 5263 Ausstattung </span> 5264 </a> 5265 5266 5267 <a href="https://www.haibu.de/zubehor/starterpakete/haarfarbe/" 5268 title="Haarfarbe" 5269 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5270 > 5271 <span class="mr-3 text-pink"> 5272 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5273 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5274<title>moma-chevron-right</title></svg> 5275 </span> 5276 <span class="text-black"> 5277 Haarfarbe </span> 5278 </a> 5279 5280 </div> 5281 <div class="h-40"></div> 5282 </div> 5283 </div> 5284 <div class="level-0"> 5285 <a class="level-0 flex items-center justify-between py-2 hover:no-underline focus:no-underline" 5286 :class="{
5287 '-translate-x-full' : mobilePanelActiveId, 5288 'translate-x-0' : !mobilePanelActiveId 5289 }" 5290 href="https://www.haibu.de/manner/" 5291 title="Männer" 5292 @click.prevent="mobilePanelActiveId = mobilePanelActiveId === 'category-node-41' ? 0 : 'category-node-41'" 5293 > 5294 <span class="text-black font-semibold"> 5295 Männer </span> 5296 <span class="mr-3"> 5297 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-3 w-3 fill-current text-pink" width="24" height="24" role="img"> 5298 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5299<title>moma-chevron-right</title></svg> 5300 </span> 5301 </a> 5302 <div class="absolute top-0 right-0 z-10 w-full h-full translate-x-full container bg-white divide-y divide-gray" 5303 :class="{ 5304 'hidden translate-x-full' : mobilePanelActiveId !== 'category-node-41', 5305 'block translate-x-0' : mobilePanelActiveId === 'category-node-41', 5306 }" 5307 > 5308 5309 <a href="https://www.haibu.de/manner/" 5310 title="Männer" 5311 class="flex items-center justify-between py-2 cursor-pointer hover:no-underline focus:no-underline"> 5312 <span class="text-black font-semibold"> 5313 Alle Männer </span> 5314 <span class="mr-3"> 5315 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-3 w-3 fill-current text-pink" width="24" height="24" role="img"> 5316 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5317<title>moma-chevron-right</title></svg> 5318 </span> 5319 </a> 5320 5321 <div class="pb-2" id=""> 5322 <a href="https://www.haibu.de/manner/pflege/" 5323 title="Pflege" 5324 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 5325 >
5326 <span class="text-black font-semibold"> 5327 Pflege </span> 5328 </a> 5329 5330 5331 <a href="https://www.haibu.de/manner/pflege/shampoo/" 5332 title="Shampoo" 5333 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5334 > 5335 <span class="mr-3 text-pink"> 5336 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5337 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5338<title>moma-chevron-right</title></svg> 5339 </span> 5340 <span class="text-black"> 5341 Shampoo </span> 5342 </a> 5343 5344 5345 <a href="https://www.haibu.de/manner/pflege/conditioner/" 5346 title="Conditioner" 5347 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5348 > 5349 <span class="mr-3 text-pink"> 5350 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5351 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5352<title>moma-chevron-right</title></svg> 5353 </span> 5354 <span class="text-black"> 5355 Conditioner </span> 5356 </a> 5357 5358 5359 <a href="https://www.haibu.de/manner/pflege/tonic/" 5360 title="Tonic" 5361 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5362 >
5363 <span class="mr-3 text-pink"> 5364 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5365 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5366<title>moma-chevron-right</title></svg> 5367 </span> 5368 <span class="text-black"> 5369 Tonic </span> 5370 </a> 5371 5372 </div> 5373 <div class="pb-2" id=""> 5374 <a href="https://www.haibu.de/manner/styling/" 5375 title="Styling" 5376 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 5377 > 5378 <span class="text-black font-semibold"> 5379 Styling </span> 5380 </a> 5381 5382 5383 <a href="https://www.haibu.de/manner/styling/gel/" 5384 title="Gel" 5385 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5386 > 5387 <span class="mr-3 text-pink"> 5388 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5389 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5390<title>moma-chevron-right</title></svg> 5391 </span>
5392 <span class="text-black"> 5393 Gel </span> 5394 </a> 5395 5396 5397 <a href="https://www.haibu.de/manner/styling/wax/" 5398 title="Wax" 5399 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5400 > 5401 <span class="mr-3 text-pink"> 5402 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5403 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5404<title>moma-chevron-right</title></svg> 5405 </span> 5406 <span class="text-black"> 5407 Wax </span> 5408 </a> 5409 5410 5411 <a href="https://www.haibu.de/manner/styling/pomade/" 5412 title="Pomade" 5413 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5414 > 5415 <span class="mr-3 text-pink"> 5416 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5417 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5418<title>moma-chevron-right</title></svg> 5419 </span> 5420 <span class="text-black"> 5421 Pomade </span> 5422 </a> 5423 5424 5425 <a href="https://www.haibu.de/manner/styling/cream/" 5426 title="Cream" 5427 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5428 >
5429 <span class="mr-3 text-pink"> 5430 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5431 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5432<title>moma-chevron-right</title></svg> 5433 </span> 5434 <span class="text-black"> 5435 Cream </span> 5436 </a> 5437 5438 5439 <a href="https://www.haibu.de/manner/styling/clay/" 5440 title="Clay" 5441 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5442 > 5443 <span class="mr-3 text-pink"> 5444 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5445 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5446<title>moma-chevron-right</title></svg> 5447 </span> 5448 <span class="text-black"> 5449 Clay </span> 5450 </a> 5451 5452 <div x-data="{show: false}"> 5453 <div x-show="show"> 5454 5455 <a href="https://www.haibu.de/manner/styling/spray/" 5456 title="Spray" 5457 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5458 >
5459 <span class="mr-3 text-pink"> 5460 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5461 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5462<title>moma-chevron-right</title></svg> 5463 </span> 5464 <span class="text-black"> 5465 Spray </span> 5466 </a> 5467 5468 5469 <a href="https://www.haibu.de/manner/styling/paste/" 5470 title="Paste" 5471 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5472 > 5473 <span class="mr-3 text-pink"> 5474 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5475 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5476<title>moma-chevron-right</title></svg> 5477 </span> 5478 <span class="text-black"> 5479 Paste </span> 5480 </a> 5481 5482 </div> 5483 <div @click.prevent="show = !show"> 5484 <span class="text-blue cursor-pointer" x-show="!show">Alle anzeigen</span> 5485 <span class="text-blue cursor-pointer" x-show="show">Weniger anzeigen</span> 5486 </div> 5487 </div> 5488 </div> 5489 <div class="pb-2" id=""> 5490 <a href="https://www.haibu.de/manner/farbe/" 5491 title="Farbe" 5492 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 5493 >
5494 <span class="text-black font-semibold"> 5495 Farbe </span> 5496 </a> 5497 5498 </div> 5499 <div class="pb-2" id=""> 5500 <a href="https://www.haibu.de/manner/hautpflege/" 5501 title="Hautpflege" 5502 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 5503 > 5504 <span class="text-black font-semibold"> 5505 Hautpflege </span> 5506 </a> 5507 5508 </div> 5509 <div class="pb-2" id=""> 5510 <a href="https://www.haibu.de/manner/rasierprodukte/" 5511 title="Bartprodukte" 5512 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 5513 > 5514 <span class="text-black font-semibold"> 5515 Bartprodukte </span> 5516 </a> 5517 5518 5519 <a href="https://www.haibu.de/manner/rasierprodukte/bartshampoo/" 5520 title="Bartshampoo" 5521 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5522 > 5523 <span class="mr-3 text-pink"> 5524 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5525 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5526<title>moma-chevron-right</title></svg> 5527 </span> 5528 <span class="text-black"> 5529 Bartshampoo </span> 5530 </a> 5531 5532 5533 <a href="https://www.haibu.de/manner/rasierprodukte/bartconditioner/" 5534 title="Bartconditioner" 5535 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5536 >
5537 <span class="mr-3 text-pink"> 5538 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5539 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5540<title>moma-chevron-right</title></svg> 5541 </span> 5542 <span class="text-black"> 5543 Bartconditioner </span> 5544 </a> 5545 5546 5547 <a href="https://www.haibu.de/manner/rasierprodukte/bartol/" 5548 title="Bartöl" 5549 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5550 > 5551 <span class="mr-3 text-pink"> 5552 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5553 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5554<title>moma-chevron-right</title></svg> 5555 </span> 5556 <span class="text-black"> 5557 Bartöl </span> 5558 </a> 5559 5560 5561 <a href="https://www.haibu.de/manner/rasierprodukte/bartwax/" 5562 title="Bartwax" 5563 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5564 > 5565 <span class="mr-3 text-pink"> 5566 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5567 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
5567703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5568<title>moma-chevron-right</title></svg> 5569 </span> 5570 <span class="text-black"> 5571 Bartwax </span> 5572 </a> 5573 5574 </div> 5575 <div class="pb-2" id=""> 5576 <a href="https://www.haibu.de/manner/rasieren/" 5577 title="Rasieren" 5578 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 5579 > 5580 <span class="text-black font-semibold"> 5581 Rasieren </span> 5582 </a> 5583 5584 5585 <a href="https://www.haibu.de/manner/rasieren/pre-shave/" 5586 title="Pre-Shave" 5587 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5588 > 5589 <span class="mr-3 text-pink"> 5590 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5591 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5592<title>moma-chevron-right</title></svg> 5593 </span> 5594 <span class="text-black"> 5595 Pre-Shave </span> 5596 </a> 5597 5598 5599 <a href="https://www.haibu.de/manner/rasieren/aftershave/" 5600 title="Aftershave" 5601 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5602 > 5603 <span class="mr-3 text-pink"> 5604 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5605 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
5605703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5606<title>moma-chevron-right</title></svg> 5607 </span> 5608 <span class="text-black"> 5609 Aftershave </span> 5610 </a> 5611 5612 5613 <a href="https://www.haibu.de/manner/rasieren/rasiergel/" 5614 title="Rasiergel" 5615 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5616 > 5617 <span class="mr-3 text-pink"> 5618 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5619 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5620<title>moma-chevron-right</title></svg> 5621 </span> 5622 <span class="text-black"> 5623 Rasiergel </span> 5624 </a> 5625 5626 5627 <a href="https://www.haibu.de/manner/rasieren/rasiermousse/" 5628 title="Rasiermousse" 5629 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5630 > 5631 <span class="mr-3 text-pink"> 5632 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5633 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54
5633103 0.149967Z"/> 5634<title>moma-chevron-right</title></svg> 5635 </span> 5636 <span class="text-black"> 5637 Rasiermousse </span> 5638 </a> 5639 5640 5641 <a href="https://www.haibu.de/manner/rasieren/rasiercreme/" 5642 title="Rasiercrème" 5643 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5644 > 5645 <span class="mr-3 text-pink"> 5646 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5647 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5648<title>moma-chevron-right</title></svg> 5649 </span> 5650 <span class="text-black"> 5651 Rasiercrème </span> 5652 </a> 5653 5654 <div x-data="{show: false}"> 5655 <div x-show="show"> 5656 5657 <a href="https://www.haibu.de/manner/rasieren/rasierpinsel/" 5658 title="Rasierpinsel" 5659 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5660 > 5661 <span class="mr-3 text-pink"> 5662 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5663 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54
5663103 0.149967Z"/> 5664<title>moma-chevron-right</title></svg> 5665 </span> 5666 <span class="text-black"> 5667 Rasierpinsel </span> 5668 </a> 5669 5670 5671 <a href="https://www.haibu.de/manner/rasieren/rasierseife/" 5672 title="Rasierseife" 5673 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5674 > 5675 <span class="mr-3 text-pink"> 5676 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5677 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5678<title>moma-chevron-right</title></svg> 5679 </span> 5680 <span class="text-black"> 5681 Rasierseife </span> 5682 </a> 5683 5684 5685 <a href="https://www.haibu.de/manner/rasieren/rasierol/" 5686 title="Rasieröl" 5687 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5688 > 5689 <span class="mr-3 text-pink"> 5690 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5691 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5692<title>moma-chevron-right</title></svg> 5693 </span>
5694 <span class="text-black"> 5695 Rasieröl </span> 5696 </a> 5697 5698 </div> 5699 <div @click.prevent="show = !show"> 5700 <span class="text-blue cursor-pointer" x-show="!show">Alle anzeigen</span> 5701 <span class="text-blue cursor-pointer" x-show="show">Weniger anzeigen</span> 5702 </div> 5703 </div> 5704 </div> 5705 <div class="h-40"></div> 5706 </div> 5707 </div> 5708 <div class="level-0"> 5709 <a class="level-0 flex items-center justify-between py-2 hover:no-underline focus:no-underline" 5710 :class="{ 5711 '-translate-x-full' : mobilePanelActiveId, 5712 'translate-x-0' : !mobilePanelActiveId 5713 }" 5714 href="https://www.haibu.de/natur/" 5715 title="Natur" 5716 @click.prevent="mobilePanelActiveId = mobilePanelActiveId === 'category-node-5283' ? 0 : 'category-node-5283'" 5717 > 5718 <span class="text-black font-semibold"> 5719 Natur </span> 5720 <span class="mr-3"> 5721 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-3 w-3 fill-current text-pink" width="24" height="24" role="img"> 5722 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5723<title>moma-chevron-right</title></svg> 5724 </span> 5725 </a> 5726 <div class="absolute top-0 right-0 z-10 w-full h-full translate-x-full container bg-white divide-y divide-gray" 5727 :class="{ 5728 'hidden translate-x-full' : mobilePanelActiveId !== 'category-node-5283', 5729 'block translate-x-0' : mobilePanelActiveId === 'category-node-5283', 5730 }" 5731 > 5732 5733 <a href="https://www.haibu.de/natur/" 5734 title="Natur" 5735 class="flex items-center justify-between py-2 cursor-pointer hover:no-underline focus:no-underline"> 5736 <span class="text-black font-semibold"> 5737 Alle Natur </span>
5738 <span class="mr-3"> 5739 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-3 w-3 fill-current text-pink" width="24" height="24" role="img"> 5740 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5741<title>moma-chevron-right</title></svg> 5742 </span> 5743 </a> 5744 5745 <div class="pb-2" id=""> 5746 <a href="https://www.haibu.de/natur/haare/" 5747 title="Haare" 5748 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 5749 > 5750 <span class="text-black font-semibold"> 5751 Haare </span> 5752 </a> 5753 5754 5755 <a href="https://www.haibu.de/natur/haare/shampoo/" 5756 title="Shampoo" 5757 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5758 > 5759 <span class="mr-3 text-pink"> 5760 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5761 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5762<title>moma-chevron-right</title></svg> 5763 </span> 5764 <span class="text-black"> 5765 Shampoo </span> 5766 </a> 5767 5768 5769 <a href="https://www.haibu.de/natur/haare/conditioner/" 5770 title="Conditioner" 5771 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5772 >
5773 <span class="mr-3 text-pink"> 5774 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5775 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5776<title>moma-chevron-right</title></svg> 5777 </span> 5778 <span class="text-black"> 5779 Conditioner </span> 5780 </a> 5781 5782 5783 <a href="https://www.haibu.de/natur/haare/haarmasker/" 5784 title="Haarmasker" 5785 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5786 > 5787 <span class="mr-3 text-pink"> 5788 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5789 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5790<title>moma-chevron-right</title></svg> 5791 </span> 5792 <span class="text-black"> 5793 Haarmasker </span> 5794 </a> 5795 5796 5797 <a href="https://www.haibu.de/natur/haare/leave-in/" 5798 title="Leave-in" 5799 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5800 > 5801 <span class="mr-3 text-pink"> 5802 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5803 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
5803703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5804<title>moma-chevron-right</title></svg> 5805 </span> 5806 <span class="text-black"> 5807 Leave-in </span> 5808 </a> 5809 5810 </div> 5811 <div class="pb-2" id=""> 5812 <a href="https://www.haibu.de/natur/stylingprodukte/" 5813 title="Stylingprodukte" 5814 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 5815 > 5816 <span class="text-black font-semibold"> 5817 Stylingprodukte </span> 5818 </a> 5819 5820 5821 <a href="https://www.haibu.de/natur/stylingprodukte/clay/" 5822 title="Clay" 5823 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5824 > 5825 <span class="mr-3 text-pink"> 5826 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5827 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5828<title>moma-chevron-right</title></svg> 5829 </span> 5830 <span class="text-black"> 5831 Clay </span> 5832 </a> 5833 5834 5835 <a href="https://www.haibu.de/natur/stylingprodukte/trockenshampoo/" 5836 title="Trockenshampoo" 5837 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5838 > 5839 <span class="mr-3 text-pink"> 5840 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5841 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10
5841703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5842<title>moma-chevron-right</title></svg> 5843 </span> 5844 <span class="text-black"> 5845 Trockenshampoo </span> 5846 </a> 5847 5848 5849 <a href="https://www.haibu.de/natur/stylingprodukte/gel/" 5850 title="Gel" 5851 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5852 > 5853 <span class="mr-3 text-pink"> 5854 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5855 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5856<title>moma-chevron-right</title></svg> 5857 </span> 5858 <span class="text-black"> 5859 Gel </span> 5860 </a> 5861 5862 5863 <a href="https://www.haibu.de/natur/stylingprodukte/haarschaum/" 5864 title="Haarschaum" 5865 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5866 > 5867 <span class="mr-3 text-pink"> 5868 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5869 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54
5869103 0.149967Z"/> 5870<title>moma-chevron-right</title></svg> 5871 </span> 5872 <span class="text-black"> 5873 Haarschaum </span> 5874 </a> 5875 5876 5877 <a href="https://www.haibu.de/natur/stylingprodukte/haarspray/" 5878 title="Haarspray" 5879 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5880 > 5881 <span class="mr-3 text-pink"> 5882 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5883 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5884<title>moma-chevron-right</title></svg> 5885 </span> 5886 <span class="text-black"> 5887 Haarspray </span> 5888 </a> 5889 5890 <div x-data="{show: false}"> 5891 <div x-show="show"> 5892 5893 <a href="https://www.haibu.de/natur/stylingprodukte/pomade/" 5894 title="Pomade" 5895 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5896 > 5897 <span class="mr-3 text-pink"> 5898 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5899 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54
5899103 0.149967Z"/> 5900<title>moma-chevron-right</title></svg> 5901 </span> 5902 <span class="text-black"> 5903 Pomade </span> 5904 </a> 5905 5906 5907 <a href="https://www.haibu.de/natur/stylingprodukte/styling-creme/" 5908 title="Styling crème" 5909 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5910 > 5911 <span class="mr-3 text-pink"> 5912 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5913 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5914<title>moma-chevron-right</title></svg> 5915 </span> 5916 <span class="text-black"> 5917 Styling crème </span> 5918 </a> 5919 5920 5921 <a href="https://www.haibu.de/natur/stylingprodukte/wachs/" 5922 title="Wachs" 5923 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5924 > 5925 <span class="mr-3 text-pink"> 5926 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5927 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5928<title>moma-chevron-right</title></svg> 5929 </span>
5930 <span class="text-black"> 5931 Wachs </span> 5932 </a> 5933 5934 5935 <a href="https://www.haibu.de/natur/stylingprodukte/volumen-pulver/" 5936 title="Volumen Pulver" 5937 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5938 > 5939 <span class="mr-3 text-pink"> 5940 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5941 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5942<title>moma-chevron-right</title></svg> 5943 </span> 5944 <span class="text-black"> 5945 Volumen Pulver </span> 5946 </a> 5947 5948 5949 <a href="https://www.haibu.de/natur/stylingprodukte/styling-paste/" 5950 title="Styling paste" 5951 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5952 > 5953 <span class="mr-3 text-pink"> 5954 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5955 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5956<title>moma-chevron-right</title></svg> 5957 </span> 5958 <span class="text-black"> 5959 Styling paste </span> 5960 </a> 5961 5962 5963 <a href="https://www.haibu.de/natur/stylingprodukte/zoutspray/" 5964 title="Zoutspray" 5965 class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5" 5966 >
5967 <span class="mr-3 text-pink"> 5968 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img"> 5969 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 5970<title>moma-chevron-right</title></svg> 5971 </span> 5972 <span class="text-black"> 5973 Zoutspray </span> 5974 </a> 5975 5976 </div> 5977 <div @click.prevent="show = !show"> 5978 <span class="text-blue cursor-pointer" x-show="!show">Alle anzeigen</span> 5979 <span class="text-blue cursor-pointer" x-show="show">Weniger anzeigen</span> 5980 </div> 5981 </div> 5982 </div> 5983 <div class="pb-2" id=""> 5984 <a href="https://www.haibu.de/natur/haarfarbe/" 5985 title="Haarfarbe" 5986 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 5987 > 5988 <span class="text-black font-semibold"> 5989 Haarfarbe </span> 5990 </a> 5991 5992 </div> 5993 <div class="pb-2" id=""> 5994 <a href="https://www.haibu.de/natur/hautpflege/" 5995 title="Hautpflege" 5996 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 5997 > 5998 <span class="text-black font-semibold"> 5999 Hautpflege </span> 6000 </a> 6001 6002 </div> 6003 <div class="pb-2" id=""> 6004 <a href="https://www.haibu.de/natur/bart-produkte/" 6005 title="Bart Produkte" 6006 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 6007 >
6008 <span class="text-black font-semibold"> 6009 Bart Produkte </span> 6010 </a> 6011 6012 </div> 6013 <div class="pb-2" id=""> 6014 <a href="https://www.haibu.de/natur/make-up/" 6015 title="Make-up" 6016 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 6017 > 6018 <span class="text-black font-semibold"> 6019 Make-up </span> 6020 </a> 6021 6022 </div> 6023 <div class="pb-2" id=""> 6024 <a href="https://www.haibu.de/natur/plastikfrei/" 6025 title="Plastikfrei" 6026 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 6027 > 6028 <span class="text-black font-semibold"> 6029 Plastikfrei </span> 6030 </a> 6031 6032 </div> 6033 <div class="pb-2" id=""> 6034 <a href="https://www.haibu.de/natur/pakete/" 6035 title="Pakete" 6036 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 6037 > 6038 <span class="text-black font-semibold"> 6039 Pakete </span> 6040 </a> 6041 6042 </div> 6043 <div class="pb-2" id=""> 6044 <a href="https://www.haibu.de/natur/nachhaltige-salonausstattung/" 6045 title="Nachhaltige Salonausstattung" 6046 class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline" 6047 > 6048 <span class="text-black font-semibold"> 6049 Nachhaltige Salonausstattung </span> 6050 </a> 6051 6052 </div> 6053 <div class="h-40"></div> 6054 </div> 6055 </div> 6056 6057 6058<div class="level-0"> 6059 <a href="https://www.haibu.de/sale" 6060 class="level-0 flex items-center transition-transform duration-150 ease-in-out transform py-2 hover:no-underline focus:no-underline min-h-[42px]"> 6061 <span class="text-black font-semibold text-3xs"> 6062 Sale </span> 6063 </a> 6064</div> 6065 6066<div class="level-0"> 6067 <a href="https://www.haibu.de/neu" 6068 class="level-0 flex items-center transition-transform duration-150 ease-in-out transform py-2 hover:no-underline focus:no-underline min-h-[42px]"> 6069 <span class="text-black font-semibold text-3xs"> 6070 Neu </span> 6071 </a> 6072</div> 6073 6074<div class="level-0"> 6075 <a href="https://www.haibu.de/online-weiterbildung" 6076 class="level-0 flex items-center transition-transform duration-150 ease-in-out transform py-2 hover:no-underline focus:no-underline min-h-[42px]">
6077 <span class="text-black font-semibold text-3xs"> 6078 Weiterbildung </span> 6079 </a> 6080</div> 6081 6082<div class="level-0"> 6083 <a href="https://www.haibu.de/blog/" 6084 class="level-0 flex items-center transition-transform duration-150 ease-in-out transform py-2 hover:no-underline focus:no-underline min-h-[42px]"> 6085 <span class="text-black font-semibold text-3xs"> 6086 Blog </span> 6087 </a> 6088</div> 6089 </nav> 6090 </div> 6091</div>
6092<script> 6093 'use strict'; 6094 6095 const initMenuMobile_6ac73fd00bb8e = () => { 6096 return { 6097 mobilePanelActiveId: null, 6098 hoverPanelActiveId: null, 6099 open: false, 6100 6101 goBack() { 6102 if (this.mobilePanelActiveId) { 6103 this.mobilePanelActiveId = 0 6104 } else { 6105 this.open = false 6106 this.mobilePanelActiveId = 0 6107 } 6108 } 6109 } 6110 } 6111</script>
6111 6112 6113<div x-data="initMenuDesktop_6ac73fd06658f()" class="z-20 order-2 sm:order-1 lg:order-2 navigation hidden lg:flex bg-black"> 6114 <!-- desktop --> 6115 <div x-ref="nav-desktop" class="hidden lg:block container px-0"> 6116 <nav class="w-full duration-150 ease-in-out transform flex justify-between w-auto min-h-0 transition-display"> 6117 <div class="level-0" 6118 x-on:mouseenter="debounce(() => hoverPanelActiveId = 'category-node-9', 200)" 6119 x-on:mouseleave="debounce(() => hoverPanelActiveId = 0, 200)" 6120 > 6121 <div class="flex items-center block py-3.5 font-medium"> 6122 <a class="w-full text-white py-1 px-1 xl:px-2 2xl:px-4 level-0 border border-black rounded hover:border-pink focus:border-pink hover:no-underline focus:no-underline" 6123 :class="{'border-pink' : hoverPanelActiveId === 'category-node-9'}" 6124 href="https://www.haibu.de/marken/" 6125 title="Marken" 6126 > 6127 Marken </a> 6128 </div> 6129 6130 </div> 6131 <div class="level-0" 6132 x-on:mouseenter="debounce(() => hoverPanelActiveId = 'category-node-37', 200)" 6133 x-on:mouseleave="debounce(() => hoverPanelActiveId = 0, 200)" 6134 > 6135 <div class="flex items-center block py-3.5 font-medium"> 6136 <a class="w-full text-white py-1 px-1 xl:px-2 2xl:px-4 level-0 border border-black rounded hover:border-pink focus:border-pink hover:no-underline focus:no-underline" 6137 :class="{'border-pink' : hoverPanelActiveId === 'category-node-37'}" 6138 href="https://www.haibu.de/haarprodukte/" 6139 title="Haarprodukte" 6140 > 6141 Haarprodukte </a> 6142 </div> 6143 6144 <div class="absolute z-10 hidden left-1/2 right-1/2 svw bottom-auto top-full shadow-lg bg-white" 6145 :class="{ 6146 'hidden' : hoverPanelActiveId !== 'category-node-37', 6147 'block' : hoverPanelActiveId === 'category-node-37' 6148 }"> 6149 <div class="container relative pt-16 pb-24"> 6150 <div class="flex"> 6151 <div class="w-1/6"> 6152 <div class="font-bold text-sm mb-4 px-3">Haarprodukte</div> 6153 <div 6154 x-on:mouseenter=" 6155 debounce(() => hoverSubmenuPanelActiveId = 'category-node-148', 200); 6156 hoverSubmenuPanelActiveIdClass = 'category-node-148' 6157 " 6158 x-on:mouseleave=" 6159 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 6160 hoverSubmenuPanelActiveIdClass = 0 6161 " 6162 > 6163 <div class="mb-0.5"> 6164 <a href="https://www.haibu.de/haarprodukte/haarpflege/" 6165 title="Haarpflege" 6166 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 6167 :class="{ 6168 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-148' 6169 }" 6170 > 6171 Haarpflege </a> 6172 </div> 6173 6174 <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3" 6175 :class="{ 6176 'hidden' : hoverSubmenuPanelActiveId !== 'category-node-148', 6177 'block' : hoverSubmenuPanelActiveId === 'category-node-148' 6178 }"> 6179 <div class="bg-gray-lighter rounded h-full py-12 px-10 flex"> 6180 <div class="w-3/5"> 6181 <div class="font-bold text-sm mb-4">Haarpflege</div> 6182 <div class="flex flex-wrap"> 6183 <div class="w-1/3"> 6184 <a href="https://www.haibu.de/haarprodukte/haarpflege/shampoo/" 6185 title="Shampoo" 6186 class="text-black text-2xs py-1" 6187 > 6188 Shampoo </a> 6189 </div> 6190 <div class="w-1/3"> 6191 <a href="https://www.haibu.de/haarprodukte/haarpflege/conditioner/" 6192 title="Conditioner" 6193 class="text-black text-2xs py-1" 6194 > 6195 Conditioner </a> 6196 </div> 6197 <div class="w-1/3"> 6198 <a href="https://www.haibu.de/haarprodukte/haarpflege/haarmaske/" 6199 title="Haarmaske" 6200 class="text-black text-2xs py-1" 6201 > 6202 Haarmaske </a> 6203 </div> 6204 <div class="w-1/3"> 6205 <a href="https://www.haibu.de/haarprodukte/haarpflege/leave-in/" 6206 title="Leave-in" 6207 class="text-black text-2xs py-1" 6208 > 6209 Leave-in </a> 6210 </div> 6211 <div class="w-1/3"> 6212 <a href="https://www.haibu.de/haarprodukte/haarpflege/haarol/" 6213 title="Haaröl" 6214 class="text-black text-2xs py-1" 6215 > 6216 Haaröl </a> 6217 </div> 6218 <div class="w-1/3"> 6219 <a href="https://www.haibu.de/haarprodukte/haarpflege/haarserum/" 6220 title="Haarserum" 6221 class="text-black text-2xs py-1" 6222 > 6223 Haarserum </a> 6224 </div> 6225 <div class="w-1/3"> 6226 <a href="https://www.haibu.de/haarprodukte/haarpflege/haar-treatment/" 6227 title="Haar treatment" 6228 class="text-black text-2xs py-1" 6229 > 6230 Haar treatment </a> 6231 </div> 6232 <div class="w-1/3"> 6233 <a href="https://www.haibu.de/haarprodukte/haarpflege/vor-nachbehandlung/" 6234 title="Vor- und Nachbehandlung" 6235 class="text-black text-2xs py-1" 6236 > 6237 Vor- und Nachbehandlung </a> 6238 </div> 6239 <div class="w-1/3"> 6240 <a href="https://www.haibu.de/haarprodukte/haarpflege/haarrekonstruktion/" 6241 title="Haarrekonstruktion" 6242 class="text-black text-2xs py-1" 6243 > 6244 Haarrekonstruktion </a> 6245 </div> 6246 <div class="w-1/3"> 6247 <a href="https://www.haibu.de/haarprodukte/haarpflege/haarkur/" 6248 title="Haarkur" 6249 class="text-black text-2xs py-1" 6250 > 6251 Haarkur </a> 6252 </div> 6253 <div class="w-1/3"> 6254 <a href="https://www.haibu.de/haarprodukte/haarpflege/haarparfum/" 6255 title="Haarparfüm" 6256 class="text-black text-2xs py-1" 6257 > 6258 Haarparfüm </a> 6259 </div> 6260 <div class="w-1/3"> 6261 <a href="https://www.haibu.de/haarprodukte/haarpflege/haarvitamin/" 6262 title="Haarvitamin" 6263 class="text-black text-2xs py-1" 6264 > 6265 Haarvitamin </a> 6266 </div> 6267 <div class="w-1/3"> 6268 <a href=
6268"https://www.haibu.de/haarprodukte/haarpflege/anti-tangle-spray/" 6269 title="Anti-Tangle Spray" 6270 class="text-black text-2xs py-1" 6271 > 6272 Anti-Tangle Spray </a> 6273 </div> 6274 <div class="w-1/3"> 6275 <a href="https://www.haibu.de/haarprodukte/haarpflege/keratin-pflege/" 6276 title="Keratin Pflege" 6277 class="text-black text-2xs py-1" 6278 > 6279 Keratin Pflege </a> 6280 </div> 6281 <div class="w-1/3"> 6282 <a href="https://www.haibu.de/haarprodukte/haarpflege/scalp-care/" 6283 title="Scalp Care" 6284 class="text-black text-2xs py-1" 6285 > 6286 Scalp Care </a> 6287 </div> 6288 <div class="w-1/3"> 6289 <a href="https://www.haibu.de/haarprodukte/haarpflege/creme/" 6290 title="Creme" 6291 class="text-black text-2xs py-1" 6292 > 6293 Creme </a> 6294 </div> 6295 <div class="w-1/3"> 6296 <a href="https://www.haibu.de/haarprodukte/haarpflege/glanzspray/" 6297 title="Glanzspray" 6298 class="text-black text-2xs py-1" 6299 > 6300 Glanzspray </a> 6301 </div> 6302 <div class="w-1/3"> 6303 <a href="https://www.haibu.de/haarprodukte/haarpflege/bar/" 6304 title="Bar" 6305 class="text-black text-2xs py-1" 6306 > 6307 Bar </a> 6308 </div> 6309 <div class="w-1/3"> 6310 <a href="https://www.haibu.de/haarprodukte/haarpflege/setzt/" 6311 title="Haarpflege Sets" 6312 class="text-black text-2xs py-1" 6313 > 6314 Haarpflege Sets </a> 6315 </div> 6316 <div class="w-1/3"> 6317 <a href="https://www.haibu.de/haarprodukte/haarpflege/pumpen/" 6318 title="Pumpen" 6319 class="text-black text-2xs py-1" 6320 > 6321 Pumpen </a> 6322 </div> 6323 </div> 6324 </div> 6325 <div class="w-2/
63255 flex justify-end"> 6326 </div> 6327 </div> 6328 </div> 6329 </div> 6330 <div 6331 x-on:mouseenter=" 6332 debounce(() => hoverSubmenuPanelActiveId = 'category-node-334', 200); 6333 hoverSubmenuPanelActiveIdClass = 'category-node-334' 6334 " 6335 x-on:mouseleave=" 6336 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 6337 hoverSubmenuPanelActiveIdClass = 0 6338 " 6339 > 6340 <div class="mb-0.5"> 6341 <a href="https://www.haibu.de/haarprodukte/stylingprodukte/" 6342 title="Stylingprodukte" 6343 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 6344 :class="{ 6345 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-334' 6346 }" 6347 > 6348 Stylingprodukte </a> 6349 </div> 6350 6351 <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3" 6352 :class="{ 6353 'hidden' : hoverSubmenuPanelActiveId !== 'category-node-334', 6354 'block' : hoverSubmenuPanelActiveId === 'category-node-334' 6355 }"> 6356 <div class="bg-gray-lighter rounded h-full py-12 px-10 flex"> 6357 <div class="w-3/5"> 6358 <div class="font-bold text-sm mb-4">Stylingprodukte</div> 6359 <div class="flex flex-wrap"> 6360 <div class="w-1/3"> 6361 <a href="https://www.haibu.de/haarprodukte/stylingprodukte/haargel/" 6362 title="Haargel" 6363 class="text-black text-2xs py-1" 6364 > 6365 Haargel </a> 6366 </div> 6367 <div class="w-1/3"> 6368 <a href="https://www.haibu.de/haarprodukte/stylingprodukte/haarspray/" 6369 title="Haarspray" 6370 class="text-black text-2xs py-1" 6371 > 6372 Haarspray </a> 6373 </div> 6374 <div class="w-1/3"> 6375 <a href="https://www.haibu.de/haarprodukte/stylingprodukte/styling-creme/" 6376 title="Styling Creme" 6377 class="text-black text-2xs py-1" 6378 > 6379 Styling Creme </a> 6380 </div> 6381 <div class="w-1/3"> 6382 <a href="https://www.haibu.de/haarprodukte/stylingprodukte/haarwax/" 6383 title="Haarwax" 6384 class="text-black text-2xs py-1" 6385 > 6386 Haarwax </a> 6387 </div> 6388 <div class="w-1/3"> 6389 <a href="https://www.haibu.de/haarprodukte/stylingprodukte/hitzeschutzspray/" 6390 title="Hitzeschutzspray" 6391 class="text-black text-2xs py-1" 6392 > 6393 Hitzeschutzspray </a> 6394 </div> 6395 <div class="w-1/3"> 6396 <a href="https://www.haibu.de/haarprodukte/stylingprodukte/trockenshampoo/" 6397 title="Trockenshampoo" 6398 class="text-black text-2xs py-1" 6399 > 6400 Trockenshampoo </a> 6401 </div> 6402 <div class="w-1/3"> 6403 <a href="https://www.haibu.de/haarprodukte/stylingprodukte/paste/" 6404 title="Paste" 6405 class="text-black text-2xs py-1" 6406 > 6407 Paste </a> 6408 </div> 6409 <div class="w-1/3"> 6410 <a href="https://www.haibu.de/haarprodukte/stylingprodukte/pomade/" 6411 title="Pomade" 6412 class="text-black text-2xs py-1" 6413 > 6414 Pomade </a> 6415 </div> 6416 <div class="w-1/3"> 6417 <a href="https://www.haibu.de/haarprodukte/stylingprodukte/haar-clay/" 6418 title="Haar-Clay" 6419 class="text-black text-2xs py-1" 6420 > 6421 Haar-Clay </a> 6422 </div> 6423 <div class="w-1/3"> 6424 <a href="https://www.haibu.de/haarprodukte/stylingprodukte/schaumfestiger-mousse/" 6425 title="Haarschaum" 6426 class="text-black text-2xs py-1" 6427 > 6428 Haarschaum </a> 6429 </div> 6430 <div class="w-1/3"> 6431 <a href="https://www.haibu.de/haarprodukte/stylingprodukte/flussiger-haarfestiger/" 6432 title="Haarfestiger" 6433 class="text-black text-2xs py-1" 6434 > 6435 Haarfestiger </a> 6436 </div> 6437 <div class="w-1/3"> 6438 <a href="https://www.haibu.de/haarprodukte/stylingprodukte/glanzspray/" 6439 title="Glanzspray" 6440 class="text-black text-2xs py-1" 6441 > 6442 Glanzspray </a> 6443 </div> 6444 <div class="w-1/3"> 6445 <a href="https://www.haibu.de/haarprodukte/stylingprodukte/volumenpuder/" 6446 title="Volumenpuder" 6447 class="text-black text-2xs py-1" 6448 > 6449 Volumenpuder </a> 6450 </div> 6451 <div class="w-1/3"> 6452 <a href="https://www.haibu.de/haarprodukte/stylingprodukte/meersalzspray/" 6453 title="Meersalzspray" 6454 class="text-black text-2xs py-1" 6455 > 6456 Meersalzspray </a> 6457 </div> 6458 <div class="w-1/3"> 6459 <a href="https://www.haibu.de/haarprodukte/stylingprodukte/stylingprodukte-sets/" 6460 title="Stylingprodukte & Sets" 6461 class="text-black text-2xs py-1" 6462 > 6463 Stylingprodukte & Sets
6463 </a> 6464 </div> 6465 </div> 6466 </div> 6467 <div class="w-2/5 flex justify-end"> 6468 </div> 6469 </div> 6470 </div> 6471 </div> 6472 <div 6473 x-on:mouseenter=" 6474 debounce(() => hoverSubmenuPanelActiveId = 'category-node-149', 200); 6475 hoverSubmenuPanelActiveIdClass = 'category-node-149' 6476 " 6477 x-on:mouseleave=" 6478 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 6479 hoverSubmenuPanelActiveIdClass = 0 6480 " 6481 > 6482 <div class="mb-0.5"> 6483 <a href="https://www.haibu.de/haarprodukte/haarfarbung/" 6484 title="Haarfarbe" 6485 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 6486 :class="{ 6487 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-149' 6488 }" 6489 > 6490 Haarfarbe </a> 6491 </div> 6492 6493 <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3" 6494 :class="{ 6495 'hidden' : hoverSubmenuPanelActiveId !== 'category-node-149', 6496 'block' : hoverSubmenuPanelActiveId === 'category-node-149' 6497 }"> 6498 <div class="bg-gray-lighter rounded h-full py-12 px-10 flex"> 6499 <div class="w-3/5"> 6500 <div class="font-bold text-sm mb-4">Haarfarbe</div> 6501 <div class="flex flex-wrap"> 6502 <div class="w-1/3"> 6503 <a href="https://www.haibu.de/haarprodukte/haarfarbung/permanent/" 6504 title="Permanent" 6505 class="text-black text-2xs py-1" 6506 > 6507 Permanent </a> 6508 </div> 6509 <div class="w-1/3"> 6510 <a href="https://www.haibu.de/haarprodukte/haarfarbung/semi-permanent/" 6511 title="Semi-permanent" 6512 class="text-black text-2xs py-1" 6513 > 6514 Semi-permanent </a> 6515 </div> 6516 <div class="w-1/3"> 6517 <a href="https://www.haibu.de/haarprodukte/haarfarbung/spulung/" 6518 title="Spülung" 6519 class="text-black text-2xs py-1" 6520 > 6521 Spülung </a> 6522 </div> 6523 <div class="w-1/3"> 6524 <a href="https://www.haibu.de/haarprodukte/haarfarbung/toner/" 6525 title="Toner" 6526 class="text-black text-2xs py-1" 6527 > 6528 Toner </a> 6529 </div> 6530 <div class="w-1/3"> 6531 <a href="https://www.haibu.de/haarprodukte/haarfarbung/farbspulung/" 6532 title="Farbspülung" 6533 class="text-black text-2xs py-1" 6534 > 6535 Farbspülung </a> 6536 </div> 6537 <div class="w-1/3"> 6538 <a href="https://www.haibu.de/haarprodukte/haarfarbung/farbgel-spray/" 6539 title="Farbgel und Spray" 6540 class="text-black text-2xs py-1" 6541 > 6542 Farbgel und Spray </a> 6543 </div> 6544 <div class="w-1/3"> 6545 <a href="https://www.haibu.de/haarprodukte/haarfarbung/farbmaske/" 6546 title="Farbmaske" 6547 class="text-black text-2xs py-1" 6548 > 6549 Farbmaske </a> 6550 </div> 6551 <div class="w-1/3"> 6552 <a href="https://www.haibu.de/haarprodukte/haarfarbung/farbmousse-festiger/" 6553 title="Farbmousse" 6554 class="text-black text-2xs py-1" 6555 > 6556 Farbmousse </a> 6557 </div> 6558 <div class="w-1/3"> 6559 <a href="https://www.haibu.de/haarprodukte/haarfarbung/farbshampoo/" 6560 title="Farbshampoo" 6561 class="text-black text-2xs py-1" 6562 > 6563 Farbshampoo </a> 6564 </div> 6565 <div class="w-1/3"> 6566 <a href="https://www.haibu.de/haarprodukte/haarfarbung/blondierung/" 6567 title="Blondierung" 6568 class="text-black text-2xs py-1" 6569 > 6570 Blondierung </a> 6571 </div> 6572 <div class="w-1/3"> 6573 <a href="https://www.haibu.de/haarprodukte/haarfarbung/oxidanten/" 6574 title="Oxidanten" 6575 class="text-black text-2xs py-1" 6576 > 6577 Oxidanten </a> 6578 </div> 6579 <div class="w-1/3"> 6580 <a href="https://www.haibu.de/haarprodukte/haarfarbung/vor-nachbehandlung/" 6581 title="Vor-/Nachbehandlung" 6582 class="text-black text-2xs py-1" 6583 > 6584 Vor-/Nachbehandlung </a> 6585 </div> 6586 </div> 6587 </div> 6588 <div class="w-2/
65885 flex justify-end"> 6589 </div> 6590 </div> 6591 </div> 6592 </div> 6593 <div 6594 x-on:mouseenter=" 6595 debounce(() => hoverSubmenuPanelActiveId = 'category-node-150', 200); 6596 hoverSubmenuPanelActiveIdClass = 'category-node-150' 6597 " 6598 x-on:mouseleave=" 6599 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 6600 hoverSubmenuPanelActiveIdClass = 0 6601 " 6602 > 6603 <div class="mb-0.5"> 6604 <a href="https://www.haibu.de/haarprodukte/permanent-behandlung/" 6605 title="Umformungsprodukte" 6606 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 6607 :class="{ 6608 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-150' 6609 }" 6610 > 6611 Umformungsprodukte </a> 6612 </div> 6613 6614 <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3" 6615 :class="{ 6616 'hidden' : hoverSubmenuPanelActiveId !== 'category-node-150', 6617 'block' : hoverSubmenuPanelActiveId === 'category-node-150' 6618 }"> 6619 <div class="bg-gray-lighter rounded h-full py-12 px-10 flex"> 6620 <div class="w-3/5"> 6621 <div class="font-bold text-sm mb-4">Umformungsprodukte</div> 6622 <div class="flex flex-wrap"> 6623 <div class="w-1/3"> 6624 <a href="https://www.haibu.de/haarprodukte/permanent-behandlung/permanent/" 6625 title="Permanent" 6626 class="text-black text-2xs py-1" 6627 > 6628 Permanent </a> 6629 </div> 6630 <div class="w-1/3"> 6631 <a href="https://www.haibu.de/haarprodukte/permanent-behandlung/neutralisieren/" 6632 title="Neutralisieren"
6633 class="text-black text-2xs py-1" 6634 > 6635 Neutralisieren </a> 6636 </div> 6637 <div class="w-1/3"> 6638 <a href="https://www.haibu.de/haarprodukte/permanent-behandlung/vorbehandlung/" 6639 title="Vorbehandlung" 6640 class="text-black text-2xs py-1" 6641 > 6642 Vorbehandlung </a> 6643 </div> 6644 <div class="w-1/3"> 6645 <a href="https://www.haibu.de/haarprodukte/permanent-behandlung/nachbehandlung/" 6646 title="Nachbehandlung" 6647 class="text-black text-2xs py-1" 6648 > 6649 Nachbehandlung </a> 6650 </div> 6651 <div class="w-1/3"> 6652 <a href="https://www.haibu.de/haarprodukte/permanent-behandlung/glattung/" 6653 title="Glättung" 6654 class="text-black text-2xs py-1" 6655 > 6656 Glättung </a> 6657 </div> 6658 </div> 6659 </div> 6660 <div class="w-2/5 flex justify-end"> 6661 </div> 6662 </div> 6663 </div> 6664 </div> 6665 <div 6666 x-on:mouseenter=" 6667 debounce(() => hoverSubmenuPanelActiveId = 'category-node-152', 200); 6668 hoverSubmenuPanelActiveIdClass = 'category-node-152' 6669 " 6670 x-on:mouseleave=" 6671 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 6672 hoverSubmenuPanelActiveIdClass = 0 6673 " 6674 > 6675 <div class="mb-0.5"> 6676 <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/" 6677 title="Haarverlängerung" 6678 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 6679 :class="{ 6680 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-152' 6681 }" 6682 > 6683 Haarverlängerung </a> 6684 </div> 6685 6686 <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3" 6687 :class="{ 6688 'hidden' : hoverSubmenuPanelActiveId !== 'category-node-152', 6689 'block' : hoverSubmenuPanelActiveId === 'category-node-152' 6690 }"> 6691 <div class="bg-gray-lighter rounded h-full py-12 px-10 flex"> 6692 <div class="w-3/5"> 6693 <div class="font-bold text-sm mb-4">
6693Haarverlängerung</div> 6694 <div class="flex flex-wrap"> 6695 <div class="w-1/3"> 6696 <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/extensions/" 6697 title="Extensions" 6698 class="text-black text-2xs py-1" 6699 > 6700 Extensions </a> 6701 </div> 6702 <div class="w-1/3"> 6703 <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/bonding-extensions/" 6704 title="Bonding Extensions" 6705 class="text-black text-2xs py-1" 6706 > 6707 Bonding Extensions </a> 6708 </div> 6709 <div class="w-1/3"> 6710 <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/tape-extensions/" 6711 title="Tape Extensions" 6712 class="text-black text-2xs py-1" 6713 > 6714 Tape Extensions </a> 6715 </div> 6716 <div class="w-1/3"> 6717 <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/weave-extensions/" 6718 title="Weave Extensions" 6719 class="text-black text-2xs py-1" 6720 > 6721 Weave Extensions </a> 6722 </div> 6723 <div class="w-1/3"> 6724 <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/clip-in-extensions/" 6725 title="Clip In Extensions" 6726 class="text-black text-2xs py-1" 6727 > 6728 Clip In Extensions </a> 6729 </div> 6730 <div class="w-1/3"> 6731 <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/microring-extensions/" 6732 title="Microring Extensions" 6733 class="text-black text-2xs py-1" 6734 > 6735 Microring Extensions </a> 6736 </div> 6737 <div class="w-1/3"> 6738 <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/ponytail-extensions/" 6739 title="Ponytail Extensions" 6740 class="text-black text-2xs py-1" 6741 > 6742 Ponytail Extensions </a> 6743 </div> 6744 <div class="w-1/3"> 6745 <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/wire-extensions/" 6746 title="Wire Extensions" 6747 class="text-black text-2xs py-1" 6748 > 6749 Wire Extensions </a> 6750 </div> 6751 <div class="w-1/3"> 6752 <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/haarpflege/" 6753 title="Haarpflege" 6754 class="text-black text-2xs py-1" 6755 > 6756 Haarpflege </a> 6757 </div> 6758 <div class="w-1/3"> 6759 <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/zubehor/" 6760 title="Zubehör" 6761 class="text-black text-2xs py-1" 6762 > 6763 Zubehör </a> 6764 </div> 6765 </div> 6766 </div> 6767 <div class="w-2/
67675 flex justify-end"> 6768 </div> 6769 </div> 6770 </div> 6771 </div> 6772 <div 6773 x-on:mouseenter=" 6774 debounce(() => hoverSubmenuPanelActiveId = 'category-node-502', 200); 6775 hoverSubmenuPanelActiveIdClass = 'category-node-502' 6776 " 6777 x-on:mouseleave=" 6778 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 6779 hoverSubmenuPanelActiveIdClass = 0 6780 " 6781 > 6782 <div class="mb-0.5"> 6783 <a href="https://www.haibu.de/haarprodukte/bestimmte-inhaltsstoffe/" 6784 title="Bestimmte Inhaltsstoffe" 6785 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 6786 :class="{ 6787 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-502' 6788 }" 6789 > 6790 Bestimmte Inhaltsstoffe </a> 6791 </div> 6792 6793 <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3" 6794 :class="{ 6795 'hidden' : hoverSubmenuPanelActiveId !== 'category-node-502', 6796 'block' : hoverSubmenuPanelActiveId === 'category-node-502' 6797 }"> 6798 <div class="bg-gray-lighter rounded h-full py-12 px-10 flex"> 6799 <div class="w-3/5"> 6800 <div class="font-bold text-sm mb-4">Bestimmte Inhaltsstoffe</div> 6801 <div class="flex flex-wrap"> 6802 <div class="w-1/3"> 6803 <a href="https://www.haibu.de/haarprodukte/bestimmte-inhaltsstoffe/dierproefvrij/" 6804 title="Tierversuchsfrei" 6805 class="text-black text-2xs py-1" 6806 > 6807 Tierversuchsfrei </a> 6808 </div> 6809 <div class="w-1/3"> 6810 <a href="https://www.haibu.de/haarprodukte/bestimmte-inhaltsstoffe/produkte-ohne-parabene/" 6811 title="Produkte ohne Parabene" 6812 class="text-black text-2xs py-1" 6813 > 6814 Produkte ohne Parabene </a> 6815 </div> 6816 <div class="w-1/3"> 6817 <a href="https://www.haibu.de/haarprodukte/bestimmte-inhaltsstoffe/produkte-ohne-silikon/" 6818 title="Produkte ohne Silikone" 6819 class="text-black text-2xs py-1" 6820 > 6821 Produkte ohne Silikone </a> 6822 </div> 6823 <div class="w-1/3"> 6824 <a href="https://www.haibu.de/haarprodukte/bestimmte-inhaltsstoffe/produkte-ohne-sulfate/" 6825 title="Produkte ohne Sulfate" 6826 class="text-black text-2xs py-1" 6827 > 6828 Produkte ohne Sulfate </a> 6829 </div> 6830 <div class="w-1/3"> 6831 <a href="https://www.haibu.de/haarprodukte/bestimmte-inhaltsstoffe/frei-von-ammoniak/" 6832 title="Frei von Ammoniak" 6833 class="text-black text-2xs py-1" 6834 > 6835 Frei von Ammoniak </a> 6836 </div> 6837 </div> 6838 </div> 6839 <div class="w-2/
68395 flex justify-end"> 6840 </div> 6841 </div> 6842 </div> 6843 </div> 6844 <div 6845 x-on:mouseenter=" 6846 debounce(() => hoverSubmenuPanelActiveId = 'category-node-345', 200); 6847 hoverSubmenuPanelActiveIdClass = 'category-node-345' 6848 " 6849 x-on:mouseleave=" 6850 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 6851 hoverSubmenuPanelActiveIdClass = 0 6852 " 6853 > 6854 <div class="mb-0.5"> 6855 <a href="https://www.haibu.de/haarprodukte/pakete/" 6856 title="Pakete" 6857 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 6858 :class="{ 6859 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-345' 6860 }" 6861 > 6862 Pakete </a> 6863 </div> 6864 6865 <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3" 6866 :class="{ 6867 'hidden' : hoverSubmenuPanelActiveId !== 'category-node-345', 6868 'block' : hoverSubmenuPanelActiveId === 'category-node-345' 6869 }"> 6870 <div class="bg-gray-lighter rounded h-full py-12 px-10 flex"> 6871 <div class="w-3/5"> 6872 <div class="font-bold text-sm mb-4">Pakete</div> 6873 <div class="flex flex-wrap"> 6874 <div class="w-1/3"> 6875 <a href="https://www.haibu.de/haarprodukte/pakete/beschadigtes-haar/" 6876 title="Geschädigtes Haar" 6877 class="text-black text-2xs py-1" 6878 > 6879 Geschädigtes Haar </a> 6880 </div> 6881 <div class="w-1/3"> 6882 <a href="https://www.haibu.de/haarprodukte/pakete/blondes-haar/" 6883 title="Blondes Haar" 6884 class="text-black text-2xs py-1" 6885 > 6886 Blondes Haar </a> 6887 </div> 6888 <div class="w-1/3"> 6889 <a href="https://www.haibu.de/haarprodukte/pakete/stumpfes-haar/" 6890 title="Stumpfes Haar" 6891 class="text-black text-2xs py-1" 6892 > 6893 Stumpfes Haar </a> 6894 </div> 6895 <div class="w-1/3"> 6896 <a href="https://www.haibu.de/haarprodukte/pakete/sonnengeschadigtes-haar/" 6897 title="Sonnengeschädigtes haar" 6898 class="text-black text-2xs py-1" 6899 > 6900 Sonnengeschädigtes haar </a> 6901 </div> 6902 <div class="w-1/3"> 6903 <a href="https://www.haibu.de/haarprodukte/pakete/trockenes-haar/" 6904 title="Trockenes Haar" 6905 class="text-black text-2xs py-1" 6906 > 6907 Trockenes Haar </a> 6908 </div> 6909 <div class="w-1/3"> 6910 <a href="https://www.haibu.de/haarprodukte/pakete/ausdunnendes-haar/" 6911 title="Ausdünnendes Haar" 6912 class="text-black text-2xs py-1" 6913 > 6914 Ausdünnendes Haar </a> 6915 </div> 6916 <div class="w-1/3"> 6917 <a href="https://www.haibu.de/haarprodukte/pakete/lebloses-haar/" 6918 title="Lebloses Haar" 6919 class="text-black text-2xs py-1" 6920 > 6921 Lebloses Haar </a> 6922 </div> 6923 <div class="w-1/3"> 6924 <a href="https://www.haibu.de/haarprodukte/pakete/gefarbtes-haar/" 6925 title="Gefärbtes Haar" 6926 class="text-black text-2xs py-1" 6927 > 6928 Gefärbtes Haar </a> 6929 </div> 6930 <div class="w-1/3"> 6931 <a href="https://www.haibu.de/haarprodukte/pakete/empfindliche-kopfhaut/" 6932 title="Empfindliche Kopfhaut" 6933 class="text-black text-2xs py-1" 6934 > 6935 Empfindliche Kopfhaut </a> 6936 </div> 6937 <div class="w-1/3"> 6938 <a href="https://www.haibu.de/haarprodukte/pakete/lockiges-haar/" 6939 title="Lockiges Haar" 6940 class="text-black text-2xs py-1" 6941 > 6942 Lockiges Haar </a> 6943 </div> 6944 <div class="w-1/3"> 6945 <a href="https://www.haibu.de/haarprodukte/pakete/krauses-haar/" 6946 title="Krauses Haar" 6947 class="text-black text-2xs py-1" 6948 > 6949 Krauses Haar </a> 6950 </div> 6951 <div class="w-1/3"> 6952 <a href="https://www.haibu.de/haarprodukte/pakete/haarfarbung/" 6953 title="Haarfärbung" 6954 class="text-black text-2xs py-1" 6955 > 6956 Haarfärbung </a> 6957 </div> 6958 </div> 6959 </div> 6960 <div class="w-2/
69605 flex justify-end"> 6961 </div> 6962 </div> 6963 </div> 6964 </div> 6965 <div 6966 x-on:mouseenter=" 6967 debounce(() => hoverSubmenuPanelActiveId = 'category-node-7054', 200); 6968 hoverSubmenuPanelActiveIdClass = 'category-node-7054' 6969 " 6970 x-on:mouseleave=" 6971 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 6972 hoverSubmenuPanelActiveIdClass = 0 6973 " 6974 > 6975 <div class="mb-0.5"> 6976 <a href="https://www.haibu.de/haarprodukte/refills/" 6977 title="Refills" 6978 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 6979 :class="{ 6980 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-7054' 6981 }" 6982 > 6983 Refills </a> 6984 </div> 6985 6986 </div> 6987 <div 6988 x-on:mouseenter=" 6989 debounce(() => hoverSubmenuPanelActiveId = 'category-node-572', 200); 6990 hoverSubmenuPanelActiveIdClass = 'category-node-572' 6991 " 6992 x-on:mouseleave=" 6993 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 6994 hoverSubmenuPanelActiveIdClass = 0 6995 " 6996 > 6997 <div class="mb-0.5"> 6998 <a href="https://www.haibu.de/haarprodukte/geschenksets/" 6999 title="Geschenksets" 7000 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 7001 :class="{ 7002 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-572' 7003 }" 7004 > 7005 Geschenksets </a> 7006 </div> 7007 7008 <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3" 7009 :class="{ 7010 'hidden' : hoverSubmenuPanelActiveId !== 'category-node-572', 7011 'block' : hoverSubmenuPanelActiveId === 'category-node-572' 7012 }"> 7013 <div class="bg-gray-lighter rounded h-full py-12 px-10 flex"> 7014 <div class="w-3/5"> 7015 <div class="font-bold text-sm mb-4">Geschenksets</div> 7016 <div class="flex flex-wrap"> 7017 <div class="w-1/3"> 7018 <a href="https://www.haibu.de/haarprodukte/geschenksets/fur-ihn/" 7019 title="Für Ihn" 7020 class="text-black text-2xs py-1" 7021 > 7022 Für Ihn </a> 7023 </div> 7024 <div class="w-1/3"> 7025 <a href="https://www.haibu.de/haarprodukte/geschenksets/fur-sie/" 7026 title="Für Sie" 7027 class="text-black text-2xs py-1" 7028 > 7029 Für Sie </a> 7030 </div> 7031 <div class="w-1/3"> 7032 <a href="https://www.haibu.de/haarprodukte/geschenksets/fur-kinder/" 7033 title="Für Kinder" 7034 class="text-black text-2xs py-1" 7035 > 7036 Für Kinder </a> 7037 </div> 7038 </div> 7039 </div> 7040 <div class="w-2/
70405 flex justify-end"> 7041 </div> 7042 </div> 7043 </div> 7044 </div> 7045 <div 7046 x-on:mouseenter=" 7047 debounce(() => hoverSubmenuPanelActiveId = 'category-node-1313', 200); 7048 hoverSubmenuPanelActiveIdClass = 'category-node-1313' 7049 " 7050 x-on:mouseleave=" 7051 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 7052 hoverSubmenuPanelActiveIdClass = 0 7053 " 7054 > 7055 <div class="mb-0.5"> 7056 <a href="https://www.haibu.de/haarprodukte/minis/" 7057 title="Minis" 7058 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 7059 :class="{ 7060 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-1313' 7061 }" 7062 > 7063 Minis </a> 7064 </div> 7065 7066 <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3" 7067 :class="{ 7068 'hidden' : hoverSubmenuPanelActiveId !== 'category-node-1313', 7069 'block' : hoverSubmenuPanelActiveId === 'category-node-1313' 7070 }"> 7071 <div class="bg-gray-lighter rounded h-full py-12 px-10 flex"> 7072 <div class="w-3/5"> 7073 <div class="font-bold text-sm mb-4">Minis</div> 7074 <div class="flex flex-wrap"> 7075 <div class="w-1/3"> 7076 <a href="https://www.haibu.de/haarprodukte/minis/haarprodukte/" 7077 title="Haarprodukte" 7078 class="text-black text-2xs py-1" 7079 > 7080 Haarprodukte </a> 7081 </div> 7082 <div class="w-1/3"> 7083 <a href="https://www.haibu.de/haarprodukte/minis/sets/" 7084 title="Travel sets" 7085 class="text-black text-2xs py-1" 7086 > 7087 Travel sets </a> 7088 </div> 7089 </div> 7090 </div> 7091 <div class="w-2/
70915 flex justify-end"> 7092 </div> 7093 </div> 7094 </div> 7095 </div> 7096 <div 7097 x-on:mouseenter=" 7098 debounce(() => hoverSubmenuPanelActiveId = 'category-node-5193', 200); 7099 hoverSubmenuPanelActiveIdClass = 'category-node-5193' 7100 " 7101 x-on:mouseleave=" 7102 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 7103 hoverSubmenuPanelActiveIdClass = 0 7104 " 7105 > 7106 <div class="mb-0.5"> 7107 <a href="https://www.haibu.de/haarprodukte/curly-girl-methode/" 7108 title="Curly Girl Methode" 7109 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 7110 :class="{ 7111 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-5193' 7112 }" 7113 > 7114 Curly Girl Methode </a> 7115 </div> 7116 7117 <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3" 7118 :class="{ 7119 'hidden' : hoverSubmenuPanelActiveId !== 'category-node-5193', 7120 'block' : hoverSubmenuPanelActiveId === 'category-node-5193' 7121 }"> 7122 <div class="bg-gray-lighter rounded h-full py-12 px-10 flex"> 7123 <div class="w-3/5"> 7124 <div class="font-bold text-sm mb-4">Curly Girl Methode</div> 7125 <div class="flex flex-wrap"> 7126 <div class="w-1/3"> 7127 <a href="https://www.haibu.de/haarprodukte/curly-girl-methode/final-wash/" 7128 title="Schritt 1: Final Wash" 7129 class="text-black text-2xs py-1" 7130 > 7131 Schritt 1: Final Wash </a> 7132 </div> 7133 <div class="w-1/3"> 7134 <a href="https://www.haibu.de/haarprodukte/curly-girl-methode/shampoo/" 7135 title="Schritt 2: Shampoo" 7136 class="text-black text-2xs py-1" 7137 > 7138 Schritt 2: Shampoo </a> 7139 </div> 7140 <div class="w-1/3"> 7141 <a href="https://www.haibu.de/haarprodukte/curly-girl-methode/conditioner/" 7142 title="Schritt 3: Conditioner" 7143 class="text-black text-2xs py-1" 7144 > 7145 Schritt 3: Conditioner </a> 7146 </div> 7147 <div class="w-1/3"> 7148 <a href="https://www.haibu.de/haarproducten/curly-girl-methode/haarmaske/" 7149 title="Schritt 4: Haarmaske" 7150 class="text-black text-2xs py-1" 7151 > 7152 Schritt 4: Haarmaske </a> 7153 </div> 7154 <div class="w-1/3"> 7155 <a href="https://www.haibu.de/haarprodukte/curly-girl-methode/leave-in/" 7156 title="Schritt 5: Leave-in" 7157 class="text-black text-2xs py-1" 7158 > 7159 Schritt 5: Leave-in </a> 7160 </div> 7161 <div class="w-1/3"> 7162 <a href="https://www.haibu.de/haarprodukte/curly-girl-methode/stylingprodukte/" 7163 title="Schritt 6: Styling-Produkte" 7164 class="text-black text-2xs py-1" 7165 > 7166 Schritt 6: Styling-Produkte </a> 7167 </div> 7168 <div class="w-1/3"> 7169 <a href="https://www.haibu.de/haarprodukte/curly-girl-methode/werkzeuge/" 7170 title=" Werkzeuge" 7171 class="text-black text-2xs py-1" 7172 > 7173 Werkzeuge </a> 7174 </div> 7175 </div> 7176 </div> 7177 <div class="w-2/
71775 flex justify-end"> 7178 </div> 7179 </div> 7180 </div> 7181 </div> 7182 </div> 7183 7184 <div class="w-1/6 navigation-menu"> 7185 <ul data-level="1"> 7186<li><strong>Top Marken</strong></li> 7187<li><a title="Goldwell" href="/marken/goldwell"><span>Goldwell</span></a></li> 7188<li><a title="L'Oréal" href="/marken/loreal"><span>L'Oréal</span></a></li> 7189<li><a title="Elleure" href="/marken/elleure"><span>Elleure</span></a></li> 7190<li><a title="Kérastase" href="/marken/kerastase"><span>Kérastase</span></a></li> 7191<li><a title="Redken" href="/marken/redken"><span>Redken</span></a></li> 7192<li><a title="Glynt" href="/marken/glynt"><span>Glynt</span></a></li> 7193<li><a title="Wella" href="/marken/wella"><span>Wella</span></a></li> 7194<li><a title="Schwarzkopf" href="/marken/schwarzkopf"><span>Schwarzkopf</span></a></li> 7195</ul> </div> 7196 <div class="w-1/6 navigation-menu"> 7197 <ul data-level="1"> 7198<li><strong>Vorteilhafte Sets</strong></li> 7199<li><a title="Geschädigtes Haar" href="/haarprodukte/pakete/beschadigtes-haar"><span>Geschädigtes Haar</span></a></li> 7200<li><a title="Gefärbtes Haar" href="/haarprodukte/pakete/gefarbtes-haar"><span>Gefärbtes Haar</span></a></li> 7201<li><a title="Trockenes Haar" href="/haarprodukte/pakete/trockenes-haar"><span>Trockenes Haar</span></a></li> 7202<li><a title="Blondes Haar" href="/haarprodukte/pakete/blondes-haar"><span>Blondes Haar</span></a></li> 7203<li><a title="Lockiges Haar" href="/haarprodukte/pakete/lockiges-haar"><span>Lockiges Haar</span></a></li> 7204<li><a title="Empfindliche Kopfhaut" href="/haarprodukte/pakete/empfindliche-kopfhaut"><span>Empfindliche Kopfhaut</span></a></li> 7205<li><a title="Alle Pakete" href="/haarprodukte/pakete">Alle Pakete</a></li> 7206</ul> </div> 7207 <div class="w-1/6 navigation-menu"> 7208 <ul data-level="1"> 7209<li><strong>Geschenksets</strong></li> 7210<li><a title="Für Ihn" href="/haarprodukte/geschenksets/fur-ihn">Für Ihn</a></li> 7211<li><a title="Für Sie" href="/haarprodukte/geschenksets/fur-sie">Für Sie</a></li> 7212<li><a title="Für Kinder" href="/haarprodukte/geschenksets/fur-kinder">Für Kinder</a></li> 7213</ul> </div> 7214 <div class="w-2/6 flex justify-end"> 7215 <p><img src="https://www.haibu.de/media/wysiwyg/Haibu_de/Menubanner_-_Haarprodukte.jpg" loading="lazy" class="h-96" width="320" height="380" alt="" width="320" height="380" /></p> </div> 7216 </div> 7217 </div> 7218 </div> 7219 </div> 7220 <div class="level-0" 7221 x-on:mouseenter="debounce(() => hoverPanelActiveId = 'category-node-39', 200)" 7222 x-on:mouseleave="debounce(() => hoverPanelActiveId = 0, 200)" 7223 > 7224 <div class="flex items-center block py-3.5 font-medium"> 7225 <a class="w-full text-white py-1 px-1 xl:px-2 2xl:px-4 level-0 border border-black rounded hover:border-pink focus:border-pink hover:no-underline focus:no-underline" 7226 :class="{'border-pink' : hoverPanelActiveId === 'category-node-39'}" 7227 href="https://www.haibu.de/stylingtools/" 7228 title="Stylingtools" 7229 > 7230 Stylingtools </a> 7231 </div> 7232 7233 <div class="absolute z-10 hidden left-1/2 right-1/2 svw bottom-auto top-full shadow-lg bg-white" 7234 :class="{ 7235 'hidden' : hoverPanelActiveId !== 'category-node-39', 7236 'block' : hoverPanelActiveId === 'category-node-39' 7237 }"> 7238 <div class="container relative pt-16 pb-24"> 7239 <div class="flex"> 7240 <div class="w-1/6"> 7241 <div class="font-bold text-sm mb-4 px-3">Stylingtools</div> 7242 <div 7243 x-on:mouseenter=" 7244 debounce(() => hoverSubmenuPanelActiveId = 'category-node-7065', 200); 7245 hoverSubmenuPanelActiveIdClass = 'category-node-7065' 7246 " 7247 x-on:mouseleave=" 7248 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 7249 hoverSubmenuPanelActiveIdClass = 0 7250 " 7251 > 7252 <div class="mb-0.5"> 7253 <a href="https://www.haibu.de/stylingtools/beautytools/" 7254 title="Beautytools" 7255 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 7256 :class="{ 7257 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-7065' 7258 }" 7259 > 7260 Beautytools </a> 7261 </div> 7262 7263 </div> 7264 <div 7265 x-on:mouseenter=" 7266 debounce(() => hoverSubmenuPanelActiveId = 'category-node-151', 200); 7267 hoverSubmenuPanelActiveIdClass = 'category-node-151' 7268 " 7269 x-on:mouseleave=" 7270 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 7271 hoverSubmenuPanelActiveIdClass = 0 7272 " 7273 > 7274 <div class="mb-0.5"> 7275 <a href="https://www.haibu.de/stylingtools/fohns/" 7276 title="Föhns" 7277 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 7278 :class="{ 7279 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-151' 7280 }" 7281 > 7282 Föhns </a> 7283 </div> 7284 7285 <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3" 7286 :class="{ 7287 'hidden' : hoverSubmenuPanelActiveId !== 'category-node-151', 7288 'block' : hoverSubmenuPanelActiveId === 'category-node-151' 7289 }"> 7290 <div class="bg-gray-lighter rounded h-full py-12 px-10 flex"> 7291 <div class="w-3/5"> 7292 <div class="font-bold text-sm mb-4">Föhns</div> 7293 <div class="flex flex-wrap"> 7294 <div class="w-1/3"> 7295 <a href="https://www.haibu.de/stylingtools/fohns/diffusor/" 7296 title="Diffusor" 7297 class="text-black text-2xs py-1" 7298 > 7299 Diffusor </a> 7300 </div> 7301 <div class="w-1/3"> 7302 <a href="https://www.haibu.de/stylingtools/fohns/fohn-mit-diffusor/" 7303 title="Föhn mit Diffusor" 7304 class="text-black text-2xs py-1" 7305 > 7306 Föhn mit Diffusor </a> 7307 </div> 7308 <div class="w-1/3"> 7309 <a href="https://www.haibu.de/stylingtools/fohns/ionischer-fohn/" 7310 title="Ionischer Föhn" 7311 class="text-black text-2xs py-1" 7312 > 7313 Ionischer Föhn </a> 7314 </div> 7315 <div class="w-1/3"> 7316 <a href="https://www.haibu.de/stylingtools/fohns/leichter-fohn/" 7317 title="Leichter Föhn" 7318 class="text-black text-2xs py-1" 7319 > 7320 Leichter Föhn </a> 7321 </div> 7322 <div class="w-1/3"> 7323 <a href="https://www.haibu.de/stylingtools/fohns/reisefohn/" 7324 title="Reiseföhn" 7325 class="text-black text-2xs py-1" 7326 > 7327 Reiseföhn </a> 7328 </div> 7329 </div> 7330 </div> 7331 <div class="w-2/
73315 flex justify-end"> 7332 </div> 7333 </div> 7334 </div> 7335 </div> 7336 <div 7337 x-on:mouseenter=" 7338 debounce(() => hoverSubmenuPanelActiveId = 'category-node-156', 200); 7339 hoverSubmenuPanelActiveIdClass = 'category-node-156' 7340 " 7341 x-on:mouseleave=" 7342 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 7343 hoverSubmenuPanelActiveIdClass = 0 7344 " 7345 > 7346 <div class="mb-0.5"> 7347 <a href="https://www.haibu.de/stylingtools/fohnburste/" 7348 title="Föhnbürste" 7349 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 7350 :class="{ 7351 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-156' 7352 }" 7353 > 7354 Föhnbürste </a> 7355 </div> 7356 7357 <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3" 7358 :class="{ 7359 'hidden' : hoverSubmenuPanelActiveId !== 'category-node-156', 7360 'block' : hoverSubmenuPanelActiveId === 'category-node-156' 7361 }"> 7362 <div class="bg-gray-lighter rounded h-full py-12 px-10 flex"> 7363 <div class="w-3/5"> 7364 <div class="font-bold text-sm mb-4">Föhnbürste</div> 7365 <div class="flex flex-wrap"> 7366 <div class="w-1/3"> 7367 <a href="https://www.haibu.de/stylingtools/fohnburste/airstyler/" 7368 title="Airstyler" 7369 class="text-black text-2xs py-1" 7370 > 7371 Airstyler </a> 7372 </div> 7373 <div class="w-1/3"> 7374 <a href="https://www.haibu.de/stylingtools/fohnburste/runde-fohnburste/" 7375 title="Runde Föhnbürste" 7376 class="text-black text-2xs py-1" 7377 > 7378 Runde Föhnbürste </a> 7379 </div> 7380 </div> 7381 </div> 7382 <div class="w-2/
73825 flex justify-end"> 7383 </div> 7384 </div> 7385 </div> 7386 </div> 7387 <div 7388 x-on:mouseenter=" 7389 debounce(() => hoverSubmenuPanelActiveId = 'category-node-155', 200); 7390 hoverSubmenuPanelActiveIdClass = 'category-node-155' 7391 " 7392 x-on:mouseleave=" 7393 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 7394 hoverSubmenuPanelActiveIdClass = 0 7395 " 7396 > 7397 <div class="mb-0.5"> 7398 <a href="https://www.haibu.de/stylingtools/lockenburste/" 7399 title="Lockenbürste" 7400 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 7401 :class="{ 7402 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-155' 7403 }" 7404 > 7405 Lockenbürste </a> 7406 </div> 7407 7408 </div> 7409 <div 7410 x-on:mouseenter=" 7411 debounce(() => hoverSubmenuPanelActiveId = 'category-node-158', 200); 7412 hoverSubmenuPanelActiveIdClass = 'category-node-158' 7413 " 7414 x-on:mouseleave=" 7415 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 7416 hoverSubmenuPanelActiveIdClass = 0 7417 " 7418 > 7419 <div class="mb-0.5"> 7420 <a href="https://www.haibu.de/stylingtools/lockensets/" 7421 title="Lockensets" 7422 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 7423 :class="{ 7424 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-158' 7425 }" 7426 > 7427 Lockensets </a> 7428 </div> 7429 7430 </div> 7431 <div 7432 x-on:mouseenter=" 7433 debounce(() => hoverSubmenuPanelActiveId = 'category-node-154', 200); 7434 hoverSubmenuPanelActiveIdClass = 'category-node-154' 7435 " 7436 x-on:mouseleave=" 7437 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 7438 hoverSubmenuPanelActiveIdClass = 0 7439 " 7440 > 7441 <div class="mb-0.5"> 7442 <a href="https://www.haibu.de/stylingtools/lockenstabe/" 7443 title="Lockenstäbe" 7444 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 7445 :class="{ 7446 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-154' 7447 }" 7448 > 7449 Lockenstäbe </a> 7450 </div> 7451 7452 <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3" 7453 :class="{ 7454 'hidden' : hoverSubmenuPanelActiveId !== 'category-node-154', 7455 'block' : hoverSubmenuPanelActiveId === 'category-node-154' 7456 }"> 7457 <div class="bg-gray-lighter rounded h-full py-12 px-10 flex"> 7458 <div class="w-3/5"> 7459 <div class="font-bold text-sm mb-4">Lockenstäbe</div> 7460 <div class="flex flex-wrap"> 7461 <div class="w-1/3"> 7462 <a href="https://www.haibu.de/stylingtools/lockenstabe/lockenstab-mit-klemme/" 7463 title="Lockenstab mit Klemme" 7464 class="text-black text-2xs py-1" 7465 > 7466 Lockenstab mit Klemme </a> 7467 </div> 7468 <div class="w-1/3"> 7469 <a href="https://www.haibu.de/stylingtools/lockenstabe/dunner-lockenstab/" 7470 title="Dünner Lockenstab" 7471 class="text-black text-2xs py-1" 7472 > 7473 Dünner Lockenstab </a> 7474 </div> 7475 <div class="w-1/3"> 7476 <a href="https://www.haibu.de/stylingtools/lockenstabe/automatische-lockenstabe/" 7477 title="Automatische Lockenstäbe" 7478 class="text-black text-2xs py-1" 7479 > 7480 Automatische Lockenstäbe </a> 7481 </div> 7482 <div class="w-1/3"> 7483 <a href="https://www.haibu.de/stylingtools/lockenstabe/lockenstabe-mit-aufsatzen/" 7484 title="Lockenstäbe mit Aufsätzen" 7485 class="text-black text-2xs py-1" 7486 > 7487 Lockenstäbe mit Aufsätzen </a> 7488 </div> 7489 </div> 7490 </div> 7491 <div class="w-2/
74915 flex justify-end"> 7492 </div> 7493 </div> 7494 </div> 7495 </div> 7496 <div 7497 x-on:mouseenter=" 7498 debounce(() => hoverSubmenuPanelActiveId = 'category-node-281', 200); 7499 hoverSubmenuPanelActiveIdClass = 'category-node-281' 7500 " 7501 x-on:mouseleave=" 7502 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 7503 hoverSubmenuPanelActiveIdClass = 0 7504 " 7505 > 7506 <div class="mb-0.5"> 7507 <a href="https://www.haibu.de/stylingtools/glattungsburste/" 7508 title="Glättungsbürste" 7509 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 7510 :class="{ 7511 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-281' 7512 }" 7513 > 7514 Glättungsbürste </a> 7515 </div> 7516 7517 </div> 7518 <div 7519 x-on:mouseenter=" 7520 debounce(() => hoverSubmenuPanelActiveId = 'category-node-153', 200); 7521 hoverSubmenuPanelActiveIdClass = 'category-node-153' 7522 " 7523 x-on:mouseleave=" 7524 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 7525 hoverSubmenuPanelActiveIdClass = 0 7526 " 7527 > 7528 <div class="mb-0.5"> 7529 <a href="https://www.haibu.de/stylingtools/glatteisen/" 7530 title="Glätteisen" 7531 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 7532 :class="{ 7533 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-153' 7534 }" 7535 > 7536 Glätteisen </a> 7537 </div> 7538 7539 <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3" 7540 :class="{ 7541 'hidden' : hoverSubmenuPanelActiveId !== 'category-node-153', 7542 'block' : hoverSubmenuPanelActiveId === 'category-node-153' 7543 }"> 7544 <div class="bg-gray-lighter rounded h-full py-12 px-10 flex"> 7545 <div class="w-3/5"> 7546 <div class="font-bold text-sm mb-4">Glätteisen</div> 7547 <div class="flex flex-wrap"> 7548 <div class="w-1/3"> 7549 <a href="https://www.haibu.de/stylingtools/glatteisen/kabellos/" 7550 title="Kabellos" 7551 class="text-black text-2xs py-1" 7552 > 7553 Kabellos </a> 7554 </div> 7555 <div class="w-1/3"> 7556 <a href="https://www.haibu.de/stylingtools/glatteisen/mini-glatteisen/" 7557 title="Mini Glätteisen" 7558 class="text-black text-2xs py-1" 7559 > 7560 Mini Glätteisen </a> 7561 </div> 7562 <div class="w-1/3"> 7563 <a href="https://www.haibu.de/stylingtools/glatteisen/wasserdampf-glaetteisen/" 7564 title="Wasserdampf Glätteisen" 7565 class="text-black text-2xs py-1" 7566 > 7567 Wasserdampf Glätteisen </a> 7568 </div> 7569 <div class="w-1/3"> 7570 <a href="https://www.haibu.de/stylingtools/glatteisen/ionische-glatteisen/" 7571 title="Ionische Glätteisen" 7572 class="text-black text-2xs py-1" 7573 > 7574 Ionische Glätteisen </a> 7575 </div> 7576 <div class="w-1/3"> 7577 <a href="https://www.haibu.de/stylingtools/glatteisen/keramische-glatteisen/" 7578 title="Keramische Glätteisen" 7579 class="text-black text-2xs py-1" 7580 > 7581 Keramische Glätteisen </a> 7582 </div> 7583 <div class="w-1/3"> 7584 <a href="https://www.haibu.de/stylingtools/glatteisen/titan-glatteisen/" 7585 title="Titan Glätteisen" 7586 class="text-black text-2xs py-1" 7587 > 7588 Titan Glätteisen </a> 7589 </div> 7590 </div> 7591 </div> 7592 <div class="w-2/
75925 flex justify-end"> 7593 </div> 7594 </div> 7595 </div> 7596 </div> 7597 <div 7598 x-on:mouseenter=" 7599 debounce(() => hoverSubmenuPanelActiveId = 'category-node-159', 200); 7600 hoverSubmenuPanelActiveIdClass = 'category-node-159' 7601 " 7602 x-on:mouseleave=" 7603 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 7604 hoverSubmenuPanelActiveIdClass = 0 7605 " 7606 > 7607 <div class="mb-0.5"> 7608 <a href="https://www.haibu.de/stylingtools/trimmer/" 7609 title="Schermaschinen" 7610 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 7611 :class="{ 7612 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-159' 7613 }" 7614 > 7615 Schermaschinen </a> 7616 </div> 7617 7618 <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3" 7619 :class="{ 7620 'hidden' : hoverSubmenuPanelActiveId !== 'category-node-159', 7621 'block' : hoverSubmenuPanelActiveId === 'category-node-159' 7622 }"> 7623 <div class="bg-gray-lighter rounded h-full py-12 px-10 flex"> 7624 <div class="w-3/5"> 7625 <div class="font-bold text-sm mb-4">Schermaschinen</div> 7626 <div class="flex flex-wrap"> 7627 <div class="w-1/3"> 7628 <a href="https://www.haibu.de/stylingtools/trimmer/zubehor/" 7629 title="Zubehör" 7630 class="text-black text-2xs py-1" 7631 > 7632 Zubehör </a> 7633 </div> 7634 <div class="w-1/3"> 7635 <a href="https://www.haibu.de/stylingtools/trimmer/schermaschinen-kabellos/" 7636 title="Schermaschinen kabellos" 7637 class="text-black text-2xs py-1" 7638 > 7639 Schermaschinen kabellos </a> 7640 </div> 7641 </div> 7642 </div> 7643 <div class="w-2/
76435 flex justify-end"> 7644 </div> 7645 </div> 7646 </div> 7647 </div> 7648 <div 7649 x-on:mouseenter=" 7650 debounce(() => hoverSubmenuPanelActiveId = 'category-node-160', 200); 7651 hoverSubmenuPanelActiveIdClass = 'category-node-160' 7652 " 7653 x-on:mouseleave=" 7654 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 7655 hoverSubmenuPanelActiveIdClass = 0 7656 " 7657 > 7658 <div class="mb-0.5"> 7659 <a href="https://www.haibu.de/stylingtools/haarschneidemaschinen/" 7660 title="Trimmer" 7661 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 7662 :class="{ 7663 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-160' 7664 }" 7665 > 7666 Trimmer </a> 7667 </div> 7668 7669 <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3" 7670 :class="{ 7671 'hidden' : hoverSubmenuPanelActiveId !== 'category-node-160', 7672 'block' : hoverSubmenuPanelActiveId === 'category-node-160' 7673 }"> 7674 <div class="bg-gray-lighter rounded h-full py-12 px-10 flex"> 7675 <div class="w-3/5"> 7676 <div class="font-bold text-sm mb-4">Trimmer</div> 7677 <div class="flex flex-wrap"> 7678 <div class="w-1/3"> 7679 <a href="https://www.haibu.de/stylingtools/haarschneidemaschinen/zubehor/" 7680 title="Zubehör" 7681 class="text-black text-2xs py-1" 7682 > 7683 Zubehör </a> 7684 </div> 7685 </div> 7686 </div> 7687 <div class="w-2/
76875 flex justify-end"> 7688 </div> 7689 </div> 7690 </div> 7691 </div> 7692 <div 7693 x-on:mouseenter=" 7694 debounce(() => hoverSubmenuPanelActiveId = 'category-node-157', 200); 7695 hoverSubmenuPanelActiveIdClass = 'category-node-157' 7696 " 7697 x-on:mouseleave=" 7698 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 7699 hoverSubmenuPanelActiveIdClass = 0 7700 " 7701 > 7702 <div class="mb-0.5"> 7703 <a href="https://www.haibu.de/stylingtools/wavers/" 7704 title="Wavers" 7705 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 7706 :class="{ 7707 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-157' 7708 }" 7709 > 7710 Wavers </a> 7711 </div> 7712 7713 </div> 7714 <div 7715 x-on:mouseenter=" 7716 debounce(() => hoverSubmenuPanelActiveId = 'category-node-162', 200); 7717 hoverSubmenuPanelActiveIdClass = 'category-node-162' 7718 " 7719 x-on:mouseleave=" 7720 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 7721 hoverSubmenuPanelActiveIdClass = 0 7722 " 7723 > 7724 <div class="mb-0.5"> 7725 <a href="https://www.haibu.de/stylingtools/zubehor/" 7726 title="Zubehör" 7727 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 7728 :class="{ 7729 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-162' 7730 }" 7731 > 7732 Zubehör </a> 7733 </div> 7734 7735 </div> 7736 <div 7737 x-on:mouseenter=" 7738 debounce(() => hoverSubmenuPanelActiveId = 'category-node-211', 200); 7739 hoverSubmenuPanelActiveIdClass = 'category-node-211' 7740 " 7741 x-on:mouseleave=" 7742 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 7743 hoverSubmenuPanelActiveIdClass = 0 7744 " 7745 > 7746 <div class="mb-0.5"> 7747 <a href="https://www.haibu.de/stylingtools/twister/" 7748 title="Twister" 7749 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 7750 :class="{ 7751 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-211' 7752 }" 7753 > 7754 Twister </a> 7755 </div> 7756 7757 </div> 7758 </div> 7759 7760 <div class="w-1/6 navigation-menu"> 7761 <ul data-level="1"> 7762<li><strong>
7762Top Marken</strong></li> 7763<li><a title="Babyliss PRO" href="https://www.haibu.de/marken/babyliss-pro/babyliss-pro-werkzeuge"><span>Babyliss PRO</span></a></li> 7764<li><a title="CHI" href="https://www.haibu.de/marken/chi/chi-tools/"><span>CHI</span></a></li> 7765<li><a title="GA.MA" href="https://www.haibu.de/marken/ga-ma"><span>GA.MA</span></a></li> 7766<li><a title="Max Pro" href="https://www.haibu.de/marken/max-pro"><span>Max Pro</span></a></li> 7767<li><a title="Wahl" href="https://www.haibu.de/marken/wahl"><span>Wahl</span></a></li> 7768<li><a title="Diva Pro" href="https://www.haibu.de/marken/diva-pro"><span>Diva Pro</span></a></li> 7769<li><a title="ghd" href="https://www.haibu.de/marken/ghd"><span>ghd</span></a></li> 7770<li><a title="Jaguar" href="https://www.haibu.de/marken/jaguar/"><span>Jaguar</span></a></li> 7771<li><a title="Valera" href="https://www.haibu.de/marken/valera"><span>Valera</span></a></li> 7772</ul> </div> 7773 <div class="w-1/6 navigation-menu"> 7774 <ul data-level="1"> 7775<li><strong>Bestseller</strong></li> 7776<li><a title="Babyliss PRO Rotierende HeiÃluftbürste" href="https://www.haibu.de/babyliss-pro-rotierende-warmluftburste-schwarz-800w.html"><span>Babyliss PRO Rotierende HeiÃluftbürste</span></a></li> 7777<li><a title="Babyliss PRO HeiÃluftbürste Blue Lightning" href="https://www.haibu.de/babyliss-pro-warmluftburste-blue-lightening-pro-34-mm-700w.html"><span>Babyliss PRO HeiÃluftbürste Blue Lightning</span></a></li> 7778<li><a title="CHI Glätteisen G2" href="https://www.haibu.de/chi-glatteisen-g2.html"><span>CHI Glätteisen G2</span></a></li> 7779<li><a title="Wahl Super Trimmer 1592 weiss" href="https://www.haibu.de/wahl-super-trimmer-1592-weiss.html"><span>Wahl Super Trimmer 1592 weiss</span></a></li> 7780</ul> </div> 7781 <div class="w-1/6 navigation-menu"> 7782 <ul data-level="1"> 7783<li><strong>Inspiration</strong></li> 7784<li><a title="Entdecke den Varis IQ Prof Dryer" href="https://www.haibu.de/blog/entdecke-den-varis-iq-prof-dryer-der-perfekte-haartrockner-fur-den-professionellen-dauereinsatz">Entdecke den Varis IQ Prof Dryer</a></li> 7785<li><a title="Den ghd Duet Style musst du haben!" href="https://www.haibu.de/blog/eine-premiere-in-der-friseurbranche-den-ghd-duet-style-musst-du-haben">Den ghd Duet Style musst du haben!</a></li> 7786<li><a title="Von lockig bis sleek" href="https://www.haibu.de/blog/von-lockig-bis-sleek-das-sind-die-besten-haarstyling-geräte-für-ein-perfektes-finish">Von lockig bis sleek</a></li> 7787<li><a title="TikTok-Trend: Heatless Curls" href="https://www.haibu.de/blog/der-aktuelle-tiktok-trend-heatless-curls">TikTok-Trend: Heatless Curls</a></li> 7788</ul> </div> 7789 <div class="w-2/6 flex justify-end"> 7790 <p><img src="https://www.haibu.de/media/wysiwyg/Haibu/Haibu_-_menubalk_tools.png" loading="lazy" class="h-96" width="320" height="380" alt="" width="320" height="380"></p> </div> 7791 </div> 7792 </div> 7793 </div> 7794 </div> 7795 <div class="level-0" 7796 x-on:mouseenter="debounce(() => hoverPanelActiveId = 'category-node-38', 200)" 7797 x-on:mouseleave="debounce(() => hoverPanelActiveId = 0, 200)" 7798 > 7799 <div class="flex items-center block py-3.5 font-medium"> 7800 <a class="w-full text-white py-1 px-1 xl:px-2 2xl:px-4 level-0 border border-black rounded hover:border-pink focus:border-pink hover:no-underline focus:no-underline" 7801 :class="{'border-pink' : hoverPanelActiveId === 'category-node-38'}" 7802 href="https://www.haibu.de/beautyprodukte/" 7803 title="Beautyprodukte" 7804 > 7805 Beautyprodukte </a> 7806 </div> 7807 7808 <div class="absolute z-10 hidden left-1/2 right-1/2 svw bottom-auto top-full shadow-lg bg-white" 7809 :class="{ 7810 'hidden' : hoverPanelActiveId !== 'category-node-38', 7811 'block' : hoverPanelActiveId === 'category-node-38' 7812 }"> 7813 <div class="container relative pt-16 pb-24"> 7814 <div class="flex"> 7815 <div class="w-1/6"> 7816 <div class="font-bold text-sm mb-4 px-3">Beautyprodukte</div> 7817 <div 7818 x-on:mouseenter=" 7819 debounce(() => hoverSubmenuPanelActiveId = 'category-node-5062', 200); 7820 hoverSubmenuPanelActiveIdClass = 'category-node-5062' 7821 " 7822 x-on:mouseleave=" 7823 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 7824 hoverSubmenuPanelActiveIdClass = 0 7825 " 7826 > 7827 <div class="mb-0.5"> 7828 <a href="https://www.haibu.de/beautyprodukte/beauty-zubehor/" 7829 title="Beauty zubehör" 7830 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 7831 :class="{ 7832 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-5062' 7833 }" 7834 > 7835 Beauty zubehör </a> 7836 </div> 7837 7838 </div> 7839 <div 7840 x-on:mouseenter=" 7841 debounce(() => hoverSubmenuPanelActiveId = 'category-node-167', 200); 7842 hoverSubmenuPanelActiveIdClass = 'category-node-167' 7843 " 7844 x-on:mouseleave=" 7845 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 7846 hoverSubmenuPanelActiveIdClass = 0 7847 " 7848 > 7849 <div class="mb-0.5"> 7850 <a href="https://www.haibu.de/beautyprodukte/hautpflege/" 7851 title="Hautpflege" 7852 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 7853 :class="{ 7854 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-167' 7855 }" 7856 > 7857 Hautpflege </a> 7858 </div> 7859 7860 <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3" 7861 :class="{ 7862 'hidden' : hoverSubmenuPanelActiveId !== 'category-node-167', 7863 'block' : hoverSubmenuPanelActiveId === 'category-node-167' 7864 }"> 7865 <div class="bg-gray-lighter rounded h-full py-12 px-10 flex"> 7866 <div class="w-3/5"> 7867 <div class="font-bold text-sm mb-4">Hautpflege</div> 7868 <div class="flex flex-wrap"> 7869 <div class="w-1/3"> 7870 <a href="https://www.haibu.de/beautyprodukte/hautpflege/handcreme/" 7871 title="Handcreme " 7872 class="text-black text-2xs py-1" 7873 > 7874 Handcreme </a> 7875 </div> 7876 <div class="w-1/3"> 7877 <a href="https://www.haibu.de/beautyprodukte/hautpflege/gesichtsreinigung/" 7878 title="Gesichtsreinigung" 7879 class="text-black text-2xs py-1" 7880 > 7881 Gesichtsreinigung </a> 7882 </div> 7883 <div class="w-1/3"> 7884 <a href="https://www.haibu.de/beautyprodukte/hautpflege/gesichtspflege/" 7885 title="Gesichtspflege" 7886 class="text-black text-2xs py-1" 7887 > 7888 Gesichtspflege </a> 7889 </div> 7890 <div class="w-1/3"> 7891 <a href="https://www.haibu.de/beautyprodukte/hautpflege/korperpflege/" 7892 title="Körperpflege" 7893 class="text-black text-2xs py-1" 7894 > 7895 Körperpflege </a> 7896 </div> 7897 </div> 7898 </div> 7899 <div class="w-2/
78995 flex justify-end"> 7900 </div> 7901 </div> 7902 </div> 7903 </div> 7904 <div 7905 x-on:mouseenter=" 7906 debounce(() => hoverSubmenuPanelActiveId = 'category-node-168', 200); 7907 hoverSubmenuPanelActiveIdClass = 'category-node-168' 7908 " 7909 x-on:mouseleave=" 7910 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 7911 hoverSubmenuPanelActiveIdClass = 0 7912 " 7913 > 7914 <div class="mb-0.5"> 7915 <a href="https://www.haibu.de/beautyprodukte/make-up/" 7916 title="Make-up" 7917 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 7918 :class="{ 7919 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-168' 7920 }" 7921 > 7922 Make-up </a> 7923 </div> 7924 7925 <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3" 7926 :class="{ 7927 'hidden' : hoverSubmenuPanelActiveId !== 'category-node-168', 7928 'block' : hoverSubmenuPanelActiveId === 'category-node-168' 7929 }"> 7930 <div class="bg-gray-lighter rounded h-full py-12 px-10 flex"> 7931 <div class="w-3/5"> 7932 <div class="font-bold text-sm mb-4">Make-up</div> 7933 <div class="flex flex-wrap"> 7934 <div class="w-1/3"> 7935 <a href="https://www.haibu.de/beautyprodukte/make-up/haut/" 7936 title="Haut" 7937 class="text-black text-2xs py-1" 7938 > 7939 Haut </a> 7940 </div> 7941 <div class="w-1/3"> 7942 <a href="https://www.haibu.de/beautyprodukte/make-up/lippen/" 7943 title="Lippen" 7944 class="text-black text-2xs py-1" 7945 > 7946 Lippen </a> 7947 </div> 7948 <div class="w-1/3"> 7949 <a href="https://www.haibu.de/beautyprodukte/make-up/augen/" 7950 title="Augen" 7951 class="text-black text-2xs py-1" 7952 > 7953 Augen </a> 7954 </div> 7955 <div class="w-1/3"> 7956 <a href="https://www.haibu.de/beautyprodukte/make-up/augenbrauen/" 7957 title="Augenbrauen" 7958 class="text-black text-2xs py-1" 7959 > 7960 Augenbrauen </a> 7961 </div> 7962 <div class="w-1/3"> 7963 <a href="https://www.haibu.de/beautyprodukte/make-up/make-up-taschen/" 7964 title="Make-up Taschen" 7965 class="text-black text-2xs py-1" 7966 > 7967 Make-up Taschen </a> 7968 </div> 7969 <div class="w-1/3"> 7970 <a href="https://www.haibu.de/beautyprodukte/make-up/make-up-bedarf/" 7971 title="Make-up Bedarf" 7972 class="text-black text-2xs py-1" 7973 > 7974 Make-up Bedarf </a> 7975 </div> 7976 </div> 7977 </div> 7978 <div class="w-2/
79785 flex justify-end"> 7979 </div> 7980 </div> 7981 </div> 7982 </div> 7983 <div 7984 x-on:mouseenter=" 7985 debounce(() => hoverSubmenuPanelActiveId = 'category-node-166', 200); 7986 hoverSubmenuPanelActiveIdClass = 'category-node-166' 7987 " 7988 x-on:mouseleave=" 7989 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 7990 hoverSubmenuPanelActiveIdClass = 0 7991 " 7992 > 7993 <div class="mb-0.5"> 7994 <a href="https://www.haibu.de/beautyprodukte/nagelprodukte/" 7995 title="Nagelprodukte" 7996 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 7997 :class="{ 7998 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-166' 7999 }" 8000 > 8001 Nagelprodukte </a> 8002 </div> 8003 8004 <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3" 8005 :class="{ 8006 'hidden' : hoverSubmenuPanelActiveId !== 'category-node-166', 8007 'block' : hoverSubmenuPanelActiveId === 'category-node-166' 8008 }"> 8009 <div class="bg-gray-lighter rounded h-full py-12 px-10 flex"> 8010 <div class="w-3/5"> 8011 <div class="font-bold text-sm mb-4">Nagelprodukte</div> 8012 <div class="flex flex-wrap"> 8013 <div class="w-1/3"> 8014 <a href="https://www.haibu.de/beautyprodukte/nagelprodukte/gel-biab-acryl/" 8015 title="Gel, BIAB & Acryl" 8016 class="text-black text-2xs py-1" 8017 > 8018 Gel, BIAB & Acryl </a> 8019 </div> 8020 <div class="w-1/3"> 8021 <a href="https://www.haibu.de/beautyprodukte/nagelprodukte/gel-nagellack/" 8022 title="Nagellack" 8023 class="text-black text-2xs py-1" 8024 > 8025 Nagellack </a> 8026 </div> 8027 <div class="w-1/3"> 8028 <a href="https://www.haibu.de/beautyprodukte/nagelprodukte/basecoat-topcoat/" 8029 title="Basecoat und topcoat" 8030 class="text-black text-2xs py-1" 8031 > 8032 Basecoat und topcoat </a> 8033 </div> 8034 <div class="w-1/3"> 8035 <a href="https://www.haibu.de/beautyprodukte/nagelprodukte/nagelvorbereitung-pflege/" 8036 title="Nagelvorbereitung & Pflege" 8037 class="text-black text-2xs py-1" 8038 > 8039 Nagelvorbereitung & Pflege </a> 8040 </div> 8041 <div class="w-1/3"> 8042 <a href="https://www.haibu.de/beautyprodukte/nagelprodukte/nageltools-accessoires/" 8043 title="Nageltools & Accessoires" 8044 class="text-black text-2xs py-1" 8045 > 8046 Nageltools & Accessoires </a> 8047 </div> 8048 <div class="w-1/3"> 8049 <a href="https://www.haibu.de/beautyprodukte/nagelprodukte/nageldekoration/" 8050 title="Nageldekoration" 8051 class="text-black text-2xs py-1" 8052 > 8053 Nageldekoration </a> 8054 </div> 8055 </div> 8056 </div> 8057 <div class="w-2/
80575 flex justify-end"> 8058 </div> 8059 </div> 8060 </div> 8061 </div> 8062 <div 8063 x-on:mouseenter=" 8064 debounce(() => hoverSubmenuPanelActiveId = 'category-node-383', 200); 8065 hoverSubmenuPanelActiveIdClass = 'category-node-383' 8066 " 8067 x-on:mouseleave=" 8068 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 8069 hoverSubmenuPanelActiveIdClass = 0 8070 " 8071 > 8072 <div class="mb-0.5"> 8073 <a href="https://www.haibu.de/beautyprodukte/epileren/" 8074 title="Epilation/Enthaarung" 8075 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 8076 :class="{ 8077 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-383' 8078 }" 8079 > 8080 Epilation/Enthaarung </a> 8081 </div> 8082 8083 </div> 8084 <div 8085 x-on:mouseenter=" 8086 debounce(() => hoverSubmenuPanelActiveId = 'category-node-5967', 200); 8087 hoverSubmenuPanelActiveIdClass = 'category-node-5967' 8088 " 8089 x-on:mouseleave=" 8090 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 8091 hoverSubmenuPanelActiveIdClass = 0 8092 " 8093 > 8094 <div class="mb-0.5"> 8095 <a href="https://www.haibu.de/beautyprodukte/dufte/" 8096 title="  Düfte" 8097 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 8098 :class="{ 8099 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-5967' 8100 }" 8101 > 8102 Düfte </a> 8103 </div> 8104 8105 </div> 8106 <div 8107 x-on:mouseenter=" 8108 debounce(() => hoverSubmenuPanelActiveId = 'category-node-801', 200); 8109 hoverSubmenuPanelActiveIdClass = 'category-node-801' 8110 " 8111 x-on:mouseleave=" 8112 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 8113 hoverSubmenuPanelActiveIdClass = 0 8114 " 8115 > 8116 <div class="mb-0.5"> 8117 <a href="https://www.haibu.de/beautyprodukte/selbstbrauner/" 8118 title="Selbstbräuner" 8119 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 8120 :class="{ 8121 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-801' 8122 }" 8123 > 8124 Selbstbräuner </a> 8125 </div> 8126 8127 <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3" 8128 :class="{ 8129 'hidden' : hoverSubmenuPanelActiveId !== 'category-node-801', 8130 'block' : hoverSubmenuPanelActiveId === 'category-node-801' 8131 }"> 8132 <div class="bg-gray-lighter rounded h-full py-12 px-10 flex"> 8133 <div class="w-3/5"> 8134 <div class="font-bold text-sm mb-4">Selbstbräuner</div> 8135 <div class="flex flex-wrap"> 8136 <div class="w-1/3"> 8137 <a href="https://www.haibu.de/beautyprodukte/selbstbrauner/lotion/" 8138 title="Lotion" 8139 class="text-black text-2xs py-1" 8140 > 8141 Lotion </a> 8142 </div> 8143 <div class="w-1/3"> 8144 <a href="https://www.haibu.de/beautyprodukte/selbstbrauner/spray/" 8145 title="Spray" 8146 class="text-black text-2xs py-1" 8147 > 8148 Spray </a> 8149 </div> 8150 <div class="w-1/3"> 8151 <a href="https://www.haibu.de/beautyprodukte/selbstbrauner/liquid/" 8152 title="Liquid" 8153 class="text-black text-2xs py-1" 8154 > 8155 Liquid </a> 8156 </div> 8157 <div class="w-1/3"> 8158 <a href="https://www.haibu.de/beautyprodukte/selbstbrauner/mousse/" 8159 title="Mousse" 8160 class="text-black text-2xs py-1" 8161 > 8162 Mousse </a> 8163 </div> 8164 <div class="w-1/3"> 8165 <a href="https://www.haibu.de/beautyprodukte/selbstbrauner/zubehor/" 8166 title="Zubehör" 8167 class="text-black text-2xs py-1" 8168 > 8169 Zubehör </a> 8170 </div> 8171 <div class="w-1/3"> 8172 <a href="https://www.haibu.de/beautyprodukte/selbstbrauner/pflege/" 8173 title="Pflege" 8174 class="text-black text-2xs py-1" 8175 > 8176 Pflege </a> 8177 </div> 8178 </div> 8179 </div> 8180 <div class="w-2/
81805 flex justify-end"> 8181 </div> 8182 </div> 8183 </div> 8184 </div> 8185 </div> 8186 8187 <div class="w-1/6 navigation-menu"> 8188 <ul data-level="1"> 8189<li><strong>Top Marken</strong></li> 8190<li><a title="MAC Cosmetics" href="https://www.haibu.de/marken/mac-cosmetics"><span>MAC Cosmetics</span></a></li> 8191<li><a title="Make-up Studio" href="https://www.haibu.de/marken/make-up-studio"><span>Make-up Studio</span></a></li> 8192<li><a title="Max Factor" href="https://www.haibu.de/marken/max-factor"><span>Max Factor</span></a></li> 8193<li><a title="SLA Paris" href="https://www.haibu.de/marken/sla-paris"><span>SLA Paris</span></a></li> 8194</ul> </div> 8195 <div class="w-1/6 navigation-menu"> 8196 <ul data-level="1"> 8197<li><strong>Bestsellers</strong></li> 8198<li><a title="Lavertu Lipstick Excellent" href="https://www.haibu.de/lavertu-lipstick-excellent.html"><span>Lavertu Lipstick Excellent</span></a></li> 8199<li><a title="Foamie Body Butter Shake Your Coconuts" href="https://www.haibu.de/foamie-body-butter-shake-your-coconuts-80gr.html"><span>Foamie Body Butter Shake Your Coconuts</span></a></li> 8200<li><a title="SLA Photo Foundation Perfect Glow" href="https://www.haibu.de/sla-photo-foundation-perfect-glow-30ml.html"><span>SLA Photo Foundation Perfect Glow</span></a></li> 8201</a></li> 8202</ul> </div> 8203 <div class="w-1/6 navigation-menu"> 8204 <ul data-level="1"> 8205<li><strong>Inspiration</strong></li> 8206<li><a title="Bräunen ohne Sonne" href="https://www.haibu.de/blog/braunen-ohne-sonne-das-sind-die-top-10-der-besten-selbstbrauner"><span>Bräunen ohne Sonne</span></a></li> 8207<li><a title="Haar- und Schönheitsvorsätze" href="https://www.haibu.de/blog/dies-sind-die-haar-und-schoenheitsvorsaetze-an-die-du-dich-wirklich-halten-willst"><span>Haar- und Schönheitsvorsätze</span></a></li> 8208<li><a title="Starte strahlend ins neue Jahr!" href="https://www.haibu.de/blog/starte-strahlend-ins-neue-jahr"><span>Starte strahlend ins neue Jahr!</span></a></li> 8209</ul> </div> 8210 <div class="w-2/6 flex justify-end"> 8211 <p><img src="https://www.haibu.de/media/wysiwyg/Haibu/Haibu_-_menubalk_beauty.png" loading="lazy" class="h-96" width="320" height="380" alt="" width="320" height="380"></p> </div> 8212 </div> 8213 </div> 8214 </div> 8215 </div> 8216 <div class="level-0" 8217 x-on:mouseenter="debounce(() => hoverPanelActiveId = 'category-node-40', 200)" 8218 x-on:mouseleave="debounce(() => hoverPanelActiveId = 0, 200)" 8219 > 8220 <div class="flex items-center block py-3.5 font-medium"> 8221 <a class="w-full text-white py-1 px-1 xl:px-2 2xl:px-4 level-0 border border-black rounded hover:border-pink focus:border-pink hover:no-underline focus:no-underline" 8222 :class="{'border-pink' : hoverPanelActiveId === 'category-node-40'}" 8223 href="https://www.haibu.de/zubehor/" 8224 title="Friseurbedarf" 8225 > 8226 Friseurbedarf </a> 8227 </div> 8228 8229 <div class="absolute z-10 hidden left-1/2 right-1/2 svw bottom-auto top-full shadow-lg bg-white" 8230 :class="{ 8231 'hidden' : hoverPanelActiveId !== 'category-node-40', 8232 'block' : hoverPanelActiveId === 'category-node-40' 8233 }"> 8234 <div class="container relative pt-16 pb-24"> 8235 <div class="flex"> 8236 <div class="w-1/6"> 8237 <div class="font-bold text-sm mb-4 px-3">Friseurbedarf</div> 8238 <div 8239 x-on:mouseenter=" 8240 debounce(() => hoverSubmenuPanelActiveId = 'category-node-169', 200); 8241 hoverSubmenuPanelActiveIdClass = 'category-node-169' 8242 " 8243 x-on:mouseleave=" 8244 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 8245 hoverSubmenuPanelActiveIdClass = 0 8246 " 8247 > 8248 <div class="mb-0.5"> 8249 <a href="https://www.haibu.de/zubehor/farbebedarf/" 8250 title="Färbebedarf" 8251 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 8252 :class="{ 8253 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-169' 8254 }" 8255 > 8256 Färbebedarf </a> 8257 </div> 8258 8259 <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3" 8260 :class="{ 8261 'hidden' : hoverSubmenuPanelActiveId !== 'category-node-169', 8262 'block' : hoverSubmenuPanelActiveId === 'category-node-169' 8263 }"> 8264 <div class="bg-gray-lighter rounded h-full py-12 px-10 flex"> 8265 <div class="w-3/5"> 8266 <div class="font-bold text-sm mb-4">Färbebedarf</div> 8267 <div class="flex flex-wrap"> 8268 <div class="w-1/3"> 8269 <a href="https://www.haibu.de/zubehor/farbebedarf/alufolie/" 8270 title="Alufolie" 8271 class="text-black text-2xs py-1" 8272 > 8273 Alufolie </a> 8274 </div> 8275 <div class="w-1/3"> 8276 <a href="https://www.haibu.de/zubehor/farbebedarf/blondieren/" 8277 title="Blondieren" 8278 class="text-black text-2xs py-1" 8279 > 8280 Blondieren </a> 8281 </div> 8282 <div class="w-1/3"> 8283 <a href="https://www.haibu.de/zubehor/farbebedarf/dosierflasche-applikator-haarfarbemittel/" 8284 title="Haarfärbeapplikator" 8285 class="text-black text-2xs py-1" 8286 > 8287 Haarfärbeapplikator </a> 8288 </div> 8289 <div class="w-1/3"> 8290 <a href="https://www.haibu.de/zubehor/farbebedarf/farbeschalen/" 8291 title="Färbeschalen" 8292 class="text-black text-2xs py-1" 8293 > 8294 Färbeschalen </a> 8295 </div> 8296 <div class="w-1/3"> 8297 <a href="https://www.haibu.de/zubehor/farbebedarf/haarfarbemittel-entferner/" 8298 title="Haarfärbemittel-Entferner" 8299 class="text-black text-2xs py-1" 8300 > 8301 Haarfärbemittel-Entferner </a> 8302 </div> 8303 <div class="w-1/3"> 8304 <a href="https://www.haibu.de/zubehor/farbebedarf/handtucher/" 8305 title="Handtücher" 8306 class="text-black text-2xs py-1" 8307 > 8308 Handtücher </a> 8309 </div> 8310 <div class="w-1/3"> 8311 <a href="https://www.haibu.de/zubehor/farbebedarf/handschuhe/" 8312 title="Handschuhe " 8313 class="text-black text-2xs py-1" 8314 > 8315 Handschuhe </a> 8316 </div> 8317 <div class="w-1/3"> 8318 <a href="https://www.haibu.de/zubehor/farbebedarf/farbkarte/" 8319 title="Farbkarte" 8320 class="text-black text-2xs py-1" 8321 > 8322 Farbkarte </a> 8323 </div> 8324 <div class="w-1/3"> 8325 <a href="https://www.haibu.de/zubehor/farbebedarf/messbecher/" 8326 title="Messbecher" 8327 class="text-black text-2xs py-1" 8328 > 8329 Messbecher </a> 8330 </div> 8331 <div class="w-1/3"> 8332 <a href="https://www.haibu.de/zubehor/farbebedarf/pumpen/" 8333 title="Pumpen" 8334 class="text-black text-2xs py-1" 8335
8335 > 8336 Pumpen </a> 8337 </div> 8338 <div class="w-1/3"> 8339 <a href="https://www.haibu.de/zubehor/farbebedarf/farbepinsel/" 8340 title="Färbepinsel" 8341 class="text-black text-2xs py-1" 8342 > 8343 Färbepinsel </a> 8344 </div> 8345 <div class="w-1/3"> 8346 <a href="https://www.haibu.de/zubehor/farbebedarf/farbeschurzen/" 8347 title="Färbeschürzen" 8348 class="text-black text-2xs py-1" 8349 > 8350 Färbeschürzen </a> 8351 </div> 8352 <div class="w-1/3"> 8353 <a href="https://www.haibu.de/zubehor/farbebedarf/waagen/" 8354 title="Waagen" 8355 class="text-black text-2xs py-1" 8356 > 8357 Waagen </a> 8358 </div> 8359 <div class="w-1/3"> 8360 <a href="https://www.haibu.de/zubehor/farbebedarf/einwegartikel/" 8361 title="Einwegartikel" 8362 class="text-black text-2xs py-1" 8363 > 8364 Einwegartikel </a> 8365 </div> 8366 <div class="w-1/3"> 8367 <a href="https://www.haibu.de/zubehor/farbebedarf/hauben/" 8368 title="Hauben" 8369 class="text-black text-2xs py-1" 8370 > 8371 Hauben </a> 8372 </div> 8373 </div> 8374 </div> 8375 <div class="w-2/
83755 flex justify-end"> 8376 </div> 8377 </div> 8378 </div> 8379 </div> 8380 <div 8381 x-on:mouseenter=" 8382 debounce(() => hoverSubmenuPanelActiveId = 'category-node-176', 200); 8383 hoverSubmenuPanelActiveIdClass = 'category-node-176' 8384 " 8385 x-on:mouseleave=" 8386 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 8387 hoverSubmenuPanelActiveIdClass = 0 8388 " 8389 > 8390 <div class="mb-0.5"> 8391 <a href="https://www.haibu.de/zubehor/schneidebedarf/" 8392 title="Schneidebedarf" 8393 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 8394 :class="{ 8395 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-176' 8396 }" 8397 > 8398 Schneidebedarf </a> 8399 </div> 8400 8401 <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3" 8402 :class="{ 8403 'hidden' : hoverSubmenuPanelActiveId !== 'category-node-176', 8404 'block' : hoverSubmenuPanelActiveId === 'category-node-176' 8405 }"> 8406 <div class="bg-gray-lighter rounded h-full py-12 px-10 flex"> 8407 <div class="w-3/5"> 8408 <div class="font-bold text-sm mb-4">Schneidebedarf</div> 8409 <div class="flex flex-wrap"> 8410 <div class="w-1/3"> 8411 <a href="https://www.haibu.de/zubehor/schneidebedarf/friseurschere/" 8412 title="Friseurschere" 8413 class="text-black text-2xs py-1" 8414 > 8415 Friseurschere </a> 8416 </div> 8417 <div class="w-1/3"> 8418 <a href="https://www.haibu.de/zubehor/schneidebedarf/haarbursten/" 8419 title="Haarbürsten" 8420 class="text-black text-2xs py-1" 8421 > 8422 Haarbürsten </a> 8423 </div> 8424 <div class="w-1/3"> 8425 <a href="https://www.haibu.de/zubehor/schneidebedarf/haarkamme/" 8426 title="Haarkämme" 8427 class="text-black text-2xs py-1" 8428 > 8429 Haarkämme </a> 8430 </div> 8431 <div class="w-1/3"> 8432 <a href="https://www.haibu.de/zubehor/schneidebedarf/friseurumhange/" 8433 title="Friseurumhänge" 8434 class="text-black text-2xs py-1" 8435 > 8436 Friseurumhänge </a> 8437 </div> 8438 <div class="w-1/3"> 8439 <a href="https://www.haibu.de/zubehor/schneidebedarf/friseurklingen/" 8440 title="Friseurklingen" 8441 class="text-black text-2xs py-1" 8442 > 8443 Friseurklingen </a> 8444 </div> 8445 <div class="w-1/3"> 8446 <a href="https://www.haibu.de/zubehor/schneidebedarf/klammern/" 8447 title="Klammern" 8448 class="text-black text-2xs py-1" 8449 > 8450 Klammern </a> 8451 </div> 8452 <div class="w-1/3"> 8453 <a href="https://www.haibu.de/zubehor/schneidebedarf/nackenbursten/" 8454 title="Nackenbürsten" 8455 class="text-black text-2xs py-1" 8456 > 8457 Nackenbürsten </a> 8458 </div> 8459 <div class="w-1/3"> 8460 <a href="https://www.haibu.de/zubehor/schneidebedarf/feger-handfeger/" 8461 title="Feger/Handfeger" 8462 class="text-black text-2xs py-1" 8463 > 8464 Feger/Handfeger </a> 8465 </div> 8466 <div class="w-1/3"> 8467 <a href="https://www.haibu.de/zubehor/schneidebedarf/wasserspruhflaschen/" 8468 title="Wassersprühflaschen" 8469 class="text-black text-2xs py-1" 8470 > 8471 Wassersprühflaschen </a> 8472 </div> 8473 <div class="w-1/3"> 8474 <a href="https://www.haibu.de/zubehor/schneidebedarf/einwegartikel/" 8475 title="Einwegartikel" 8476 class="text-black text-2xs py-1" 8477 > 8478 Einwegartikel </a> 8479 </div> 8480 </div> 8481 </div> 8482 <div class="w-2/
84825 flex justify-end"> 8483 </div> 8484 </div> 8485 </div> 8486 </div> 8487 <div 8488 x-on:mouseenter=" 8489 debounce(() => hoverSubmenuPanelActiveId = 'category-node-170', 200); 8490 hoverSubmenuPanelActiveIdClass = 'category-node-170' 8491 " 8492 x-on:mouseleave=" 8493 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 8494 hoverSubmenuPanelActiveIdClass = 0 8495 " 8496 > 8497 <div class="mb-0.5"> 8498 <a href="https://www.haibu.de/zubehor/waschen/" 8499 title="Waschen" 8500 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 8501 :class="{ 8502 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-170' 8503 }" 8504 > 8505 Waschen </a> 8506 </div> 8507 8508 <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3" 8509 :class="{ 8510 'hidden' : hoverSubmenuPanelActiveId !== 'category-node-170', 8511 'block' : hoverSubmenuPanelActiveId === 'category-node-170' 8512 }"> 8513 <div class="bg-gray-lighter rounded h-full py-12 px-10 flex"> 8514 <div class="w-3/5"> 8515 <div class="font-bold text-sm mb-4">Waschen</div> 8516 <div class="flex flex-wrap"> 8517 <div class="w-1/3"> 8518 <a href="https://www.haibu.de/zubehor/waschen/handtucher/" 8519 title="Waschen Handtücher" 8520 class="text-black text-2xs py-1" 8521 > 8522 Waschen Handtücher </a> 8523 </div> 8524 <div class="w-1/3"> 8525 <a href="https://www.haibu.de/zubehor/waschen/nackenschutz/" 8526 title="Nackenschutz" 8527 class="text-black text-2xs py-1" 8528 > 8529 Nackenschutz </a> 8530 </div> 8531 <div class="w-1/3"> 8532 <a href="https://www.haibu.de/zubehor/waschen/mobile-waschbecken/" 8533 title="Mobile Waschbecken" 8534 class="text-black text-2xs py-1" 8535 > 8536 Mobile Waschbecken </a> 8537 </div> 8538 <div class="w-1/3"> 8539 <a href="https://www.haibu.de/catalog/category/view/s/grossbehalter/id/832/" 8540 title="Großbehälter" 8541 class="text-black text-2xs py-1" 8542 > 8543 GroÃbehälter </a> 8544 </div> 8545 </div> 8546 </div> 8547 <div class="w-2/
85475 flex justify-end"> 8548 </div> 8549 </div> 8550 </div> 8551 </div> 8552 <div 8553 x-on:mouseenter=" 8554 debounce(() => hoverSubmenuPanelActiveId = 'category-node-171', 200); 8555 hoverSubmenuPanelActiveIdClass = 'category-node-171' 8556 " 8557 x-on:mouseleave=" 8558 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 8559 hoverSubmenuPanelActiveIdClass = 0 8560 " 8561 > 8562 <div class="mb-0.5"> 8563 <a href="https://www.haibu.de/zubehor/dauerwelle/" 8564 title="Dauerwelle" 8565 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 8566 :class="{ 8567 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-171' 8568 }" 8569 > 8570 Dauerwelle </a> 8571 </div> 8572 8573 <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3" 8574 :class="{ 8575 'hidden' : hoverSubmenuPanelActiveId !== 'category-node-171', 8576 'block' : hoverSubmenuPanelActiveId === 'category-node-171' 8577 }"> 8578 <div class="bg-gray-lighter rounded h-full py-12 px-10 flex"> 8579 <div class="w-3/5"> 8580 <div class="font-bold text-sm mb-4">Dauerwelle</div> 8581 <div class="flex flex-wrap"> 8582 <div class="w-1/3"> 8583 <a href="https://www.haibu.de/zubehor/dauerwelle/grossbehalter/" 8584 title="Großbehälter" 8585 class="text-black text-2xs py-1" 8586 > 8587 GroÃbehälter </a> 8588 </div> 8589 <div class="w-1/3"> 8590 <a href="https://www.haibu.de/zubehor/dauerwelle/haarnetze/" 8591 title="Haarnetze" 8592 class="text-black text-2xs py-1" 8593 > 8594 Haarnetze </a> 8595 </div> 8596 <div class="w-1/3"> 8597 <a href="https://www.haibu.de/zubehor/dauerwelle/kleberollen/" 8598 title="Kleberollen" 8599 class="text-black text-2xs py-1" 8600 > 8601 Kleberollen </a> 8602 </div> 8603 <div class="w-1/3"> 8604 <a href="https://www.haibu.de/zubehor/dauerwelle/papilotten/" 8605 title="Papilotten"
8606 class="text-black text-2xs py-1" 8607 > 8608 Papilotten </a> 8609 </div> 8610 <div class="w-1/3"> 8611 <a href="https://www.haibu.de/zubehor/dauerwelle/dauerwelle-hauben/" 8612 title="Dauerwelle Hauben" 8613 class="text-black text-2xs py-1" 8614 > 8615 Dauerwelle Hauben </a> 8616 </div> 8617 <div class="w-1/3"> 8618 <a href="https://www.haibu.de/zubehor/dauerwelle/dauerwelle-stangen-stifte/" 8619 title="Dauerwelle Stangen/Stifte" 8620 class="text-black text-2xs py-1" 8621 > 8622 Dauerwelle Stangen/Stifte </a> 8623 </div> 8624 <div class="w-1/3"> 8625 <a href="https://www.haibu.de/zubehor/dauerwelle/dauerwelle-wickler/" 8626 title="Große Lockenwickler" 8627 class="text-black text-2xs py-1" 8628 > 8629 GroÃe Lockenwickler </a> 8630 </div> 8631 <div class="w-1/3"> 8632 <a href="https://www.haibu.de/zubehor/dauerwelle/wasserwellenwalzen/" 8633 title="Drahtwickler" 8634 class="text-black text-2xs py-1" 8635 > 8636 Drahtwickler </a> 8637 </div> 8638 <div class="w-1/3"> 8639 <a href="https://www.haibu.de/zubehor/dauerwelle/einwegartikel/" 8640 title="Einwegartikel" 8641 class="text-black text-2xs py-1" 8642 > 8643 Einwegartikel </a> 8644 </div> 8645 </div> 8646 </div> 8647 <div class="w-2/
86475 flex justify-end"> 8648 </div> 8649 </div> 8650 </div> 8651 </div> 8652 <div 8653 x-on:mouseenter=" 8654 debounce(() => hoverSubmenuPanelActiveId = 'category-node-172', 200); 8655 hoverSubmenuPanelActiveIdClass = 'category-node-172' 8656 " 8657 x-on:mouseleave=" 8658 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 8659 hoverSubmenuPanelActiveIdClass = 0 8660 " 8661 > 8662 <div class="mb-0.5"> 8663 <a href="https://www.haibu.de/zubehor/mobile-schneider/" 8664 title="Mobiler Friseur" 8665 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 8666 :class="{ 8667 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-172' 8668 }" 8669 > 8670 Mobiler Friseur </a> 8671 </div> 8672 8673 <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3" 8674 :class="{ 8675 'hidden' : hoverSubmenuPanelActiveId !== 'category-node-172', 8676 'block' : hoverSubmenuPanelActiveId === 'category-node-172' 8677 }"> 8678 <div class="bg-gray-lighter rounded h-full py-12 px-10 flex"> 8679 <div class="w-3/5"> 8680 <div class="font-bold text-sm mb-4">Mobiler Friseur</div> 8681 <div class="flex flex-wrap"> 8682 <div class="w-1/3"> 8683 <a href="https://www.haibu.de/zubehor/mobile-schneider/handbrause/" 8684 title="Handbrause" 8685 class="text-black text-2xs py-1" 8686 > 8687 Handbrause </a> 8688 </div> 8689 <div class="w-1/3"> 8690 <a href="https://www.haibu.de/zubehor/mobile-schneider/hufttaschen/" 8691 title="Hüfttaschen" 8692 class="text-black text-2xs py-1" 8693 > 8694 Hüfttaschen </a> 8695 </div> 8696 <div class="w-1/3"> 8697 <a href="https://www.haibu.de/zubehor/mobile-schneider/terminplaner/" 8698 title="Terminplaner" 8699 class="text-black text-2xs py-1" 8700 > 8701 Terminplaner </a> 8702 </div> 8703 <div class="w-1/3"> 8704 <a href="https://www.haibu.de/zubehor/mobile-schneider/fall-friseur/" 8705 title="Fall Friseur" 8706 class="text-black text-2xs py-1" 8707 > 8708 Fall Friseur </a> 8709 </div> 8710 <div class="w-1/3"> 8711 <a href="https://www.haibu.de/zubehor/mobile-schneider/friseurhockers/" 8712 title="Friseurhocker" 8713 class="text-black text-2xs py-1" 8714 > 8715 Friseurhocker </a> 8716 </div> 8717 <div class="w-1/3"> 8718 <a href="https://www.haibu.de/zubehor/mobile-schneider/friseurtasche/" 8719 title="Friseurtasche" 8720 class="text-black text-2xs py-1" 8721 > 8722 Friseurtasche </a> 8723 </div> 8724 <div class="w-1/3"> 8725 <a href="https://www.haibu.de/zubehor/mobile-schneider/friseurwagen/" 8726 title="Friseurwagen" 8727 class="text-black text-2xs py-1" 8728 > 8729 Friseurwagen </a> 8730 </div> 8731 <div class="w-1/3"> 8732 <a href="https://www.haibu.de/zubehor/mobile-schneider/mobile-waschbecken/" 8733 title="Mobile Waschbecken" 8734 class="text-black text-2xs py-1" 8735 > 8736 Mobile Waschbecken </a> 8737 </div> 8738 <div class="w-1/3"> 8739 <a href="https://www.haibu.de/zubehor/mobile-schneider/nackenschutz/" 8740 title="Nackenschutz" 8741 class="text-black text-2xs py-1" 8742 > 8743 Nackenschutz </a> 8744 </div> 8745 <div class="w-1/3"> 8746 <a href="https://www.haibu.de/zubehor/mobile-schneider/spiegel-halter/" 8747 title="Spiegel(halter)" 8748 class="text-black text-2xs py-1" 8749 > 8750 Spiegel(halter) </a> 8751 </div> 8752 <div class="w-1/3"> 8753 <a href="https://www.haibu.de/zubehor/mobile-schneider/wasserspruhflaschen/" 8754 title="Wassersprühflaschen" 8755 class="text-black text-2xs py-1" 8756 > 8757 Wassersprühflaschen </a> 8758 </div> 8759 <div class="w-1/3"> 8760 <a href="https://www.haibu.de/zubehor/mobile-schneider/arbeitswagen/" 8761 title="Arbeitswagen" 8762 class="text-black text-2xs py-1" 8763 > 8764 Arbeitswagen </a> 8765 </div> 8766 </div> 8767 </div> 8768 <div class="w-2/
87685 flex justify-end"> 8769 </div> 8770 </div> 8771 </div> 8772 </div> 8773 <div 8774 x-on:mouseenter=" 8775 debounce(() => hoverSubmenuPanelActiveId = 'category-node-6922', 200); 8776 hoverSubmenuPanelActiveIdClass = 'category-node-6922' 8777 " 8778 x-on:mouseleave=" 8779 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 8780 hoverSubmenuPanelActiveIdClass = 0 8781 " 8782 > 8783 <div class="mb-0.5"> 8784 <a href="https://www.haibu.de/zubehor/salonbedarf/" 8785 title="Salonbedarf" 8786 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 8787 :class="{ 8788 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-6922' 8789 }" 8790 > 8791 Salonbedarf </a> 8792 </div> 8793 8794 </div> 8795 <div 8796 x-on:mouseenter=" 8797 debounce(() => hoverSubmenuPanelActiveId = 'category-node-174', 200); 8798 hoverSubmenuPanelActiveIdClass = 'category-node-174' 8799 " 8800 x-on:mouseleave=" 8801 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 8802 hoverSubmenuPanelActiveIdClass = 0 8803 " 8804 > 8805 <div class="mb-0.5"> 8806 <a href="https://www.haibu.de/zubehor/ubungsbedarf/" 8807 title="Übungsbedarf" 8808 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 8809 :class="{ 8810 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-174' 8811 }" 8812 > 8813 Ãbungsbedarf </a> 8814 </div> 8815 8816 <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3" 8817 :class="{ 8818 'hidden' : hoverSubmenuPanelActiveId !== 'category-node-174', 8819 'block' : hoverSubmenuPanelActiveId === 'category-node-174' 8820 }"> 8821 <div class="bg-gray-lighter rounded h-full py-12 px-10 flex"> 8822 <div class="w-3/5"> 8823 <div class="font-bold text-sm mb-4">Ãbungsbedarf</div> 8824 <div class="flex flex-wrap"> 8825 <div class="w-1/3"> 8826 <a href="https://www.haibu.de/zubehor/ubungsbedarf/zubehor/" 8827 title="Zubehör" 8828 class="text-black text-2xs py-1" 8829 > 8830 Zubehör </a> 8831 </div> 8832 <div class="w-1/3"> 8833 <a href="https://www.haibu.de/zubehor/ubungsbedarf/ubungskopf/" 8834 title="Übungskopf" 8835 class="text-black text-2xs py-1" 8836 > 8837 Ãbungskopf </a> 8838 </div> 8839 </div> 8840 </div> 8841 <div class="w-2/
88415 flex justify-end"> 8842 </div> 8843 </div> 8844 </div> 8845 </div> 8846 <div 8847 x-on:mouseenter=" 8848 debounce(() => hoverSubmenuPanelActiveId = 'category-node-4154', 200); 8849 hoverSubmenuPanelActiveIdClass = 'category-node-4154' 8850 " 8851 x-on:mouseleave=" 8852 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 8853 hoverSubmenuPanelActiveIdClass = 0 8854 " 8855 > 8856 <div class="mb-0.5"> 8857 <a href="https://www.haibu.de/zubehor/hygiene-producten/" 8858 title="Hygieneprodukte" 8859 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 8860 :class="{ 8861 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-4154' 8862 }" 8863 > 8864 Hygieneprodukte </a> 8865 </div> 8866 8867 <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3" 8868 :class="{ 8869 'hidden' : hoverSubmenuPanelActiveId !== 'category-node-4154', 8870 'block' : hoverSubmenuPanelActiveId === 'category-node-4154' 8871 }"> 8872 <div class="bg-gray-lighter rounded h-full py-12 px-10 flex"> 8873 <div class="w-3/5"> 8874 <div class="font-bold text-sm mb-4">Hygieneprodukte</div> 8875 <div class="flex flex-wrap"> 8876 <div class="w-1/3"> 8877 <a href="https://www.haibu.de/zubehor/hygiene-producten/mondkapjes/" 8878 title="Mondkapjes" 8879 class="text-black text-2xs py-1" 8880 > 8881 Mondkapjes </a> 8882 </div> 8883 <div class="w-1/3"> 8884 <a href="https://www.haibu.de/zubehor/hygiene-producten/reinigungsmittel/" 8885 title="Reinigungsmittel" 8886 class="text-black text-2xs py-1" 8887 > 8888 Reinigungsmittel </a> 8889 </div> 8890 </div> 8891 </div> 8892 <div class="w-2/
88925 flex justify-end"> 8893 </div> 8894 </div> 8895 </div> 8896 </div> 8897 <div 8898 x-on:mouseenter=" 8899 debounce(() => hoverSubmenuPanelActiveId = 'category-node-173', 200); 8900 hoverSubmenuPanelActiveIdClass = 'category-node-173' 8901 " 8902 x-on:mouseleave=" 8903 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 8904 hoverSubmenuPanelActiveIdClass = 0 8905 " 8906 > 8907 <div class="mb-0.5"> 8908 <a href="https://www.haibu.de/zubehor/haarprodukte-accessoires/" 8909 title="Haarprodukte Accessoires" 8910 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 8911 :class="{ 8912 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-173' 8913 }" 8914 > 8915 Haarprodukte Accessoires </a> 8916 </div> 8917 8918 <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3" 8919 :class="{ 8920 'hidden' : hoverSubmenuPanelActiveId !== 'category-node-173', 8921 'block' : hoverSubmenuPanelActiveId === 'category-node-173' 8922 }"> 8923 <div class="bg-gray-lighter rounded h-full py-12 px-10 flex"> 8924 <div class="w-3/5"> 8925 <div class="font-bold text-sm mb-4">Haarprodukte Accessoires</div> 8926 <div class="flex flex-wrap"> 8927 <div class="w-1/3"> 8928 <a href="https://www.haibu.de/zubehor/haarprodukte-accessoires/haargummi/" 8929 title="Haargummi" 8930 class="text-black text-2xs py-1" 8931 > 8932 Haargummi </a> 8933 </div> 8934 <div class="w-1/3"> 8935 <a href="https://www.haibu.de/zubehor/haarprodukte-accessoires/haarschmuck/" 8936 title="Haarschmuck" 8937 class="text-black text-2xs py-1" 8938 > 8939 Haarschmuck </a> 8940 </div> 8941 <div class="w-1/3"> 8942 <a href="https://www.haibu.de/zubehor/haarprodukte-accessoires/geflochtene-haarbander/" 8943 title="Geflochtene Haarbänder" 8944 class="text-black text-2xs py-1" 8945 > 8946 Geflochtene Haarbänder </a> 8947 </div> 8948 <div class="w-1/3"> 8949 <a href="https://www.haibu.de/zubehor/haarprodukte-accessoires/haardonut/" 8950 title="Haardonut" 8951 class="text-black text-2xs py-1" 8952 > 8953 Haardonut </a> 8954 </div> 8955 <div class="w-1/3"> 8956 <a href="https://www.haibu.de/zubehor/haarprodukte-accessoires/haar-klammer
8956n-spangen/" 8957 title="Haarklammern/-spangen" 8958 class="text-black text-2xs py-1" 8959 > 8960 Haarklammern/-spangen </a> 8961 </div> 8962 </div> 8963 </div> 8964 <div class="w-2/5 flex justify-end"> 8965 </div> 8966 </div> 8967 </div> 8968 </div> 8969 <div 8970 x-on:mouseenter=" 8971 debounce(() => hoverSubmenuPanelActiveId = 'category-node-161', 200); 8972 hoverSubmenuPanelActiveIdClass = 'category-node-161' 8973 " 8974 x-on:mouseleave=" 8975 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 8976 hoverSubmenuPanelActiveIdClass = 0 8977 " 8978 > 8979 <div class="mb-0.5"> 8980 <a href="https://www.haibu.de/zubehor/trocknungskappen/" 8981 title="Trocknungskappen" 8982 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 8983 :class="{ 8984 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-161' 8985 }" 8986 > 8987 Trocknungskappen </a> 8988 </div> 8989 8990 </div> 8991 <div 8992 x-on:mouseenter=" 8993 debounce(() => hoverSubmenuPanelActiveId = 'category-node-175', 200); 8994 hoverSubmenuPanelActiveIdClass = 'category-node-175' 8995 " 8996 x-on:mouseleave=" 8997 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 8998 hoverSubmenuPanelActiveIdClass = 0 8999 " 9000 > 9001 <div class="mb-0.5"> 9002 <a href="https://www.haibu.de/zubehor/sonstiges/" 9003 title="Sonstiges" 9004 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 9005 :class="{ 9006 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-175' 9007 }" 9008 > 9009 Sonstiges </a> 9010 </div> 9011 9012 </div> 9013 <div 9014 x-on:mouseenter=" 9015 debounce(() => hoverSubmenuPanelActiveId = 'category-node-377', 200); 9016 hoverSubmenuPanelActiveIdClass = 'category-node-377' 9017 " 9018 x-on:mouseleave=" 9019 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 9020 hoverSubmenuPanelActiveIdClass = 0 9021 " 9022 > 9023 <div class="mb-0.5"> 9024 <a href="https://www.haibu.de/zubehor/grossbehalter/" 9025 title="Großbehälter" 9026 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 9027 :class="{ 9028 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-377' 9029 }" 9030 > 9031 GroÃbehälter </a> 9032 </div> 9033 9034 </div> 9035 <div 9036 x-on:mouseenter=" 9037 debounce(() => hoverSubmenuPanelActiveId = 'category-node-515', 200); 9038 hoverSubmenuPanelActiveIdClass = 'category-node-515' 9039 " 9040 x-on:mouseleave=" 9041 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 9042 hoverSubmenuPanelActiveIdClass = 0 9043 " 9044 > 9045 <div class="mb-0.5"> 9046 <a href="https://www.haibu.de/zubehor/starterpakete/" 9047 title="Starterpakete" 9048 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 9049 :class="{ 9050 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-515' 9051 }" 9052 > 9053 Starterpakete </a> 9054 </div> 9055 9056 <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3" 9057 :class="{ 9058 'hidden' : hoverSubmenuPanelActiveId !== 'category-node-515', 9059 'block' : hoverSubmenuPanelActiveId === 'category-node-515' 9060 }"> 9061 <div class="bg-gray-lighter rounded h-full py-12 px-10 flex"> 9062 <div class="w-3/5"> 9063 <div class="font-bold text-sm mb-4">Starterpakete</div> 9064 <div class="flex flex-wrap"> 9065 <div class="w-1/3"> 9066 <a href="https://www.haibu.de/zubehor/starterpakete/ausstattung/" 9067 title="Ausstattung" 9068 class="text-black text-2xs py-1" 9069 > 9070 Ausstattung </a> 9071 </div> 9072 <div class="w-1/3"> 9073 <a href="https://www.haibu.de/zubehor/starterpakete/haarfarbe/" 9074 title="Haarfarbe" 9075 class="text-black text-2xs py-1" 9076 > 9077 Haarfarbe </a> 9078 </div> 9079 </div> 9080 </div> 9081 <div class="w-2/
90815 flex justify-end"> 9082 </div> 9083 </div> 9084 </div> 9085 </div> 9086 </div> 9087 9088 <div class="w-1/6 navigation-menu"> 9089 <ul data-level="1"> 9090<li><strong>Top Marken</strong></li> 9091<li><a title="Sibel" href="/marken/sibel"><span>Sibel</span></a></li> 9092<li><a title="Ecoheads" href="/marken/ecoheads"><span>Ecoheads</span></a></li> 9093<li><a title="Comair" href="/marken/comair"><span>Comair</span></a></li> 9094<li><a title="Kyone" href="/marken/kyone"><span>Kyone</span></a></li> 9095<li><a title="Jaguar" href="/marken/jaguar"><span>Jaguar</span></a></li> 9096<li><a title="Sinelco" href="/marken/sinelco"><span>Sinelco</span></a></li> 9097</ul> </div> 9098 <div class="w-1/6 navigation-menu"> 9099 <ul data-level="1"> 9100<li><strong>Inspiration</strong></li> 9101<li><a title="Entdecke alle Vorteile als PROFI" href="/blog/entdecke-alle-vorteile-als-profi"><span>Entdecke alle Vorteile als PROFI</span></a></li> 9102<li><a title="PROFI-Tutorial: Epres x Aufheller" href="/blog/profi-tutorial-epres-professional-bond-repair-x-aufheller"><span>PROFI-Tutorial: Epres x Aufheller</span></a></li> 9103<li><a title="Babyliss PRO Snap FX" href="/blog/entdecke-den-revolutionären-babyliss-pro-snap-fx-haarschneider-und-trimmer"><span>Babyliss PRO Snap FX</span></a></li> 9104<li><a title="Reinigung und Pflege von Friseurscheren" href="/blog/alles-rund-um-die-richtige-reinigung-und-pflege-von-friseurscheren"><span>Reinigung und Pflege von Friseurscheren</span></a></li> 9105</ul> </div> 9106 <div class="w-1/6 navigation-menu"> 9107 <ul data-level="1"> 9108<li><strong>Empfohlen</strong></li> 9109<li><a title="Alufolie" href="/zubehor/farbebedarf/alufolie">Alufolie</a></li> 9110<li><a title="Friseurschere" href="https://www.haibu.de/zubehor/schneidebedarf/schere/">Friseurschere</a></li> 9111<li><a title="Handschuhe" href="/zubehor/farbebedarf/handschuhe">Handschuhe</a></li> 9112<li><a title="Starterpakete" href="/zubehor/starterpakete">Starterpakete</a></li> 9113</ul> </div> 9114 <div class="w-2/6 flex justify-end"> 9115 <p><img src="https://www.haibu.de/media/wysiwyg/Haibu_de/Menubanner_-_Friseurbedarf.jpg" loading="lazy" class="h-96" width="320" height="380" width="320" height="380" /></p> </div> 9116 </div> 9117 </div> 9118 </div> 9119 </div> 9120 <div class="level-0" 9121 x-on:mouseenter="debounce(() => hoverPanelActiveId = 'category-node-41', 200)" 9122 x-on:mouseleave="debounce(() => hoverPanelActiveId = 0, 200)" 9123 > 9124 <div class="flex items-center block py-3.5 font-medium"> 9125 <a class="w-full text-white py-1 px-1 xl:px-2 2xl:px-4 level-0 border border-black rounded hover:border-pink focus:border-pink hover:no-underline focus:no-underline" 9126 :class="{'border-pink' : hoverPanelActiveId === 'category-node-41'}" 9127 href="https://www.haibu.de/manner/" 9128 title="Männer" 9129 > 9130 Männer </a> 9131 </div> 9132 9133 <div class="absolute z-10 hidden left-1/2 right-1/2 svw bottom-auto top-full shadow-lg bg-white" 9134 :class="{ 9135 'hidden' : hoverPanelActiveId !== 'category-node-41', 9136 'block' : hoverPanelActiveId === 'category-node-41' 9137 }"> 9138 <div class="container relative pt-16 pb-24"> 9139 <div class="flex"> 9140 <div class="w-1/6"> 9141 <div class="font-bold text-sm mb-4 px-3">Männer</div> 9142 <div 9143 x-on:mouseenter=" 9144 debounce(() => hoverSubmenuPanelActiveId = 'category-node-380', 200); 9145 hoverSubmenuPanelActiveIdClass = 'category-node-380' 9146 " 9147 x-on:mouseleave=" 9148 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 9149 hoverSubmenuPanelActiveIdClass = 0 9150 " 9151 > 9152 <div class="mb-0.5"> 9153 <a href="https://www.haibu.de/manner/pflege/" 9154 title="Pflege" 9155 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 9156 :class="{ 9157 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-380' 9158 }" 9159 > 9160 Pflege </a> 9161 </div> 9162 9163 <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3" 9164 :class="{ 9165 'hidden' : hoverSubmenuPanelActiveId !== 'category-node-380', 9166 'block' : hoverSubmenuPanelActiveId === 'category-node-380' 9167 }"> 9168 <div class="bg-gray-lighter rounded h-full py-12 px-10 flex"> 9169 <div class="w-3/5"> 9170 <div class="font-bold text-sm mb-4">Pflege</div> 9171 <div class="flex flex-wrap"> 9172 <div class="w-1/3"> 9173 <a href="https://www.haibu.de/manner/pflege/shampoo/" 9174 title="Shampoo" 9175 class="text-black text-2xs py-1" 9176 > 9177 Shampoo </a> 9178 </div> 9179 <div class="w-1/3"> 9180 <a href="https://www.haibu.de/manner/pflege/conditioner/" 9181 title="Conditioner" 9182 class="text-black text-2xs py-1" 9183 > 9184 Conditioner </a> 9185 </div> 9186 <div class="w-1/3"> 9187 <a href="https://www.haibu.de/manner/pflege/tonic/" 9188 title="Tonic" 9189 class="text-black text-2xs py-1" 9190 > 9191 Tonic </a> 9192 </div> 9193 </div> 9194 </div> 9195 <div class="w-2/
91955 flex justify-end"> 9196 </div> 9197 </div> 9198 </div> 9199 </div> 9200 <div 9201 x-on:mouseenter=" 9202 debounce(() => hoverSubmenuPanelActiveId = 'category-node-163', 200); 9203 hoverSubmenuPanelActiveIdClass = 'category-node-163' 9204 " 9205 x-on:mouseleave=" 9206 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 9207 hoverSubmenuPanelActiveIdClass = 0 9208 " 9209 > 9210 <div class="mb-0.5"> 9211 <a href="https://www.haibu.de/manner/styling/" 9212 title="Styling" 9213 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 9214 :class="{ 9215 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-163' 9216 }" 9217 > 9218 Styling </a> 9219 </div> 9220 9221 <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3" 9222 :class="{ 9223 'hidden' : hoverSubmenuPanelActiveId !== 'category-node-163', 9224 'block' : hoverSubmenuPanelActiveId === 'category-node-163' 9225 }"> 9226 <div class="bg-gray-lighter rounded h-full py-12 px-10 flex"> 9227 <div class="w-3/5"> 9228 <div class="font-bold text-sm mb-4">Styling</div> 9229 <div class="flex flex-wrap"> 9230 <div class="w-1/3"> 9231 <a href="https://www.haibu.de/manner/styling/gel/" 9232 title="Gel" 9233 class="text-black text-2xs py-1" 9234 > 9235 Gel </a> 9236 </div> 9237 <div class="w-1/3"> 9238 <a href="https://www.haibu.de/manner/styling/wa
9238x/" 9239 title="Wax" 9240 class="text-black text-2xs py-1" 9241 > 9242 Wax </a> 9243 </div> 9244 <div class="w-1/3"> 9245 <a href="https://www.haibu.de/manner/styling/pomade/" 9246 title="Pomade" 9247 class="text-black text-2xs py-1" 9248 > 9249 Pomade </a> 9250 </div> 9251 <div class="w-1/3"> 9252 <a href="https://www.haibu.de/manner/styling/cream/" 9253 title="Cream" 9254 class="text-black text-2xs py-1" 9255 > 9256 Cream </a> 9257 </div> 9258 <div class="w-1/3"> 9259 <a href="https://www.haibu.de/manner/styling/clay/" 9260 title="Clay" 9261 class="text-black text-2xs py-1" 9262 > 9263 Clay </a> 9264 </div> 9265 <div class="w-1/3"> 9266 <a href="https://www.haibu.de/manner/styling/spray/" 9267 title="Spray" 9268 class="text-black text-2xs py-1" 9269 > 9270 Spray </a> 9271 </div> 9272 <div class="w-1/3"> 9273 <a href="https://www.haibu.de/manner/styling/paste/" 9274 title="Paste" 9275 class="text-black text-2xs py-1" 9276 > 9277 Paste </a> 9278 </div> 9279 </div> 9280 </div> 9281 <div class="w-2/
92815 flex justify-end"> 9282 </div> 9283 </div> 9284 </div> 9285 </div> 9286 <div 9287 x-on:mouseenter=" 9288 debounce(() => hoverSubmenuPanelActiveId = 'category-node-165', 200); 9289 hoverSubmenuPanelActiveIdClass = 'category-node-165' 9290 " 9291 x-on:mouseleave=" 9292 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 9293 hoverSubmenuPanelActiveIdClass = 0 9294 " 9295 > 9296 <div class="mb-0.5"> 9297 <a href="https://www.haibu.de/manner/farbe/" 9298 title="Farbe" 9299 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 9300 :class="{ 9301 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-165' 9302 }" 9303 > 9304 Farbe </a> 9305 </div> 9306 9307 </div> 9308 <div 9309 x-on:mouseenter=" 9310 debounce(() => hoverSubmenuPanelActiveId = 'category-node-6048', 200); 9311 hoverSubmenuPanelActiveIdClass = 'category-node-6048' 9312 " 9313 x-on:mouseleave=" 9314 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 9315 hoverSubmenuPanelActiveIdClass = 0 9316 " 9317 > 9318 <div class="mb-0.5"> 9319 <a href="https://www.haibu.de/manner/hautpflege/" 9320 title="Hautpflege" 9321 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 9322 :class="{ 9323 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-6048' 9324 }" 9325 > 9326 Hautpflege </a> 9327 </div> 9328 9329 </div> 9330 <div 9331 x-on:mouseenter=" 9332 debounce(() => hoverSubmenuPanelActiveId = 'category-node-5691', 200); 9333 hoverSubmenuPanelActiveIdClass = 'category-node-5691' 9334 " 9335 x-on:mouseleave=" 9336 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 9337 hoverSubmenuPanelActiveIdClass = 0 9338 " 9339 > 9340 <div class="mb-0.5"> 9341 <a href="https://www.haibu.de/manner/rasierprodukte/" 9342 title="Bartprodukte" 9343 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 9344 :class="{ 9345 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-5691' 9346 }" 9347 > 9348 Bartprodukte </a> 9349 </div> 9350 9351 <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3" 9352 :class="{ 9353 'hidden' : hoverSubmenuPanelActiveId !== 'category-node-5691', 9354 'block' : hoverSubmenuPanelActiveId === 'category-node-5691' 9355 }"> 9356 <div class="bg-gray-lighter rounded h-full py-12 px-10 flex"> 9357 <div class="w-3/5"> 9358 <div class="font-bold text-sm mb-4">Bartprodukte</div> 9359 <div class="flex flex-wrap"> 9360 <div class="w-1/3"> 9361 <a href="https://www.haibu.de/manner/rasierprodukte/bartshampoo/" 9362 title="Bartshampoo" 9363 class="text-black text-2xs py-1" 9364 > 9365 Bartshampoo </a> 9366 </div> 9367 <div class="w-1/3"> 9368 <a href="https://www.haibu.de/manner/rasierprodukte/bartconditioner/" 9369 title="Bartconditioner" 9370 class="text-black text-2xs py-1" 9371 > 9372 Bartconditioner </a> 9373 </div> 9374 <div class="w-1/3"> 9375 <a href="https://www.haibu.de/manner/rasierprodukte/bartol/" 9376 title="Bartöl" 9377 class="text-black text-2xs py-1" 9378 > 9379 Bartöl </a> 9380 </div> 9381 <div class="w-1/3"> 9382 <a href="https://www.haibu.de/manner/rasierprodukte/bartwax/" 9383 title="Bartwax" 9384 class="text-black text-2xs py-1" 9385 > 9386 Bartwax </a> 9387 </div> 9388 </div> 9389 </div> 9390 <div class="w-2/
93905 flex justify-end"> 9391 </div> 9392 </div> 9393 </div> 9394 </div> 9395 <div 9396 x-on:mouseenter=" 9397 debounce(() => hoverSubmenuPanelActiveId = 'category-node-191', 200); 9398 hoverSubmenuPanelActiveIdClass = 'category-node-191' 9399 " 9400 x-on:mouseleave=" 9401 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 9402 hoverSubmenuPanelActiveIdClass = 0 9403 " 9404 > 9405 <div class="mb-0.5"> 9406 <a href="https://www.haibu.de/manner/rasieren/" 9407 title="Rasieren" 9408 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 9409 :class="{ 9410 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-191' 9411 }" 9412 > 9413 Rasieren </a> 9414 </div> 9415 9416 <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3" 9417 :class="{ 9418 'hidden' : hoverSubmenuPanelActiveId !== 'category-node-191', 9419 'block' : hoverSubmenuPanelActiveId === 'category-node-191' 9420 }"> 9421 <div class="bg-gray-lighter rounded h-full py-12 px-10 flex"> 9422 <div class="w-3/5"> 9423 <div class="font-bold text-sm mb-4">Rasieren</div> 9424 <div class="flex flex-wrap"> 9425 <div class="w-1/3"> 9426 <a href="https://www.haibu.de/manner/rasieren/pre-shave/" 9427 title="Pre-Shave" 9428 class="text-black text-2xs py-1" 9429 > 9430 Pre-Shave </a> 9431 </div> 9432 <div class="w-1/3"> 9433 <a href="https://www.haibu.de/manner/rasieren/aftershave/" 9434 title="Aftershave" 9435 class="text-black text-2xs py-1" 9436 > 9437 Aftershave </a> 9438 </div> 9439 <div class="w-1/3"> 9440 <a href="https://www.haibu.de/manner/rasieren/rasiergel/" 9441 title="Rasiergel" 9442 class="text-black text-2xs py-1" 9443 > 9444 Rasiergel </a> 9445 </div> 9446 <div class="w-1/3"> 9447 <a href="https://www.haibu.de/manner/rasieren/rasiermousse/" 9448 title="Rasiermousse" 9449 class="text-black text-2xs py-1" 9450 > 9451 Rasiermousse </a> 9452 </div> 9453 <div class="w-1/3"> 9454 <a href="https://www.haibu.de/manner/rasieren/rasiercreme/" 9455 title="Rasiercrème" 9456 class="text-black text-2xs py-1" 9457 > 9458 Rasiercrème </a> 9459 </div> 9460 <div class="w-1/3"> 9461 <a href="https://www.haibu.de/manner/rasieren/rasierpinsel/" 9462 title="Rasierpinsel" 9463 class="text-black text-2xs py-1" 9464 > 9465 Rasierpinsel </a> 9466 </div> 9467 <div class="w-1/3"> 9468 <a href="https://www.haibu.de/manner/rasieren/rasierseife/" 9469 title="Rasierseife" 9470 class="text-black text-2xs py-1" 9471 > 9472 Rasierseife </a> 9473 </div> 9474 <div class="w-1/3"> 9475 <a href="https://www.haibu.de/manner/rasieren/rasierol/" 9476 title="Rasieröl" 9477 class="text-black text-2xs py-1" 9478 > 9479 Rasieröl </a> 9480 </div> 9481 </div> 9482 </div> 9483 <div class="w-2/
94835 flex justify-end"> 9484 </div> 9485 </div> 9486 </div> 9487 </div> 9488 </div> 9489 9490 <div class="w-1/6 navigation-menu"> 9491 <ul data-level="1"> 9492<li><strong>Barbier</strong></li> 9493<li><a href="https://www.haibu.de/barbier/haarpflege/">Haarpflege</a></li> 9494<li><a href="https://www.haibu.de/barbier/haarstyling/">Haarstyling</a></li> 9495<li><a href="https://www.haibu.de/barbier/rasier-und-bartpflegeprodukte/">Rasier & Bartpflegeprodukte</a></li> 9496<li><a href="https://www.haibu.de/barbier/tools/">Tools</a></li> 9497<li><a href="https://www.haibu.de/barbier/salonbedarf/">Salonbedarf</a></li> 9498<li><a href="https://www.haibu.de/barbier/barbier-zubehor/">Barber Zubehör</a></li> 9499</ul> </div> 9500 <div class="w-1/6 navigation-menu"> 9501 <ul data-level="1"> 9502<li><strong>Top Marken</strong></li> 9503<li><a title="American Crew" href="https://www.haibu.de/marken/american-crew">American Crew</a></li> 9504<li><a title="Dapper Dan" href="https://www.haibu.de/marken/dapper-dan/">Dapper Dan</a></li> 9505<li><a title="Reuzel" href="https://www.haibu.de/marken/reuzel">Reuzel</a></li> 9506<li><a href="https://www.haibu.de/marken/tahe/advanced-barber/">Tahe</a></li> 9507<li><a href="https://www.haibu.de/marken/barburys/">Barburys</a></li> 9508<li><a href="https://www.haibu.de/marken/proraso/">Proraso</a></li> 9509</ul> </div> 9510 <div class="w-1/6 navigation-menu"> 9511 </div> 9512 <div class="w-2/6 flex justify-end"> 9513 <p><img src="https://www.haibu.de/media/wysiwyg/Haibu_de/Menubanner_-_M_nner.jpg" loading="lazy" class="h-96" width="320" height="380" alt="" width="320" height="380" /></p> </div> 9514 </div> 9515 </div> 9516 </div> 9517 </div> 9518 <div class="level-0" 9519 x-on:mouseenter="debounce(() => hoverPanelActiveId = 'category-node-5283', 200)" 9520 x-on:mouseleave="debounce(() => hoverPanelActiveId = 0, 200)" 9521 > 9522 <div class="flex items-center block py-3.5 font-medium"> 9523 <a class="w-full text-white py-1 px-1 xl:px-2 2xl:px-4 level-0 border border-black rounded hover:border-pink focus:border-pink hover:no-underline focus:no-underline" 9524 :class="{'border-pink' : hoverPanelActiveId === 'category-node-5283'}" 9525 href="https://www.haibu.de/natur/" 9526 title="Natur" 9527 > 9528 Natur </a> 9529 </div> 9530 9531 <div class="absolute z-10 hidden left-1/2 right-1/2 svw bottom-auto top-full shadow-lg bg-white" 9532 :class="{ 9533 'hidden' : hoverPanelActiveId !== 'category-node-5283', 9534 'block' : hoverPanelActiveId === 'category-node-5283' 9535 }"> 9536 <div class="container relative pt-16 pb-24"> 9537 <div class="flex"> 9538 <div class="w-1/6"> 9539 <div class="font-bold text-sm mb-4 px-3">Natur</div> 9540 <div 9541 x-on:mouseenter=" 9542 debounce(() => hoverSubmenuPanelActiveId = 'category-node-5300', 200); 9543 hoverSubmenuPanelActiveIdClass = 'category-node-5300' 9544 " 9545 x-on:mouseleave=" 9546 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 9547 hoverSubmenuPanelActiveIdClass = 0 9548 " 9549 > 9550 <div class="mb-0.5"> 9551 <a href="https://www.haibu.de/natur/haare/" 9552 title="Haare" 9553 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 9554 :class="{ 9555 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-5300' 9556 }" 9557 > 9558 Haare </a> 9559 </div> 9560 9561 <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3" 9562 :class="{ 9563 'hidden' : hoverSubmenuPanelActiveId !== 'category-node-5300', 9564 'block' : hoverSubmenuPanelActiveId === 'category-node-5300' 9565 }"> 9566 <div class="bg-gray-lighter rounded h-full py-12 px-10 flex"> 9567 <div class="w-3/5"> 9568 <div class="font-bold text-sm mb-4">Haare</div> 9569 <div class="flex flex-wrap"> 9570 <div class="w-1/3"> 9571 <a href="https://www.haibu.de/natur/haare/shampoo/" 9572 title="Shampoo" 9573 class="text-black text-2xs py-1" 9574 > 9575 Shampoo </a> 9576 </div> 9577 <div class="w-1/3"> 9578 <a href="https://www.haibu.de/natur/haare/conditioner/" 9579 title="Conditioner" 9580 class="text-black text-2xs py-1" 9581 > 9582 Conditioner </a> 9583 </div> 9584 <div class="w-1/3"> 9585 <a href="https://www.haibu.de/natur/haare/haarmasker/" 9586 title="Haarmasker" 9587 class="text-black text-2xs py-1" 9588 > 9589 Haarmasker </a> 9590 </div> 9591 <div class="w-1/3"> 9592 <a href="https://www.haibu.de/natur/haare/leave-in/" 9593 title="Leave-in" 9594 class="text-black text-2xs py-1" 9595 > 9596 Leave-in </a> 9597 </div> 9598 </div> 9599 </div> 9600 <div class="w-2/
96005 flex justify-end"> 9601 </div> 9602 </div> 9603 </div> 9604 </div> 9605 <div 9606 x-on:mouseenter=" 9607 debounce(() => hoverSubmenuPanelActiveId = 'category-node-5322', 200); 9608 hoverSubmenuPanelActiveIdClass = 'category-node-5322' 9609 " 9610 x-on:mouseleave=" 9611 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 9612 hoverSubmenuPanelActiveIdClass = 0 9613 " 9614 > 9615 <div class="mb-0.5"> 9616 <a href="https://www.haibu.de/natur/stylingprodukte/" 9617 title="Stylingprodukte" 9618 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 9619 :class="{ 9620 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-5322' 9621 }" 9622 > 9623 Stylingprodukte </a> 9624 </div> 9625 9626 <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3" 9627 :class="{ 9628 'hidden' : hoverSubmenuPanelActiveId !== 'category-node-5322', 9629 'block' : hoverSubmenuPanelActiveId === 'category-node-5322' 9630 }"> 9631 <div class="bg-gray-lighter rounded h-full py-12 px-10 flex"> 9632 <div class="w-3/5"> 9633 <div class="font-bold text-sm mb-4">Stylingprodukte</div> 9634 <div class="flex flex-wrap"> 9635 <div class="w-1/3"> 9636 <a href="https://www.haibu.de/natur/stylingprodukte/clay/" 9637 title="Clay" 9638 class="text-black text-2xs py-1" 9639 > 9640 Clay </a> 9641 </div> 9642 <div class="w-1/3"> 9643 <a href="https://www.haibu.de/natur/stylingprodukte/trockenshampoo/" 9644 title="Trockenshampoo" 9645 class="text-black text-2xs py-1" 9646 > 9647 Trockenshampoo </a> 9648 </div> 9649 <div class="w-1/3"> 9650 <a href="https://www.haibu.de/natur/stylingprodukte/gel/" 9651 title="Gel" 9652 class="text-black text-2xs py-1" 9653 > 9654 Gel </a> 9655 </div> 9656 <div class="w-1/3"> 9657 <a href="https://www.haibu.de/natur/stylingprodukte/haarschaum/" 9658 title="Haarschaum" 9659 class="text-black text-2xs py-1" 9660 > 9661 Haarschaum </a> 9662 </div> 9663 <div class="w-1/3"> 9664 <a href="https://www.haibu.de/natur/stylingprodukte/haarspray/" 9665 title="Haarspray" 9666 class="text-black text-2xs py-1" 9667 > 9668 Haarspray </a> 9669 </div> 9670 <div class="w-1/3"> 9671 <a href="https://www.haibu.de/natur/stylingprodukte/pomade/" 9672 title="Pomade" 9673 class="text-black text-2xs py-1" 9674 > 9675 Pomade </a> 9676 </div> 9677 <div class="w-1/3"> 9678 <a href="https://www.haibu.de/natur/stylingprodukte/styling-creme/" 9679 title="Styling crème" 9680 class="text-black text-2xs py-1" 9681 > 9682 Styling crème </a> 9683 </div> 9684 <div class="w-1/3"> 9685 <a href="https://www.haibu.de/natur/stylingprodukte/wachs/" 9686 title="Wachs" 9687 class="text-black text-2xs py-1" 9688 > 9689 Wachs </a> 9690 </div> 9691 <div class="w-1/3"> 9692 <a href="https://www.haibu.de/natur/stylingprodukte/volumen-pulver/" 9693 title="Volumen Pulver" 9694 class="text-black text-2xs py-1" 9695 > 9696 Volumen Pulver </a> 9697 </div> 9698 <div class="w-1/3"> 9699 <a href="https://www.haibu.de/natur/stylingprodukte/styling-paste/" 9700 title="Styling paste" 9701 class="text-black text-2xs py-1" 9702 > 9703 Styling paste </a> 9704 </div> 9705 <div class="w-1/3"> 9706 <a href="https://www.haibu.de/natur/stylingprodukte/zoutspray/" 9707 title="Zoutspray" 9708 class="text-black text-2xs py-1" 9709 > 9710 Zoutspray </a> 9711 </div> 9712 </div> 9713 </div> 9714 <div class="w-2/
97145 flex justify-end"> 9715 </div> 9716 </div> 9717 </div> 9718 </div> 9719 <div 9720 x-on:mouseenter=" 9721 debounce(() => hoverSubmenuPanelActiveId = 'category-node-5353', 200); 9722 hoverSubmenuPanelActiveIdClass = 'category-node-5353' 9723 " 9724 x-on:mouseleave=" 9725 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 9726 hoverSubmenuPanelActiveIdClass = 0 9727 " 9728 > 9729 <div class="mb-0.5"> 9730 <a href="https://www.haibu.de/natur/haarfarbe/" 9731 title="Haarfarbe" 9732 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 9733 :class="{ 9734 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-5353' 9735 }" 9736 > 9737 Haarfarbe </a> 9738 </div> 9739 9740 </div> 9741 <div 9742 x-on:mouseenter=" 9743 debounce(() => hoverSubmenuPanelActiveId = 'category-node-5301', 200); 9744 hoverSubmenuPanelActiveIdClass = 'category-node-5301' 9745 " 9746 x-on:mouseleave=" 9747 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 9748 hoverSubmenuPanelActiveIdClass = 0 9749 " 9750 > 9751 <div class="mb-0.5"> 9752 <a href="https://www.haibu.de/natur/hautpflege/" 9753 title="Hautpflege" 9754 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 9755 :class="{ 9756 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-5301' 9757 }" 9758 > 9759 Hautpflege </a> 9760 </div> 9761 9762 </div> 9763 <div 9764 x-on:mouseenter=" 9765 debounce(() => hoverSubmenuPanelActiveId = 'category-node-5689', 200); 9766 hoverSubmenuPanelActiveIdClass = 'category-node-5689' 9767 " 9768 x-on:mouseleave=" 9769 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 9770 hoverSubmenuPanelActiveIdClass = 0 9771 " 9772 > 9773 <div class="mb-0.5"> 9774 <a href="https://www.haibu.de/natur/bart-produkte/" 9775 title="Bart Produkte" 9776 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 9777 :class="{ 9778 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-5689' 9779 }" 9780 > 9781 Bart Produkte </a> 9782 </div> 9783 9784 </div> 9785 <div 9786 x-on:mouseenter=" 9787 debounce(() => hoverSubmenuPanelActiveId = 'category-node-5366', 200); 9788 hoverSubmenuPanelActiveIdClass = 'category-node-5366' 9789 " 9790 x-on:mouseleave=" 9791 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 9792 hoverSubmenuPanelActiveIdClass = 0 9793 " 9794 > 9795 <div class="mb-0.5"> 9796 <a href="https://www.haibu.de/natur/make-up/" 9797 title="Make-up" 9798 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 9799 :class="{ 9800 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-5366' 9801 }" 9802 > 9803 Make-up </a> 9804 </div> 9805 9806 </div> 9807 <div 9808 x-on:mouseenter=" 9809 debounce(() => hoverSubmenuPanelActiveId = 'category-node-5414', 200); 9810 hoverSubmenuPanelActiveIdClass = 'category-node-5414' 9811 " 9812 x-on:mouseleave=" 9813 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 9814 hoverSubmenuPanelActiveIdClass = 0 9815 " 9816 > 9817 <div class="mb-0.5"> 9818 <a href="https://www.haibu.de/natur/plastikfrei/" 9819 title="Plastikfrei" 9820 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 9821 :class="{ 9822 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-5414' 9823 }" 9824 > 9825 Plastikfrei </a> 9826 </div> 9827 9828 </div> 9829 <div 9830 x-on:mouseenter=" 9831 debounce(() => hoverSubmenuPanelActiveId = 'category-node-5908', 200); 9832 hoverSubmenuPanelActiveIdClass = 'category-node-5908' 9833 " 9834 x-on:mouseleave=" 9835 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 9836 hoverSubmenuPanelActiveIdClass = 0 9837 " 9838 > 9839 <div class="mb-0.5"> 9840 <a href="https://www.haibu.de/natur/pakete/" 9841 title="Pakete" 9842 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 9843 :class="{ 9844 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-5908' 9845 }" 9846 > 9847 Pakete </a> 9848 </div> 9849 9850 </div> 9851 <div 9852 x-on:mouseenter=" 9853 debounce(() => hoverSubmenuPanelActiveId = 'category-node-6508', 200); 9854 hoverSubmenuPanelActiveIdClass = 'category-node-6508' 9855 " 9856 x-on:mouseleave=" 9857 debounce(() => hoverSubmenuPanelActiveId = 0, 200); 9858 hoverSubmenuPanelActiveIdClass = 0 9859 " 9860 > 9861 <div class="mb-0.5"> 9862 <a href="https://www.haibu.de/natur/nachhaltige-salonausstattung/" 9863 title="Nachhaltige Salonausstattung" 9864 class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline" 9865 :class="{ 9866 'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-6508' 9867 }" 9868 > 9869 Nachhaltige Salonausstattung </a> 9870 </div> 9871 9872 </div> 9873 </div> 9874 9875 <div class="w-1/6 navigation-menu"> 9876 <ul data-level="1"> 9877<li><strong>
9877Top Marken</strong></li> 9878<li><a title="Aveda" href="https://www.haibu.de/marken/aveda"><span>Aveda</span></a></li> 9879<li><a title="Elleure" href="https://www.haibu.de/marken/elleure"><span>Elleure</span></a></li> 9880<li><a title="Jean Paul Myne" href="https://www.haibu.de/marken/jean-paul-myne"><span>Jean Paul Myne</span></a></li> 9881<li><a title="Evo" href="https://www.haibu.de/marken/evo"><span>Evo</span></a></li> 9882<li><a title="MKS-Eco" href="https://www.haibu.de/marken/mks-eco"><span>MKS-Eco</span></a></li> 9883</ul> </div> 9884 <div class="w-1/6 navigation-menu"> 9885 <ul data-level="1"> 9886<li><strong>Inspiration</strong></li> 9887<li><a title="Welche Hausmittel helfen gegen Schuppen?" href="https://www.haibu.de/blog/welche-hausmittel-helfen-gegen-schuppen/"><span>Welche Hausmittel helfen gegen Schuppen?</span></a></li> 9888<li><a title="Parabene in Haarprodukten" href="https://www.haibu.de/blog/parabene-in-haarprodukten-alles-was-du-wissen-musst"><span>Parabene in Haarprodukten</span></a></li> 9889<li><a title="Relaunch Schwarzkopf BC" href="https://www.haibu.de/blog/der-fantastische-relaunch-von-schwarzkopf-bc"><span>Relaunch Schwarzkopf BC</a></li> 9890<li><a title="Olaplex Volumizing Blow Dry Mist für einen strahlenden Boost" href="https://www.haibu.de/blog/neu--mit-dem-olaplex-volumizing-blow-dry-mist-verleihst-du-dem-haar-einen-strahlenden-boost"><span>Olaplex Volumizing Blow Dry Mist für einen strahlenden Boost</a></li> 9891</ul> </div> 9892 <div class="w-1/6 navigation-menu"> 9893 <ul data-level="1"> 9894<li><strong>Produkte ohne</strong></li> 9895<li><a title="Parabene" href="https://www.haibu.de/haarprodukte/bestimmte-inhaltsstoffe/produkte-ohne-parabene/"><span>Parabene</span></a></li> 9896<li><a title="Silikone" href="https://www.haibu.de/haarprodukte/bestimmte-inhaltsstoffe/produkte-ohne-silikon/"><span>Silikone</span></a></li> 9897<li><a title="Sulfate" href="https://www.haibu.de/haarprodukte/bestimmte-inhaltsstoffe/produkte-ohne-sulfate/"><span>Sulfate</span></a></li> 9898<li><a title="Ammoniak" href="https://www.haibu.de/haarprodukte/bestimmte-inhaltsstoffe/frei-von-ammoniak/"><span>Ammoniak</span></a></li> 9899</ul> </div> 9900 <div class="w-2/6 flex justify-end"> 9901 <p><img src="https://www.haibu.de/media/wysiwyg/Haibu_de/Menubanner_-_Natur.jpg" loading="lazy" class="h-96" width="320" height="380" alt="" width="320" height="380" /></p> </div> 9902 </div> 9903 </div> 9904 </div> 9905 </div> 9906 <div class="border-r border-white/20 h-7 my-auto mx-4"></div> 9907 9908<div class="flex items-center block py-3.5 font-medium text-3xs"> 9909 <a href="https://www.haibu.de/sale" 9910 class="flex items-center w-full text-white h-10 py-1 px-1 level-0 border border-black rounded hover:border-pink focus:border-pink hover:no-underline focus:no-underline"> 9911 <img src="https://images.haibu.de/1pPSzqxspJi-_ild6tfpW4DrXF0ZKkYdGhpoCuoolgQ/w:48/h:48/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hLzMwZDJmNDVmLTIxZDgtNDQ1ZS1hNzZkLTk3YzhhYTU2MWQ2M19zYWxlLnBuZz9hdXRvPWNvbXByZXNzLGZvcm1hdA.png" alt="" width="48" height="48" class="mr-2 h-6 w-6" loading="eager" /> Sale </a> 9912</div> 9913 9914<div class="flex items-center block py-3.5 font-medium text-3xs"> 9915 <a href="https://www.haibu.de/neu" 9916 class="flex items-center w-full text-white h-10 py-1 px-1 level-0 border border-black rounded hover:border-pink focus:border-pink hover:no-underline focus:no-underline"> 9917 Neu </a> 9918</div> 9919 9920<div class="flex items-center block py-3.5 font-medium text-3xs"> 9921 <a href="https://www.haibu.de/online-weiterbildung" 9922 class="flex items-center w-full text-white h-10 py-1 px-1 level-0 border border-black rounded hover:border-pink focus:border-pink hover:no-underline focus:no-underline"> 9923 Weiterbildung </a> 9924</div> 9925 9926<div class="flex items-center block py-3.5 font-medium text-3xs"> 9927 <a href="https://www.haibu.de/blog/" 9928 class="flex items-center w-full text-white h-10 py-1 px-1 level-0 border border-black rounded hover:border-pink focus:border-pink hover:no-underline focus:no-underline"> 9929 Blog </a> 9930</div> 9931 </nav> 9932 </div> 9933</div> 9934
9935<script> 9936 'use strict'; 9937 9938 const initMenuDesktop_6ac73fd06658f = () => { 9939 return { 9940 hoverPanelActiveId: null, 9941 hoverSubmenuPanelActiveId: null, 9942 hoverSubmenuPanelActiveIdClass: null, 9943 debounce(func, wait) { 9944 let later = function() { 9945 this.timeout = null 9946 func.apply(this, []) 9947 } 9948 clearTimeout(this.timeout) 9949 this.timeout = setTimeout(later, wait) 9950 } 9951 } 9952 } 9953</script>
9953 9954
9955<script> 9956 var setVw = function () { 9957 var svw = document.documentElement.clientWidth * 0.01; 9958 document.documentElement.style.setProperty('--1svw', (svw + "px")); 9959 var dvw = window.innerWidth * 0.01; 9960 document.documentElement.style.setProperty('--1dvw', (dvw + "px")); 9961 9962 if (document.body) { 9963 var fixed = document.createElement("div"); 9964 fixed.style.height = '1px'; 9965 fixed.style.width = '100vw'; 9966 fixed.style.position = 'fixed' 9967 fixed.style.left = '0'; 9968 fixed.style.top = '0'; 9969 fixed.style.bottom = '0'; 9970 fixed.style.visibility = 'hidden'; 9971 9972 document.body.appendChild(fixed); 9973 9974 var fixedWidth = fixed.clientWidth; 9975 9976 fixed.remove(); 9977 9978 var lvw = fixedWidth * 0.01; 9979 9980 document.documentElement.style.setProperty('--1lvw', (lvw + "px")); 9981 } 9982 }; 9983 9984 var initialize = function () { 9985 // SSR support 9986 if (typeof window === 'undefined') { 9987 return; 9988 } 9989 9990 // We run the calculation as soon as possible (eg. the script is in document head) 9991 setVw(); 9992 9993 // We run the calculation again when DOM has loaded 9994 document.addEventListener('DOMContentLoaded', function () { 9995 setVw(); 9996 }) 9997 9998 // We run the calculation when window is resized 9999 window.addEventListener('resize', function () { 10000 setVw(); 10001 }); 10002 } 10003 10004 initialize(); 10005</script>
10005 10006 10007 <!--Minimalistic Header Border--> 10008 10009 <!--Cart Drawer--> 10010 10011<section id="cart-drawer" 10012 x-data="initCartDrawer()" 10013 x-init="$watch('open', value => value ? document.body.classList.add('overflow-hidden') : document.body.classList.remove('overflow-hidden'))" 10014 @private-content-loaded.window="getData(event.detail.data)" 10015 @toggle-cart.window="open=true;" 10016 @keydown.window.escape="open=false" 10017> 10018 <template x-if="cart && cart.summary_count"> 10019 <div role="dialog" 10020 aria-labelledby="cart-drawer-title" 10021 aria-modal="true" 10022 @click.away="open = false" 10023 class="fixed inset-y-0 right-0 z-30 flex max-w-full"> 10024 <div class="backdrop" 10025 x-show="open" 10026 x-transition:enter="ease-in-out duration-500" 10027 x-transition:enter-start="opacity-0" 10028 x-transition:enter-end="opacity-100" 10029 x-transition:leave="ease-in-out duration-500" 10030 x-transition:leave-start="opacity-100" 10031 x-transition:leave-end="opacity-0" 10032 @click="open = false" 10033 aria-label="Close panel"></div> 10034 <div class="relative w-screen max-w-md shadow-2xl" 10035 x-show="open" 10036 x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700" 10037 x-transition:enter-start="translate-x-full" 10038 x-transition:enter-end="translate-x-0" 10039 x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700" 10040 x-transition:leave-start="translate-x-0" 10041 x-transition:leave-end="translate-x-full" 10042 > 10043 <div 10044 x-show="open" 10045 x-transition:enter="ease-in-out duration-500" 10046 x-transition:enter-start="opacity-0" 10047 x-transition:enter-end="opacity-100" 10048 x-transition:leave="ease-in-out duration-500" 10049 x-transition:leave-start="opacity-100" 10050 x-transition:leave-end="opacity-0" class="fixed inset-y-0 right-0 max-w-full flex"> 10051 </div> 10052 <div class="h-full flex flex-col bg-white shadow-xl"> 10053 <div class="flex items-start justify-between py-6 px-4 sm:px-6 border-b border-gray"> 10054 <h2 class="text-xl m-0 font-bold" id="slide-over-title"> 10055 Warenkorb </h2> 10056 <div class="ml-3 h-7 flex space-x-2 items-center"> 10057 <template x-if="cart.summary_count === 1"> 10058 <div class="text-2xs font-semibold text-blue"> 10059 1 Artikel </div> 10060 </template> 10061 <template x-if="cart.summary_count > 1"> 10062 <div class="text-2xs font-semibold text-blue"> 10063 <span x-text="cart.summary_count"></span> 10064 Artikel </div> 10065 </template> 10066 <button @click="open = false;" type="button" class="-m-2 p-2 text-gray-400 hover:text-gray-500"> 10067 <span class="sr-only">Close panel</span> 10068 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-6 w-6" width="24" height="24" role="img"> 10069 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 10070<title>x</title></svg> 10071 </button> 10072 </div> 10073 </div> 10074 <div class="flex-1 m-1 ml-0 overflow-y-auto px-4 sm:px-6 scrollbar scrollbar-thin scrollbar-thumb-gray"> 10075 <div class="mt-5"> 10076 <div class="flow-root"> 10077 <div class="divide-y divide-gray"> 10078 <template x-for="item in cartItems" hidden> 10079 <div class="py-6 flex"> 10080 <div class="flex shrink-0 items-center"> 10081 <div class="w-14 h-14"> 10082 <img 10083 :src="item.product_image.src" 10084 :width="item.product_image.width" 10085 :height="item.product_image.height" 10086 loading="lazy" 10087 class="w-full h-full object-center object-cover" 10088 /> 10089 </div> 10090 10091 <div class="ml-1 text-2xs">
10092 <span x-html="item.qty"></span> x 10093 </div> 10094 </div> 10095 10096 <div class="flex grow"> 10097 <div class="text-black font-semibold text-2xs leading-5 px-2"> 10098 <a :href="item.product_url" x-show="item.product_type !== 'grouped'" class="text-black"> 10099 <span x-html="item.product_name"></span> 10100 <span class="text-gray">/</span> 10101 <span class="font-bold" x-html="hyva.formatPrice(item.product_price_value.incl_tax)"></span> 10102 </a> 10103 10104 <template x-for="option in item.options"> 10105 <div> 10106 <template x-if="option.has_html"> 10107 <div> 10108 <template x-for="value in option.value"> 10109 <div class="text-4xs font-normal" x-html="value.replace(/<span.*?>.*?<\/span>/ig,'')"></div> 10110 </template> 10111 </div> 10112 </template> 10113 <template x-if="!option.has_html"> 10114 <div class="text-4xs font-normal" x-html="option.value"></div> 10115 </template> 10116 </div> 10117 </template> 10118 10119 <template x-if="item.delivery_message"> 10120 <div class="flex gap-2 pt-2 items-center"> 10121 <template x-if="item.delivery_message.icon === 'moma-times'"> 10122 <span class="block bg-orange text-white rounded-full flex justify-center items-center h-5 w-5"> 10123 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 10 10" class="fill-current h-3 w-3 p-0.5" role="img"> 10124 <path d="M9.81686 8.05342L6.74596 4.99494L9.81686 1.93645C9.87489 1.8789 9.92094 1.81041 9.95238 1.73496C9.98381 1.65952 10 1.57855 10 1.49682C10 1.41509 9.98381 1.3342 9.95238 1.25875C9.92094 1.1833 9.87489 1.11481 9.81686 1.05726L8.93769 0.178061C8.81987 0.063832 8.6622 0 8.4981 0C8.334 0 8.17634 0.063832 8.05852 0.178061L5 3.24901L1.94148 0.178061C1.82366 0.063832 1.666 0 1.5019 0C1.3378 0 1.18013 0.063832 1.06231 0.178061L0.183144 1.05726C0.125114 1.11481 0.079056 1.1833 0.0476235 1.25875C0.0161909 1.3342 0 1.41509 0 1.49682C0 1.57855 0.0161909 1.65952 0.0476235 1.73496C0.079056 1.81041 0.125114 1.8789 0.183144 1.93645L3.25404 4.99494L0.183144 8.05342C0.125114 8.11098 0.079056 8.17946 0.0476235 8.25491C0.0161909 8.33036 0 8.41132 0 8.49305C0 8.57479 0.0161909 8.65568 0.0476235 8.73112C0.079056 8.80657 0.125114 8.87506 0.183144 8.93262L1.06231 9.81181C1.18013 9.92604 1.3378 9.98987 1.5019 9.98987C1.666 9.98987 1.82366 9.92604 1.94148 9.81181L5 6.74086L8.05852 9.81181C8.17634 9.92604 8.334 9.98987 8.4981 9.98987C8.6622 9.98987 8.81987 9.92604 8.93769 9.81181L9.81686 8.93262C9.87489 8.87506 9.92094 8.80657 9.95238 8.73112C9.98381 8.65568 10 8.57479 10 8.49305C10 8.41132 9.98381 8.33036 9.95238 8.25491C9.92094 8.17946 9.87489 8.11098 9.81686 8.05342Z"/> 10125<title>moma-times</title></svg> 10126 </span> 10127 </template> 10128 10129 <template x-if="item.delivery_message.icon === 'moma-check-mark'"> 10130 <sp
10130an class="block bg-green text-white rounded-full flex justify-center items-center h-5 w-5"> 10131 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 10 9" class="fill-current h-3 w-3" role="img"> 10132 <path d="M3.31823 8.14482L0.136507 5.03584C0.0935037 4.99665 0.0591472 4.9489 0.0356421 4.89568C0.012137 4.84246 0 4.78491 0 4.72673C0 4.66855 0.012137 4.61106 0.0356421 4.55784C0.0591472 4.50461 0.0935037 4.45687 0.136507 4.41768L0.772849 3.79042C0.86137 3.71057 0.976355 3.66636 1.09557 3.66636C1.21478 3.66636 1.32976 3.71057 1.41828 3.79042L3.6364 5.97215L8.58172 1.12687C8.66821 1.04301 8.78395 0.996094 8.90443 0.996094C9.02491 0.996094 9.14065 1.04301 9.22715 1.12687L9.86349 1.75413C9.9065 1.79332 9.94085 1.84101 9.96436 1.89423C9.98786 1.94745 10 2.005 10 2.06318C10 2.12136 9.98786 2.17891 9.96436 2.23213C9.94085 2.28535 9.9065 2.3331 9.86349 2.37229L3.95457 8.14482C3.86961 8.2281 3.75538 8.27477 3.6364 8.27477C3.51743 8.27477 3.4032 8.2281 3.31823 8.14482Z"/> 10133<title>moma-check-mark</title></svg> 10134 </span> 10135 </template> 10136 10137 <span x-text="item.delivery_message.message" class="font-normal"></span> 10138 </div> 10139 </template> 10140 10141 </div> 10142 </div> 10143 10144 <div class="flex shrink-0 w-12 justify-end items-start"> 10145 <button type="button" class="text-gray" @click="deleteItemFromCart(item.item_id)"> 10146 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 16" class="h-4 w-4 fill-current" width="24" height="24" role="img"> 10147 <path d="M5.5 6H4.5C4.22386 6 4 6.22386 4 6.5V12.5C4 12.7761 4.22386 13 4.5 13H5.5C5.77614 13 6 12.7761 6 12.5V6.5C6 6.22386 5.77614 6 5.5 6Z"/> 10148 <path d="M9.5 6H8.5C8.22386 6 8 6.22386 8 6.5V12.5C8 12.7761 8.22386 13 8.5 13H9.5C9.77614 13 10 12.7761 10 12.5V6.5C10 6.22386 9.77614 6 9.5 6Z"/> 10149 <path d="M11 1C11 0.734784 10.8946 0.480429 10.7071 0.292892C10.5196 0.105356 10.2652 0 10 0H4C3.73478 0 3.48044 0.105356 3.29291 0.292892C3.10537 0.480429 3 0.734784 3 1V3H1C0.734784 3 0.480444 3.10536 0.292908 3.29289C0.105371 3.48043 0 3.73478 0 4C0 4.26522 0.105371 4.51957 0.292908 4.70711C0.480444 4.89464 0.734784 5 1 5V15C1 15.2652 1.10537 15.5196 1.29291 15.7071C1.48044 15.8946 1.73478 16 2 16H12C12.2652 16 12.5196 15.8946 12.7071 15.7071C12.8946 15.5196 13 15.2652 13 15V5C13.2652 5 13.5196 4.89464 13.7071 4.70711C13.8946 4.51957 14 4.26522 14 4C14 3.73478 13.8946 3.48043 13.7071 3.29289C13.5196 3.10536 13.2652 3 13 3H11V1ZM5 2H9V3H5V2ZM11 14H3V5H11V14Z"/> 10150<title>moma-trash</title></svg> 10151 </button> 10152 </div> 10153 </div> 10154 </template> 10155 </div> 10156 </div> 10157 </div> 10158 </div> 10159 10160 <div class="border-t border-gray pt-5 pb-24 px-4 sm:px-6"> 10161 <div class="flex justify-between items-center font-bold leading-5"> 10162 <div class="text-2xs">Zwischensumme</div> 10163 <span class="text-xs text-green" x-html="cart.subtotal_incl_tax"></span> 10164 </div> 10165 <div class="mt-3"> 10166 <a href="https://www.haibu.de/checkout/" 10167 class="btn btn-primary w-full hover:no-underline h-12" rel="nofollow" 10168 > 10169 Bestellen </a> 10170 </div> 10171 <div class="flex justify-center text-2xs text-center mt-4"> 10172 <a href="https://www.haibu.de/checkout/cart/" class="text-blue font-semibold" rel="nofollow"> 10173 Warenkorb </a> 10174 </div> 10175 </div> 10176 </div> 10177 </div> 10178 </div> 10179 </template> 10180</section> 10181
10182<script> 10183 function initCartDrawer() { 10184 return { 10185 open: false, 10186 cart: {}, 10187 getData(data) { 10188 if (data.cart) { 10189 this.cart = data.cart 10190 this.setCartItems(); 10191 } 10192 }, 10193 cartItems: {}, 10194 setCartItems() { 10195 this.cartItems = this.cart && this.cart.items.sort(function(a,b) { return a.item_id - b.item_id }) || {} 10196 }, 10197 deleteItemFromCart(itemId) { 10198 let self = this; 10199 fetch(BASE_URL+"checkout/sidebar/removeItem/", { 10200 "headers": { 10201 "content-type": "application/x-www-form-urlencoded; charset=UTF-8", 10202 }, 10203 "body": "form_key="+ hyva.getFormKey() + "&item_id="+itemId, 10204 "method": "POST", 10205 "mode": "cors", 10206 "credentials": "include" 10207 }).then(function (response) { 10208 if (response.redirected) { 10209 window.location.href = response.url; 10210 } else if (response.ok) { 10211 return response.json(); 10212 } else { 10213 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 10214 [{ 10215 type: "warning", 10216 text: "Could not remove item from quote." 10217 }], 5000 10218 ); 10219 } 10220 }).then(function (response) { 10221 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 10222 [{ 10223 type: response.success ? "success" : "error", 10224 text: response.success 10225 ? "Sie haben den Artikel entfernt." 10226 : response.error_message 10227 }], 5000 10228 ); 10229 self.open = true; 10230 const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data"); 10231 window.dispatchEvent(reloadCustomerDataEvent); 10232 }); 10233 } 10234 } 10235 } 10236</script>
10236 10237 10238 <!--Authentication Pop-Up--> 10239 </div> 10240
10241<script> 10242 function initHeader() { 10243 return { 10244 searchOpen: false, 10245 loginOpen: false, 10246 cart: {}, 10247 scrolAtTop: true, 10248 customer: {}, 10249 getData(data) { 10250 if (data.cart) { 10251 this.cart = data.cart 10252 } 10253 if (data.customer) { 10254 this.customer = data.customer 10255 } 10256 }, 10257 toggleLoginMenu(e) { 10258 if (window.innerWidth < 1024) { 10259 return 10260 } 10261 e.preventDefault() 10262 this.loginOpen = !this.loginOpen 10263 } 10264 } 10265 } 10266 10267 function initCompareHeader() { 10268 return { 10269 compareProducts: null, 10270 itemCount: 0, 10271 receiveCompareData(data) { 10272 if (data['compare-products']) { 10273 this.compareProducts = data['compare-products']; 10274 this.itemCount = this.compareProducts.count; 10275 } 10276 } 10277 } 10278 } 10279</script>
10279 10280</header><main id="maincontent" class="page-main"> <div class="bg-pink lg:bg-pink-lighter"> 10281 <div class="flex [&_a]:text-white [&_a]:font-bold [&_a]:hover:no-underline [&_p]:text-white [&_svg]:text-white flex 10282 gap-2 justify-center items-center [&_a]:leading-3 h-[26px] lg:h-12 px-8 md:px-0 overflow-hidden"> 10283 <div class="uppercase text-white lg:text-pink bg-orange lg:bg-pink-darker text-center whitespace-nowrap py-2 px-2 md:px-2.5 leading-none text-4xs md:text-3xs"><p><a target="_self" rel="noopener" href="https://www.haibu.de/customer/account/login">PROFI?</a></p></div> 10284 <div class="hidden uppercase sm:block text-pink text-4xs md:text-3xs"><p><a target="_self" rel="noopener" href="https://www.haibu.de/customer/account/login">Anmeldung für exklusive Preise</a></p></div> <div class="sm:hidden uppercase text-white lg:text-pink text-4xs md:text-3xs text-center py-2 px-0 md:px-2.5"><p><a target="_self" rel="noopener" href="https://www.haibu.de/customer/account/login">Anmeldung für exklusive Preise</a></p></div> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-3 w-3 fill-current text-pink" width="24" height="24" role="img"> 10285 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 10286<title>moma-chevron-right</title></svg> 10287 </div> 10288 </div> 10289 <nav class="breadcrumbs" aria-label="Breadcrumb"> 10290 <div class="container"> 10291 <ol class="flex items-center py-3 truncate"> 10292 <li class="mr-2.5"> 10293 <a href="/" class="text-black"> 10294 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 16" class="fill-current h-4 w-4" width="24" height="24" role="img"> 10295 <g clip-path="url(#clip0_204_12756)"> 10296 <path d="M9.36006 0.150215C9.26447 0.054953 9.13503 0.00146484 9.00008 0.00146484C8.86512 0.00146484 8.73562 0.054953 8.64003 0.150215L0.100053 8.49021C-0.0999473 8.69021 -0.0399228 8.79021 0.250077 8.79021H2.10005V15.2902C2.10005 15.5702 2.22008 15.7902 2.50008 15.7902H15.5001C15.6438 15.7943 15.7841 15.7458 15.8946 15.6537C16.0051 15.5616 16.0782 15.4324 16.1001 15.2902V8.79021H17.7301C18.0201 8.79021 18.09 8.69021 17.89 8.49021L9.36006 0.150215ZM11.1001 10.2902C11.0782 10.1481 11.0051 10.0188 10.8946 9.92672C10.7841 9.83464 10.6438 9.7861 10.5001 9.79021H7.50008C7.22008 9.79021 7.10005 10.0102 7.10005 10.2902V13.7902H4.10005V7.72021L9.10005 2.65022L14.1001 7.72021V13.7902H11.1001V10.2902Z"/> 10297 </g> 10298 <defs> 10299 <clipPath id="clip0_204_12756"> 10300 <rect width="18" height="15.79"/> 10301 </clipPath> 10302 </defs> 10303<title>moma-house</title></svg> 10304 </a> 10305 </li> 10306 <li class="item flex items-center text-3xs warenkorb"> 10307 <span class="line-clamp-1"> 10308 Warenkorb </span> 10309 </li> 10310 </ol> 10311 </div> 10312</nav> 10313<div class="page messages">
10313<script> 10314 window.defaultSuccessMessageTimeout = 8000; 10315 function initMessages() { 10316 "use strict"; 10317 return { 10318 messages: window.mageMessages || [], 10319 isEmpty() { 10320 return this.messages.reduce( 10321 function (isEmpty, message) { 10322 return isEmpty && message === undefined 10323 }, true 10324 ) 10325 }, 10326 hasMessages() { 10327 return !this.isEmpty(); 10328 }, 10329 hasMessage() { 10330 return !!this.message; 10331 }, 10332 removeMessage() { 10333 this.messages[this.index] = undefined; 10334 }, 10335 addMessages(messages, hideAfter) { 10336 messages.map((message) => { 10337 const isDuplicate = this.messages.some( 10338 existing => existing && existing.type === message.type && existing.text === message.text 10339 ); 10340 if (isDuplicate) { 10341 return; 10342 } 10343 this.messages = this.messages.concat(message); 10344 if (hideAfter === undefined && message.type === 'success' && window.defaultSuccessMessageTimeout) { 10345 hideAfter = window.defaultSuccessMessageTimeout; 10346 } 10347 if (hideAfter) { 10348 this.setHideTimeOut(this.messages.length -1, hideAfter); 10349 } 10350 }); 10351 }, 10352 setHideTimeOut(messageIndex, hideAfter) { 10353 setTimeout((messageIndex) => { 10354 this.removeMessage(messageIndex); 10355 }, hideAfter, messageIndex); 10356 }, 10357 eventListeners: { 10358 ['@messages-loaded.window'](event) { 10359 this.addMessages(event.detail.messages, event.detail.hideAfter) 10360 }, 10361 ['@private-content-loaded.window'](event) { 10362 const data = event.detail.data; 10363 if ( 10364 data.messages && 10365 data.messages.messages && 10366 data.messages.messages.length 10367 ) { 10368 this.addMessages(data.messages.messages); 10369 } 10370 }, 10371 ['@clear-messages.window']() { 10372 this.messages = []; 10373 } 10374 }, 10375 getMessageUiId() { 10376 return 'message-' + this.message.type; 10377 } 10378 } 10379 } 10380 10381 window.addEventListener('alpine:init', () => Alpine.data('initMessages', initMessages), {once: true}) 10382</script>
10382 10383 10384<section id="messages" 10385 x-data="initMessages" 10386 x-bind="eventListeners" 10387 aria-live="assertive" 10388 role="alert" 10389> 10390 <template x-if="hasMessages"> 10391 <div class="w-full"> 10392 <div role="alert" class="messages container mx-auto py-3"> 10393 <template x-for="(message, index) in messages" :key="index"> 10394 <div> 10395 <template x-if="hasMessage"> 10396 <div class="message" 10397 :class="message.type" 10398 :ui-id="getMessageUiId" 10399 > 10400 <span x-html="message.text"></span> 10401 <button 10402 type="button" 10403 class="text-gray-600 hover:text-black" 10404 aria-label="Close message" 10405 @click.prevent="removeMessage" 10406 > 10407 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="stroke-current" width="18" height="18" aria-hidden="true"> 10408 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 10409</svg> 10410 </button> 10411 </div> 10412 </template> 10413 </div> 10414 </template> 10415 </div> 10416 </div> 10417 </template> 10418</section> 10419</div><div class="columns"><div class="column main">
10419<script> 10420 window.checkoutConfig = false; 10421 window.customerData = window.checkoutConfig.customerData; 10422 window.isCustomerLoggedIn = window.checkoutConfig.isCustomerLoggedIn; 10423</script>
vendor: 1 bytes, line 10423
10423
10424<script> 10425 document.addEventListener('alpine:init', () => { 10426 Alpine.store('cart', { 10427 pointsActive: false, 10428 couponActive: false, 10429 showLoyaltyPointButton: true, 10430 cartForm: document.querySelector(".form-cart#form-validate"), 10431 customerPoints: 0, 10432 loyalty: { 10433 "selected": "false", 10434 "selectedOption": 0, 10435 "cartId": "" 10436 }, 10437 init() { 10438 this.getLoyaltyFromStorage(); 10439 }, 10440 getLoyaltyFromStorage() { 10441 const loyaltyStorage = JSON.parse(window.localStorage.getItem('loyalty')); 10442 10443 if (!loyaltyStorage || loyaltyStorage.cartId !== this.getCartId() || !loyaltyStorage.selectedOption || loyaltyStorage.selectedOption == 0) { 10444 window.localStorage.removeItem('loyalty'); 10445 this.resetLoyalty(); 10446 this.setLoyaltyInStorage(); 10447 } 10448 10449 if (loyaltyStorage.selectedOption && loyaltyStorage.selectedOption !== 0 && loyaltyStorage.selectedOption <= this.customerPoints) { 10450 this.pointsActive = true; 10451 this.showLoyaltyPointOptions = true; 10452 // Defer reapplying loyalty points to allow form to be ready 10453 setTimeout(() => { 10454 this.addLoyaltyPoints(loyaltyStorage.selectedOption); 10455 }, 100); 10456 }else{ 10457 this.pointsActive = false; 10458 this.showLoyaltyPointOptions = false; 10459 this.resetLoyalty(); 10460 this.setLoyaltyInStorage(); 10461 } 10462 10463 this.loyalty = loyaltyStorage; 10464 }, 10465 setLoyaltyInStorage() { 10466 window.localStorage.setItem('loyalty', JSON.stringify(this.loyalty)); 10467 }, 10468 resetLoyalty() { 10469 this.loyalty = { 10470 "selected": false, 10471 "selectedOption": 0, 10472 "cartId": this.getCartId() 10473 } 10474 }, 10475 getClassForLoyaltyOption(option) { 10476 if (option > this.customerPoints) { 10477 return 'inactive'; 10478 } 10479 10480 if (option !== 0 && option === this.loyalty.selectedOption) { 10481 return 'selected'; 10482 } 10483 10484 return ''; 10485 }, 10486 getCartId() { 10487 const mageCacheStorage = JSON.parse(localStorage.getItem('mage-cache-storage')); 10488 if (mageCacheStorage && mageCacheStorage.hasOwnProperty('cart')) { 10489 return mageCacheStorage.cart.cartId; 10490 } 10491 return false; 10492 }, 10493 addLoyaltyPoints(points) { 10494 // Get a fresh reference to the form to ensure it has the latest DOM state 10495 const form = document.querySelector(".form-cart#form-validate"); 10496 if (!form) { 10497 return; 10498 } 10499 // Set the loyalty points value in the form field 10500 const loyaltyField = form.querySelector('input[name="loyalty_points"]'); 10501 if (loyaltyField) { 10502 loyaltyField.value = points; 10503 } 10504 // Submit the cart form which will include loyalty points 10505 hyva.postCart(form); 10506 } 10507 }) 10508 }) 10509</script>
10509 10510
10511<script> 10512 'use strict'; 10513 (function( hyva, undefined ) { 10514 let controller = new AbortController(); 10515 10516 /** 10517 * Takes a form element and submits it through fetch, 10518 * then replaces the result into the document without 10519 * refreshing the page 10520 */ 10521 hyva.postCart = (form) => { 10522 if (!form.action) { 10523 return; 10524 } 10525 window.dispatchEvent(new CustomEvent("cart-is-loading", { detail: { 10526 isLoading: true 10527 }})); 10528 controller.abort(); 10529 controller = new AbortController(); 10530 10531 const action = form.action; 10532 const formData = new FormData(form); 10533 10534 if (!formData.uenc) { 10535 formData.append('uenc', hyva.getUenc()); 10536 } 10537 10538 formData.append('form_key', hyva.getFormKey()); 10539 10540 window.fetch(action, { 10541 method: 'POST', 10542 body: formData, 10543 signal: controller.signal 10544 }).then((result) => { 10545 return result.text() 10546 }).then((content) => { 10547 10548 hyva.replaceDomElement('#maincontent', content) 10549 10550 }).catch((error) => { 10551 if (error.name !== 'AbortError') { 10552 console.error(error); 10553 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 10554 [{ 10555 type: "error", 10556 text: "Es\u0020ist\u0020ein\u0020Fehler\u0020aufgetreten.\u0020Bitte\u0020versuchen\u0020Sie\u0020es\u0020erneut." 10557 }], 10000 10558 ); 10559 } 10560 }).finally(() => { 10561 window.dispatchEvent(new CustomEvent("cart-is-loading", { detail: { 10562 isLoading: false 10563 }})); 10564 }) 10565 } 10566 }( window.hyva = window.hyva || {} )); 10567</script>
10567 10568
10569<script> 10570 10571 function initCartForm(){ 10572 return { 10573 cartIsEmpty: !!window.checkoutConfig, 10574 isLoading: false, 10575 checkCartShouldUpdate(data) { 10576 const cart = data.cart; 10577 10578 if (this.cartIsEmpty !== !!window.checkoutConfig) { 10579 this.cartIsEmpty = !!window.checkoutConfig; 10580 this.reloadCartContent(); 10581 return; 10582 } 10583 10584 if (cart && cart.items) { 10585 if (!window.checkoutConfig) { 10586 if (cart.items.length) { 10587 this.reloadCartContent(); 10588 } 10589 return; 10590 } 10591 10592 if (window.checkoutConfig) { 10593 const roundUp = (number) => Math.round(number * 100); 10594 10595 const decimalNumbersAreEqual = function(number1, number2) { 10596 return roundUp(number1) === roundUp(number2); 10597 } 10598 10599 if (decimalNumbersAreEqual( 10600 cart.items.reduce((totalQty, cartItem) => totalQty + cartItem.qty, 0), 10601 // refactored to count from quoteItemData this includes virtual products! 10602 // otherwise the cart keeps refreshing when partial delivery product is added. 10603 window.checkoutConfig.quoteItemData.reduce((totalQuoteItemsQty, quoteItem) => totalQuoteItemsQty + quoteItem.qty, 0) 10604 ) && 10605 decimalNumbersAreEqual( 10606 cart.subtotalAmount, 10607 window.checkoutConfig.totalsData.total_segments.find((segment) => segment.code === "subtotal").value 10608 ) 10609 10610 ) { 10611 return; 10612 } 10613 } 10614 } 10615 this.reloadCartContent(); 10616 }, 10617 reloadCartContent() { 10618 window.fetch(window.location.href, { 10619 method: "GET" 10620 }).then((result) => { 10621 return result.text() 10622 10623 }).then((body) => { 10624 hyva.setCookie('mage-cache-sessid', '', -1, true); 10625 window.checkoutConfig = null; 10626 hyva.replaceDomElement('#maincontent', body) 10627 10628 }).catch((error) => { 10629 console.error(error); 10630 window.location.reload() 10631 }) 10632 }, 10633 onStorageChange(event) { 10634 if (event.key === 'private_content_version') { 10635 window.dispatchEvent(new CustomEvent("reload-customer-section-data")); 10636 } 10637 } 10638 } 10639 } 10640</script>
10640 10641<div x-data="initCartForm()" 10642 class="container relative min-h-screen-50 mb-10 cart" 10643 aria-label="Warenkorb" 10644 @private-content-loaded.window="checkCartShouldUpdate($event.detail.data)" 10645 @storage.window="onStorageChange($event)" 10646 @cart-is-loading.window="isLoading = ($event.detail && $event.detail.isLoading) || false" 10647 @reload-cart-content.window="reloadCartContent()" 10648> 10649 <div class="min-h-screen-50 sm:min-h-screen-75 lg:min-h-screen-50"> 10650 <div class="cart-empty"> 10651 <p>Sie haben kein(e) Produkt(e) in Ihrem Einkaufswagen.</p> 10652 <p>Bitte klicken Sie <a href="https://www.haibu.de/">hier</a>, um Ihren Einkauf fortzusetzen. </p> 10653 </div> 10654 </div> 10655 10656 </div>
10657<script type="text/javascript"> 10658 if (typeof __robin !== 'undefined' && isLoggedIn()) { 10659 var customer = getCustomer(); 10660 var robin_settings = { 10661 callback: function (event, data) { 10662 if (event == 'init') { 10663 var name = customer.fullname; // determine real name 10664 var email = customer.email; // determine real email 10665 10666 if (email != null && email != '') { 10667 var ws = __robin.getWebStore(); 10668 10669 10670 ws.conversationTemplate.useAnonymousChat = true; 10671 __robin.setShopper(email, name); 10672 } 10673 } 10674 } 10675 }; 10676 } 10677 10678 /** 10679 * Function to check if customer is logged in 10680 * @returns {boolean} 10681 */ 10682 function isLoggedIn() { 10683 var mageCacheStorage = getMageCacheStorage(); 10684 10685 return mageCacheStorage != null && typeof mageCacheStorage.customer !== 'undefined'; 10686 } 10687 10688 /** 10689 * Get the customer from the local storage, because the PHP customer session is depersonalized on cached pages 10690 * @returns {Object} 10691 */ 10692 function getCustomer() { 10693 var mageCacheStorage = getMageCacheStorage(); 10694 if (mageCacheStorage != null && typeof mageCacheStorage.customer !== 'undefined') { 10695 return mageCacheStorage.customer; 10696 } 10697 10698 return { 10699 fullname: 'Unknown', 10700 email: '[email protected]' 10701 }; 10702 } 10703 10704 /** 10705 * @returns {Object|null} 10706 */ 10707 function getMageCacheStorage() 10708 { 10709 if (localStorage.getItem('mage-cache-storage') != null) { 10710 return JSON.parse(localStorage.getItem('mage-cache-storage')); 10711 } 10712 return null; 10713 } 10714</script>
10714 10715</div></div><div class="md:container"><div class="bg-gray-lighter py-7 lg:py-6 lg:flex lg:justify-between px-6"><div class="newsletter-signup-text-wrapper text-center mx-auto lg:w-auto lg:flex lg:items-center lg:text-left pb-3.5 lg:pb-0 lg:w-1/2 text-2xs"><p><strong>Melden Sie sich für unseren Newsletter an und Sie erhalten 10€* Rabatt auf Ihren nächsten Einkauf. <em>Achtung: Anmeldung muss per E-Mail bestätigt werden.</em></strong></p></div><div class="lg:w-1/2 mx-auto"> 10716 <form 10717 class="form subscribe flex w-full" 10718 action="https://www.haibu.de/newsletter/subscriber/new/" 10719 method="post" 10720 x-data="initNewsletterForm" 10721 @submit.prevent="submitForm" 10722 id="newsletter-validate-detail" 10723 aria-label="Newsletter abonnieren" 10724 > 10725 10726 <label for="newsletter-subscribe" class="sr-only"> 10727 E-Mailadresse </label> 10728 10729 <div class="flex w-full"> 10730 <input name="email" 10731 type="email" 10732 required 10733 id="newsletter-subscribe" 10734 class="form-input w-full border-transparent text-xs placeholder:text-black placeholder:font-medium focus:border-transparent rounded-r-none" 10735 placeholder="Ihre E-Mail Adresse" 10736 autocomplete="email" 10737 aria-describedby="footer-newsletter-heading"> 10738 10739 <input name="form_key" type="hidden" value="ZB2eGg295XfDbZ0O" /> 10740 <button class="flex md:w-48 items-center btn btn-secondary rounded-l-none"> 10741 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 14" fill="none" class="h-4 w-4 fill-current text-white" width="24" height="24" role="img"> 10742<path fill-rule="evenodd" clip-rule="evenodd" d="M15 0H1C0.734784 0 0.480444 0.105371 0.292908 0.292908C0.105371 0.480444 0 0.734784 0 1V13C0 13.2652 0.105371 13.5196 0.292908 13.7071C0.480444 13.8946 0.734784 14 1 14H15C15.2652 14 15.5196 13.8946 15.7071 13.7071C15.8946 13.5196 16 13.2652 16 13V1C16 0.734784 15.8946 0.480444 15.7071 0.292908C15.5196 0.105371 15.2652 0 15 0ZM14 12H2V2H14V12Z" fill="white"/> 10743<path d="M12.5 3H10.5C10.2239 3 10 3.22386 10 3.5V5.5C10 5.77614 10.2239 6 10.5 6H12.5C12.7761 6 13 5.77614 13 5.5V3.5C13 3.22386 12.7761 3 12.5 3Z" fill="white"/> 10744<path d="M8.5 6H3.5C3.22386 6 3 6.22386 3 6.5V7.5C3 7.77614 3.22386 8 3.5 8H8.5C8.77614 8 9 7.77614 9 7.5V6.5C9 6.22386 8.77614 6 8.5 6Z" fill="white"/> 10745<path d="M8.5 9H3.5C3.22386 9 3 9.22386 3 9.5V10.5C3 10.7761 3.22386 11 3.5 11H8.5C8.77614 11 9 10.7761 9 10.5V9.5C9 9.22386 8.77614 9 8.5 9Z" fill="white"/> 10746<title>moma-envelope</title></svg> 10747 <span class="ml-2">Abonnieren</span> 10748 </button> 10749 </div> 10750 10751 <div> 10752 <template x-if="displayErrorMessage"> 10753 <p class="flex items-center text-red"> 10754 <span class="inline-block w-8 h-8 mr-3"> 10755 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 10756 <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/> 10757</svg> 10758 </span> 10759 <template x-for="errorMessage in errorMessages"> 10760 <span x-html="errorMessage"></span> 10761 </template> 10762 </p> 10763 </template> 10764 </div> 10765 </form> 10766 10767 <div class="w-full"> 10768 </div> 10769 10770
10770<script> 10771 function initNewsletterForm() { 10772 return { 10773 errors: 0, 10774 hasCaptchaToken: 0, 10775 displayErrorMessage: false, 10776 errorMessages: [], 10777 setErrorMessages(messages) { 10778 this.errorMessages = [messages] 10779 this.displayErrorMessage = this.errorMessages.length 10780 }, 10781 submitForm() { 10782 // Do not rename $form, the variable is expected to be declared in the recaptcha output 10783 const $form = document.querySelector('#newsletter-validate-detail'); 10784 10785 if (this.errors === 0) { 10786 $form.submit(); 10787 } 10788 } 10789 } 10790 } 10791 10792 window.addEventListener('alpine:init', () => Alpine.data('initNewsletterForm', initNewsletterForm), {once: true}) 10793 </script>
10793 10794 </div> 10795</div></div></main><footer class="page-footer"><div class="footer content"><div class="container"><section aria-label="Onze voordelen"> 10796 <ul role="list" class="flex flex-col lg:flex-row gap-4 justify-start lg:justify-between items-start lg:items-center px-0 py-8 lg:py-12 list-none m-0 p-0"> 10797 10798<li> 10799 <a href="https://www.haibu.de/versand" 10800 class="flex items-center text-black hover:no-underline focus:no-underline" 10801 > 10802 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 15" class="fill-current h-4, w-4" width="24" height="24" aria-hidden="true"> 10803 <path d="M13.3333 1.66667V5H17.1L14.65 1.66667H13.3333ZM15 10C15.3523 9.99954 15.7007 10.0735 16.0224 10.2172C16.3441 10.3608 16.6318 10.5707 16.8667 10.8333H18.3333V6.66667H13.3333C12.8913 6.66667 12.4674 6.49107 12.1548 6.17851C11.8423 5.86595 11.6667 5.44203 11.6667 5V1.66667H1.66667V10.8333H3.13333C3.36786 10.5701 3.65542 10.3594 3.97713 10.2152C4.29884 10.0709 4.64743 9.99633 5 9.99633C5.35257 9.99633 5.70116 10.0709 6.02287 10.2152C6.34458 10.3594 6.63214 10.5701 6.86667 10.8333H13.1333C13.3682 10.5707 13.6559 10.3608 13.9776 10.2172C14.2993 10.0735 14.6477 9.99954 15 10ZM5 11.6667C4.83518 11.6667 4.67407 11.7155 4.53702 11.8071C4.39998 11.8987 4.29317 12.0288 4.2301 12.1811C4.16703 12.3334 4.15052 12.5009 4.18268 12.6626C4.21483 12.8242 4.2942 12.9727 4.41074 13.0893C4.52729 13.2058 4.67577 13.2852 4.83742 13.3173C4.99908 13.3495 5.16663 13.333 5.3189 13.2699C5.47117 13.2068 5.60132 13.1 5.69289 12.963C5.78446 12.8259 5.83333 12.6648 5.83333 12.5C5.83333 12.279 5.74554 12.067 5.58926 11.9107C5.43297 11.7545 5.22101 11.6667 5 11.6667ZM15 11.6667C14.8352 11.6667 14.6741 11.7155 14.537 11.8071C14.4 11.8987 14.2932 12.0288 14.2301 12.1811C14.167 12.3334 14.1505 12.5009 14.1827 12.6626C14.2148 12.8242 14.2942 12.9727 14.4107 13.0893C14.5273 13.2058 14.6758 13.2852 14.8374 13.3173C14.9991 13.3495 15.1666 13.333 15.3189 13.2699C15.4712 13.2068 15.6013 13.1 15.6929 12.963C15.7845 12.8259 15.8333 12.6648 15.8333 12.5C15.8333 12.279 15.7455 12.067 15.5893 11.9107C15.433 11.7545 15.221 11.6667 15 11.6667ZM15 15C14.337 15 13.7011 14.7366 13.2322 14.2678C12.7634 13.7989 12.5 13.163 12.5 12.5H7.5C7.5 13.163 7.23661 13.7989 6.76777 14.2678C6.29893 14.7366 5.66304 15 5 15C4.33696 15 3.70107 14.7366 3.23223 14.2678C2.76339 13.7989 2.5 13.163 2.5 12.5H1.66667C1.22464 12.5 0.800716 12.3244 0.488155 12.0118C0.175595 11.6993 0 11.2754 0 10.8333V1.66667C0 1.22464 0.175595 0.800716 0.488155 0.488155C0.800716 0.175595 1.22464 0 1.66667 0L14.65 0C14.9116 0.000629168 15.1693 0.0628144 15.4024 0.181526C15.6355 0.300237 15.8373 0.472141 15.9917 0.683333L20 6.13333V10.8333C20 11.2754 19.8244 11.6993 19.5118 12.0118C19.1993 12.3244 18.7754 12.5 18.3333 12.5H17.5C17.5 13.163 17.2366 13.7989 16.7678 14.2678C16.2989 14.7366 15.663 15 15 15Z"/> 10804</svg> 10805 <div class="usp-item text-2xs font-semibold ml-3.5"> 10806 Lieferung innerhalb von <strong>1-2 Tagen</strong>* </div> 10807 </a> 10808</li> 10809 10810<li> 10811 <a href="https://www.haibu.de/versand" 10812 class="flex items-center text-black hover:no-underline focus:no-underline" 10813 > 10814 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 16" class="fill-current h-4, w-4" width="24" height="24" aria-hidden="true"> 10815 <g clip-path="url(#clip0_349_382_2)"> 10816 <path d="M5.20686 1.61454C5.10771 1.61157 5.00974 1.63676 4.92432 1.6872C4.78449 1.7796 4.68384 1.92052 4.64178 2.08276C4.57523 2.44809 4.64718 2.82512 4.84359 3.14028C4.93999 3.33608 5.08472 3.50407 5.26411 3.62838C5.44351 3.75268 5.65163 3.82919 5.86882 3.85067C5.96674 3.8514 6.06348 3.82929 6.15136 3.78609C6.24138 3.72258 6.31577 3.63942 6.36892 3.54292C6.42206 3.44642 6.45257 3.3391 6.45812 3.22907C6.47771 2.92138 6.4046 2.61488 6.24823 2.34916C6.15048 2.14898 6.00379 1.97671 5.82175 1.8483C5.63972 1.71989 5.42823 1.63949 5.20686 1.61454ZM9.32392 1.61454C9.10658 1.63902 8.89885 1.71761 8.71975 1.84313C8.54064 1.96864 8.39587 2.13708 8.29869 2.33301C8.1335 2.60156 8.05461 2.9143 8.07265 3.22907C8.07577 3.34187 8.10511 3.45239 8.15835 3.55188C8.2116 3.65136 8.28729 3.73708 8.37941 3.80223C8.46729 3.84544 8.56404 3.86755 8.66196 3.86681C8.88079 3.84375 9.09002 3.76481 9.26956 3.63758C9.44909 3.51035 9.59291 3.3391 9.68719 3.14028C9.87803 2.82298 9.9442 2.44609 9.87286 2.08276C9.8308 1.92052 9.73014 1.7796 9.59031 1.6872C9.50916 1.64068 9.41745 1.61567 9.32392 1.61454ZM1.61453 5.50556V7.92736H6.45812V5.50556H1.61453ZM8.07265 5.50556V7.92736H12.9162V5.50556H8.07265ZM2.4218 9.54189V14.3855H6.45812V9.54189H2.4218ZM8.07265 9.54189V14.3855H12.109V9.54189H8.07265ZM12.109 16H2.4218C1.9936 16 1.58293 15.8299 1.28015 15.5271C0.977367 15.2243 0.807265 14.8137 0.807265 14.3855V9.47731C0.571084 9.39256 0.366811 9.23
10816699 0.222333 9.03183C0.0778546 8.82667 0.000210584 8.58192 0 8.33099L0 5.10193C0 4.78078 0.127576 4.47278 0.354664 4.2457C0.581751 4.01861 0.889748 3.89103 1.2109 3.89103H3.39859C3.02362 3.31618 2.88883 2.61729 3.02314 1.94422C3.15745 1.27116 3.55016 0.677526 4.11705 0.290628C4.44527 0.0990389 4.81875 -0.00129856 5.19879 1.26889e-05C5.59608 0.0113039 5.98628 0.107991 6.34287 0.283503C6.69947 0.459015 7.0141 0.709238 7.26539 1.01717C7.51667 0.709238 7.83131 0.459015 8.1879 0.283503C8.5445 0.107991 8.9347 0.0113039 9.33199 1.26889e-05C9.71203 -0.00129856 10.0855 0.0990389 10.4137 0.290628C10.984 0.67478 11.3795 1.26864 11.514 1.94295C11.6486 2.61726 11.5113 3.31742 11.1322 3.89103H13.3199C13.641 3.89103 13.949 4.01861 14.1761 4.2457C14.4032 4.47278 14.5308 4.78078 14.5308 5.10193V8.33099C14.5306 8.58192 14.4529 8.82667 14.3084 9.03183C14.164 9.23699 13.9597 9.39256 13.7235 9.47731V14.3855C13.7235 14.8137 13.5534 15.2243 13.2506 15.5271C12.9478 15.8299 12.5372 16 12.109 16Z"/> 10817 </g> 10818 <defs> 10819 <clipPath id="clip0_349_382_2"> 10820 <rect width="14.5308" height="16" fill="white"/> 10821 </clipPath> 10822 </defs> 10823</svg> 10824 <div class="usp-item text-2xs font-semibold ml-3.5"> 10825 <strong>Versandkostenfrei </strong>ab 50€* <em>(inkl. MwSt.)</em> </div> 10826 </a> 10827</li> 10828 10829<li> 10830 <a href="https://www.haibu.de/pro" 10831 class="flex items-center text-black hover:no-underline focus:no-underline" 10832 > 10833 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 20" class="fill-current h-4, w-4" width="24" height="24" aria-hidden="true"> 10834 <g clip-path="url(#clip0_349_372_2)"> 10835 <path d="M2.26215 2.36612C1.81145 3.0335 1.64678 3.56223 1.78546 3.87426C2.83134 5.74513 3.98909 7.55121 5.25241 9.2827L6.92521 9.69875L2.26215 2.36612ZM13.7464 2.36612L9.07476 9.74207L10.7476 9.32603C12.013 7.59596 13.1708 5.78974 14.2145 3.91759C14.3619 3.56222 14.1972 3.0335 13.7464 2.36612ZM4.06499 14.3618C3.72214 14.3618 3.38698 14.4635 3.10191 14.6539C2.81684 14.8444 2.59465 15.1151 2.46344 15.4319C2.33224 15.7486 2.29795 16.0972 2.36484 16.4335C2.43172 16.7697 2.59683 17.0786 2.83926 17.321C3.08169 17.5634 3.39052 17.7285 3.72679 17.7954C4.06305 17.8623 4.41162 17.828 4.72837 17.6968C5.04512 17.5656 5.31586 17.3434 5.50634 17.0583C5.69682 16.7733 5.79846 16.4381 5.79846 16.0953C5.79846 15.6355 5.61581 15.1946 5.29071 14.8695C4.96562 14.5444 4.52473 14.3618 4.06499 14.3618ZM11.8656 14.3618C11.5228 14.3618 11.1876 14.4635 10.9026 14.6539C10.6175 14.8444 10.3953 15.1151 10.2641 15.4319C10.1329 15.7486 10.0986 16.0972 10.1655 16.4335C10.2324 16.7697 10.3975 17.0786 10.6399 17.321C10.8823 17.5634 11.1912 17.7285 11.5274 17.7954C11.8637 17.8623 12.2123 17.828 12.529 17.6968C12.8458 17.5656 13.1165 17.3434 13.307 17.0583C13.4975 16.7733 13.5991 16.4381 13.5991 16.0953C13.5991 15.6355 13.4165 15.1946 13.0914 14.8695C12.7663 14.5444 12.3254 14.3618 11.8656 14.3618ZM11.8656 19.5622C10.9461 19.5622 10.0643 19.1969 9.41413 18.5468C8.76395 17.8966 8.39868 17.0148 8.39868 16.0953C8.39566 15.6358 8.48632 15.1806 8.66515 14.7574C8.84397 14.3341 9.10722 13.9518 9.43878 13.6337L8.286 11.8222L8.00864 11.7529L7.7226 11.8222L6.52655 13.7031C7.15069 14.3427 7.4992 15.2016 7.49729 16.0953C7.49729 16.781 7.29395 17.4513 6.91299 18.0214C6.53204 18.5915 5.99056 19.0359 5.35705 19.2983C4.72355 19.5607 4.02646 19.6294 3.35394 19.4956C2.68141 19.3618 2.06369 19.0316 1.57882 18.5468C1.09396 18.0619 0.763756 17.4442 0.629983 16.7716C0.49621 16.0991 0.564847 15.402 0.827253 14.7685C1.08966 14.135 1.53405 13.5936 2.10419 13.2126C2.67433 12.8316 3.34464 12.6283 4.03034 12.6283C4.37647 12.6292 4.72076 12.6788 5.05308 12.7757L6.0325 11.2502L4.84507 10.9555C4.43241 10.8537 4.07148 10.6039 3.83095 10.2534C2.49916 8.44019 1.28886 6.54077 0.207987 4.56764C-0.312056 3.41488 0.207998 1.96742 1.68145 0.285947C1.77062 0.184316 1.88233 0.104961 2.00765 0.0542118C2.13296 0.00346301 2.26843 -0.0172567 2.40319 -0.00630761C2.53795 0.00464149 2.66823 0.0469569 2.78371 0.11727C2.89919 0.187584 2.99662 0.283935 3.06822 0.398627L8.00864 8.14727L12.9404 0.398627C13.012 0.283935 13.1094 0.187584 13.2249 0.11727C13.3404 0.0469569 13.4707 0.00464149 13.6055 -0.00630761C13.7402 -0.0172567 13.8757 0.00346301 14.001 0.0542118C14.1263 0.104961 14.238 0.184316 14.3272 0.285947C15.844 2.01942 16.3207 3.41488 15.8093 4.56764C14.7205 6.53799 13.5075 8.43709 12.1777 10.2534C11.9392 10.6021 11.5817 10.8518 11.1723 10.9555L9.97615 11.2502L10.9382 12.7497C11.2402 12.6662 11.5524 12.6254 11.8656 12.6283C12.7851 12.6283 13.667 12.9936 14.3171 13.6438C14.9673 14.294 15.3326 15.1758 15.3326 16.0953C15.3326 17.0148 14.9673 17.8966 14.3171 18.5468C13.667 19.1969 12.7851 19.5622 11.8656 19.5622Z"/> 10836 </g> 10837 <defs> 10838 <clipPath id="clip0_349_372_2"> 10839 <rect width="16" height="19.5363"/> 10840 </clipPath> 10841 </defs> 10842</svg> 10843 <div class="usp-item text-2xs font-semibold ml-3.5"> 10844 Beratung von <strong>Profis</strong> </div> 10845 </a> 10846</li> 10847 10848<li> 10849 <a href="https://www.haibu.de/contact-service" 10850 class="flex items-center text-black hover:no-underline focus:no-underline" 10851 > 10852 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 14" class="fill-current h-4, w-4" width="24" height="24" aria-hidden="true"> 10853 <g clip-path="url(#clip0_349_376_2)"> 10854 <path d="M7.2 9.9H4.5C4.2613 9.9 4.03239 9.80518 3.8636 9.6364C3.69482 9.46761 3.6 9.23869 3.6 9C3.6 8.7613 3.69482 8.53239 3.8636 8.3636C4.03239 8.19482 4.2613 8.1 4.5 8.1H7.2C7.43869 8.1 7.66761 8.19482 7.8364 8.3636C8.00518 8.53239 8.1 8.7613 8.1 9C8.1 9.23869 8.00518 9.46761 7.8364 9.6364C7.66761 9.80518 7.43869 9.9 7.2 9.9ZM10.8 9.9H9.9C9.6613 9.9 9.43239 9.80518 9.2636 9.6364C9.09482 9.46761 9 9.23869 9 9C9 8.7613 9.09482 8.53239 9.2636 8.3636C9.43239 8.19482 9.6613 8.1 9.9 8.1H10.8C11.0387 8.1 11.2676 8.19482 11.4364 8.3636C11.6052 8.53239 11.7 8.7613 11.7 9C11.7 9.23869 11.6052 9.46761 11.4364 9.6364C11.2676 9.80518 11.0387 9.9 10.8 9.9ZM1.8 1.8V3.6H16.2V1.8H1.8ZM1.8 6.3V11.7H16.2V6.3H1.8ZM16.2 13.5H1.8C1.32261 13.5 0.864773 13.3104 0.527208 12.9728C0.189642 12.6352 0 12.1774 0 11.7V1.8C0 1.32261 0.189642 0.864773 0.527208 0.527208C0.8647
1085473 0.189642 1.32261 0 1.8 0L16.2 0C16.6774 0 17.1352 0.189642 17.4728 0.527208C17.8104 0.864773 18 1.32261 18 1.8V11.7C18 12.1774 17.8104 12.6352 17.4728 12.9728C17.1352 13.3104 16.6774 13.5 16.2 13.5Z"/> 10855 </g> 10856 <defs> 10857 <clipPath id="clip0_349_376_2"> 10858 <rect width="18" height="13.5"/> 10859 </clipPath> 10860 </defs> 10861</svg> 10862 <div class="usp-item text-2xs font-semibold ml-3.5"> 10863 <strong>Sicheres </strong>Zahlen </div> 10864 </a> 10865</li> 10866 10867<li> 10868 <a href="https://www.haibu.de/ruecksendung" 10869 class="flex items-center text-black hover:no-underline focus:no-underline" 10870 > 10871 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" class="fill-current h-4, w-4" width="24" height="24" aria-hidden="true"> 10872 <g clip-path="url(#clip0_349_368_2)"> 10873 <path d="M7.17008 8.21085C6.98964 8.21085 6.81328 8.15735 6.66325 8.0571C6.51322 7.95686 6.39626 7.81437 6.3272 7.64766C6.25815 7.48096 6.24011 7.29751 6.27531 7.12054C6.31051 6.94357 6.3974 6.78103 6.52499 6.65344C6.65258 6.52585 6.81515 6.43896 6.99212 6.40375C7.16909 6.36855 7.35251 6.3866 7.51922 6.45565C7.68592 6.5247 7.82841 6.64164 7.92866 6.79167C8.0289 6.9417 8.0824 7.11809 8.0824 7.29853C8.0824 7.54049 7.98627 7.77253 7.81518 7.94362C7.64408 8.11471 7.41205 8.21085 7.17008 8.21085ZM7.70837 11.3218C7.52903 11.3211 7.35389 11.2675 7.20483 11.1678C7.05577 11.0681 6.9394 10.9266 6.87028 10.7611C6.80117 10.5956 6.78236 10.4134 6.81622 10.2373C6.85007 10.0612 6.93507 9.89897 7.06061 9.7709L9.64248 7.18906C9.81701 7.03959 10.0415 6.96149 10.2711 6.97036C10.5007 6.97923 10.7185 7.07441 10.881 7.23689C11.0435 7.39937 11.1387 7.61718 11.1475 7.84679C11.1564 8.0764 11.0783 8.3009 10.9288 8.47543L8.34695 11.0573C8.17702 11.2258 7.94771 11.3208 7.70837 11.3218ZM10.8193 11.8601C10.6389 11.8601 10.4625 11.8066 10.3125 11.7064C10.1625 11.6061 10.0455 11.4636 9.97647 11.2969C9.90742 11.1302 9.88937 10.9468 9.92457 10.7698C9.95977 10.5928 10.0467 10.4303 10.1743 10.3027C10.3018 10.1751 10.4644 10.0882 10.6414 10.053C10.8184 10.0178 11.0018 10.0359 11.1685 10.1049C11.3352 10.174 11.4777 10.2909 11.5779 10.4409C11.6782 10.591 11.7317 10.7674 11.7317 10.9478C11.7317 11.1898 11.6355 11.4218 11.4644 11.5929C11.2933 11.764 11.0613 11.8601 10.8193 11.8601ZM8.99472 14.9437C9.09744 14.9449 9.19924 14.9634 9.2958 14.9985L11.4032 15.7283L12.5345 13.8125C12.6443 13.638 12.8075 13.5036 12.9998 13.4293L15.089 12.6356L14.7241 10.4369C14.6867 10.2325 14.7257 10.0215 14.8336 9.8439L15.9192 7.90066L14.2314 6.45008C14.0752 6.31571 13.9691 6.13242 13.9303 5.93006L13.5107 3.73137H11.2846C11.079 3.7211 10.8816 3.64783 10.719 3.52153L8.99472 2.08921L7.27043 3.50329C7.10786 3.62959 6.9104 3.70286 6.70479 3.71313H4.47874L4.05911 5.91182C4.02036 6.11418 3.91423 6.29745 3.75803 6.43182L2.07021 7.88243L3.15587 9.82564C3.25852 10.0052 3.29712 10.2143 3.26534 10.4187L2.90045 12.6173L4.98963 13.4111C5.18192 13.4854 5.3451 13.6198 5.45492 13.7942L6.58619 15.7101L8.69364 14.9802C8.79125 14.9514 8.89303 14.939 8.99472 14.9437ZM11.8047 17.7537C11.7018 17.754 11.5997 17.7355 11.5036 17.6989L8.99472 16.7866L6.48585 17.6989C6.38969 17.7355 6.28763 17.754 6.18477 17.7537C6.02644 17.7536 5.87085 17.7124 5.73329 17.634C5.59572 17.5557 5.48093 17.4428 5.40019 17.3066L4.04998 15.0167L1.55932 14.1044C1.36407 14.0296 1.20044 13.89 1.09581 13.709C0.991178 13.528 0.951897 13.3165 0.984551 13.11L1.41337 10.4916L0.108763 8.17435C0.00507736 7.9904 -0.0315758 7.77619
108730.00502501 7.56823C0.0416258 7.36027 0.149187 7.17144 0.309446 7.03395L2.32569 5.30055L2.81832 2.69134C2.85908 2.48049 2.97295 2.29076 3.13983 2.15559C3.30671 2.02041 3.51591 1.94846 3.73063 1.95237H6.3855L8.44735 0.273684C8.59286 0.122148 8.78618 0.0254849 8.99472 0C9.20474 0.00169778 9.40776 0.0758226 9.56948 0.209843L11.6313 1.8885H14.2861C14.5009 1.8846 14.7101 1.95657 14.877 2.09175C15.0439 2.22692 15.1577 2.41662 15.1985 2.62748L15.6911 5.23669L17.7073 6.97011C17.8676 7.1076 17.9752 7.2964 18.0118 7.50436C18.0484 7.71232 18.0118 7.92656 17.9081 8.1105L16.6035 10.4278L17.0322 13.0461C17.0649 13.2526 17.0256 13.4641 16.921 13.6451C16.8163 13.8261 16.6527 13.9658 16.4575 14.0406L13.9669 14.9529L12.5892 17.334C12.5052 17.4651 12.3889 17.5725 12.2516 17.646C12.1142 17.7194 11.9604 17.7565 11.8047 17.7537Z"/> 10874 </g> 10875 <defs> 10876 <clipPath id="clip0_349_368_2"> 10877 <rect width="18" height="17.7537" fill="white"/> 10878 </clipPath> 10879 </defs> 10880</svg> 10881 <div class="usp-item text-2xs font-semibold ml-3.5"> 10882 <strong>Einfache </strong>Rücksendung </div> 10883 </a> 10884</li> 10885 </ul> 10886</section> 10887</div> 10888<footer class="bg-black" aria-labelledby="footer-heading"> 10889 <h2 id="footer-heading" class="sr-only">FuÃzeile></h2> 10890 <div class="container bg-black text-white" x-data="{activeFooterTab: '0'}"> 10891 <div class="pt-4 pb-8 lg:px-0 lg:py-12 relative z-10"> 10892 <div class="lg:grid lg:grid-cols-4 lg:gap-x-10"> 10893 <div class="space-y-8 col-span-2 row-span-1 border-b border-white/10 py-6 lg:pt-0 lg:pb-10"> 10894 <div class="contact-options-wrapper"><div class="text-sans-serif font-semibold text-[17px] leading-8 mb-4">Kontaktieren Sie uns unter</div><div class="grid xl:justify-between xl:flex xl:flex-row gap-3 text-white pt-6 xl:pr-14 10895 xl:pt-4"><div class="flex justify-between flex-row xl:block"><div class="flex xl:flex-row lg:pb-3"><a href="tel:+4932221090842" 10896 class="social-media-icon" 10897 title="Telefonnummer"> 10898 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="h-5 w-5 fill-white" width="24" height="24" role="img"> 10899 <path d="M17.07 2.92786C13.1642 -0.976781 6.83251 -0.975844 2.92786 2.93001C-0.976781 6.83587 -0.975844 13.1675 2.93001 17.0721C6.83587 20.9768 13.1675 20.9759 17.0722 17.07C18.9474 15.1942 20.0006 12.6502 20 9.99786C19.9995 7.34591 18.9455 4.80278 17.07 2.92786ZM15.1447 13.9299C15.1442 13.9303 15.1438 13.9308 15.1433 13.9312V13.9279L14.6366 14.4312C13.9814 15.0948 13.027 15.3678 12.12 15.1512C11.2061 14.9066 10.3374 14.5172 9.54665 13.9979C8.81204 13.5284 8.13126 12.9796 7.51665 12.3612C6.95114 11.7998 6.4431 11.1834 5.99997 10.5212C5.51528 9.80864 5.13165 9.03239 4.85997 8.21454C4.54853 7.25376 4.80661 6.1995 5.52665 5.49122L6.11997 4.8979C6.28493 4.7322 6.55298 4.73161 6.71864 4.89657C6.71907 4.897 6.71954 4.89743 6.71997 4.8979L8.59329 6.77122C8.75899 6.93618 8.75958 7.20423 8.59462 7.36989C8.59419 7.37032 8.59376 7.37075 8.59329 7.37122L7.49329 8.47122C7.17767 8.78341 7.13798 9.2795 7.39997 9.6379C7.79782 10.1839 8.2381 10.6977 8.71665 11.1746C9.2502 11.7104 9.83024 12.1979 10.45 12.6313C10.8081 12.881 11.2935 12.8389 11.6033 12.5313L12.6666 11.4513C12.8316 11.2856 13.0996 11.285 13.2653 11.4499C13.2657 11.4504 13.2661 11.4508 13.2666 11.4513L15.1433 13.3313C15.309 13.4962 15.3096 13.7642 15.1447 13.9299Z"/> 10900<title>moma-telephone</title></svg> 10901 </a> 10902 <div class="hidden xs:flex ml-6 font-semibold text-sm items-center contact-options-text"><p>Telefonnummer</p></div></div><div class="flex items-center contact-options-value"><p><strong>032 22 10 90 842</strong></p></div></div><div class="flex justify-between flex-row xl:block"><div class="flex xl:flex-row lg:pb-3"><a href="https://wa.me/+31850871062" 10903 class="social-media-icon" 10904 title="Whatsapp"> 10905 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="h-5 w-5 fill-white" width="24" height="24" role="img"> 10906 <path d="M17.1939 2.80609C15.3844 0.996523 12.9785 0 10.4194 0C7.86035 0 5.45441 0.996523 3.64484 2.80609C1.83527 4.61566 0.838789 7.02152 0.838789 9.58059C0.838789 11.2016 1.24914 12.7946 2.02805 14.2057L0 20L5.79426 17.972C7.20535 18.7508 8.79832 19.1612 10.4194 19.1612C12.9784 19.1612 15.3844 18.1646 17.1939 16.3551C19.0034 14.5456 20 12.1397 20 9.58059C20 7.02148 19.0034 4.61562 17.1939 2.80609ZM15.1557 13.1396L14.0496 14.2457C13.1334 15.162 10.5336 14.0478 8.24289 11.7571C5.95219 9.46641 4.83801 6.86668 5.7543 5.95039L6.86031 4.84438C7.08937 4.61531 7.46078 4.61531 7.
1090668984 4.84438L9.07238 6.22691C9.30145 6.45598 9.30145 6.82738 9.07238 7.05645L8.24285 7.88598C9.0475 9.58469 10.4153 10.9525 12.114 11.7571L12.9436 10.9276C13.1726 10.6985 13.544 10.6985 13.7731 10.9276L15.1556 12.3101C15.3847 12.5392 15.3847 12.9106 15.1557 13.1396Z"/> 10907<title>moma-whatsapp</title></svg> 10908 </a> 10909 <div class="hidden xs:flex ml-6 font-semibold text-sm items-center contact-options-text"><p>Whatsapp</p></div></div><div class="flex items-center contact-options-value"><p><strong>+31(0)850871062</strong></p></div></div> 10910<div class="flex justify-between flex-row xl:block"> 10911 <div id="robin_tab_container" x-data="initRobinHq()" x-bind="eventListeners" class="flex xl:flex-row lg:pb-3"> 10912 <span @click.prevent="openRobin()" class="social-media-icon cursor-pointer"> 10913 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="h-5 w-5 fill-white" width="24" height="24" role="img"> 10914 <path d="M16.4825 3.51832C15.4566 2.48817 14.1998 1.71762 12.8165 1.27064C11.4331 0.823664 9.963 0.713166 8.52833 0.948323C6.67799 1.25913 4.9663 2.12641 3.62133 3.43461C2.27636 4.74281 1.36197 6.42981 1 8.27082C0.635316 10.1715 0.883942 12.1389 1.71 13.8892L1.20084 16.4167C1.13597 16.7434 1.15265 17.0812 1.24943 17.4C1.3462 17.7188 1.52007 18.0088 1.75564 18.2444C1.99122 18.4799 2.28124 18.6538 2.60003 18.7506C2.91882 18.8473 3.25656 18.864 3.58334 18.7992L6.1075 18.2942C7.32442 18.8695 8.65391 19.1675 10 19.1667C10.5804 19.1664 11.1596 19.1123 11.73 19.005C13.5718 18.6425 15.2594 17.7272 16.5678 16.3811C17.8762 15.0351 18.7432 13.3222 19.0533 11.4708C19.2886 10.0363 19.178 8.56643 18.7309 7.18326C18.2838 5.8001 17.5129 4.54364 16.4825 3.51832ZM17.405 11.2142C17.2153 12.379 16.753 13.4824 16.0559 14.4347C15.3588 15.3869 14.4466 16.161 13.3935 16.6938C12.3405 17.2266 11.1765 17.5031 9.99636 17.5007C8.81622 17.4983 7.65334 17.2171 6.6025 16.68C6.48549 16.6197 6.35578 16.5883 6.22417 16.5883C6.1682 16.5883 6.11237 16.5939 6.0575 16.605L3.2575 17.165C3.19922 17.1765 3.13898 17.1735 3.08213 17.1562C3.02528 17.139 2.97357 17.108 2.93155 17.0659C2.88954 17.0239 2.85852 16.9722 2.84124 16.9154C2.82397 16.8585 2.82097 16.7983 2.8325 16.74L3.3925 13.9392C3.42954 13.7553 3.4031 13.5644 3.3175 13.3975C2.78078 12.3464 2.49994 11.1834 2.49786 10.0032C2.49578 8.82306 2.77252 7.65908 3.30554 6.60612C3.83855 5.55316 4.61277 4.64101 5.56512 3.94397C6.51746 3.24693 7.621 2.78472 8.78583 2.59499C9.96098 2.40367 11.1648 2.4945 12.2979 2.85999C13.4311 3.22547 14.4611 3.85513 15.303 4.69703C16.1448 5.53893 16.7745 6.56893 17.14 7.70207C17.5055 8.83521 17.5963 10.039 17.405 11.2142Z"/> 10915 <path d="M13.3333 7.5H6.66668C6.44566 7.5 6.2337 7.5878 6.07742 7.74408C5.92114 7.90036 5.83334 8.11232 5.83334 8.33333C5.83334 8.55434 5.92114 8.76631 6.07742 8.92259C6.2337 9.07887 6.44566 9.16666 6.66668 9.16666H13.3333C13.5543 9.16666 13.7663 9.07887 13.9226 8.92259C14.0789 8.76631 14.1667 8.55434 14.1667 8.33333C14.1667 8.11232 14.0789 7.90036 13.9226 7.74408C13.7663 7.5878 13.5543 7.5 13.3333 7.5Z"/> 10916 <path d="M10 10.8333H6.66668C6.44566 10.8333 6.2337 10.9211 6.07742 11.0774C5.92114 11.2337 5.83334 11.4456 5.83334 11.6667C5.83334 11.8877 5.92114 12.0996 6.07742 12.2559C6.2337 12.4122 6.44566 12.5 6.66668 12.5H10C10.221 12.5 10.433 12.4122 10.5893 12.2559C10.7456 12.0996 10.8334 11.8877 10.8334 11.6667C10.8334 11.4456 10.7456 11.2337 10.5893 11.0774C10.433 10.9211 10.221 10.8333 10 10.8333Z"/> 10917<title>moma-chat</title></svg> 10918 </span> 10919 <div class="cursor-pointer hidden xs:flex ml-6 font-semibold text-sm items-center"> 10920 <span @click.prevent="openRobin()">Chatten mit...</span> 10921 </div> 10922 </div> 10923 <div id="robin_tab_container" x-data="initRobinHq()" x-bind="eventListeners" class="flex items-center contact-options-value"> 10924 <p @click.prevent="openRobin()" class="cursor-pointer flex items-center"> 10925 <strong x-text="activeUser"></strong> 10926 <span x-show="status" class="h-2 w-2 bg-green rounded-full ml-2"></span> 10927 </p> 10928 </div> 10929</div> 10930 10931
10932<script> 10933 var robin_settings = { 10934 callback: function(event, data){ 10935 if (event === 'init') { 10936 const isOnline = __robin.getOnlineStatus(); 10937 10938 window.dispatchEvent( 10939 new CustomEvent( 10940 "retrieve-status", 10941 {detail: isOnline} 10942 ) 10943 ); 10944 10945 if (isOnline) { 10946 window.dispatchEvent( 10947 new CustomEvent( 10948 "retrieve-users", 10949 {detail: __robin.getAllUsers()} 10950 ) 10951 ); 10952 10953 window.dispatchEvent( 10954 new CustomEvent( 10955 "init-robin-icon" 10956 ) 10957 ) 10958 } 10959 } 10960 } 10961 }; 10962 10963 function initRobinHq() { 10964 return { 10965 status: false, 10966 users: [], 10967 activeUser: 'Offline', 10968 10969 openRobin() { 10970 __robin.show() 10971 }, 10972 10973 eventListeners: { 10974 ['@retrieve-status.window'](event) { 10975 this.status = event.detail; 10976 }, 10977 ['@retrieve-users.window'](event) { 10978 this.users = event.detail 10979 10980 var activeUser = this.users.find(function (user) { 10981 return user.presence === "online"; 10982 }); 10983 10984 this.activeUser = activeUser.name 10985 }, 10986 ['@init-robin-icon.window'](event) { 10987 if(this.status) { 10988 const tab = document.getElementById("robin_tab"); 10989 if (tab) { 10990 tab.className += " robin-online"; 10991 } 10992 10993 const customRobinButtonWrapper = document.getElementById("customRobinButtonWrapper"); 10994 if (customRobinButtonWrapper) { 10995 customRobinButtonWrapper.className += " online"; 10996 } 10997 } 10998 } 10999 } 11000 } 11001 } 11002</script>
11002 11003 11004 11005 11006</div></div> </div> 11007 <div class="row-span-1 border-b border-white/10 py-3.5 lg:pt-0 lg:pb-10"> 11008 <a href="https://www.trustedshops.de/bewertung/info_X58AE1F430672E02040339F5ADD541C04.html" target="_blank" class="text-white hover:no-underline"> 11009 <div class="font-semibold text-[17px]"> 11010 Gut 4.5 von 5 </div> 11011 <div class="h-[22px] w-[110px]" style=" 11012 background: transparent url('https://www.haibu.de/static/version1791360036/frontend/Moma/default_DE/de_DE/images/trustedshops_star_grey-1x.png'); 11013 background-size: contain;"> 11014 <span class="inline-block bg-auto h-[22px]" 11015 style=" 11016 background: transparent url('https://www.haibu.de/static/version1791360036/frontend/Moma/default_DE/de_DE/images/trustedshops_star_yellow-1x.png'); 11017 width: 80%; 11018 background-size: contain; 11019 "></span> 11020 </div> 11021 <div class="mt-2"> 11022 <strong>1522 Kunden </strong>haben auf Trusted Shops eine Bewertung zu einem unserer Produkte geschrieben </div> 11023 </a> 11024 11025 </div> 11026 11027 <div class="lg:border-b border-white/10 lg:pb-10 row-span-1"> 11028 <div class="border-b border-white/10 lg:border-none"> 11029 <p class="flex justify-between items-center relative py-3.5 lg:pt-0 lg:py-0 lg:px-0"> 11030 <span 11031 class="font-semibold text-[17px]">Kontakt</span> 11032 <span class="transform lg:hidden" 11033 :class="{'rotate-90': activeFooterTab === '6ac7405263393'}"> 11034 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-3 w-3 fill-current" width="24" height="24" role="img"> 11035 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 11036<title>moma-chevron-right</title></svg> 11037 </span> 11038 <span 11039 @click="activeFooterTab = (activeFooterTab === '6ac7405263393' ? '0' : '6ac7405263393')" 11040 class="absolute w-full h-full block top-0 left-0 lg:hidden"></span> 11041 </p> 11042 <ul :class="{'block': activeFooterTab === '6ac7405263393', 'hidden lg:block': activeFooterTab !== '6ac7405263393'}" 11043 class=""> 11044 <div class="pb-3.5 lg:pb-0"><p>Haibu<br /> 11045Heinrich-Hertz-StraÃe 13<br /> 1104646399 Bocholt, Deutschland</p></div> 11047 </ul> 11048 </div> 11049 </div> 11050 11051 <div class="lg:grid row-span-2 col-span-2 lg:border-b border-white/10 grid-cols-2 lg:py-10"> 11052 <div class="col-span-1"> 11053 11054<div class="border-b border-white/10 lg:border-none"> 11055 <p class="flex justify-between items-center relative py-3 lg:px-0 lg:pb-2 lg:pt-0">
11056 <span class="font-semibold text-[17px]">Kundenservice</span> 11057 <span class="transform lg:hidden" :class="{'rotate-90': activeFooterTab === '6ac740526a609'}"> 11058 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-3 w-3 fill-current" width="24" height="24" role="img"> 11059 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 11060<title>moma-chevron-right</title></svg> 11061 </span> 11062 <span @click="activeFooterTab = (activeFooterTab === '6ac740526a609' ? '0' : '6ac740526a609')" 11063 class="absolute w-full h-full block top-0 left-0 lg:hidden"></span> 11064 </p> 11065 <ul :class="{'block pb-3.5': activeFooterTab === '6ac740526a609', 'hidden lg:block': activeFooterTab !== '6ac740526a609'}" 11066 class=""> 11067 <li> 11068 <a href="https://www.haibu.de/faq-hilfe" 11069 class="text-xs text-white"> 11070 FAQ - Hilfe </a> 11071</li> 11072<li> 11073 <a href="https://www.haibu.de/sicheres-zahlen" 11074 class="text-xs text-white"> 11075 Sicheres zahlen </a> 11076</li> 11077<li> 11078 <a href="https://www.haibu.de/service-kontakt" 11079 class="text-xs text-white"> 11080 Service und kontakt </a> 11081</li> 11082<li> 11083 <a href="https://www.haibu.de/versand" 11084 class="text-xs text-white"> 11085 Versand </a> 11086</li> 11087<li> 11088 <a href="https://www.haibu.de/ruecksendung" 11089 class="text-xs text-white"> 11090 Rücksendung </a> 11091</li> 11092<li> 11093 <a href="https://www.haibu.de/widerrufsrecht" 11094 class="text-xs text-white"> 11095 Widerrufsrecht </a> 11096</li> 11097 </ul> 11098</div> 11099 </div> 11100 11101 <div class="lg:grid col-span-1"> 11102 11103<div class="border-b border-white/10 lg:border-none"> 11104 <p class="flex justify-between items-center relative py-3 lg:px-0 lg:pb-2 lg:pt-0"> 11105 <span class="font-semibold text-[17px]">Ãber Haibu</span> 11106 <span class="transform lg:hidden" :class="{'rotate-90': activeFooterTab === '6ac740526cee8'}"> 11107 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-3 w-3 fill-current" width="24" height="24" role="img"> 11108 <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/> 11109<title>moma-chevron-right</title></svg> 11110 </span> 11111 <span @click="activeFooterTab = (activeFooterTab === '6ac740526cee8' ? '0' : '6ac740526cee8')" 11112 class="absolute w-full h-full block top-0 left-0 lg:hidden"></span> 11113 </p> 11114 <ul :class="{'block pb-3.5': activeFooterTab === '6ac740526cee8', 'hidden lg:block': activeFooterTab !== '6ac740526cee8'}" 11115 class=""> 11116 <li> 11117 <a href="https://www.haibu.de/uber-uns" 11118 class="text-xs text-white"> 11119 Ãber uns </a> 11120</li> 11121<li> 11122 <a href="https://www.haibu.de/pro" 11123 class="text-xs text-white"> 11124 Vorteile für Geschäftskunden (Profis) </a> 11125</li> 11126<li> 11127 <a href="https://www.haibu.de/aktionen-an-der-kasse" 11128 class="text-xs text-white"> 11129 Aktionen an der Kasse </a> 11130</li> 11131<li> 11132 <a href="https://www.haibu.de/blog" 11133 class="text-xs text-white"> 11134 Blog </a> 11135</li> 11136<li> 11137 <a href="https://www.haibu.de/nachhaltigkeit-csr" 11138 class="text-xs text-white"> 11139 Nachhaltigkeit </a> 11140</li> 11141<li> 11142 <a href="https://www.haibu.de/newsletter" 11143 class="text-xs text-white"> 11144 Newsletter </a> 11145</li> 11146 </ul> 11147</div> 11148 </div> 11149 </div> 11150 11151 <div class="hidden lg:block pt-10"> 11152 <div class="font-semibold text-[17px]"> 11153 Ausgewählte Bewertung </div> 11154 11155 <div class="mt-5 p-5 rounded bg-white/10"> 11156 <div class="flex items-center"> 11157 11158 <div class="h-[22px] w-[110px]" style=" 11159 background: transparent url('https://www.haibu.de/static/version1791360036/frontend/Moma/default_DE/de_DE/images/trustedshops_star_grey-1x.png'); 11160 background-size: contain;">
11161 <span class="inline-block bg-auto h-[22px]" 11162 style=" 11163 background: transparent url('https://www.haibu.de/static/version1791360036/frontend/Moma/default_DE/de_DE/images/trustedshops_star_yellow-1x.png'); 11164 width: 100%; 11165 background-size: contain; 11166 "></span> 11167 </div> 11168 11169 <span class="text-white/50 ml-3"> 11170 13/02/2026 </span> 11171 </div> 11172 11173 <div class="mt-2"> 11174 <div class="font-bold"> 11175 Alles gut gelaufen </div> 11176 <p class="text-white/50"> 11177 Alles gut gelaufen </p> 11178 </div> 11179 </div> 11180 </div> 11181 11182 <div class="hidden lg:block lg:border-b border-white/10 py-10 row-span-1"> 11183 <div class="customer-service-wrapper"><div class="lg:pb-2 text-sans-serif font-semibold text-[17px] leading-8 mb-4">Kundenservice</div><div class="flex flex-col text-white"><div class="flex"><div class="font-semibold pr-3 flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="h-4 w-4 fill-white" width="24" height="24" role="img"> 11184 <path d="M17.07 2.92786C13.1642 -0.976781 6.83251 -0.975844 2.92786 2.93001C-0.976781 6.83587 -0.975844 13.1675 2.93001 17.0721C6.83587 20.9768 13.1675 20.9759 17.0722 17.07C18.9474 15.1942 20.0006 12.6502 20 9.99786C19.9995 7.34591 18.9455 4.80278 17.07 2.92786ZM15.1447 13.9299C15.1442 13.9303 15.1438 13.9308 15.1433 13.9312V13.9279L14.6366 14.4312C13.9814 15.0948 13.027 15.3678 12.12 15.1512C11.2061 14.9066 10.3374 14.5172 9.54665 13.9979C8.81204 13.5284 8.13126 12.9796 7.51665 12.3612C6.95114 11.7998 6.4431 11.1834 5.99997 10.5212C5.51528 9.80864 5.13165 9.03239 4.85997 8.21454C4.54853 7.25376 4.80661 6.1995 5.52665 5.49122L6.11997 4.8979C6.28493 4.7322 6.55298 4.73161 6.71864 4.89657C6.71907 4.897 6.71954 4.89743 6.71997 4.8979L8.59329 6.77122C8.75899 6.93618 8.75958 7.20423 8.59462 7.36989C8.59419 7.37032 8.59376 7.37075 8.59329 7.37122L7.49329 8.47122C7.17767 8.78341 7.13798 9.2795 7.39997 9.6379C7.79782 10.1839 8.2381 10.6977 8.71665 11.1746C9.2502 11.7104 9.83024 12.1979 10.45 12.6313C10.8081 12.881 11.2935 12.8389 11.6033 12.5313L12.6666 11.4513C12.8316 11.2856 13.0996 11.285 13.2653 11.4499C13.2657 11.4504 13.2661 11.4508 13.2666 11.4513L15.1433 13.3313C15.309 13.4962 15.3096 13.7642 15.1447 13.9299Z"/> 11185<title>moma-telephone</title></svg> 11186 </div><div class="text-pink"> 032 22 10 90 842</div></div><div class="flex"><div class="font-semibold pr-3 flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 14" fill="none" class="h-4 w-4 fill-white" width="24" height="24" role="img"> 11187<path fill-rule="evenodd" clip-rule="evenodd" d="M15 0H1C0.734784 0 0.480444 0.105371 0.292908 0.292908C0.105371 0.480444 0 0.734784 0 1V13C0 13.2652 0.105371 13.5196 0.292908 13.7071C0.480444 13.8946 0.734784 14 1 14H15C15.2652 14 15.5196 13.8946 15.7071 13.7071C15.8946 13.5196 16 13.2652 16 13V1C16 0.734784 15.8946 0.480444 15.7071 0.292908C15.5196 0.105371 15.2652 0 15 0ZM14 12H2V2H14V12Z" fill="white"/> 11188<path d="M12.5 3H10.5C10.2239 3 10 3.22386 10 3.5V5.5C10 5.77614 10.2239 6 10.5 6H12.5C12.7761 6 13 5.77614 13 5.5V3.5C13 3.22386 12.7761 3 12.5 3Z" fill="white"/> 11189<path d="M8.5 6H3.5C3.22386 6 3 6.22386 3 6.5V7.5C3 7.77614 3.22386 8 3.5 8H8.5C8.77614 8 9 7.77614 9 7.5V6.5C9 6.22386 8.77614 6 8.5 6Z" fill="white"/> 11190<path d="M8.5 9H3.5C3.22386 9 3 9.22386 3 9.5V10.5C3 10.7761 3.22386 11 3.5 11H8.5C8.77614 11 9 10.7761 9 10.5V9.5C9 9.22386 8.77614 9 8.5 9Z" fill="white"/> 11191<title>moma-envelope</title></svg> 11192 </div><div class="text-pink"> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="9ef5ebf0fafbf0edfbece8f7fdfbdef6fff7fcebb0fafb">[email protected]</a></div></div><div class="flex"><div class="font-semibold pr-3 flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="h-4 w-4 fill-white" width="24" height="24" role="img"> 11193 <path d="M17.1939 2.80609C15.3844 0.996523 12.9785 0 10.4194 0C7.86035 0 5.45441 0.996523 3.64484 2.80609C1.83527 4.61566 0.838789 7.02152 0.838789 9.58059C0.838789 11.2016 1.24914 12.7946 2.02805 14.2057L0 20L5.79426 17.972C7.20535 18.7508 8.79832 19.1612 10.4194 19.1612C12.9784 19.1612 15.3844 18.1646 17.1939 16.3551C19.0034 14.5456 20 12.1397 20 9.58059C20 7.02148 19.0034 4.61562 17.1939 2.80609ZM15.1557 13.1396L14.0496 14.2457C13.1334 15.162 10.5336 14.0478 8.24289 11.7571C5.95219 9.46641 4.83801 6.86668 5.7543 5.95039L6.86031 4.84438C7.08937 4.61531 7.46078 4.61531 7.
1119368984 4.84438L9.07238 6.22691C9.30145 6.45598 9.30145 6.82738 9.07238 7.05645L8.24285 7.88598C9.0475 9.58469 10.4153 10.9525 12.114 11.7571L12.9436 10.9276C13.1726 10.6985 13.544 10.6985 13.7731 10.9276L15.1556 12.3101C15.3847 12.5392 15.3847 12.9106 15.1557 13.1396Z"/> 11194<title>moma-whatsapp</title></svg> 11195 </div><div class="text-pink">+31(0)850871062</div></div></div></div> </div> 11196 11197 <div class="hidden lg:block col-start-4 pt-10 row-span-2"> 11198 <span class="font-semibold text-[17px]"></span> 11199 <span><p></p></span> 11200 </div> 11201 11202 <div class="col-span-2 row-span-1 lg:pt-10"> 11203 <div class="social-wrapper flex flex-row justify-between items-center"><div class="hidden lg:block text-sans-serif font-semibold text-[17px] leading-8 mb-4">Folgen Sie uns auch in den sozialen Medien</div><div class="flex flex-row gap-2 text-white pt-6 lg:pt-0"><a href="https://www.facebook.com/haibudeutschland" 11204 target="_blank" 11205 class="social-media-icon" 11206 title="Facebook"> 11207 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="h-4 w-4 fill-white" width="24" height="24" role="img"> 11208 <g clip-path="url(#clip0_129_3150)"> 11209 <path d="M15.1176 0H0.883064C0.64891 0.000158802 0.424391 0.093246 0.258819 0.258818C0.0932474 0.424389 0.000158802 0.648907 0 0.88306V15.1175C0.000158802 15.3517 0.0932474 15.5762 0.258819 15.7418C0.424391 15.9074 0.64891 16.0004 0.883064 16.0006H8.54645V9.80419H6.4614V7.38941H8.54645V5.6089C8.54645 3.54183 9.8054 2.41658 11.6525 2.41658C12.2748 2.41441 12.8968 2.44623 13.5157 2.5119V4.67009H12.237C11.234 4.67009 11.038 5.14609 11.038 5.8457V7.38701H13.4288L13.1176 9.80179H11.0404V16.0006H15.117C15.3511 16.0004 15.5756 15.9074 15.7412 15.7418C15.9068 15.5762 15.9999 15.3517 16 15.1175V0.88306C15.9999 0.64901 15.9069 0.424584 15.7414 0.259029C15.576 0.0934749 15.3516 0.000317517 15.1176 0Z"/> 11210 </g> 11211 <defs> 11212 <clipPath id="clip0_129_3150"> 11213 <rect width="16" height="16"/> 11214 </clipPath> 11215 </defs> 11216<title>moma-facebook</title></svg> 11217 </a> 11218 <a href="https://www.instagram.com/haibu_de" 11219 target="_blank" 11220 class="social-media-icon" 11221 title="Instagram"> 11222 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="h-4 w-4 fill-white" width="24" height="24" role="img"> 11223 <g clip-path="url(#clip0_129_3154)"> 11224 <path d="M8 1.44073C10.1362 1.44073 10.389 1.44898 11.2328 1.48741C12.0127 1.52298 12.4363 1.65318 12.7183 1.76273C13.0662 1.89083 13.3809 2.0954 13.6392 2.36134C13.9052 2.61965 14.1098 2.93436 14.2379 3.28226C14.3474 3.56426 14.4776 3.98788 14.5132 4.76781C14.5516 5.61157 14.5599 5.86435 14.5599 8.00059C14.5599 10.1368 14.5516 10.3896 14.5132 11.2334C14.4776 12.0133 14.3474 12.4369 14.2379 12.7189C14.1046 13.0638 13.9007 13.3771 13.6393 13.6386C13.3778 13.9 13.0645 14.1039 12.7196 14.2372C12.4376 14.3467 12.014 14.4769 11.234 14.5125C10.3906 14.5509 10.1375 14.5592 8.00127 14.5592C5.86504 14.5592 5.61194 14.5509 4.7685 14.5125C3.98857 14.4769 3.56494 14.3467 3.28295 14.2372C2.93504 14.1091 2.62033 13.9045 2.36202 13.6386C2.09608 13.3803 1.89152 13.0655 1.76342 12.7176C1.65386 12.4356 1.52366 12.012 1.48809 11.2321C1.44967 10.3883 1.44141 10.1355 1.44141 7.99932C1.44141 5.86308 1.44967 5.6103 1.48809 4.76654C1.52366 3.98661 1.65386 3.56299 1.76342 3.28099C1.89152 2.93309 2.09608 2.61838 2.36202 2.36007C2.62033 2.09413 2.93504 1.88956 3.28295 1.76146C3.56494 1.6519 3.98857 1.5217 4.7685 1.48614C5.61226 1.44771 5.86504 1.43946 8.00127 1.43946L8 1.44073ZM8.00127 -0.00195312C5.82852 -0.00195312 5.55605 0.00725614 4.70276 0.0463162C3.84948 0.0853762 3.26834 0.22161 2.76024 0.41945C2.22625 0.62021 1.74247 0.935033 1.34265 1.34197C0.935716 1.74179 0.620893 2.22556 0.420133 2.75956C0.222293 3.26766 0.0870117 3.84943 0.0482693 4.70081C0.00952683 5.55219 0 5.82656 0 7.99932C0 10.1721 0.00920927 10.4445 0.0482693 11.2978C0.0873293 12.1511 0.222293 12.731 0.420133 13.2391C0.620975 13.7728 0.935793 14.2564 1.34265 14.656C1.74241 15.0632 2.22619 15.3782 2.76024 15.5792C3.26834 15.777 3.85075 15.9123 4.70213 15.951C5.55351 15.9898 5.82788 15.9993 8.00063 15.9993C10.1734 15.9993 10.4459 15.9901 11.2991 15.951C12.1524 15.912 12.7317 15.777 13.2398 15.5792C13.7714 15.3738 14.2542 15.0595 14.6572 14.6565C1
112245.0602 14.2535 15.3745 13.7707 15.5799 13.2391C15.7777 12.731 15.913 12.1486 15.9517 11.2972C15.9905 10.4458 16 10.1714 16 7.99868C16 5.82593 15.9908 5.55346 15.9517 4.70017C15.9127 3.84689 15.7777 3.26766 15.5799 2.75956C15.379 2.22579 15.0642 1.74224 14.6574 1.3426C14.2576 0.936318 13.774 0.62205 13.2404 0.421673C12.7317 0.22161 12.1499 0.0863288 11.2985 0.0475864C10.4471 0.00884395 10.1728 -0.000682882 8 -0.000682882L8.00127 -0.00195312Z"/> 11225 <path d="M8.00006 3.89209C7.18758 3.89209 6.39335 4.13302 5.7178 4.58441C5.04224 5.0358 4.51572 5.67737 4.20479 6.42801C3.89387 7.17864 3.81252 8.00462 3.97103 8.80148C4.12953 9.59835 4.52078 10.3303 5.09529 10.9048C5.6698 11.4793 6.40177 11.8706 7.19864 12.0291C7.99551 12.1876 8.82148 12.1062 9.57212 11.7953C10.3227 11.4844 10.9643 10.9579 11.4157 10.2823C11.8671 9.60677 12.108 8.81254 12.108 8.00006C12.1081 7.46058 12.0018 6.92638 11.7954 6.42796C11.589 5.92954 11.2864 5.47666 10.9049 5.09519C10.5235 4.71372 10.0706 4.41114 9.57217 4.20471C9.07374 3.99828 8.53954 3.89205 8.00006 3.89209ZM8.00006 10.66
1122576C7.47248 10.6676 6.95674 10.5111 6.51807 10.218C6.0794 9.9249 5.7375 9.5083 5.5356 9.02087C5.3337 8.53345 5.28088 7.9971 5.3838 7.47965C5.48673 6.96221 5.74079 6.4869 6.11385 6.11384C6.4869 5.74078 6.96221 5.48673 7.47966 5.3838C7.9971 5.28088 8.53345 5.3337 9.02088 5.5356C9.5083 5.7375 9.92491 6.0794 10.218 6.51807C10.5111 6.95674 10.6676 7.47247 10.6676 8.00006C10.6676 8.70753 10.3865 9.38602 9.88628 9.88627C9.38602 10.3865 8.70753 10.6676 8.00006 10.6676Z"/> 11226 <path d="M12.9495 4.40831C13.3244 4.03341 13.3244 3.42558 12.9495 3.05068C12.5746 2.67578 11.9668 2.67578 11.5919 3.05068C11.217 3.42558 11.217 4.03341 11.5919 4.40831C11.9668 4.7832 12.5746 4.7832 12.9495 4.40831Z"/> 11227 </g> 11228 <defs> 11229 <clipPath id="clip0_129_3154"> 11230 <rect width="16" height="16"/> 11231 </clipPath> 11232 </defs> 11233<title>moma-instagram</title></svg> 11234 </a> 11235 <a href="https://www.pinterest.de/HaibuDeutschland/" 11236 target="_blank" 11237 class="social-media-icon" 11238 title="Pinterest"> 11239 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="h-4 w-4 fill-white" width="24" height="24" role="img"> 11240 <g clip-path="url(#clip0_129_3160)"> 11241 <path d="M8.00098 0.000199628C6.13797 0.00134005 4.33377 0.652649 2.89962 1.84177C1.46547 3.03089 0.491306 4.68326 0.145167 6.51383C-0.200973 8.3444 0.102624 10.2384 1.00359 11.869C1.90455 13.4997 3.34637 14.7648 5.08034 15.4461C4.96306 14.681 4.96306 13.9024 5.08034 13.1373C5.21887 12.5024 6.01541 9.1546 6.01541 9.1546C5.86623 8.78855 5.79545 8.39529 5.80761 8.0002C5.80761 6.8458 6.45408 6.06081 7.26216 6.06081C7.40828 6.05715 7.55341 6.0858 7.68718 6.14472C7.82095 6.20364 7.94006 6.29137 8.036 6.40165C8.13194 6.51193 8.20234 6.64203 8.24219 6.78266C8.28203 6.9233 8.29033 7.07099 8.26649 7.21521C8.12744 8.12201 7.90722 9.01448 7.60848 9.88187C7.56355 10.0555 7.5597 10.2372 7.59722 10.4126C7.63474 10.5879 7.7126 10.7522 7.82464 10.8922C7.93667 11.0323 8.07979 11.1443 8.24265 11.2194C8.40551 11.2945 8.58363 11.3306 8.76288 11.3249C10.1828 11.3249 11.2795 9.8357 11.2795 7.66542C11.2989 7.22864 11.2276 6.79257 11.0701 6.38473C10.9125 5.9769 10.6721 5.60615 10.364 5.29591C10.0559 4.98567 9.68689 4.74267 9.28017 4.58224C8.87345 4.42181 8.43789 4.34745 8.00098 4.36384C7.53371 4.34357 7.06718 4.41816 6.62953 4.5831C6.19188 4.74805 5.79217 4.99993 5.45452 5.32356C5.11687 5.64719 4.84826 6.03586 4.66491 6.46613C4.48156 6.89639 4.38726 7.35934 4.3877 7.82704C4.39008 8.48317 4.60022 9.1217 4.98799 9.65099C5.00388 9.68741 5.01208 9.72671 5.01208 9.76643C5.01208 9.80616 5.00388 9.84546 4.98799 9.88187C4.91873 10.1358 4.79174 10.6784 4.75711 10.7939C4.72248 10.9093 4.64167 10.967 4.4916 10.8977C3.98419 10.56 3.57081 10.099 3.29017 9.55786C3.00952 9.01676 2.8708 8.41328 2.88698 7.80395C2.88698 5.28736 4.72248 2.96701 8.17414 2.96701C8.80449 2.93436 9.43495 3.02906 10.0279 3.24545C10.6208 3.46184 11.1641 3.79549 11.6252 4.22647C12.0864 4.65745 12.456 5.17693 12.7119 5.7539C12.9679 6.33087 13.105 6.9535 13.115 7.58462C13.115 10.309 11.3718 12.6178 8.95913 12.6178C8.60157 12.6298 8.24664 12.5527 7.92625 12.3935C7.60586 12.2344 7.33005 11.998 7.12363 11.7058C7.12363 11.7058 6.71959 13.2296 6.62724 13.599C6.40153 14.3163 6.08743 15.0027 5.69217 15.6423C6.79465 15.9836 7.9579 16.0822 9.1021 15.9315C10.2463 15.7808 11.3443 15.3843 12.3209 14.7693C13.2974 14.1543 14.1293 13.3352 14.7595 12.3684C15.3897 11.4016 15.8032 10.3099 15.9717 9.16816C16.1403 8.02645 16.0598 6.8618 15.7358 5.75414C15.4118 4.64647 14.852 3.62202 14.0948 2.75108C13.3376 1.88015 12.4009 1.18335 11.349 0.708517C10.2972 0.233681 9.15502 -0.00795276 8.00098 0.000199628Z"/> 11242 </g> 11243 <defs> 11244 <clipPath id="clip0_129_3160"> 11245 <rect width="16" height="16"/> 11246 </clipPath> 11247 </defs> 11248<title>moma-pinterest</title></svg> 11249 </a> 11250 </div></div> </div> 11251 </div> 11252 </div> 11253 </div> 11254</footer> 11255<div class="bg-white my-8"> 11256 <div class="container"> 11257 <div class="grid grid-cols-5 lg:flex lg:flex-row justify-between gap-4 lg:gap-8"> 11258 <div class="col-span-2 flex flex-row lg:flex-col xl:flex-row h-max md:gap-4 order-1"> 11259 <div> 11260<a href="https://www.haibu.de/" 11261 class="grow lg:grow-0 mb-[10px] lg:mb-0" 11262 title="Haibu.de - Hair & Beauty Professionals" 11263 aria-label="store logo"> 11264 <img class="mx-auto lg:mx-0 w-32" 11265 src="https://www.haibu.de/static/version1791360036/frontend/Moma/default_DE/de_DE/images/logo.svg" 11266 title="Haibu.de - Hair & Beauty Professionals" 11267 alt="Haibu.de - Hair & Beauty Professionals" 11268 width="130" 11269 height="40" 11270 /> 11271</a> 11272</div> 11273 <div class="text-2xs self-center hidden md:flex">â¸2026 Haibu</div> 11274 </div> 11275 11276 <div class="col-span-5 flex flex-col gap-4 order-3 lg:order-2"> 11277 <div class="flex flex-wrap md:flex-nowrap gap-1 order-2 lg:order-1"> 11278 11279<a 11280 href="https://www.haibu.de/sicheres-zahlen"
11281 class="h-10 w-16 border border-gray-lighter rounded flex items-center justify-center" 11282 title="Sofort Banking"> 11283 11284 <img src="https://images.haibu.de/zMU0wSfEi8Ul2IoUTS2FIO3llcUdsbJViKsTTZryiBg/w:40/h:8/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hLzhhOTM0ZDVmLTQ1YTEtNGYyNi1iNzkwLWY4MTI2Mzk0Y2JkZV9pbWFnZSsyNC5wbmc_YXV0bz1jb21wcmVzcyxmb3JtYXQ.png" alt="Sofort" width="40" height="8" class="w-auto h-auto rounded" loading="lazy" /></a> 11285 11286<a 11287 href="https://www.haibu.de/sicheres-zahlen" 11288 class="h-10 w-16 border border-gray-lighter rounded flex items-center justify-center" 11289 title="Bancontact"> 11290 11291 <img src="https://images.haibu.de/vcyTVtTE4Ih-qZ9ga4DW6lUqB2vRj3gJLUCGO09Ujxk/w:43/h:20/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hL2Y4NjU3ZDE3LWZiNzktNDI2Yi04ZDM2LTI1ZjM5NjEyOGVlZl8yNTYwcHgtR2lyb3BheStzbWFsbC5zdmcuanBnP2F1dG89Y29tcHJlc3MsZm9ybWF0.jpg" alt="" width="43" height="20" class="w-auto h-auto rounded" loading="lazy" /></a> 11292 11293<a 11294 href="https://www.haibu.de/sicheres-zahlen" 11295 class="h-10 w-16 border border-gray-lighter rounded flex items-center justify-center" 11296 title="PayPal"> 11297 11298 <img src="https://images.haibu.de/4bjm5JMg0Rq-wr2_MWsrj9iYtbSMZlU8x8AKbXPR5ZU/w:40/h:11/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hLzYyMDNjNDQ4LTYxNzctNDdlOS04ODRiLWVmZTNhNDRmOTg3NV9pbWFnZSsyMC5wbmc_YXV0bz1jb21wcmVzcyxmb3JtYXQ.png" alt="PayPal" width="40" height="11" class="w-auto h-auto rounded" loading="lazy" /></a> 11299 11300<a 11301 href="https://www.haibu.de/sicheres-zahlen" 11302 class="h-10 w-16 border border-gray-lighter rounded flex items-center justify-center" 11303 title="Visa"> 11304 11305 <img src="https://images.haibu.de/yDKhu7uxlSSBei7ONFHtBZFs638kcaBFMJU1Yg6igHQ/w:32/h:10/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hLzc1ZTQ3OGRmLTdlNzgtNGE1MC05NjczLWM5YmIxZjY5Zjc1OV9pbWFnZSsxNy5wbmc_YXV0bz1jb21wcmVzcyxmb3JtYXQ.png" alt="Visa" width="32" height="10" class="w-auto h-auto rounded" loading="lazy" /></a> 11306 11307<a 11308 href="https://www.haibu.de/sicheres-zahlen" 11309 class="h-10 w-16 border border-gray-lighter rounded flex items-center justify-center" 11310 title="Mastercard"> 11311 11312 <img src="https://images.haibu.de/_MNMe_OWib8RJslyC0Gy6SGSeozn_OPAqsWFLVXyOzM/w:30/h:17/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hLzY2YTk5NDYyLWE3NWYtNGFjMy05ZWExLTViY2M3NWRiMjZjZl9pbWFnZSsxOS5wbmc_YXV0bz1jb21wcmVzcyxmb3JtYXQ.png" alt="Mastercard" width="30" height="17" class="w-auto h-auto rounded" loading="lazy" /></a> 11313 11314<a 11315 href="https://www.haibu.de/sicheres-zahlen" 11316 class="h-10 w-16 border border-gray-lighter rounded flex items-center justify-center" 11317 title="Klarna"> 11318 11319 <img src="https://images.haibu.de/DzMc9p7jLUwT15d3q6qmTXVpp7SGnh4L8W6EoZVY8Yg/w:32/h:20/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hL2Y4ZDNkNTk4LTk4NzAtNDdlMy05ZjkyLWRlNDE1Mjc5NWEyYl9rbGFybmErdGVzdC5qcGc_YXV0bz1jb21wcmVzcyxmb3JtYXQ.jpg" alt="" width="32" height="20" class="w-auto h-auto rounded" loading="lazy" /></a> 11320 11321<a 11322 href="https://www.haibu.de/versand" 11323 class="h-10 w-16 border border-gray-lighter rounded flex items-center justify-center" 11324 title=""> 11325 11326 <img src="https://images.haibu.de/AHJiSdbAeIG7OVvUmm93mRuT7gaxpbJp35Owjf9v1qg/w:46/h:30/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hL2FlNDk0YzUzLThkNjYtNDcwNC1hMWVkLTg2NTQ5MGEwN2I2MV9ESEwrSGFpYnUuanBnP2F1dG89Y29tcHJlc3MsZm9ybWF0.jpg" alt="" width="46" height="30" class="w-auto h-auto rounded" loading="lazy" /></a> 11327 11328<a 11329 href="https://www.haibu.de/versand" 11330 class="h-10 w-16 border border-gray-lighter rounded flex items-center justify-center" 11331 title=""> 11332 11333 <img src="https://images.haibu.de/yOPaATmJSlKLnVZoga7RbOH-Cm6_Uxf4B6sGFfqsnLk/w:35/h:30/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hL2FicDhNTGJjaTJVRjZLOGVfTG9nb3BhY2thZ2luZ0xhbmRiZWxsX0hhaWJ1REUucG5nP2F1dG89Zm9ybWF0LGNvbXByZXNz.png" alt="" width="35" height="30" class="w-auto h-auto rounded" loading="lazy" /></a> 11334 </div> 11335 11336 <div class="text-2xs leading-5 order-1 lg:order-2"> 11337 <!-- Same flex row so the withdrawal link sits next to the other legal links. --> 11338 <div class="flex flex-wrap gap-x-4 lg:gap-4 items-baseline"> 11339 11340<div class="flex flex-wrap gap-x-4 lg:gap-4 text-xs md:text-2xs"> 11341 <p><a href="https://www.haibu.de/datenschutzerklarung">Datenschutzerklä
11341rung</a></p><p><a href="https://www.haibu.de/impressum">Impressum</a></p><p><a href="https://www.haibu.de/cookie-richtlinien">Cookies</a></p><p><a href="https://www.haibu.de/allgemeine-geschaftsbedingungen">Algemeine Geschäftsbedingungen</a></p></div> 11342 </div> 11343 </div> 11344 </div> 11345 11346 <div class="col-span-3 flex items-center justify-self-end lg:items-start gap-2 lg:gap-8 order-2 lg:order-3"> 11347 </div> 11348 11349 </div> 11350 </div> 11351</div> 11352 11353 11354 11355</div></footer>
vendor: 108 bytes, line 11355
11355<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
11355<script async defer src="https://static.cdn.prismic.io/prismic.js?new=true&repo=moma"></script>
vendor: 1 bytes, line 11355
11355
11356<script>try { 11357smileTracker.addPageVar('type.identifier', 'checkout_cart_index'); 11358smileTracker.addPageVar('type.label', 'Warenkorb'); 11359smileTracker.addPageVar('locale', 'de_DE'); 11360} catch (err) { ; }</script>
vendor: 1 bytes, line 11360
11360
11361<script> 11362 let SnapSlider = class { 11363 constructor(el, { 11364 labelSepparator = 'von', 11365 autoPager, 11366 groupPager, 11367 loop 11368 } = {}) { 11369 this.el = el; 11370 this.track = this.el.querySelector("[data-track]"); 11371 if (!this.track) { 11372 console.warn( 11373 "No Slider track defined, reverting back to CSS slider.\nPlease create a wrapper for your slides with the attribute data-track", 11374 this.el 11375 ); 11376 return; 11377 } 11378 this.initialLoad = true; 11379 this.slides = []; 11380 this.inViewObserver; 11381 this.mutationObserver; 11382 this.resizeObserver; 11383 this.pager = this.el.querySelector("[data-pager]"); 11384 this.navBtns = Array.from( 11385 this.el.querySelectorAll("[data-next], [data-prev]") 11386 ); 11387 this.slideLabelSepparator = this.el.dataset.slideLabelSepparator || labelSepparator; 11388 this.useAutoPager = autoPager || this.el.hasAttribute("data-auto-pager") || false; 11389 this.useGroupPager = groupPager || this.el.hasAttribute("data-group-pager") || false; 11390 this.useLoop = loop || this.el.hasAttribute("data-loop") || false; 11391 this.sliderLabel = this.el.hasAttribute("aria-label") && this.el.getAttribute("aria-label").toLowerCase().trim().replace(/[^a-z0-9_-]+/g, "-").replace(/^-+|-+$/g, ""); 11392 this.sliderId = this.el.id || this.sliderLabel || "slider"; 11393 this.markerIdName = "data-target-id"; 11394 this.pagerClasses = this.el.dataset.pagerClass || "snap-pager"; 11395 this.markerClasses = this.el.dataset.markerClass || "snap-marker"; 11396 this.init(); 11397 } 11398 init() { 11399 this.setupSlides(); 11400 this.setupNav(); 11401 if (this.useAutoPager) { 11402 this.createPager(); 11403 } else { 11404 this.setupPager(); 11405 } 11406 this.setupObservers(); 11407 this.setupMutationObserver(); 11408 this.setupResizeObserver(); 11409 this.el.addEventListener("click", this.eventHandler.bind(this)); 11410 this.el.addEventListener("keydown", this.eventHandler.bind(this)); 11411 if ("onscrollend" in window) { 11412 this.track.addEventListener("scrollend", () => { 11413 this.isNavigating = false; 11414 }); 11415 } else { 11416 this.track.addEventListener("scroll", () => { 11417 clearTimeout(this.scrollEndTimer); 11418 this.scrollEndTimer = setTimeout(() => { 11419 this.isNavigating = false; 11420 }, 100); 11421 }); 11422 } 11423 } 11424 destroy() { 11425 this.inViewObserver?.disconnect(); 11426 this.mutationObserver?.disconnect(); 11427 this.resizeObserver?.disconnect(); 11428 this.el.removeEventListener("click", this.eventHandler.bind(this)); 11429 this.el.removeEventListener("keydown", this.eventHandler.bind(this)); 11430 } 11431 roundUpIfGreaterThan(number, min = 8) { 11432 const decimalPart = number - Math.floor(number); 11433 return decimalPart >= min ? Math.ceil(number) : Math.floor(number); 11434 } 11435 getInViewItems() { 11436 const inViewSlides = Array.from(this.track.querySelectorAll("[data-in-view]")).filter((el) => this.slides.includes(el)); 11437 const firstInViewSlide = inViewSlides[0] || null; 11438 const lastInViewSlide = inViewSlides[inViewSlides.length - 1] || null; 11439 const isAtStart = firstInViewSlide === this.slides[0]; 11440 const isAtEnd = lastInViewSlide === this.slides[this.slides.length - 1]; 11441 return { 11442 inViewSlides, 11443 totalInViewSlides: inViewSlides.length, 11444 firstInViewSlide, 11445 lastInViewSlide, 11446 isAtStart, 11447 isAtEnd, 11448 hasNoOverflow: isAtStart && isAtEnd 11449 }; 11450 } 11451 groupPagerMarkers() { 11452 if (this.slides.length === 0 || !this.pager || !this.useGroupPager) return; 11453 const totalVisibleSlides = this.roundUpIfGreaterThan( 11454 this.track.offsetWidth / this.slides[0].offsetWidth 11455 ); 11456 const markers = Array.from(this.pager.querySelectorAll("a, button"));
11457 markers.forEach((marker, index) => { 11458 marker.style.display = index % totalVisibleSlides === 0 ? null : "none"; 11459 }); 11460 } 11461 handleInView(entries) { 11462 entries.forEach((entry) => { 11463 const marker = this.pager && (this.pager.querySelector(`[href="#${entry.target.id}"]`) || this.pager.querySelector( 11464 `[${this.markerIdName}="${entry.target.id}"]` 11465 )); 11466 entry.target.toggleAttribute("data-in-view", entry.isIntersecting); 11467 entry.target.toggleAttribute("inert", !entry.isIntersecting); 11468 marker?.setAttribute("aria-current", entry.isIntersecting); 11469 marker?.setAttribute("tabindex", entry.isIntersecting ? "0" : "-1"); 11470 }); 11471 const { isAtStart, isAtEnd, hasNoOverflow } = this.getInViewItems(); 11472 this.navBtns.forEach((btn) => { 11473 if (btn.hasAttribute("data-next")) { 11474 btn.style.visibility = hasNoOverflow ? "hidden" : null; 11475 isAtEnd && !this.useLoop ? btn.setAttribute("disabled", "") : btn.removeAttribute("disabled"); 11476 } 11477 if (btn.hasAttribute("data-prev")) { 11478 btn.style.visibility = hasNoOverflow ? "hidden" : null; 11479 isAtStart && !this.useLoop ? btn.setAttribute("disabled", "") : btn.removeAttribute("disabled"); 11480 } 11481 }); 11482 if (this.pager) { 11483 this.pager.style.visibility = hasNoOverflow ? "hidden" : null; 11484 this.pager.toggleAttribute("inert", hasNoOverflow); 11485 } 11486 if (!this.initialLoad) { 11487 this.el.dispatchEvent( 11488 new CustomEvent("slideChange", { 11489 detail: this.getInViewItems() 11490 }) 11491 ); 11492 } else { 11493 this.initialLoad = false; 11494 } 11495 if (document.activeElement.parentElement.hasAttribute("data-pager")) { 11496 const activeItems = this.pager.querySelectorAll('[tabindex="0"]'); 11497 if (activeItems.length) { 11498 activeItems[0].focus({ preventScroll: true }); 11499 } 11500 } 11501 } 11502 getSlides() { 11503 if (!this.track) return []; 11504 return Array.from(this.track.children).filter( 11505 (child) => child.tagName.toLowerCase() !== "template" && child.tagName.toLowerCase() !== "style" && child.tagName.toLowerCase() !== "script" && child.style.display !== "none" 11506 ); 11507 } 11508 refreshSlides() { 11509 this.initialLoad = true; 11510 this.slides = this.getSlides(); 11511 this.setupSlides(); 11512 if (this.useAutoPager) { 11513 this.createPager(); 11514 } else { 11515 this.setupPager(); 11516 } 11517 this.groupPagerMarkers(); 11518 this.setupObservers(); 11519 } 11520 setupSlides() { 11521 this.slides = this.getSlides(); 11522 this.slides.forEach((slide, index) => { 11523 const totalSlides = this.slides.length; 11524 const currentSlide = index + 1; 11525 const existingLabel = slide.getAttribute("aria-label") || ""; 11526 const isImage = slide.tagName.toLowerCase() === "img" || slide.tagName.toLowerCase() === "picture"; 11527 const slideLabelTag = isImage ? "alt" : "aria-label"; 11528 const hasAutoLabel = existingLabel.startsWith( 11529 `${currentSlide} ${this.slideLabelSepparator} ` 11530 ); 11531 if (!slide.hasAttribute("id")) { 11532 slide.setAttribute( 11533 "id", 11534 `${this.sliderId}-item-${currentSlide}` 11535 ); 11536 } 11537 if (!slide.hasAttribute(slideLabelTag) || slide.getAttribute(slideLabelTag) === "" || hasAutoLabel) { 11538 slide.setAttribute( 11539 slideLabelTag, 11540 `${currentSlide} ${this.slideLabelSepparator} ${totalSlides}` 11541 ); 11542 } 11543 if (slide.tagName.toLowerCase() === "div" && !slide.hasAttribute("role")) { 11544 slide.setAttribute("role", "group"); 11545 } 11546 if (this.pager && !isImage) { 11547 slide.setAttribute("role", "tabpanel"); 11548 } 11549 if (slide.getAttribute("role") === "group") { 11550 slide.setAttribute("aria-roledescription", "item"); 11551 } 11552 }); 11553 if (!this.el.hasAttribute("role") && this.el.tagName !== "SECTION") { 11554 this.el.setAttribute("role", "region"); 11555 } 11556 if (!this.el.hasAttribute("aria-roledescription")) { 11557 this.el.setAttribute("aria-roledescription", "carousel"); 11558 } 11559 if (!this.track.hasAttribute("tabindex")) { 11560 this.track.setAttribute("tabindex", 0); 11561 } 11562 this.track.setAttribute("aria-live", "polite"); 11563 } 11564 setupNav() { 11565 this.navBtns.forEach((btn) => { 11566 btn.setAttribute("disabled", ""); 11567 btn.removeAttribute("hidden"); 11568 btn.classList.remove("invisible"); 11569 btn.style.visibility = null; 11570 }); 11571 } 11572 createPager() { 11573 const newPager = document.createElement("nav"); 11574 newPager.setAttribute("data-pager", ""); 11575 newPager.setAttribute("role", "tablist"); 11576 newPager.classList.add(...this.pagerClasses.split(" "));
11577 this.slides.forEach((slide, index) => { 11578 const marker = document.createElement("button"); 11579 const slideId = slide.id || `${this.sliderId}-item-${index + 1}`; 11580 marker.setAttribute(this.markerIdName, slideId); 11581 marker.classList.add(...this.markerClasses.split(" ")); 11582 this.setupPagerMarker(marker, index); 11583 newPager.appendChild(marker); 11584 if (slide.tagName.toLowerCase() !== "img" && slide.tagName.toLowerCase() !== "picture") { 11585 slide.removeAttribute("aria-roledescription"); 11586 slide.setAttribute("role", "tabpanel"); 11587 } 11588 }); 11589 if (this.pager) { 11590 this.pager.setAttribute("role", "tablist"); 11591 this.pager.replaceChildren(...newPager.children); 11592 } else { 11593 this.track.after(newPager); 11594 this.pager = this.el.querySelector("[data-pager]"); 11595 } 11596 } 11597 setupPager() { 11598 if (!this.pager) return; 11599 this.pager.setAttribute("role", "tablist"); 11600 const items = Array.from(this.pager.querySelectorAll("a, button")); 11601 items.forEach((marker, index) => this.setupPagerMarker(marker, index)); 11602 } 11603 setupPagerMarker(marker, index) { 11604 const markerId = marker.getAttribute("href")?.slice(1) || marker.getAttribute(this.markerIdName); 11605 const slideId = markerId || `${this.sliderId}-item-${index + 1}`; 11606 if (!markerId) { 11607 marker.setAttribute(this.markerIdName, slideId); 11608 } 11609 marker.setAttribute("role", "tab"); 11610 marker.setAttribute("aria-controls", slideId); 11611 marker.setAttribute("aria-posinset", index + 1); 11612 marker.setAttribute("aria-setsize", this.slides.length); 11613 marker.setAttribute("tabindex", "-1"); 11614 if (!marker.hasAttribute("aria-label")) { 11615 marker.setAttribute("aria-label", `Slide ${index + 1}`); 11616 } 11617 } 11618 setupObservers() { 11619 if (this.inViewObserver) { 11620 this.inViewObserver.disconnect(); 11621 } 11622 this.inViewObserver = new IntersectionObserver( 11623 this.handleInView.bind(this), { 11624 root: this.track, 11625 threshold: 0.8 11626 } 11627 ); 11628 this.slides.forEach((slide) => this.inViewObserver.observe(slide)); 11629 } 11630 setupMutationObserver() { 11631 this.mutationObserver = new MutationObserver((mutations) => { 11632 if (mutations.some((m) => m.type === "childList" || m.target.parentElement === this.track)) { 11633 this.refreshSlides(); 11634 } 11635 }); 11636 this.mutationObserver.observe(this.track, { 11637 childList: true, 11638 subtree: true, 11639 attributeFilter: ["style"] 11640 }); 11641 } 11642 setupResizeObserver() { 11643 this.resizeObserver = new ResizeObserver( 11644 this.groupPagerMarkers.bind(this) 11645 ); 11646 this.resizeObserver.observe(this.el); 11647 } 11648 goToSlideDir(dir = "next") { 11649 if (this.isNavigating) return; 11650 const { firstInViewSlide, lastInViewSlide } = this.getInViewItems(); 11651 const isPrev = dir === "prev"; 11652 const referenceSlide = isPrev ? firstInViewSlide : lastInViewSlide; 11653 const currentIndex = this.slides.indexOf(referenceSlide); 11654 let targetIndex = isPrev ? currentIndex - 1 : currentIndex + 1; 11655 if (targetIndex < 0 || targetIndex >= this.slides.length) { 11656 if (!this.useLoop) return; 11657 targetIndex = isPrev ? this.slides.length - 1 : 0; 11658 } 11659 const targetSlide = this.slides[targetIndex]; 11660 if (!targetSlide) return; 11661 this.isNavigating = true; 11662 targetSlide.scrollIntoView({ 11663 block: "nearest", 11664 inline: isPrev ? "end" : "start" 11665 }); 11666 } 11667 pagerToSlide(event) { 11668 if (!event.target.closest("[data-pager]")) return; 11669 const marker = event.target.closest("a, button"); 11670 if (!marker) return; 11671 event.preventDefault(); 11672 const slideId = marker.getAttribute("href")?.slice(1) || marker.getAttribute(this.markerIdName); 11673 const targetSlide = this.track.querySelector(`#${slideId}`);
11674 targetSlide?.scrollIntoView({ block: "nearest", inline: "start" }); 11675 } 11676 eventHandler(event) { 11677 const target = event.target.closest( 11678 "[data-next], [data-prev], [data-pager]" 11679 ); 11680 if (!target) return; 11681 if (event.type === "click") { 11682 if (target.hasAttribute("data-next")) { 11683 this.goToSlideDir("next"); 11684 } else if (target.hasAttribute("data-prev")) { 11685 this.goToSlideDir("prev"); 11686 } else if (target.closest("[data-pager]")) { 11687 this.pagerToSlide(event); 11688 } 11689 } 11690 if (event.type === "keydown" && target.closest("[data-pager]")) { 11691 if (event.key === "ArrowRight" || event.key === "ArrowDown") { 11692 event.preventDefault(); 11693 this.goToSlideDir("next"); 11694 } else if (event.key === "ArrowLeft" || event.key === "ArrowUp") { 11695 event.preventDefault(); 11696 this.goToSlideDir("prev"); 11697 } 11698 } 11699 } 11700 }; 11701 11702 (() => { 11703 function alpineSnapSlider(Alpine) { 11704 Alpine.directive("snap-slider", (el, { 11705 modifiers 11706 }, { 11707 cleanup 11708 }) => { 11709 const slider = new SnapSlider(el, { 11710 autoPager: modifiers.includes("auto-pager"), 11711 groupPager: modifiers.includes("group-pager"), 11712 loop: modifiers.includes("loop") 11713 }); 11714 cleanup(() => { 11715 slider.destroy(); 11716 }); 11717 }); 11718 } 11719 11720 document.addEventListener("alpine:init", () => { 11721 window.Alpine.plugin(alpineSnapSlider); 11722 }); 11723 })(); 11724 //# sourceURL=alpine-snap-slider.js 11725</script>
vendor: 1 bytes, line 11725
11725
11726<script> 11727 (() => { 11728 // src/dialog.js 11729 function dialog_default(Alpine) { 11730 Alpine.directive("htmldialog", fylgjaAlpineDialog); 11731 function fylgjaAlpineDialog(el, { expression, modifiers }, { evaluateLater, cleanup }) { 11732 const evaluate = expression.length ? evaluateLater(expression) : () => {}; 11733 const lockPageScroll = modifiers.includes("noscroll"); 11734 const isModeless = modifiers.includes("modeless"); 11735 const closeBy = el.getAttribute("closeby") || modifierValue(modifiers, "closeby", "closerequest"); 11736 el.style.display = null; 11737 el.style.length === 0 && el.removeAttribute("style"); 11738 if (el._x_isShown) { 11739 open(); 11740 } 11741 const closeBySupported = (() => { 11742 return "closedBy" in HTMLDialogElement.prototype; 11743 })(); 11744 function scrollLock(use = true) { 11745 document.body.style.overflow = use ? "hidden" : ""; 11746 } 11747 function dialogSubmit(event) { 11748 if (event.target.getAttribute("method") === "dialog" || event.submitter?.getAttribute("formmethod") === "dialog") { 11749 event.preventDefault(); 11750 evaluate(); 11751 } 11752 } 11753 function escapeDialog(event) { 11754 if (event.key !== "Escape") return; 11755 event.preventDefault(); 11756 if (closeBy === "none") return; 11757 evaluate(); 11758 } 11759 function handleCloseByEvent(event) { 11760 if (event.target !== el) return; 11761 const rect = el.getBoundingClientRect(); 11762 const isInDialog = rect.top <= event.clientY && event.clientY <= rect.top + rect.height && rect.left <= event.clientX && event.clientX <= rect.left + rect.width; 11763 if (!isInDialog) { 11764 if (closeBy === "any") { 11765 if (closeBySupported) { 11766 event.preventDefault(); 11767 } 11768 evaluate(); 11769 } 11770 } 11771 } 11772 function handleCloseEvent() { 11773 evaluate(); 11774 } 11775 function open() { 11776 if (el.hasAttribute("open")) return; 11777 isModeless ? el.show() : el.showModal(); 11778 scrollLock(lockPageScroll); 11779 } 11780 function close() { 11781 if (!el.hasAttribute("open")) return; 11782 el.close(); 11783 scrollLock(false); 11784 } 11785 el._x_doShow = () => open(); 11786 el._x_doHide = () => close(); 11787 el.addEventListener("keydown", escapeDialog); 11788 el.addEventListener("submit", dialogSubmit); 11789 el.addEventListener("click", handleCloseByEvent); 11790 el.addEventListener("cancel", handleCloseEvent); 11791 cleanup(() => { 11792 el.removeEventListener("keydown", escapeDialog); 11793 el.removeEventListener("submit", dialogSubmit); 11794 el.removeEventListener("click", handleCloseByEvent); 11795 el.removeEventListener("cancel", handleCloseEvent); 11796 scrollLock(false); 11797 }); 11798 } 11799 } 11800 function modifierValue(modifiers, key, fallback) { 11801 if (modifiers.indexOf(key) === -1) return fallback; 11802 const rawValue = modifiers[modifiers.indexOf(key) + 1]; 11803 if (!rawValue) return fallback; 11804 if (key === "closeby") { 11805 const allowedValues = ["auto", "none", "closerequest", "any"]; 11806 const options = allowedValues.join(", "); 11807 if (!allowedValues.includes(rawValue)) { 11808 console.warn( 11809 `"${rawValue}" is not one of the allowed values for closeby: ${options}` 11810 ); 11811 return fallback; 11812 } 11813 } 11814 return rawValue; 11815 } 11816 11817 // src/cdn.js 11818 document.addEventListener("alpine:init", () => { 11819 window.Alpine.plugin(dialog_default); 11820 }); 11821 })(); 11822 //# sourceURL=alpine-htmldialog.js 11823</script>
vendor: 1 bytes, line 11823
11823
11824<script> 11825 (() => { 11826 function src_default(Alpine) { 11827 Alpine.directive("intersect", Alpine.skipDuringClone((el, { value, expression, modifiers }, { evaluateLater, cleanup }) => { 11828 let evaluate = evaluateLater(expression); 11829 let options = { 11830 rootMargin: getRootMargin(modifiers), 11831 threshold: getThreshold(modifiers) 11832 }; 11833 let observer = new IntersectionObserver((entries) => { 11834 entries.forEach((entry) => { 11835 if (entry.isIntersecting === (value === "leave")) 11836 return; 11837 evaluate(); 11838 modifiers.includes("once") && observer.disconnect(); 11839 }); 11840 }, options); 11841 observer.observe(el); 11842 cleanup(() => { 11843 observer.disconnect(); 11844 }); 11845 })); 11846 } 11847 function getThreshold(modifiers) { 11848 if (modifiers.includes("full")) 11849 return 0.99; 11850 if (modifiers.includes("half")) 11851 return 0.5; 11852 if (!modifiers.includes("threshold")) 11853 return 0; 11854 let threshold = modifiers[modifiers.indexOf("threshold") + 1]; 11855 if (threshold === "100") 11856 return 1; 11857 if (threshold === "0") 11858 return 0; 11859 return Number(`.${threshold}`); 11860 } 11861 function getLengthValue(rawValue) { 11862 let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/); 11863 return match ? match[1] + (match[2] || "px") : void 0; 11864 } 11865 function getRootMargin(modifiers) { 11866 const key = "margin"; 11867 const fallback = "0px 0px 0px 0px"; 11868 const index = modifiers.indexOf(key); 11869 if (index === -1) 11870 return fallback; 11871 let values = []; 11872 for (let i = 1; i < 5; i++) { 11873 values.push(getLengthValue(modifiers[index + i] || "")); 11874 } 11875 values = values.filter((v) => v !== void 0); 11876 return values.length ? values.join(" ").trim() : fallback; 11877 } 11878 11879 document.addEventListener("alpine:init", () => { 11880 window.Alpine.plugin(src_default); 11881 }); 11882 })(); 11883 //# sourceURL=alpine-intersect.js 11884</script>
11884 11885
11886<script> 11887 for (const [selector, deferUntil] of Object.entries({".product-slider section[x-data]":"intersect",".product-info [x-data]":"intersect","#filters-content [x-data]":"intersect","#review_form":"intersect","section[x-data^=initRecentlyViewedProductsComponent]":"intersect","div[x-data^=initBundleOptions]":"intersect","#product_addtocart_form [x-data]":"intersect","#notice-cookie-block":"idle"})) { 11888 document.querySelectorAll(selector).forEach(el => el.setAttribute('x-defer', `${deferUntil}`)); 11889 } 11890 //# sourceURL=alpine-defer-rules.js 11891</script>
vendor: 1 bytes, line 11891
11891
11892<script> 11893 (() => { 11894 const hasAlpine = new Promise(resolve => { 11895 window.addEventListener('alpine:initialized', resolve, {once: true, passive: true}); 11896 }); 11897 11898 const hasInteract = new Promise(resolve => { 11899 (events => { 11900 const onInteract = () => { 11901 resolve(); 11902 events.forEach(type => window.removeEventListener(type, onInteract)); 11903 } 11904 events.forEach(type => window.addEventListener(type, onInteract, {once: true, passive: true})) 11905 })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown']) 11906 }); 11907 11908 const onIntersect = (el) => { 11909 return new Promise(resolve => { 11910 const observer = new IntersectionObserver(entries => { 11911 for (const entry of entries) { 11912 if (entry.isIntersecting) { 11913 observer.disconnect() 11914 resolve(); 11915 } 11916 } 11917 }, {}); 11918 observer.observe(el); 11919 }); 11920 } 11921 11922 function runComponent(el) { 11923 hasAlpine.then(() => { 11924 el.removeAttribute('x-ignore'); 11925 queueMicrotask(() => Alpine.initTree(el)); 11926 }); 11927 } 11928 11929 function initDeferredComponents() { 11930 document.querySelectorAll('[x-data][x-defer]').forEach(el => { 11931 el.setAttribute('x-ignore', ''); 11932 const deferUntil = (el.getAttribute('x-defer') || '').trim(); 11933 switch (deferUntil) { 11934 case 'interact': 11935 hasInteract.then(() => runComponent(el)); 11936 break; 11937 case 'intersect': 11938 onIntersect(el).then(() => runComponent(el)) 11939 break; 11940 case 'idle': 11941 window.requestIdleCallback 11942 ? window.requestIdleCallback(() => runComponent(el), {timeout: 4000}) 11943 : setTimeout(() => runComponent(el), 4000); 11944 break; 11945 case 'eager': 11946 runComponent(el); 11947 break; 11948 default: 11949 if (deferUntil.startsWith('event:') && deferUntil.length > 6) { 11950 window.addEventListener(deferUntil.substring(6), () => runComponent(el), {once: true, passive: true}); 11951 } 11952 } 11953 }); 11954 } 11955 11956 window.addEventListener('alpine:init', initDeferredComponents, {once: true, passive: true}); 11957 })(); 11958 //# sourceURL=alpine-defer.js 11959</script>
11959 11960 11961
11962<script type="module" 11963 src="https://www.haibu.de/static/version1791360036/frontend/Moma/default_DE/de_DE/Hyva_Theme/js/alpine3.min.js" 11964 defer 11965 crossorigin 11966></script>
vendor: 1 bytes, line 11966
11966
11967<script> 11968 function dispatchMessages(messages, hideAfter) { 11969 const messagesEvent = new CustomEvent("messages-loaded", { 11970 detail: { 11971 messages: messages, 11972 hideAfter: hideAfter 11973 } 11974 }); 11975 window.dispatchEvent(messagesEvent); 11976 } 11977 11978 if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { 11979 console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script"); 11980 } 11981 11982 (function( hyva, undefined ) { 11983 11984 hyva.initFormKey = () => { 11985 const inputSelector = 'input[name="form_key"]', 11986 formKey = hyva.getFormKey(); 11987 11988 Array.from(document.querySelectorAll(inputSelector)).map(function (input) { 11989 input.value = formKey 11990 }); 11991 } 11992 11993 hyva.initMessages = () => { 11994 try { 11995 const messages = hyva.getCookie('mage-messages'); 11996 window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 11997 11998 dispatchMessages(window.mageMessages); 11999 12000 // empty `mage-messages` cookie 12001 const skipSetDomain = true; 12002 hyva.setCookie('mage-messages','', -1, skipSetDomain); 12003 12004 } catch (error) { 12005 console.warn('Error parsing Cookie Messages:', error); 12006 } 12007 } 12008 12009 window.addEventListener('DOMContentLoaded', hyva.initFormKey); 12010 hyva.alpineInitialized(hyva.initMessages) 12011 12012 }( window.hyva = window.hyva || {} )); 12013 //# sourceURL=hyva-cookies.js 12014</script>
vendor: 1 bytes, line 12014
12014
12015<script> 12016 { 12017 const private_content_key = 'mage-cache-storage'; 12018 const private_content_expire_key = 'mage-cache-timeout'; 12019 const private_content_version_key = 'private_content_version'; 12020 const section_data_ids_key = 'section_data_ids'; 12021 const mage_cache_session_id_key = 'mage-cache-sessid'; 12022 const last_visited_store_key = 'last_visited_store'; 12023 12024 const ttl = 254000; 12025 12026 if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { 12027 console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script"); 12028 } 12029 12030 function loadSectionData () { 12031 const browserStorage = hyva.getBrowserStorage(); 12032 if (!browserStorage) { 12033 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 12034 [{ 12035 type: "warning", 12036 text: "Please enable LocalStorage in your browser." 12037 }] 12038 ); 12039 return; 12040 } 12041 try { 12042 let isInvalid = false; 12043 12044 if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) { 12045 isInvalid = true; 12046 } 12047 hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false); 12048 12049 if (!hyva.getCookie(mage_cache_session_id_key)) { 12050 isInvalid = true; 12051 browserStorage.removeItem(private_content_key); 12052 const skipSetDomain = true; 12053 const days = false; 12054 hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain) 12055 } 12056 12057 const cookieVersion = hyva.getCookie(private_content_version_key); 12058 const storageVersion = browserStorage.getItem(private_content_version_key); 12059 12060 if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) { 12061 isInvalid = true; 12062 } 12063 12064 const privateContentExpires = browserStorage.getItem(private_content_expire_key); 12065 if (privateContentExpires && new Date(privateContentExpires) < new Date()) { 12066 browserStorage.removeItem(private_content_key); 12067 } 12068 12069 if (isInvalid && cookieVersion) { 12070 fetchPrivateContent([]); 12071 } else if (cookieVersion && storageVersion && cookieVersion === storageVersion) { 12072 const privateContent = JSON.parse(browserStorage.getItem(private_content_key)); 12073 if ( 12074 privateContent && 12075 privateContentExpires && 12076 privateContent.cart && 12077 privateContent.customer 12078 ) { 12079 dispatchPrivateContent(privateContent); 12080 } else { 12081 fetchPrivateContent([]); 12082 } 12083 } else { 12084 if (document.getElementById('default-section-data')) { 12085 const privateContent = JSON.parse(document.getElementById('default-section-data').innerText.trim()); 12086 dispatchPrivateContent(privateContent); 12087 } else { 12088 dispatchPrivateContent({}); 12089 } 12090 } 12091 12092 } catch (error) { 12093 console.warn('Error retrieving Private Content:', error); 12094 } 12095 } 12096 12097 hyva.alpineInitialized(loadSectionData) 12098 window.addEventListener('reload-customer-section-data', loadSectionData); 12099 12100 window.processSectionDataBeforeDispatch = window.processSectionDataBeforeDispatch || (data => data); 12101 12102 function dispatchPrivateContent(data) { 12103 12104 const privateContentEvent = new CustomEvent("private-content-loaded", { 12105 detail: { 12106 data: window.processSectionDataBeforeDispatch(data) 12107 } 12108 }); 12109 window.dispatchEvent(privateContentEvent); 12110 } 12111 12112 function fetchPrivateContent(sections) { 12113 fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, { 12114 method: 'GET', 12115 headers: { 12116 'Content-Type': 'application/json', 12117 'X-Requested-With': 'XMLHttpRequest' 12118 } 12119 }) 12120 .then(response => response.ok && response.json()) 12121 .then( 12122 data => { 12123 if (data) { 12124 try { 12125 const browserStorage = hyva.getBrowserStorage(); 12126 12127 // merge new data preserving non-invalidated sections 12128 const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}') || {}; 12129 12130 if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) { 12131 delete oldSectionData['checkout-data']; 12132 } 12133 const newSectionData = Object.assign(oldSectionData, data); 12134 12135 dispatchPrivateContent(newSectionData); 12136 12137 // don't persist messages, they've been dispatched already 12138 if (newSectionData.messages && newSectionData.messages.messages ) { 12139 newSectionData.messages.messages = []; 12140 } 12141 12142 browserStorage.setItem(private_content_key, JSON.stringify(newSectionData)); 12143 12144 const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString(); 12145 browserStorage.setItem(private_content_expire_key, expiresAt); 12146 12147 const newCookieVersion = hyva.getCookie(private_content_version_key); 12148 browserStorage.setItem(private_content_version_key, newCookieVersion); 12149 12150 // We don't need the section_data_ids in Hyvä, but we store them for compatibility 12151 // with Luma Fallback. Otherwise, not all sections are loaded in Luma Checkout 12152 hyva.setCookie( 12153 section_data_ids_key, 12154 JSON.stringify( 12155 Object.keys(data).reduce((sectionDataIds, sectionKey) => { 12156 sectionDataIds[sectionKey] = data[sectionKey]['data_id']; 12157 return sectionDataIds; 12158 }, {}) 12159 ), 12160 false, 12161 true 12162 ); 12163 } catch (error) { 12164 console.warn("Couldn't store privateContent", error); 12165 } 12166 } 12167 } 12168 ) 12169 .catch(error => { 12170 console.warn("Couldn't fetch privateContent", error); 12171 }); 12172 } 12173 } 12174 //# sourceURL=hyva-private-content.js 12175</script>
vendor: 1 bytes, line 12175
12175
12176<script> 12177 (() => { 12178 document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc())); 12179 })() 12180</script>
vendor: 1 bytes, line 12180
12180
12181<script> 12182 (events => { 12183 const dispatchUserInteractionEvent = () => { 12184 events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent)) 12185 window.dispatchEvent(new Event('init-external-scripts')) 12186 }; 12187 events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true})) 12188 })(['touchstart', 'mousemove', 'wheel', 'scroll', 'keydown']); 12189 //# sourceURL=hyva-init-external-scripts.js 12190</script>
12190 12191
12192<script> 12193 'use strict'; 12194 12195 (function() { 12196 12197 const robinhqScriptUrl = "https://selfservice.robinhq.com/external/robin/bho08e5m.js"; 12198 12199 const loadRobinhqScript = (event) => { 12200 let scriptExists = document.getElementById('robinhq-script'); 12201 if (scriptExists) { 12202 return; 12203 } 12204 12205 let script = document.createElement('script'); 12206 script.setAttribute('type', 'text/javascript'); 12207 script.setAttribute('src', robinhqScriptUrl); 12208 script.setAttribute('id', 'robinhq-script'); 12209 document.head.appendChild(script); 12210 } 12211 12212 // trigger load on mobile by any interaction 12213 document.body.addEventListener('touchstart', loadRobinhqScript, {once: true}); 12214 12215 // trigger load on desktop on any mouse movement 12216 document.body.addEventListener('mouseover', loadRobinhqScript, {once: true}); 12217 12218 }()); 12219 12220</script>
vendor: 1 bytes, line 12220
12220
12221<script> 12222 (function () { 12223 const modals = []; 12224 const excludedFromFocusTrapping = new Set(); 12225 12226 function trapFocusInNextModalWithOverlay() { 12227 for (let idx = modals.length -1; idx >= 0; idx--) { 12228 const nextOnStack = modals[idx]; 12229 const nextDialogElement = nextOnStack.instance.$refs[nextOnStack.name]; 12230 if (! isOverlayDisabled(nextDialogElement)) { 12231 hyva.trapFocus(nextDialogElement); 12232 break; 12233 } 12234 } 12235 } 12236 12237 function focusables(dialogElement) { 12238 const selector = 'button, [href], input, textarea, select, details, [tabindex]:not([tabindex="-1"])'; 12239 return Array.from(dialogElement.querySelectorAll(selector)) 12240 .filter(el => !el.hasAttribute('disabled')); 12241 } 12242 12243 function firstVisible(elements) { 12244 const a = Array.from(elements); 12245 for (let i = 0; i < a.length; i++) { 12246 if (a[i].offsetWidth || a[i].offsetHeight || a[i].getClientRects().length) return a[i]; 12247 } 12248 return null; 12249 } 12250 12251 function isInViewport(element) { 12252 const rect = element && element.getBoundingClientRect(); 12253 return rect && 12254 rect.top >= 0 && 12255 rect.left >= 0 && 12256 rect.right <= window.innerWidth && 12257 rect.bottom <= window.innerHeight; 12258 } 12259 12260 function setFocusAfterTransition(dialogElement, duration) { 12261 const nested = Array.from(dialogElement.querySelectorAll('[role="dialog"]')); 12262 const candidates = Array.from(dialogElement.querySelectorAll('[x-focus-first]')); 12263 next: for (let candidate of candidates) { 12264 for (let child of nested) { 12265 if (child.contains(candidate)) continue next; 12266 } 12267 setTimeout(() => candidate.focus(), 50); 12268 break; 12269 } 12270 window.setTimeout(() => { 12271 const focusElement = firstVisible(dialogElement.querySelectorAll('[x-focus-first]')) || 12272 focusables(dialogElement)[0] || 12273 null; 12274 focusElement && isInViewport(focusElement) && focusElement.focus(); 12275 }, Math.max(1, duration)); 12276 } 12277 12278 function determineTrigger($refs, dialog, trigger) { 12279 if (typeof trigger === 'undefined' && typeof dialog === 'object' && dialog.target instanceof HTMLElement) { 12280 return dialog.target; 12281 } 12282 if (typeof dialog === 'string' && typeof trigger === 'object' && trigger.target instanceof HTMLElement) { 12283 return trigger.target; 12284 } 12285 if (typeof trigger === 'string') { 12286 try { 12287 return $refs[trigger] || document.querySelector(trigger) 12288 } catch (e) {} 12289 } 12290 if (trigger instanceof Element) { 12291 return trigger; 12292 } 12293 12294 return null; 12295 } 12296 12297 function isOverlayDisabled(dialog) { 12298 return dialog && dialog.hasAttribute('x-no-overlay') 12299 } 12300 12301 function areRemainingModalsWithoutOverlay(modals) 12302 { 12303 const overflowDisabled = modals.map(modal => modal.instance.$refs[modal.name]).filter(isOverlayDisabled); 12304 12305 return overflowDisabled.length === modals.length; 12306 } 12307 12308 window.hyva.modal = function(options = {}) { 12309 if (this.$el && this.$el.dataset && this.$el.dataset.options) { 12310 try { 12311 options = Object.assign(options, JSON.parse(this.$el.dataset.options || '{}')); 12312 } catch (e) { 12313 throw new Error('Cannot read the dialog options from the data-options attribute: not valid JSON'); 12314 } 12315 } 12316 12317 const config = Object.assign({ 12318 dialog: 'dialog', duration: 300, transitionEnter: 'transition ease-out duration-300', 12319 transitionEnterStart: 'opacity-0', 12320 transitionEnterEnd: 'opacity-100', 12321 transitionLeave: 'transition ease-in duration-300', 12322 transitionLeaveStart: 'opacity-100', 12323 transitionLeaveEnd: 'opacity-0', 12324 }, options); 12325 let lastHide = 0; 12326 12327 return { 12328 opened: {}, 12329 show(dialog, trigger) { 12330 const focusTargetAfterHide = determineTrigger(this.$refs, dialog, trigger); 12331 const name = typeof dialog === 'string' ? dialog : config.dialog; 12332 const dialogElement = this.$refs[name]; 12333 if (! dialogElement) { 12334 return; 12335 } 12336 const useOverlay = ! dialogElement.hasAttribute('x-no-overlay'); 12337 12338 dialogElement.scrollTop = 0; 12339 12340 if (this.opened[name]) { 12341 return; 12342 } 12343 12344 if (focusTargetAfterHide) { 12345 focusTargetAfterHide.setAttribute('aria-expanded', 'true'); 12346 } 12347 12348 this.opened[name] = true; 12349 useOverlay && this.$nextTick(() => hyva.trapFocus(dialogElement)); 12350 setFocusAfterTransition(dialogElement, config.duration); 12351 12352 const frame = {name, instance: this, focusTarget: focu
12352sTargetAfterHide, time: Date.now()}; 12353 12354 modals.push(frame); 12355 if (useOverlay) { 12356 document.body.classList.add('overflow-hidden'); 12357 } 12358 return new Promise(resolve => frame.resolve = resolve); 12359 }, 12360 cancel() { 12361 this.hide(false); 12362 }, 12363 ok() { 12364 this.hide(true); 12365 }, 12366 hide(value) { 12367 if (Date.now() - lastHide < config.duration) { 12368 return; 12369 } 12370 lastHide = Date.now(); 12371 12372 const modal = modals.pop() || {}; 12373 if (! modal.instance) { 12374 return; 12375 } 12376 12377 const name = modal.name; 12378 this.opened[name] = false; 12379 hyva.releaseFocus(modal.instance.$refs[modal.name]) 12380 trapFocusInNextModalWithOverlay(); 12381 12382 const nextFocusAfterHide = modal.focusTarget; 12383 nextFocusAfterHide && setTimeout(() => { 12384 nextFocusAfterHide.setAttribute('aria-expanded', 'false'); 12385 nextFocusAfterHide.focus() 12386 }, config.duration); 12387 12388 if (modals.length === 0 || areRemainingModalsWithoutOverlay(modals)) { 12389 document.body.classList.remove('overflow-hidden'); 12390 } 12391 12392 modal.resolve(value); 12393 }, 12394 overlay(dialog) { 12395 dialog = this.$el.dataset.dialogRefName || dialog; 12396 const name = typeof dialog === 'string' ? dialog : config.dialog; 12397 return { 12398 ['x-show']() { 12399 return this.opened[name] 12400 }, 12401 ['x-transition:enter']: config.transitionEnter, 12402 ['x-transition:enter-start']: config.transitionEnterStart, 12403 ['x-transition:enter-end']: config.transitionEnterEnd, 12404 ['x-transition:leave']: config.transitionLeave, 12405 ['x-transition:leave-start']: config.transitionLeaveStart, 12406 ['x-transition:leave-end']: config.transitionLeaveEnd, 12407 ['@hyva-modal-show.window'](event) { 12408 event.detail && event.detail.dialog === name && this.show(name, event.detail.focusAfterHide) 12409 } 12410 }; 12411 }, 12412 showDialogOnInit() { 12413 const parent = this.$el.closest('[data-dialog-ref-name]'); 12414 if (parent && parent.dataset.dialogRefName) { 12415 this.$dispatch('hyva-modal-show', {dialog: parent.dataset.dialogRefName}) 12416 } 12417 } 12418 }; 12419 } 12420 12421 window.hyva.modal.peek = () => modals.length > 0 && modals[modals.length -1] 12422 12423 window.hyva.modal.pop = function () { 12424 if (modals.length > 0) { 12425 const modal = modals[modals.length -1]; 12426 modal.instance.hide(); 12427 } 12428 } 12429 12430 window.hyva.modal.excludeSelectorsFromFocusTrap = function (selectors) { 12431 typeof selectors === 'string' || selectors instanceof String 12432 ? excludedFromFocusTrapping.add(selectors) 12433 : selectors.map(selector => excludedFromFocusTrapping.add(selector)); 12434 } 12435 12436 window.hyva.modal.eventListeners = { 12437 keydown: event => { 12438 if (event.key === 'Escape') { 12439 window.hyva.modal.pop(); 12440 } 12441 }, 12442 click: event => { 12443 if (modals.length > 0) { 12444 const modal = modals[modals.length -1]; 12445 const dialog = modal.instance.$refs[modal.name]; 12446 if (modal.time + 50 < Date.now() && // if last click processing is more than 50ms ago 12447 ! isOverlayDisabled(dialog) && // if dialog has overlay 12448 ! dialog.contains(event.target)) { // if click is outside of dialog 12449 modal.instance.hide(); 12450 } 12451 } 12452 } 12453 }; 12454 12455 document.addEventListener('keydown', window.hyva.modal.eventListeners.keydown); 12456 12457 document.addEventListener('click', window.hyva.modal.eventListeners.click); 12458 })(); 12459 window.addEventListener('alpine:init', () => { 12460 Alpine.data('hyvaModal', window.hyva.modal); 12461 }, {once: true}); 12462</script>
vendor: 1 bytes, line 12462
12462
12463<script> 12464 function initCompareOnProductList() { 12465 return { 12466 addToCompare(productId) { 12467 const formKey = document.querySelector('input[name=form_key]').value; 12468 const postUrl = BASE_URL + 'catalog/product_compare/add/'; 12469 12470 fetch(postUrl, { 12471 "headers": { 12472 "content-type": "application/x-www-form-urlencoded; charset=UTF-8", 12473 }, 12474 "body": "form_key="+ formKey + "&product="+productId+"&uenc="+btoa(window.location.href), 12475 "method": "POST", 12476 "mode": "cors", 12477 "credentials": "include" 12478 }).then(function (response) { 12479 if (response.redirected) { 12480 window.location.href = response.url; 12481 } 12482 }).catch(function (error) { 12483 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 12484 [{ 12485 type: "error", 12486 text: error 12487 }], 5000 12488 ); 12489 }); 12490 } 12491 }; 12492 } 12493</script>
vendor: 1 bytes, line 12493
12493
12494<script> 12495 function initWishlist() { 12496 return { 12497 addToWishlist(productId) { 12498 const formKey = hyva.getFormKey(); 12499 fetch(BASE_URL + "wishlist/index/add/", { 12500 "headers": { 12501 "content-type": "application/x-www-form-urlencoded; charset=UTF-8", 12502 }, 12503 "body": "form_key="+ formKey + "&product="+productId+"&uenc="+btoa(window.location.href), 12504 "method": "POST", 12505 "mode": "cors", 12506 "credentials": "include" 12507 }).then(function (response) { 12508 if (response.redirected) { 12509 window.location.href = response.url; 12510 } else if (response.ok) { 12511 return response.json(); 12512 } else { 12513 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 12514 [{ 12515 type: "warning", 12516 text: "Could not add item to wishlist." 12517 }], 5000 12518 ); 12519 } 12520 }).then(function (response) { 12521 if (!response) { return } 12522 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 12523 [{ 12524 type: (response.success) ? "success" : "error", 12525 text: (response.success) 12526 ? "Produkt wurde zu Ihrer Wunschliste hinzugefügt." 12527 : response.error_message 12528 }], 5000 12529 ); 12530 const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data"); 12531 window.dispatchEvent(reloadCustomerDataEvent); 12532 }).catch(function (error) { 12533 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 12534 [{ 12535 type: "error", 12536 text: error 12537 }], 5000 12538 ); 12539 }); 12540 } 12541 } 12542 } 12543</script>
vendor: 1 bytes, line 12543
12543
12544<script> 12545 /** 12546 * Moma Beauty Custom Scripts 12547 * CSP Compliant JavaScript Behaviors 12548 */ 12549 12550 'use strict'; 12551 12552 /** 12553 * Style Actieprijs (Action Price) badges 12554 * Adds pink background color to spans with "Actieprijs" text 12555 */ 12556 document.addEventListener('DOMContentLoaded', () => { 12557 document.querySelectorAll("div.z-10.flex.gap-1 span").forEach(span => { 12558 if (span.textContent.trim() === "Actieprijs") { 12559 span.style.backgroundColor = "#ef61a5"; 12560 span.style.color = "#fff"; 12561 } 12562 }); 12563 }); 12564 12565 /** 12566 * Category Page Subcategory Toggle 12567 * Shows/hides subcategories with "Toon alle categorieën" toggle link 12568 */ 12569 window.addEventListener('load', function () { 12570 const subCategoriesDiv = document.querySelector('body.catalog-category-view:not(:is(.category-merken, .category-marken)) .column.main .grid.mb-3'); 12571 const subCategories = document.querySelectorAll('body.catalog-category-view:not(:is(.category-merken, .category-marken)) .column.main .grid > a'); 12572 const isNotAllBrandsPage = window.location.pathname.split('/').filter(Boolean).length > 1; 12573 12574 if (subCategoriesDiv && subCategoriesDiv.children.length > 3 && isNotAllBrandsPage) { 12575 const node = document.createElement('a'); 12576 node.classList.add('cursor-pointer'); 12577 node.classList.add('text-2xs'); 12578 const textnode = document.createTextNode("Alle Kategorien anzeigen"); 12579 node.appendChild(textnode); 12580 node.onclick = toggleSubCategories; 12581 const toggleDiv = subCategoriesDiv.insertAdjacentElement("afterend", node); 12582 12583 function toggleSubCategories() { 12584 if (subCategoriesDiv.classList.contains('show-subcategories')) { 12585 subCategoriesDiv.classList.remove('show-subcategories'); 12586 12587 subCategories.forEach(el => { 12588 el.classList.remove('show-subcategory'); 12589 }); 12590 12591 toggleDiv.innerHTML = "Alle Kategorien anzeigen"; 12592 } else { 12593 subCategoriesDiv.classList.add('show-subcategories'); 12594 12595 subCategories.forEach(el => { 12596 el.classList.add('show-subcategory'); 12597 }); 12598 12599 toggleDiv.innerHTML = "Kategorien ausblenden"; 12600 } 12601 } 12602 } 12603 }); 12604</script>
vendor: 1 bytes, line 12604
12604
12605<script> 12606 function initConfigurableOptions(productId, optionConfig) { 12607 12608 function findPathParam(key) { 12609 const baseUrl = (BASE_URL.substring(0, 2) === '//' ? 'http:' : '') + BASE_URL; 12610 const baseUrlParts = (new URL(baseUrl)).pathname.replace(/\/$/, '').split('/'); 12611 const pathParts = window.location.pathname.split('/').slice(baseUrlParts.length + 3); 12612 for (let i = 0; i < pathParts.length; i += 2) { 12613 if (pathParts[i] === key && pathParts.length > i) { 12614 return pathParts[i + 1]; 12615 } 12616 } 12617 } 12618 12619 return { 12620 optionConfig, 12621 productId, 12622 itemId: (new URLSearchParams(window.location.search)).get('id') || findPathParam('id'), 12623 allowedAttributeOptions: [], 12624 selectedValues: [], 12625 init() { 12626 this.findAllowedAttributeOptions(); 12627 this.$nextTick(() => { 12628 if (typeof this.optionConfig.defaultValues === 'object') { 12629 for (const [attributeId, value] of Object.entries(this.optionConfig.defaultValues)) { 12630 this.changeOption(attributeId, value + ''); 12631 } 12632 } 12633 }); 12634 }, 12635 findSimpleIndex() { 12636 this.productIndex = this.calculateSimpleIndexForPartialSelection(this.selectedValues); 12637 }, 12638 calculateSimpleIndexForPartialSelection(selectedValues) { 12639 if (selectedValues.length === 0) return 0; 12640 let productIndexIds = Object.keys(this.optionConfig.index); 12641 Object.keys(this.optionConfig.attributes).forEach((attribute) => { 12642 const productsWithAttributeMatch = selectedValues[attribute] 12643 ? productIndexIds.filter((productIndex) => { 12644 return this.optionConfig.index[productIndex][attribute] === this.selectedValues[attribute] 12645 }) 12646 : []; 12647 12648 productIndexIds = productsWithAttributeMatch.length ? productsWithAttributeMatch : productIndexIds 12649 }) 12650 return productIndexIds[0]; 12651 }, 12652 calculateSimpleIndexForFullSelection(selectedValues) { 12653 const productIndexes = this.optionConfig.index; 12654 return Object.keys(productIndexes).find(productIndex => { 12655 const productCandidateOptions = productIndexes[productIndex]; 12656 12657 for (const productOption in productCandidateOptions) { 12658 if ( 12659 ! selectedValues[productOption] || 12660 selectedValues[productOption] !== productCandidateOptions[productOption] 12661 ) { 12662 return false; 12663 } 12664 } 12665 return productIndex; 12666 }); 12667 }, 12668 productIndex: 0, 12669 findAllowedAttributeOptions() { 12670 this.allowedAttributeOptions = this.calculateAllowedAttributeOptions(this.selectedValues); 12671 }, 12672 calculateAllowedAttributeOptions(selectedValues) { 12673 const allAttributes = this.optionConfig.attributes; 12674 const allAttributesSorted = Object.values(allAttributes).sort((a,b) => { 12675 return a.position - b.position 12676 }); 12677 12678 const newAllowedAttributeOptions = []; 12679 12680 allAttributesSorted.forEach(attribute => { 12681 const selectionWithoutAttr = Object.assign({}, this.removeAttrFromSelection(selectedValues, attribute.id)); 12682 const availableIndexes = this.calculateAvailableProductIndexes(selectionWithoutAttr); 12683 newAllowedAttributeOptions[attribute.id] = allAttributes[attribute.id].options.filter(option => { 12684 return !!option.products.find(product => { 12685 return availableIndexes.includes(product); 12686 }) 12687 }); 12688 }); 12689 return newAllowedAttributeOptions; 12690 }, 12691 calculateAvailableProductIndexes(selectedOptions) { 12692 if (Object.keys(selectedOptions).length === 0) { 12693 if (Object.values(this.optionConfig.salable || {}).length) { 12694 return [].concat.apply([], [].concat.apply([], Object.values(this.optionConfig.salable).map(Object.values))).filter((x, i, a) => a.indexOf(x) === i) 12695 } 12696 return Object.keys(this.optionConfig.index); 12697 } 12698 12699 const selectedIds = Object.keys(selectedOptions); 12700 if (Object.values(this.optionConfig.salable || {}).length) { 12701 const selectedOptionIndexes = selectedIds.map(attrId => { 12702 const optionValue = selectedOptions[attrId]; 12703 return this.optionConfig.salable[attrId] && this.optionConfig.salable[attrId][optionValue] || [] 12704 }) 12705 return selectedOptionIndexes.reduce((acc, optionIndexes) => { 12706 return acc.filter(index => optionIndexes.includes(index)); 12707 }); 12708 } else { 12709 const productIndexes = this.optionConfig.index; 12710 return Object.keys(productIndexes).filter(index => { 12711 for (const attrId of selectedIds) { 12712 if (productIndexes[index][attrId] !== `${selectedOptions[attrId]}`) return false 12713 } 12714 return true 12715 }); 12716 } 12717 }, 12718 findAttributeByOptionId(optionId) { 12719 for (const attributeId in this.optionConfig.attributes) { 12720 const attributeOptions = this.optionConfig.attributes[attributeId].options || []; 12721 if (attributeOptions.find(option => option.id === optionId)) { 12722 return attributeId; 12723 } 12724 } 12725 }, 12726 getAllowedAttributeOptions(attributeId) { 12727 return this.allowedAttributeOptions[attributeId] || [] 12728 }, 12729 getProductIdsForOption(option) { 12730 const attributeId = this.findAttributeByOptionId(option.id); 12731 const allOptions = this.optionConfig.attributes[attributeId]; 12732 const opt = (allOptions && allOptions.options || []).find(o => o.id === option.id); 12733 return opt && opt.products 12734 ? opt.products 12735 : []; 12736 }, 12737 findProductIdsForPartialSelection(optionSelection) { 12738 const candidateProducts = Object.values(optionSelection).reduce((candidates, optionId) => { 12739 const newCandidates = this.getProductIdsForOption({id: optionId}); 12740 return candidates === null 12741 ? newCandidates 12742 : candidates.filter(productId => newCandidates.includes(productId)); 12743 }, null); 12744 return candidateProducts || []; 12745 },
12746 findCheapestProductForPartialSelection(optionSelection) { 12747 const candidateProducts = this.findProductIdsForPartialSelection(optionSelection); 12748 return candidateProducts.reduce((cheapest, simpleIdx) => { 12749 // in the first iteration we start with simpleIdx as the currently cheapest product 12750 if (! this.optionConfig.optionPrices[cheapest]) return simpleIdx; 12751 const knownCheapestPrice = this.optionConfig.optionPrices[cheapest].finalPrice.amount; 12752 return knownCheapestPrice > this.optionConfig.optionPrices[simpleIdx].finalPrice.amount 12753 ? simpleIdx 12754 : cheapest; 12755 }, 0) 12756 }, 12757 findProductIdToUseForOptionPrice(option) { 12758 // try to find a product for a complete selection 12759 const attributeId = this.findAttributeByOptionId(option.id); 12760 const optionSelection = Object.assign({}, this.selectedValues, {[attributeId]: option.id}); 12761 const matchingSimpleIndex = this.calculateSimpleIndexForFullSelection(optionSelection); 12762 // if there is no complete selection, use the cheapest product for the option 12763 return matchingSimpleIndex || this.findCheapestProductForPartialSelection(optionSelection); 12764 }, 12765 getAttributeOptionLabel(option) { 12766 const optionProduct = this.findProductIdToUseForOptionPrice(option); 12767 if ((! optionProduct) || (optionProduct === this.productIndex)) { 12768 return option.label; 12769 } 12770 12771 const currentPrice = this.getOptionPriceAdjustmentBasePrice(); 12772 12773 if (this.optionConfig.optionPrices[optionProduct]) { 12774 const optionPrice = this.optionConfig.optionPrices[optionProduct].finalPrice.amount; 12775 if (optionPrice !== currentPrice){ 12776 return option.label + ' ' + hyva.formatPrice(optionPrice - currentPrice, true); 12777 } 12778 } 12779 return option.label; 12780 }, 12781 getOptionPriceAdjustmentBasePrice() { 12782 if (this.optionConfig.optionPrices[this.productIndex]) { 12783 return this.optionConfig.optionPrices[this.productIndex].finalPrice.amount 12784 } 12785 const cheapestForSelection = this.findCheapestProductForPartialSelection(this.selectedValues); 12786 return this.optionConfig.optionPrices[cheapestForSelection] 12787 ? this.optionConfig.optionPrices[cheapestForSelection].finalPrice.amount 12788 : this.optionConfig.prices.finalPrice.amount; // default price if no option selection 12789 }, 12790 clearOptionIfActive(optionId, value) { 12791 if (this.selectedValues[optionId] === value) { 12792 this.blurLabel() 12793 this.changeOption(optionId, '') 12794 } 12795 }, 12796 removeAttrFromSelection(selectedValues, attributeId) { 12797 attributeId = parseInt(attributeId); 12798 return selectedValues.reduce((newSelection, val, attr) => { 12799 if (attr !== attributeId) { 12800 newSelection[attr] = val; 12801 } 12802 return newSelection; 12803 }, []); 12804 }, 12805 changeOption(attributeId, value) { 12806 if (value === '') { 12807 this.selectedValues = this.removeAttrFromSelection(this.selectedValues, attributeId) 12808 } else if (value && this.getAllowedAttributeOptions(attributeId).find(option => option.id === value)) { 12809 this.selectedValues[attributeId] = value; 12810 } 12811 this.findSimpleIndex(); 12812 this.findAllowedAttributeOptions(); 12813 this.updatePrices(); 12814 this.updateGallery(); 12815 window.dispatchEvent( 12816 new CustomEvent( 12817 'configurable-selection-changed', 12818 { 12819 detail: { 12820 productId: this.productId, 12821 optionId: attributeId, 12822 value: value, 12823 productIndex: this.productIndex, 12824 selectedValues: this.selectedValues, 12825 candidates: this.findProductIdsForPartialSelection(this.selectedValues), 12826 } 12827 } 12828 ) 12829 ); 12830 }, 12831 calculateIsMinimalPrice() { 12832 return ( 12833 this.selectedValues.filter(value => !!value).length < 12834 Object.keys(this.optionConfig.attributes).length 12835 ); 12836 }, 12837 updatePrices() { 12838 const value = this.productIndex ? 12839 this.optionConfig.optionPrices[this.productIndex] : 12840 this.optionConfig.prices; 12841 window.dispatchEvent( 12842 new CustomEvent( 12843 "update-prices-" + this.productId, 12844 { 12845 detail: Object.assign( 12846 value, 12847 { isMinimalPrice: this.calculateIsMinimalPrice() } 12848 ) 12849 } 12850 ) 12851 ); 12852 }, 12853 updateGallery () { 12854 if (this.productIndex) { 12855 const images = this.optionConfig.images[this.productIndex]; 12856 images && window.dispatchEvent(new CustomEvent( 12857 "update-gallery", 12858 { detail: this.sortImagesByPosition(images) } 12859 )); 12860 } else { 12861 window.dispatchEvent(new Event("reset-gallery")); 12862 } 12863 }, 12864 sortImagesByPosition(images) { 12865 return images.sort((x, y) => { 12866 return x.position === y.position ? 0 : (parseInt(x.position) > parseInt(y.position) ? 1 : -1) 12867 }); 12868 }, 12869 onGetCartData(data) { 12870 }, 12871 preselectCartItems(data) { 12872 // pre-select options based on cart data for current (quote) itemId 12873 const cart = data && data.cart; 12874 if (cart && cart.items) { 12875 const cartItem = cart.items.find((item) => { 12876 return ( 12877 item.item_id === this.itemId 12878 && item.product_id === this.productId 12879 ) 12880 }); 12881 if (cartItem && cartItem.options && cartItem.options.length) { 12882 cartItem.options.map(option => { 12883 this.changeOption(option.option_id, option.option_value); 12884 }) 12885 } 12886 } 12887 }, 12888 preselectQuerystringItems() { 12889 // pre-select option like ?size=167 12890 const urlQueryParams = new URLSearchParams(window.location.search.replace('?','')); 12891 this.preselectItemsBasedOnLocation(attribute => urlQueryParams.get(attribute.code)); 12892 }, 12893 preselectLocationHashItems() { 12894 // pre-select option like #144=167 12895 const urlHashParams = new URLSearchParams(window.location.hash.replace('#','')); 12896 this.preselectItemsBasedOnLocation(attribute => urlHashParams.get(attribute.id)); 12897 }, 12898 preselectItemsBasedOnLocation(getLocationValue) { 12899 Object.values(this.optionConfig.attributes).map(attribute => { 12900 this.changeOption(attribute.id, getLocationValue(attribute)) 12901 }); 12902 } 12903 } 12904 } 12905 12906</script>
12906 12907 12908<style> 12909 .swatch-attribute-options { 12910 overflow: hidden; 12911 max-height: 92px; /* collapsed by default */ 12912 transition: max-height 0.3s ease; 12913 } 12914 12915 .swatch-attribute-options.swatch-expanded { 12916 max-height: 2000px; /* bigger than any swatch block */ 12917 } 12918</style> 12919
12920<script> 12921 12922 function initSwatchOptions(swatchConfig) { 12923 return { 12924 swatchConfig, 12925 swatchExpanded: false, 12926 showSwatchToggle: false, 12927 getAttributeSwatchData(attributeId) { 12928 const swatchConfig = Object.assign({}, this.swatchConfig[attributeId]); 12929 swatchConfig['details'] = JSON.parse(swatchConfig['additional_data']); 12930 return swatchConfig; 12931 }, 12932 getAllAttributeOptions(attributeId) { 12933 return ( 12934 this.optionConfig.attributes[attributeId] && 12935 this.optionConfig.attributes[attributeId].options 12936 ) || []; 12937 }, 12938 optionIsActive(attributeId, optionId) { 12939 return !!this.getAllowedAttributeOptions(attributeId).find( 12940 option => option.id === optionId 12941 ); 12942 }, 12943 optionIsEnabled(attributeId, optionId) { 12944 for (const productId in this.optionConfig.index) { 12945 if (this.optionConfig.index[productId][attributeId] === optionId) { 12946 return true; 12947 } 12948 } 12949 return false; 12950 }, 12951 mapSwatchTypeNumberToTypeCode(typeNumber) { 12952 switch ("" + typeNumber) { 12953 case "1": return "color"; 12954 case "2": return "image"; 12955 case "3": return "empty"; 12956 case "0": 12957 default: return "text"; 12958 } 12959 }, 12960 getTypeOfFirstOption(attributeId) { 12961 for (const optionId in this.swatchConfig[attributeId]) { 12962 const option = this.swatchConfig[attributeId][optionId]; 12963 if (typeof option.type !== 'undefined') { 12964 return this.mapSwatchTypeNumberToTypeCode(option.type); 12965 } 12966 } 12967 }, 12968 getVisualSwatchType(attributeId, targetOptionId) { 12969 const config = this.swatchConfig[attributeId]; 12970 if (config[targetOptionId] && typeof config[targetOptionId].type !== 'undefined') { 12971 return this.mapSwatchTypeNumberToTypeCode(config[targetOptionId].type); 12972 } 12973 return this.getTypeOfFirstOption(attributeId); 12974 }, 12975 getSwatchType(attributeId, optionId) { 12976 if (this.swatchConfig[attributeId] && !this.swatchConfig[attributeId].details) { 12977 this.swatchConfig[attributeId] = this.getAttributeSwatchData(attributeId); 12978 } 12979 const type = this.swatchConfig[attributeId] && 12980 this.swatchConfig[attributeId].details && 12981 this.swatchConfig[attributeId].details.swatch_input_type || "empty"; 12982 return type === 'visual' ? this.getVisualSwatchType(attributeId, optionId) : type; 12983 }, 12984 isTextSwatch(attributeId, optionId) { 12985 return this.getSwatchType(attributeId, optionId) === 'text'; 12986 }, 12987 isVisualSwatch(attributeId, optionId) { 12988 const type = this.getSwatchType(attributeId, optionId); 12989 return ['image', 'color'].includes(type); 12990 }, 12991 getSwatchBackgroundStyle(attributeId, optionId) { 12992 const config = this.getSwatchConfig(attributeId, optionId); 12993 const type = this.getSwatchType(attributeId, optionId); 12994 if (type === "color") { 12995 return 'background-color:' + config.value; 12996 } else if (type === "image") { 12997 return "background: #ffffff url('" + config.value + "') no-repeat center; background-size: 25px auto;"; 12998 } else { 12999 return ''; 13000 } 13001 }, 13002 getSwatchText(attributeId, optionId) { 13003 const config = this.getSwatchConfig(attributeId, optionId); 13004 return config.label || config.value || this.getOptionLabelFromOptionConfig(attributeId, optionId); 13005 }, 13006 getOptionLabelFromOptionConfig(attributeId, optionId) { 13007 const option = this.getAllAttributeOptions(attributeId).filter(option => option.id === optionId); 13008 return option && option[0] && option[0].label || ''; 13009 }, 13010 getSwatchConfig(attributeId, optionId) { 13011 return this.swatchConfig[attributeId] && this.swatchConfig[attributeId][optionId] 13012 ? this.swatchConfig[attributeId][optionId] 13013 : false;
13014 }, 13015 activeTooltipItem: false, 13016 tooltipPositionElement: false, 13017 isTooltipVisible() { 13018 return this.activeTooltipItem && 13019 this.getSwatchConfig( 13020 this.activeTooltipItem.attribute, 13021 this.activeTooltipItem.item 13022 ); 13023 }, 13024 isFirstItemCol() { 13025 return this.activeTooltipItem.index === 0; 13026 }, 13027 getTooltipImageStyle(attributeId, optionId) { 13028 const config = this.getSwatchConfig(attributeId, optionId); 13029 const type = this.getSwatchType(attributeId, optionId); 13030 if (type === "color") { 13031 return 'background-color:' + config.value + '; width: 110px; height: 90px;'; 13032 } else if (type === "image") { 13033 return "background: #ffffff url('" + config.thumb + "') center center no-repeat; width: 60px; height: 60px;"; 13034 } else { 13035 return 'display:none'; 13036 } 13037 }, 13038 getSelectedOptionValue(selected, attributeId) { 13039 let selectedValues = selected.filter(element => element !== null); 13040 let selectedValue = swatchConfig[attributeId][selectedValues]; 13041 if (!selectedValue) return false; 13042 return selectedValue.label; 13043 }, 13044 getTooltipPosition() { 13045 return this.tooltipPositionElement ? 13046 `top: ${this.tooltipPositionElement.offsetTop}px;` + 13047 `left: ${this.tooltipPositionElement.offsetLeft - (this.tooltipPositionElement.closest('.snap')?.scrollLeft || 0)}px;` : ''; 13048 }, 13049 getTooltipLabel() { 13050 return this.getSwatchConfig(this.activeTooltipItem.attribute, this.activeTooltipItem.item).label; 13051 }, 13052 focusedLabel: false, 13053 focusLabel(optionId) { 13054 this.focusedLabel = optionId; 13055 }, 13056 blurLabel() { 13057 this.focusedLabel = false; 13058 }, 13059 checkSwatchOverflow() { 13060 if (this.$refs.swatchContainer) { 13061 const element = this.$refs.swatchContainer; 13062 // Temporarily expand to measure full height 13063 element.classList.add('swatch-expanded'); 13064 const fullHeight = element.scrollHeight; 13065 element.classList.remove('swatch-expanded'); 13066 13067 const collapsedHeight = 92; 13068 this.showSwatchToggle = fullHeight > collapsedHeight; 13069 } 13070 }, 13071 selectOptionFromUrlParam() { 13072 const urlParams = new URLSearchParams(window.location.search); 13073 if (urlParams.size === 0) { 13074 return; 13075 } 13076 13077 const firstParamKey = urlParams.keys().next().value; 13078 const firstParamValue = urlParams.get(firstParamKey); 13079 if (!firstParamKey || !firstParamValue) { 13080 return; 13081 } 13082 13083 const selector = `[data-value="${firstParamValue}"]`; 13084 let targetElement = document.querySelector(selector); 13085 if (targetElement) { 13086 targetElement.click(); 13087 return; 13088 } 13089 13090 const config = { childList: true, subtree: true }; 13091 13092 const observer = new MutationObserver((mutationsList, observer) => { 13093 for (const mutation of mutationsList) { 13094 if (mutation.type === 'childList' && mutation.addedNodes.length > 0) { 13095 targetElement = document.querySelector(selector); 13096 if (targetElement) { 13097 targetElement.click(); 13098 observer.disconnect(); 13099 return; 13100 } 13101 } 13102 } 13103 }); 13104 13105 observer.observe(document.body, config); 13106 // As a fallback for when the element is not found 13107 setTimeout(() => { 13108 if (!document.querySelector(selector)) { 13109 observer.disconnect(); 13110 } 13111 }, 5000); 13112 }, 13113 showSwatches: false, 13114 initShowSwatchesIntersect() { 13115 this.selectOptionFromUrlParam(); 13116 if ('IntersectionObserver' in window && !window.scrollY) { 13117 let io = new IntersectionObserver(entries => {
13118 entries.map(entry => { 13119 if (entry.isIntersecting) { 13120 this.showSwatches = true; 13121 io.unobserve(this.$root); 13122 } 13123 }); 13124 }); 13125 io.observe(this.$root); 13126 } else { 13127 this.showSwatches = true; 13128 } 13129 } 13130 } 13131 } 13132</script>
vendor: 1 bytes, line 13132
13132
13133<script> 13134 window.addEventListener('alpine:init', () => { 13135 Alpine.data('mapCmsElement', () => ({ 13136 mapEl: null, 13137 locations: [], 13138 apiKey: null, 13139 mapId: null, 13140 zoom: 8, 13141 showControls: false, 13142 mapTarget: null, 13143 13144 async init() { 13145 this.mapEl = this.$el; 13146 this.apiKey = this.mapEl.dataset.apiKey; 13147 this.mapId = this.mapEl.dataset.mapId; 13148 this.showControls = this.mapEl.getAttribute('data-show-controls') === 'true'; 13149 this.mapTarget = this.$refs.mapTarget || this.mapEl; 13150 13151 const locationEls = this.mapEl.querySelectorAll('[data-latitude][data-longitude]'); 13152 if (!locationEls.length) return; 13153 13154 locationEls.forEach((el) => { 13155 const lat = parseFloat(el.getAttribute('data-latitude')); 13156 const lng = parseFloat(el.getAttribute('data-longitude')); 13157 if (isNaN(lat) || isNaN(lng)) return; 13158 this.locations.push({ 13159 position: { lat, lng }, 13160 locationName: el.getAttribute('data-location-name') || '', 13161 content: el.innerHTML.trim() 13162 }); 13163 }); 13164 13165 if (!this.locations.length || !this.apiKey) return; 13166 13167 this.bootstrapGoogleMaps(); 13168 try { 13169 await this.renderMap(); 13170 } catch (e) { 13171 console.error('Google Maps failed to load:', e); 13172 } 13173 }, 13174 13175 bootstrapGoogleMaps() { 13176 if (window.google && window.google.maps && window.google.maps.importLibrary) return; 13177 // prettier-ignore 13178 (g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={});var r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})({key: this.apiKey, v: "weekly"}); 13179 }, 13180 13181 async renderMap() { 13182 const { Map, InfoWindow } = await google.maps.importLibrary('maps'); 13183 const bounds = []; 13184 let activeInfoWindow; 13185 13186 const map = new Map(this.mapTarget, { 13187 ...(this.mapId ? { mapId: this.mapId } : {}), 13188 zoom: this.zoom, 13189 center: this.locations[0].position, 13190 scrollwheel: false, 13191 disableDefaultUI: !this.showControls, 13192 mapTypeControl: this.showControls, 13193 mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.DEFAULT } 13194 }); 13195 13196 if (this.mapId) { /* If mapId is set use advanced marker */ 13197 const { AdvancedMarkerElement } = await google.maps.importLibrary('marker'); 13198 this.locations.forEach(({ locationName, content, position }) => { 13199 const hasPopup = !!(locationName || content); 13200 const marker = new AdvancedMarkerElement({ map, position, title: locationName, gmpClickable: hasPopup }); 13201 13202 if (hasPopup) { 13203 const infowindow = new InfoWindow({ content, maxWidth: 350 }); 13204 marker.addEventListener('gmp-click', () => { 13205 if (activeInfoWindow) activeInfoWindow.close(); 13206 infowindow.open(map, marker); 13207 activeInfoWindow = infowindow; 13208 }); 13209 } 13210 bounds.push(position); 13211 }); 13212 } else { /* Else use legacy */ 13213 const { Marker } = await google.maps.importLibrary('marker'); 13214 this.locations.forEach(({ locationName, content, position }) => { 13215 const hasPopup = !!(locationName || content); 13216 const marker = new Marker({ map, position, title: locationName }); 13217 13218 if (hasPopup) { 13219 const infowindow = new InfoWindow({ content, maxWidth: 350 }); 13220 marker.addListener('click', () => { 13221 if (activeInfoWindow) activeInfoWindow.close(); 13222 infowindow.open(map, marker); 13223 activeInfoWindow = infowindow; 13224 }); 13225 } 13226 bounds.push(position); 13227 }); 13228 } 13229 13230 if (bounds.length > 1) { 13231 const latLngBounds = new google.maps.LatLngBounds(); 13232 bounds.forEach(b => latLngBounds.extend(b)); 13233 map.fitBounds(latLngBounds); 13234 } else { 13235 map.setCenter(bounds[0]); 13236 map.setZoom(this.zoom); 13237 } 13238 } 13239 })); 13240 }, { once: true }); 13241</script>
vendor: 1 bytes, line 13241
13241
13242<script> 13243 document.addEventListener("alpine:init", () => { 13244 Alpine.data('hyvaCmsToggle', () => ({ 13245 open: false, 13246 notOpen() { 13247 return !this.open; 13248 }, 13249 show() { 13250 this.open = true 13251 }, 13252 hide() { 13253 this.open = false 13254 }, 13255 toggle() { 13256 this.open = !this.open 13257 } 13258 })) 13259 }); 13260</script>
vendor: 1 bytes, line 13260
13260
13261<script type="text/json" id="default-section-data"> 13262 {"messages":[],"customer":[],"compare-products":[],"last-ordered-items":[],"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":{"840":{"code":"AL-01","name":"Berat"},"841":{"code":"AL-09","name":"Dib\u00ebr"},"842":{"code":"AL-02","name":"Durr\u00ebs"},"843":{"code":"AL-03","name":"Elbasan"},"844":{"code":"AL-04","name":"Fier"},"845":{"code":"AL-05","name":"Gjirokast\u00ebr"},"846":{"code":"AL-06","name":"Kor\u00e7\u00eb"},"847":{"code":"AL-07","name":"Kuk\u00ebs"},"848":{"code":"AL-08","name":"Lezh\u00eb"},"849":{"code":"AL-10","name":"Shkod\u00ebr"},"850":{"code":"AL-11","name":"Tiran\u00eb"},"851":{"code":"AL-12","name":"Vlor\u00eb"}}},"AM":{"name":"Armenien"},"AO":{"name":"Angola"},"AQ":{"name":"Antarktis"},"AR":{"name":"Argentinien","regions":{"853":{"code":"AR-B","name":"Buenos Aires"},"854":{"code":"AR-K","name":"Catamarca"},"855":{"code":"AR-H","name":"Chaco"},"856":{"code":"AR-U","name":"Chubut"},"852":{"code":"AR-C","name":"Ciudad Aut\u00f3noma de Buenos Aires"},"857":{"code":"AR-X","name":"C\u00f3rdoba"},"858":{"code":"AR-W","name":"Corrientes"},"859":{"code":"AR-E","name":"Entre R\u00edos"},"860":{"code":"AR-P","name":"Formosa"},"861":{"code":"AR-Y","name":"Jujuy"},"862":{"code":"AR-L","name":"La Pampa"},"863":{"code":"AR-F","name":"La Rioja"},"864":{"code":"AR-M","name":"Mendoza"},"865":{"code":"AR-N","name":"Misiones"},"866":{"code":"AR-Q","name":"Neuqu\u00e9n"},"867":{"code":"AR-R","name":"R\u00edo Negro"},"868":{"code":"AR-A","name":"Salta"},"869":{"code":"AR-J","name":"San Juan"},"870":{"code":"AR-D","name":"San Luis"},"871":{"code":"AR-Z","name":"Santa Cruz"},"872":{"code":"AR-S","name":"Santa Fe"},"873":{"code":"AR-G","name":"Santiago del Estero"},"874":{"code":"AR-V","name":"Tierra del Fuego"},"875":{"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":{"569":{"code":"ACT","name":"Australian Capital Territory"},"570":{"code":"NSW","name":"New South Wales"},"576":{"code":"NT","name":"Northern Territory"},"572":{"code":"QLD","name":"Queensland"},"573":{"code":"SA","name":"South Australia"},"574":{"code":"TAS","name":"Tasmania"},"571":{"code":"VIC","name":"Victoria"},"575":{"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":{"609":{"code":"VAN","name":"Antwerpen"},"610":{"code":"WBR","name":"Brabant wallon"},"611":{"code":"BRU","name":"Brussels-Capital Region"},"612":{"code":"WHT","name":"Hainaut"},"614":{"code":"WLG","name":"Li\u00e8ge"},"613":{"code":"VLI","name":"Limburg"},"615":{"code":"WLX","name":"Luxembourg"},"616":{"code":"WNA","name":"Namur"},"617":{"code":"VOV","name":"Oost-Vlaanderen"},"618":{"code":"VBR","name":"Vlaams-Brabant"},"619":{"code":"VWV","name":"West-Vlaanderen"}}},"BF":{"name":"Burkina Faso"},"BG":{"name":"Bulgarien","regions":{"620":{"code":"BG-01","name":"Blagoevgrad"},"621":{"code":"BG-02","name":"Burgas"},"627":{"code":"BG-08","name":"Dobrich"},"626":{"code":"BG-07","name":"Gabrovo"},"645":{"code":"BG-26","name":"Haskovo"},"628":{"code":"BG-09","name":"Kardzhali"},"629":{"code":"BG-10","name":"Kyustendil"},"630":{"code":"BG-11","name":"Lovech"},"631":{"code":"BG-12","name":"Montana"},"632":{"code":"BG-13","name":"Pazardzhik"},"633":{"code":"BG-14","name":"Pernik"},"634":{"code":"BG-15","name":"Pleven"},"635":{"code":"BG-16","name":"Plovdiv"},"636":{"code":"BG-17","name":"Razgrad"},"637":{"code":"BG-18","name":"Ruse"},"646":{"code":"BG-27","name":"Shumen"},"638":{"code":"BG-19","name":"Silistra"},"639":{"code":"BG-20","name":"Sliven"},"640":{"code":"BG-21","name":"Smolyan"},"641":{"code":"BG-22","name":"Sofia City"},"642":{"code":"BG-23","name":"Sofia Province"},"643":{"code":"BG-24","name":"Stara Zagora"},"644":{"code":"BG-25","name":"Targovishte"},"622":{"code":"BG-03","name":"Varna"},"623":{"code":"BG-04","name":"Veliko Tarnovo"},"624":{"code":"BG-05","name":"Vidin"},"625":{"code":"BG-06","name":"Vratsa"},"647":{"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"}
13262,"BO":{"name":"Bolivien","regions":{"877":{"code":"BO-H","name":"Chuquisaca"},"876":{"code":"BO-C","name":"Cochabamba"},"878":{"code":"BO-B","name":"El Beni"},"879":{"code":"BO-L","name":"La Paz"},"880":{"code":"BO-O","name":"Oruro"},"881":{"code":"BO-N","name":"Pando"},"882":{"code":"BO-P","name":"Potos\u00ed"},"883":{"code":"BO-S","name":"Santa Cruz"},"884":{"code":"BO-T","name":"Tarija"}}},"BQ":{"name":"Karibische Niederlande"},"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":{"1101":{"code":"BY-BR","name":"Bresckaja voblas\u0107"},"1102":{"code":"BY-HO","name":"Homie\u013askaja voblas\u0107"},"1103":{"code":"BY-HM","name":"Horad Minsk"},"1104":{"code":"BY-HR","name":"Hrodzienskaja voblas\u0107"},"1105":{"code":"BY-MA","name":"Mahilio\u016dskaja voblas\u0107"},"1106":{"code":"BY-MI","name":"Minskaja voblas\u0107"},"1107":{"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":{"885":{"code":"CL-AI","name":"Ais\u00e9n del General Carlos Iba\u00f1ez del Campo"},"886":{"code":"CL-AN","name":"Antofagasta"},"887":{"code":"CL-AP","name":"Arica y Parinacota"},"889":{"code":"CL-AT","name":"Atacama"},"890":{"code":"CL-BI","name":"Biob\u00edo"},"891":{"code":"CL-CO","name":"Coquimbo"},"888":{"code":"CL-AR","name":"La Araucan\u00eda"},"892":{"code":"CL-LI","name":"Libertador General Bernardo O'Higgins"}
13262,"893":{"code":"CL-LL","name":"Los Lagos"},"894":{"code":"CL-LR","name":"Los R\u00edos"},"895":{"code":"CL-MA","name":"Magallanes"},"896":{"code":"CL-ML","name":"Maule"},"897":{"code":"CL-NB","name":"\u00d1uble"},"898":{"code":"CL-RM","name":"Regi\u00f3n Metropolitana de Santiago"},"899":{"code":"CL-TA","name":"Tarapac\u00e1"},"900":{"code":"CL-VS","name":"Valpara\u00edso"}}},"CM":{"name":"Kamerun"},"CN":{"name":"China","regions":{"648":{"code":"CN-AH","name":"Anhui Sheng"},"649":{"code":"CN-BJ","name":"Beijing Shi"},"650":{"code":"CN-CQ","name":"Chongqing Shi"},"651":{"code":"CN-FJ","name":"Fujian Sheng"},"652":{"code":"CN-GS","name":"Gansu Sheng"},"653":{"code":"CN-GD","name":"Guangdong Sheng"},"654":{"code":"CN-GX","name":"Guangxi Zhuangzu Zizhiqu"},"655":{"code":"CN-GZ","name":"Guizhou Sheng"},"656":{"code":"CN-HI","name":"Hainan Sheng"},"657":{"code":"CN-HE","name":"Hebei Sheng"},"658":{"code":"CN-HL","name":"Heilongjiang Sheng"},"659":{"code":"CN-HA","name":"Henan Sheng"},"660":{"code":"CN-HK","name":"Hong Kong SAR"},"661":{"code":"CN-HB","name":"Hubei Sheng"},"662":{"code":"CN-HN","name":"Hunan Sheng"},"663":{"code":"CN-JS","name":"Jiangsu Sheng"},"664":{"code":"CN-JX","name":"Jiangxi Sheng"},"665":{"code":"CN-JL","name":"Jilin Sheng"},"666":{"code":"CN-LN","name":"Liaoning Sheng"},"667":{"code":"CN-MO","name":"Macao SAR"},"668":{"code":"CN-NM","name":"Nei Mongol Zizhiqu"},"669":{"code":"CN-NX","name":"Ningxia Huizi Zizhiqu"},"670":{"code":"CN-QH","name":"Qinghai Sheng"},"671":{"code":"CN-SN","name":"Shaanxi Sheng"},"672":{"code":"CN-SD","name":"Shandong Sheng"},"673":{"code":"CN-SH","name":"Shanghai Shi"},"674":{"code":"CN-SX","name":"Shanxi Sheng"},"675":{"code":"CN-SC","name":"Sichuan Sheng"},"676":{"code":"CN-TW","name":"Taiwan Sheng"},"677":{"code":"CN-TJ","name":"Tianjin Shi"},"678":{"code":"CN-XJ","name":"Xinjiang Uygur Zizhiqu"},"679":{"code":"CN-XZ","name":"Xizang Zizhiqu"},"680":{"code":"CN-YN","name":"Yunnan Sheng"},"681":{"code":"CN-ZJ","name":"Zhejiang Sheng"}}},"CO":{"name":"Kolumbien","regions":{"682":{"code":"CO-AMA","name":"Amazonas"},"683":{"code":"CO-ANT","name":"Antioquia"},"684":{"code":"CO-ARA","name":"Arauca"},"685":{"code":"CO-ATL","name":"Atl\u00e1ntico"},"686":{"code":"CO-BOL","name":"Bol\u00edvar"},"687":{"code":"CO-BOY","name":"Boyac\u00e1"},"688":{"code":"CO-CAL","name":"Caldas"},"689":{"code":"CO-CAQ","name":"Caquet\u00e1"},"690":{"code":"CO-CAS","name":"Casanare"},"691":{"code":"CO-CAU","name":"Cauca"},"692":{"code":"CO-CES","name":"Cesar"},"693":{"code":"CO-CHO","name":"Choc\u00f3"},"694":{"code":"CO-COR","name":"C\u00f3rdoba"},"695":{"code":"CO-CUN","name":"Cundinamarca"},"696":{"code":"CO-GUA","name":"Guain\u00eda"},"697":{"code":"CO-GUV","name":"Guaviare"},"698":{"code":"CO-HUL","name":"Huila"},"699":{"code":"CO-LAG","name":"La Guajira"},"700":{"code":"CO-MAG","name":"Magdalena"},"701":{"code":"CO-MET","name":"Meta"},"702":{"code":"CO-NAR","name":"Nari\u00f1o"},"703":{"code":"CO-NSA","name":"Norte de Santander"},"704":{"code":"CO-PUT","name":"Putumayo"},"705":{"code":"CO-QUI","name":"Quind\u00edo"},"706":{"code":"CO-RIS","name":"Risaralda"},"707":{"code":"CO-SAP","name":"San Andr\u00e9s y Providencia"},"708":{"code":"CO-SAN","name":"Santander"},"709":{"code":"CO-SUC","name":"Sucre"},"710":{"code":"CO-TOL","name":"Tolima"},"711":{"code":"CO-VAC","name":"Valle del Cauca"},"712":{"code":"CO-VAU","name":"Vaup\u00e9s"},"713":{"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"}
13262,"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":{"901":{"code":"DK-84","name":"Hovedstaden"},"902":{"code":"DK-82","name":"Midtjylland"},"903":{"code":"DK-81","name":"Nordjylland"},"904":{"code":"DK-85","name":"Sj\u00e6lland"},"905":{"code":"DK-83","name":"Syddanmark"}}},"DM":{"name":"Dominica"},"DO":{"name":"Dominikanische Republik"},"DZ":{"name":"Algerien"},"EC":{"name":"Ecuador","regions":{"906":{"code":"EC-A","name":"Azuay"},"907":{"code":"EC-B","name":"Bol\u00edvar"},"908":{"code":"EC-F","name":"Ca\u00f1ar"},"909":{"code":"EC-C","name":"Carchi"},"910":{"code":"EC-H","name":"Chimborazo"},"911":{"code":"EC-X","name":"Cotopaxi"},"912":{"code":"EC-O","name":"El Oro"},"913":{"code":"EC-E","name":"Esmeraldas"},"914":{"code":"EC-W","name":"Gal\u00e1pagos"},"915":{"code":"EC-G","name":"Guayas"},"916":{"code":"EC-I","name":"Imbabura"},"917":{"code":"EC-L","name":"Loja"},"918":{"code":"EC-R","name":"Los R\u00edos"},"919":{"code":"EC-M","name":"Manab\u00ed"},"920":{"code":"EC-S","name":"Morona Santiago"},"921":{"code":"EC-N","name":"Napo"},"922":{"code":"EC-D","name":"Orellana"},"923":{"code":"EC-Y","name":"Pastaza"},"924":{"code":"EC-P","name":"Pichincha"},"925":{"code":"EC-SE","name":"Santa Elena"},"926":{"code":"EC-SD","name":"Santo Domingo de los Ts\u00e1chilas"},"927":{"code":"EC-U","name":"Sucumb\u00edos"},"928":{"code":"EC-T","name":"Tungurahua"},"929":{"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"}
13262,"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"}
13262,"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":{"943":{"code":"GR-69","name":"\u00c1gion \u00d3ros"},"930":{"code":"GR-A","name":"Anatolik\u00ed Makedon\u00eda kai Thr\u00e1ki"},"931":{"code":"GR-I","name":"Attik\u00ed"},"932":{"code":"GR-G","name":"Dytik\u00ed Ell\u00e1da"},"933":{"code":"GR-C","name":"Dytik\u00ed Makedon\u00eda"},"934":{"code":"GR-F","name":"Ion\u00eda N\u00edsia"},"935":{"code":"GR-D","name":"\u00cdpeiros"},"936":{"code":"GR-B","name":"Kentrik\u00ed Makedon\u00eda"},"937":{"code":"GR-M","name":"Kr\u00edti"},"938":{"code":"GR-L","name":"N\u00f3tio Aiga\u00edo"},"939":{"code":"GR-J","name":"Pelop\u00f3nnisos"},"940":{"code":"GR-H","name":"Stere\u00e1 Ell\u00e1da"},"941":{"code":"GR-E","name":"Thessal\u00eda"},"942":{"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":{"944":{"code":"GY-BA","name":"Barima-Waini"},"945":{"code":"GY-CU","name":"Cuyuni-Mazaruni"},"946":{"code":"GY-DE","name":"Demerara-Mahaica"},"947":{"code":"GY-EB","name":"East Berbice-Corentyne"},"948":{"code":"GY-ES","name":"Essequibo Islands-West Demerara"},"949":{"code":"GY-MA","name":"Mahaica-Berbice"},"950":{"code":"GY-PM","name":"Pomeroon-Supenaam"},"951":{"code":"GY-PT","name":"Potaro-Siparuni"},"952":{"code":"GY-UD","name":"Upper Demerara-Berbice"},"953":{"code":"GY-UT","name":"Upper Takutu-Upper Essequibo"}}},"HK":{"name":"Sonderverwaltungsregion Hongkong"},"HM":{"name":"Heard und McDonaldinseln"},"HN":{"name":"Honduras"},"HR":{"name":"Kroatien","regions":{"518":{"code":"HR-07","name":"Bjelovarsko-bilogorska \u017eupanija"},"523":{"code":"HR-12","name":"Brodsko-posavska \u017eupanija"},"530":{"code":"HR-19","name":"Dubrova\u010dko-neretvanska \u017eupanija"},"532":{"code":"HR-21","name":"Grad Zagreb"},"529":{"code":"HR-18","name":"Istarska \u017eupanija"},"515":{"code":"HR-04","name":"Karlova\u010dka \u017eupanija"},"517":{"code":"HR-06","name":"Koprivni\u010dko-kri\u017eeva\u010dka \u017eupanija"},"513":{"code":"HR-02","name":"Krapinsko-zagorska \u017eupanija"},"520":{"code":"HR-09","name":"Li\u010dko-senjska \u017eupanija"},"531":{"code":"HR-20","name":"Me\u0111imurska \u017eupanija"},"525":{"code":"HR-14","name":"Osje\u010dko-baranjska \u017eupanija"},"522":{"code":"HR-11","name":"Po\u017ee\u0161ko-slavonska \u017eupanija"},"519":{"code":"HR-08","name":"Primorsko-goranska \u017eupanija"},"526":{"code":"HR-15","name":"\u0160ibensko-kninska \u017eupanija"},"514":{"code":"HR-03","name":"Sisa\u010dko-moslava\u010dka \u017eupanija"},"528":{"code":"HR-17","name":"Splitsko-dalmatinska \u017eupanija"},"516":{"code":"HR-05","name":"Vara\u017edinska \u017eupanija"},"521":{"code":"HR-10","name":"Viroviti\u010dko-podravska \u017eupanija"},"527":{"code":"HR-16","name":"Vukovarsko-srijemska \u017eupanija"},"524":{"code":"HR-13","name":"Zadarska \u017eupanija"},"512":{"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":{"533":{"code":"AN","name":"Andaman and Nicobar Islands"},"534":{"code":"AP","name":"Andhra Pradesh"},"535":{"code":"AR","name":"Arunachal Pradesh"},"536":{"code":"AS","name":"Assam"},"537":{"code":"BR","name":"Bihar"},"538":{"code":"CH","name":"Chandigarh"},"539":{"code":"CT","name":"Chhattisgarh"},"540":{"code":"DN","name":"Dadra and Nagar Haveli"},"541":{"code":"DD","name":"Daman and Diu"},"542":{"code":"DL","name":"Delhi"},"543":{"code":"GA","name":"Goa"},"544":{"code":"GJ","name":"Gujarat"},"545":{"code":"HR","name":"Haryana"},"546":{"code":"HP","name":"Himachal Pradesh"},"547":{"code":"JK","name":"Jammu and Kashmir"},"548":{"code":"JH","name":"Jharkhand"},"549":{"code":"KA","name":"Karnataka"},"550":{"code":"KL","name":"Kerala"},"1156":{"code":"LA","name":"Ladakh"},"551":{"code":"LD","name":"Lakshadweep"},"552":{"code":"MP","name":"Madhya Pradesh"},"553":{"code":"MH","name":"Maharashtra"},"554":{"code":"MN","name":"Manipur"},"555":{"code":"ML","name":"Meghalaya"},"556":{"code":"MZ","name":"Mizoram"},"557":{"code":"NL","name":"Nagaland"}
13262,"558":{"code":"OR","name":"Odisha"},"559":{"code":"PY","name":"Puducherry"},"560":{"code":"PB","name":"Punjab"},"561":{"code":"RJ","name":"Rajasthan"},"562":{"code":"SK","name":"Sikkim"},"563":{"code":"TN","name":"Tamil Nadu"},"564":{"code":"TG","name":"Telangana"},"565":{"code":"TR","name":"Tripura"},"566":{"code":"UP","name":"Uttar Pradesh"},"567":{"code":"UT","name":"Uttarakhand"},"568":{"code":"WB","name":"West Bengal"}}},"IO":{"name":"Britisches Territorium im Indischen Ozean"},"IQ":{"name":"Irak"},"IR":{"name":"Iran"},"IS":{"name":"Island","regions":{"960":{"code":"IS-07","name":"Austurland"},"954":{"code":"IS-01","name":"H\u00f6fu\u00f0borgarsv\u00e6\u00f0i"},"959":{"code":"IS-06","name":"Nor\u00f0urland eystra"},"958":{"code":"IS-05","name":"Nor\u00f0urland vestra"},"961":{"code":"IS-08","name":"Su\u00f0urland"},"955":{"code":"IS-02","name":"Su\u00f0urnes"},"957":{"code":"IS-04","name":"Vestfir\u00f0ir"},"956":{"code":"IS-03","name":"Vesturland"}}},"IT":{"name":"Italien","regions":{"714":{"code":"AG","name":"Agrigento"},"715":{"code":"AL","name":"Alessandria"},"716":{"code":"AN","name":"Ancona"},"717":{"code":"AO","name":"Aosta"},"719":{"code":"AR","name":"Arezzo"},"720":{"code":"AP","name":"Ascoli-Piceno"},"721":{"code":"AT","name":"Asti"},"722":{"code":"AV","name":"Avellino"},"723":{"code":"BA","name":"Bari"},"724":{"code":"BT","name":"Barletta-Andria-Trani"},"725":{"code":"BL","name":"Belluno"},"726":{"code":"BN","name":"Benevento"},"727":{"code":"BG","name":"Bergamo"},"728":{"code":"BI","name":"Biella"},"729":{"code":"BO","name":"Bologna"},"730":{"code":"BZ","name":"Bolzano"},"731":{"code":"BS","name":"Brescia"},"732":{"code":"BR","name":"Brindisi"},"733":{"code":"CA","name":"Cagliari"},"734":{"code":"CL","name":"Caltanissetta"},"735":{"code":"CB","name":"Campobasso"},"736":{"code":"CI","name":"Carbonia Iglesias"},"737":{"code":"CE","name":"Caserta"},"738":{"code":"CT","name":"Catania"},"739":{"code":"CZ","name":"Catanzaro"},"740":{"code":"CH","name":"Chieti"},"741":{"code":"CO","name":"Como"},"742":{"code":"CS","name":"Cosenza"},"743":{"code":"CR","name":"Cremona"},"744":{"code":"KR","name":"Crotone"},"745":{"code":"CN","name":"Cuneo"},"746":{"code":"EN","name":"Enna"},"747":{"code":"FM","name":"Fermo"},"748":{"code":"FE","name":"Ferrara"},"749":{"code":"FI","name":"Firenze"},"750":{"code":"FG","name":"Foggia"},"751":{"code":"FC","name":"Forli-Cesena"},"752":{"code":"FR","name":"Frosinone"},"753":{"code":"GE","name":"Genova"},"754":{"code":"GO","name":"Gorizia"},"755":{"code":"GR","name":"Grosseto"},"756":{"code":"IM","name":"Imperia"},"757":{"code":"IS","name":"Isernia"},"718":{"code":"AQ","name":"L'Aquila"},"758":{"code":"SP","name":"La-Spezia"},"759":{"code":"LT","name":"Latina"},"760":{"code":"LE","name":"Lecce"},"761":{"code":"LC","name":"Lecco"},"762":{"code":"LI","name":"Livorno"},"763":{"code":"LO","name":"Lodi"},"764":{"code":"LU","name":"Lucca"},"765":{"code":"MC","name":"Macerata"},"766":{"code":"MN","name":"Mantova"},"767":{"code":"MS","name":"Massa-Carrara"},"768":{"code":"MT","name":"Matera"},"769":{"code":"VS","name":"Medio Campidano"},"770":{"code":"ME","name":"Messina"},"771":{"code":"MI","name":"Milano"},"772":{"code":"MO","name":"Modena"},"773":{"code":"MB","name":"Monza-Brianza"},"774":{"code":"NA","name":"Napoli"},"775":{"code":"NO","name":"Novara"},"776":{"code":"NU","name":"Nuoro"},"777":{"code":"OG","name":"Ogliastra"},"778":{"code":"OT","name":"Olbia Tempio"},"779":{"code":"OR","name":"Oristano"},"780":{"code":"PD","name":"Padova"},"781":{"code":"PA","name":"Palermo"},"782":{"code":"PR","name":"Parma"},"783":{"code":"PV","name":"Pavia"},"784":{"code":"PG","name":"Perugia"},"785":{"code":"PU","name":"Pesaro-Urbino"},"786":{"code":"PE","name":"Pescara"},"787":{"code":"PC","name":"Piacenza"},"788":{"code":"PI","name":"Pisa"},"789":{"code":"PT","name":"Pistoia"},"790":{"code":"PN","name":"Pordenone"},"791":{"code":"PZ","name":"Potenza"},"792":{"code":"PO","name":"Prato"},"793":{"code":"RG","name":"Ragusa"},"794":{"code":"RA","name":"Ravenna"},"795":{"code":"RC","name":"Reggio-Calabria"},"796":{"code":"RE","name":"Reggio-Emilia"},"797":{"code":"RI","name":"Rieti"},"798":{"code":"RN","name":"Rimini"},"799":{"code":"RM","name":"Roma"},"800":{"code":"RO","name":"Rovigo"},"801":{"code":"SA","name":"Salerno"},"802":{"code":"SS","name":"Sassari"},"803":{"code":"SV","name":"Savona"},"804":{"code":"SI","name":"Siena"},"805":{"code":"SR","name":"Siracusa"},"806":{"code":"SO","name":"Sondrio"},"807":{"code":"TA","name":"Taranto"},"808":{"code":"TE","name":"Teramo"},"809":{"code":"TR","name":"Terni"},"810":{"code":"TO","name":"Torino"},"811":{"code":"TP","name":"Trapani"},"812":{"code":"TN","name":"Trento"},"813":{"code":"TV","name":"Treviso"},"814":{"code":"TS","name":"Trieste"},"815":{"code":"UD","name":"Udine"},"816":{"code":"VA","name":"Varese"},"817":{"code":"VE","name":"Venezia"},"818":{"code":"VB","name":"Verbania"},"819":{"code":"VC","name":"Vercelli"},"820":{"code":"VR","name":"Verona"}
13262,"821":{"code":"VV","name":"Vibo-Valentia"},"822":{"code":"VI","name":"Vicenza"},"823":{"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"}
13262,"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":{"577":{"code":"AGU","name":"Aguascalientes"},"578":{"code":"BCN","name":"Baja California"},"579":{"code":"BCS","name":"Baja California Sur"},"580":{"code":"CAM","name":"Campeche"},"581":{"code":"CHP","name":"Chiapas"},"582":{"code":"CHH","name":"Chihuahua"},"583":{"code":"CMX","name":"Ciudad de M\u00e9xico"},"584":{"code":"COA","name":"Coahuila"},"585":{"code":"COL","name":"Colima"},"586":{"code":"DUR","name":"Durango"},"587":{"code":"MEX","name":"Estado de M\u00e9xico"},"588":{"code":"GUA","name":"Guanajuato"},"589":{"code":"GRO","name":"Guerrero"},"590":{"code":"HID","name":"Hidalgo"},"591":{"code":"JAL","name":"Jalisco"},"592":{"code":"MIC","name":"Michoac\u00e1n"},"593":{"code":"MOR","name":"Morelos"},"594":{"code":"NAY","name":"Nayarit"},"595":{"code":"NLE","name":"Nuevo Le\u00f3n"},"596":{"code":"OAX","name":"Oaxaca"},"597":{"code":"PUE","name":"Puebla"},"598":{"code":"QUE","name":"Quer\u00e9taro"},"599":{"code":"ROO","name":"Quintana Roo"},"600":{"code":"SLP","name":"San Luis Potos\u00ed"},"601":{"code":"SIN","name":"Sinaloa"},"602":{"code":"SON","name":"Sonora"},"603":{"code":"TAB","name":"Tabasco"},"604":{"code":"TAM","name":"Tamaulipas"},"605":{"code":"TLA","name":"Tlaxcala"},"606":{"code":"VER","name":"Veracruz"},"607":{"code":"YUC","name":"Yucat\u00e1n"},"608":{"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":{"981":{"code":"PE-AMA","name":"Amazonas"},"982":{"code":"PE-ANC","name":"Ancash"},"983":{"code":"PE-APU","name":"Apur\u00edmac"},"984":{"code":"PE-ARE","name":"Arequipa"},"985":{"code":"PE-AYA","name":"Ayacucho"},"986":{"code":"PE-CAJ","name":"Cajamarca"},"987":{"code":"PE-CUS","name":"Cusco"},"988":{"code":"PE-CAL","name":"El Callao"},"989":{"code":"PE-HUV","name":"Huancavelica"},"990":{"code":"PE-HUC","name":"Hu\u00e1nuco"},"991":{"code":"PE-ICA","name":"Ica"},"992":{"code":"PE-JUN","name":"Jun\u00edn"},"993":{"code":"PE-LAL","name":"La Libertad"},"994":{"code":"PE-LAM","name":"Lambayeque"},"995":{"code":"PE-LIM","name":"Lima"},"996":{"code":"PE-LOR","name":"Loreto"},"997":{"code":"PE-MDD","name":"Madre de Dios"},"998":{"code":"PE-MOQ","name":"Moquegua"}
13262,"980":{"code":"PE-LMA","name":"Municipalidad Metropolitana de Lima"},"999":{"code":"PE-PAS","name":"Pasco"},"1000":{"code":"PE-PIU","name":"Piura"},"1001":{"code":"PE-PUN","name":"Puno"},"1002":{"code":"PE-SAM","name":"San Mart\u00edn"},"1003":{"code":"PE-TAC","name":"Tacna"},"1004":{"code":"PE-TUM","name":"Tumbes"},"1005":{"code":"PE-UCA","name":"Ucayali"}}},"PF":{"name":"Franz\u00f6sisch-Polynesien"},"PG":{"name":"Papua-Neuguinea"},"PH":{"name":"Philippinen"},"PK":{"name":"Pakistan"},"PL":{"name":"Polen","regions":{"824":{"code":"PL-02","name":"dolno\u015bl\u0105skie"},"825":{"code":"PL-04","name":"kujawsko-pomorskie"},"826":{"code":"PL-06","name":"lubelskie"},"827":{"code":"PL-08","name":"lubuskie"},"830":{"code":"PL-14","name":"mazowieckie"},"829":{"code":"PL-12","name":"ma\u0142opolskie"},"831":{"code":"PL-16","name":"opolskie"},"832":{"code":"PL-18","name":"podkarpackie"},"833":{"code":"PL-20","name":"podlaskie"},"834":{"code":"PL-22","name":"pomorskie"},"835":{"code":"PL-24","name":"\u015bl\u0105skie"},"836":{"code":"PL-26","name":"\u015bwi\u0119tokrzyskie"},"837":{"code":"PL-28","name":"warmi\u0144sko-mazurskie"},"838":{"code":"PL-30","name":"wielkopolskie"},"839":{"code":"PL-32","name":"zachodniopomorskie"},"828":{"code":"PL-10","name":"\u0142\u00f3dzkie"}}},"PM":{"name":"St. Pierre und Miquelon"},"PN":{"name":"Pitcairninseln"},"PS":{"name":"Pal\u00e4stinensische Autonomiegebiete"},"PT":{"name":"Portugal","regions":{"1006":{"code":"PT-01","name":"Aveiro"},"1007":{"code":"PT-02","name":"Beja"},"1008":{"code":"PT-03","name":"Braga"},"1009":{"code":"PT-04","name":"Bragan\u00e7a"},"1010":{"code":"PT-05","name":"Castelo Branco"},"1011":{"code":"PT-06","name":"Coimbra"},"1012":{"code":"PT-07","name":"\u00c9vora"},"1013":{"code":"PT-08","name":"Faro"},"1014":{"code":"PT-09","name":"Guarda"},"1015":{"code":"PT-10","name":"Leiria"},"1016":{"code":"PT-11","name":"Lisboa"},"1017":{"code":"PT-12","name":"Portalegre"},"1018":{"code":"PT-13","name":"Porto"},"1025":{"code":"PT-30","name":"Regi\u00e3o Aut\u00f3noma da Madeira"},"1024":{"code":"PT-20","name":"Regi\u00e3o Aut\u00f3noma dos A\u00e7ores"},"1019":{"code":"PT-14","name":"Santar\u00e9m"},"1020":{"code":"PT-15","name":"Set\u00fabal"},"1021":{"code":"PT-16","name":"Viana do Castelo"},"1022":{"code":"PT-17","name":"Vila Real"},"1023":{"code":"PT-18","name":"Viseu"}}},"PW":{"name":"Palau"},"PY":{"name":"Paraguay","regions":{"963":{"code":"PY-16","name":"Alto Paraguay"},"964":{"code":"PY-10","name":"Alto Paran\u00e1"},"965":{"code":"PY-13","name":"Amambay"},"962":{"code":"PY-ASU","name":"Asunci\u00f3n"},"966":{"code":"PY-19","name":"Boquer\u00f3n"},"967":{"code":"PY-5","name":"Caaguaz\u00fa"},"968":{"code":"PY-6","name":"Caazap\u00e1"},"969":{"code":"PY-14","name":"Canindey\u00fa"},"970":{"code":"PY-11","name":"Central"},"971":{"code":"PY-1","name":"Concepci\u00f3n"},"972":{"code":"PY-3","name":"Cordillera"},"973":{"code":"PY-4","name":"Guair\u00e1"},"974":{"code":"PY-7","name":"Itap\u00faa"},"975":{"code":"PY-8","name":"Misiones"},"976":{"code":"PY-12","name":"\u00d1eembuc\u00fa"},"977":{"code":"PY-9","name":"Paraguar\u00ed"},"978":{"code":"PY-15","name":"Presidente Hayes"},"979":{"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":{"1036":{"code":"SE-K","name":"Blekinge l\u00e4n"}
13262,"1037":{"code":"SE-W","name":"Dalarnas l\u00e4n"},"1039":{"code":"SE-X","name":"G\u00e4vleborgs l\u00e4n"},"1038":{"code":"SE-I","name":"Gotlands l\u00e4n"},"1040":{"code":"SE-N","name":"Hallands l\u00e4n"},"1041":{"code":"SE-Z","name":"J\u00e4mtlands l\u00e4n"},"1042":{"code":"SE-F","name":"J\u00f6nk\u00f6pings l\u00e4n"},"1043":{"code":"SE-H","name":"Kalmar l\u00e4n"},"1044":{"code":"SE-G","name":"Kronobergs l\u00e4n"},"1045":{"code":"SE-BD","name":"Norrbottens l\u00e4n"},"1055":{"code":"SE-T","name":"\u00d6rebro l\u00e4n"},"1056":{"code":"SE-E","name":"\u00d6sterg\u00f6tlands l\u00e4n"},"1046":{"code":"SE-M","name":"Sk\u00e5ne l\u00e4n"},"1048":{"code":"SE-D","name":"S\u00f6dermanlands l\u00e4n"},"1047":{"code":"SE-AB","name":"Stockholms l\u00e4n"},"1049":{"code":"SE-C","name":"Uppsala l\u00e4n"},"1050":{"code":"SE-S","name":"V\u00e4rmlands l\u00e4n"},"1051":{"code":"SE-AC","name":"V\u00e4sterbottens l\u00e4n"},"1052":{"code":"SE-Y","name":"V\u00e4sternorrlands l\u00e4n"},"1053":{"code":"SE-U","name":"V\u00e4stmanlands l\u00e4n"},"1054":{"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":{"1026":{"code":"SR-BR","name":"Brokopondo"},"1027":{"code":"SR-CM","name":"Commewijne"},"1028":{"code":"SR-CR","name":"Coronie"},"1029":{"code":"SR-MA","name":"Marowijne"},"1030":{"code":"SR-NI","name":"Nickerie"},"1031":{"code":"SR-PR","name":"Para"},"1032":{"code":"SR-PM","name":"Paramaribo"},"1033":{"code":"SR-SA","name":"Saramacca"},"1034":{"code":"SR-SI","name":"Sipaliwini"},"1035":{"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"}
13262,"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":{"1057":{"code":"UY-AR","name":"Artigas"},"1058":{"code":"UY-CA","name":"Canelones"},"1059":{"code":"UY-CL","name":"Cerro Largo"},"1060":{"code":"UY-CO","name":"Colonia"},"1061":{"code":"UY-DU","name":"Durazno"},"1062":{"code":"UY-FS","name":"Flores"},"1063":{"code":"UY-FD","name":"Florida"},"1064":{"code":"UY-LA","name":"Lavalleja"},"1065":{"code":"UY-MA","name":"Maldonado"},"1066":{"code":"UY-MO","name":"Montevideo"},"1067":{"code":"UY-PA","name":"Paysandu"},"1068":{"code":"UY-RN","name":"R\u00edo Negro"},"1069":{"code":"UY-RV","name":"Rivera"},"1070":{"code":"UY-RO","name":"Rocha"},"1071":{"code":"UY-SA","name":"Salto"},"1072":{"code":"UY-SJ","name":"San Jos\u00e9"},"1073":{"code":"UY-SO","name":"Soriano"},"1074":{"code":"UY-TA","name":"Tacuaremb\u00f3"},"1075":{"code":"UY-TT","name":"Treinta y Tres"}}},"UZ":{"name":"Usbekistan"},"VA":{"name":"Vatikanstadt"},"VC":{"name":"St. Vincent und die Grenadinen"},"VE":{"name":"Venezuela","regions":{"1078":{"code":"VE-Z","name":"Amazonas"},"1079":{"code":"VE-B","name":"Anzo\u00e1tegui"},"1080":{"code":"VE-C","name":"Apure"},"1081":{"code":"VE-D","name":"Aragua"},"1082":{"code":"VE-E","name":"Barinas"},"1083":{"code":"VE-F","name":"Bol\u00edvar"},"1084":{"code":"VE-G","name":"Carabobo"},"1085":{"code":"VE-H","name":"Cojedes"},"1086":{"code":"VE-Y","name":"Delta Amacuro"},"1076":{"code":"VE-W","name":"Dependencias Federales"},"1077":{"code":"VE-A","name":"Distrito Capital"},"1087":{"code":"VE-I","name":"Falc\u00f3n"},"1088":{"code":"VE-J","name":"Gu\u00e1rico"},"1089":{"code":"VE-K","name":"Lara"},"1090":{"code":"VE-L","name":"M\u00e9rida"},"1091":{"code":"VE-M","name":"Miranda"},"1092":{"code":"VE-N","name":"Monagas"},"1093":{"code":"VE-O","name":"Nueva Esparta"},"1094":{"code":"VE-P","name":"Portuguesa"},"1095":{"code":"VE-R","name":"Sucre"},"1096":{"code":"VE-S","name":"T\u00e1chira"},"1097":{"code":"VE-T","name":"Trujillo"},"1098":{"code":"VE-X","name":"Vargas"},"1099":{"code":"VE-U","name":"Yaracuy"},"1100":{"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":1791443026},"captcha":[],"instant-purchase":[],"loggedAsCustomer":[],"persistent":[],"review":[],"payments":[],"wishlist":{"items":[]},"ammessages":[],"dnovo-customer-data":[],"hyva_checkout":[],"hyva_commerce_messages":[],"partial_delivery":[],"multisafepay-payment-request":[],"site-data":[],"customer_usps":[],"gtm-checkout":[],"recently_viewed_product":[],"recently_compared_product":[],"product_data_storage":[],"paypal-billing-agreement":[],"paypal-buyer-country":[]}</script>
vendor: 1 bytes, line 13262
13262
13263<script> 13264 window.processSectionDataBeforeDispatch && (window.processSectionDataBeforeDispatch = new Proxy(window.processSectionDataBeforeDispatch, { 13265 apply(target, thisArg, [data]) { 13266 data.hyva_commerce_messages = data.hyva_commerce_messages || {}; 13267 return target.call(thisArg, data); 13268 } 13269 })); 13270</script>
13270 13271</div><div class="addtocart-popup-wrapper" data-bind='scope: "addtocart-popup"'> 13272 <div class="addtocart-popup" style="display: none" data-bind='visible: visible'> 13273 <!-- ko template: "Dnovo_AddtocartPopup/addtocart-popup-before" --><!-- /ko --> 13274 <!-- ko template: "Dnovo_AddtocartPopup/addtocart-popup" --><!-- /ko --> 13275 <!-- ko template: "Dnovo_AddtocartPopup/addtocart-popup-after" --><!-- /ko --> 13276 </div> 13277 <div class="addtocart-popup-backdrop" style="display: none" data-bind="click: function () { visible(!visible()) }, visible: visible"></div> 13278</div>
13279<script type="text/x-magento-init"> 13280 { 13281 "*": { 13282 "Magento_Ui/js/core/app": { 13283 "components": { 13284 "addtocart-popup": { 13285 "component": "Dnovo_AddtocartPopup/js/addtocart-popup" 13286 } 13287 } 13288 } 13289 } 13290 } 13291</script>
vendor: 1 bytes, line 13291
13291
13292<script nonce="bGdiYWNmNndtaGFoN3BoOThzcmpmdnN6eG9ncjV5dXY="> 13293 yireoGoogleTagManager2Pusher({"version":"3.10.7","page_type":"checkout\/cart\/index","page_path":"https:\/\/www.haibu.de\/checkout\/cart\/index\/","page_title":"Meine Bestellungen","virtual_page":"\/checkout\/cart\/index","breadcrumb":[],"user":{"has_transacted":false},"0":{"currency_code":"EUR"}}, 'push (initial page) [data-layer.phtml]'); 13294 yireoGoogleTagManager2Pusher([], 'push (page-based event) [data-layer.phtml]'); 13295 yireoGoogleTagManager2Pusher({"currency_code":"EUR"}, 'push (page-based event) [data-layer.phtml]'); 13296 </script>
vendor: 1 bytes, line 13296
13296
13297<script nonce="bGdiYWNmNndtaGFoN3BoOThzcmpmdnN6eG9ncjV5dXY="> 13298 function yireoGoogleTagManager2FindParentElementWithName(element, parentTagName) { 13299 if (!element.parentElement) { 13300 return null; 13301 } 13302 13303 if (element.parentElement.tagName.toLowerCase() === parentTagName) { 13304 return element.parentElement; 13305 } 13306 13307 return yireoGoogleTagManager2FindParentElementWithName(element.parentElement, parentTagName); 13308 } 13309 13310 const products = document.querySelectorAll('.products\u0020a.product,\u0020.products\u0020a.product\u002Ditem\u002Dlink,\u0020.card\u0020a.product\u002Ditem\u002Dlink,\u0020.card\u0020a.product\u002Ditem\u002Dphoto,\u0020.card\u0020a.btn\u002Dprimary'); 13311 if (products && products.length > 0) { 13312 products.forEach(function(product) { 13313 product.addEventListener('click', function(event, s) { 13314 let parentElement = yireoGoogleTagManager2FindParentElementWithName(event.target, 'form'); 13315 if (!parentElement) { 13316 return; 13317 } 13318 13319 const inputElement = parentElement.querySelector('input[name="product"]'); 13320 const productId = inputElement.value; 13321 const productData = window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_' + productId] || {}; 13322 productData.item_id = productId; 13323 13324 const eventData = { 13325 'event': 'select_item', 13326 'ecommerce': { 13327 'items': [productData] 13328 } 13329 } 13330 13331 yireoGoogleTagManager2Pusher(eventData, 'push (page event "select_item") [script-product-clicks.phtml]'); 13332 13333 if (window['YIREO_GOOGLETAGMANAGER2_DEBUG_CLICKS'] && confirm("Press to continue with redirect") === false) { 13334 event.preventDefault(); 13335 } 13336 }); 13337 }) 13338 } 13339</script>
vendor: 1 bytes, line 13339
13339
13340<script nonce="bGdiYWNmNndtaGFoN3BoOThzcmpmdnN6eG9ncjV5dXY="> 13341 window.addEventListener('private-content-loaded', function(event) { 13342 window.dataLayer = window.dataLayer || []; 13343 13344 var isEmpty = function (variable) { 13345 if (typeof variable === 'undefined') { 13346 return true; 13347 } 13348 13349 if (Array.isArray(variable) && variable.length === 0) { 13350 return true; 13351 } 13352 13353 return typeof variable === 'object' && Object.keys(variable).length === 0; 13354 } 13355 13356 var getSectionNames = function () { 13357 return ['cart', 'customer']; 13358 } 13359 13360 getSectionNames().forEach(function (sectionName) { 13361 if (!event.detail.data[sectionName].gtm) { 13362 return; 13363 } 13364 13365 const attributes = event.detail.data[sectionName].gtm; 13366 if (!Object.keys(attributes).length > 0) { 13367 return; 13368 } 13369 13370 yireoGoogleTagManager2Pusher(attributes, 'push (attributes) [script-additions.phtml]'); 13371 }); 13372 13373 let attributes = {}; 13374 getSectionNames().forEach(function (sectionName) { 13375 if (!event.detail.data[sectionName].gtm_events) { 13376 return; 13377 } 13378 13379 const gtmEvents = event.detail.data[sectionName].gtm_events; 13380 for (const [eventId, eventData] of Object.entries(gtmEvents)) { 13381 yireoGoogleTagManager2Logger('found event in section "' + sectionName + '"', eventData); 13382 13383 const metaData = eventData.meta; 13384 yireoGoogleTagManager2Pusher(eventData, 'push (customerData "' + sectionName + '" event "' + eventId + '")'); 13385 13386 if (!metaData || metaData.cacheable !== true) { 13387 yireoGoogleTagManager2Logger('removing event "' + eventId + '" from section "' + sectionName + '"') 13388 13389 let mageCacheStorage = event.detail.data; 13390 13391 if (mageCacheStorage !== null 13392 && typeof mageCacheStorage[sectionName] !== 'undefined' 13393 && typeof mageCacheStorage[sectionName].gtm_events !== 'undefined' 13394 && eventId in mageCacheStorage[sectionName].gtm_events) { 13395 delete mageCacheStorage[sectionName].gtm_events[eventId]; 13396 } 13397 13398 window.localStorage.setItem('mage-cache-storage', JSON.stringify(mageCacheStorage)); 13399 } 13400 } 13401 }); 13402 13403 if (false === isEmpty(attributes)) { 13404 yireoGoogleTagManager2Pusher(attributes, 'dataLayer (initial js) [script-additions.phtml]'); 13405 } 13406 }); 13407 13408 window.addEventListener('toggle-cart', (event) => { 13409 if (!event.detail || !event.detail.isOpen) { 13410 return; 13411 } 13412 13413 window.dispatchEvent(new CustomEvent('minicart_collapse')); 13414 }); 13415</script>
vendor: 1 bytes, line 13415
13415
13416<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"7e6ebfcf6442404392acc2e74b2b3720","r":1,"spa":2}' crossorigin="anonymous"></script>
13416 13417</body> 13418</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.