PageSourceSearch

https://www.haibu.de/checkout/cart/index/

html haibu.de collected 2026-10-08 07:03:47 UTC 1,336,887 bytes, 13,418 lines download raw bytes

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>&nbsp;<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&#x20;voordelen">
1112    <ul role="list" class="relative&#x20;lg&#x3A;flex&#x20;justify-center&#x20;md&#x3A;justify-between&#x20;items-end&#x20;md&#x3A;items-center&#x20;h-&#x5B;30px&#x5D;&#x20;md&#x3A;h-&#x5B;50px&#x5D; list-none m-0 p-0">
1113        
1114<li class="absolute&#x20;lg&#x3A;relative&#x20;inset-0&#x20;flex&#x20;items-center&#x20;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&#x20;lg&#x3A;flex&#x20;lg&#x3A;relative&#x20;inset-0&#x20;items-center&#x20;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&euro;* <em>(inkl. MwSt.)</em>        </div>
1142    </a>
1143</li>
1144
1145<li class="hidden&#x20;lg&#x3A;flex&#x20;lg&#x3A;relative&#x20;inset-0&#x20;items-center&#x20;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&#x20;lg&#x3A;flex&#x20;lg&#x3A;relative&#x20;inset-0&#x20;items-center&#x20;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&#x20;lg&#x3A;flex&#x20;lg&#x3A;relative&#x20;inset-0&#x20;items-center&#x20;justify-center">
1184    <a href="https://www.haibu.de/ruecksendung"
1185       class="flex&#x20;lg&#x3A;hidden&#x20;xl&#x3A;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&uuml;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&#x20;grow&#x20;lg&#x3A;grow-0&#x20;mb-0"
1235   title="Haibu.de&#x20;-&#x20;Hair&#x20;&amp;&#x20;Beauty&#x20;Professionals"
1236   aria-label="store logo">
1237    <img class="mx-auto&#x20;lg&#x3A;mx-0&#x20;w-28&#x20;lg&#x3A;w-40"
1238         src="https://www.haibu.de/static/version1791360036/frontend/Moma/default_DE/de_DE/images/logo.svg"
1239         title="Haibu.de&#x20;-&#x20;Hair&#x20;&amp;&#x20;Beauty&#x20;Professionals"
1240         alt="Haibu.de&#x20;-&#x20;Hair&#x20;&amp;&#x20;Beauty&#x20;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&#x20;Shop&#x20;hier&#x20;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&#x20;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&#x20;voordelen">
1703    <ul role="list" class="relative&#x20;flex&#x20;justify-center&#x20;md&#x3A;justify-between&#x20;items-end&#x20;md&#x3A;items-center&#x20;md&#x3A;h-&#x5B;50px&#x5D;&#x20;py-3 list-none m-0 p-0">
1704        
1705<li class="absolute&#x20;lg&#x3A;relative&#x20;inset-0&#x20;flex&#x20;items-center&#x20;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&#x20;lg&#x3A;flex&#x20;lg&#x3A;relative&#x20;inset-0&#x20;items-center&#x20;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&euro;* <em>(inkl. MwSt.)</em>        </div>
1733    </a>
1734</li>
1735
1736<li class="hidden&#x20;lg&#x3A;flex&#x20;lg&#x3A;relative&#x20;inset-0&#x20;items-center&#x20;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&#x20;lg&#x3A;flex&#x20;lg&#x3A;relative&#x20;inset-0&#x20;items-center&#x20;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&#x20;lg&#x3A;flex&#x20;lg&#x3A;relative&#x20;inset-0&#x20;items-center&#x20;justify-center">
1775    <a href="https://www.haibu.de/ruecksendung"
1776       class="flex&#x20;lg&#x3A;hidden&#x20;xl&#x3A;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&uuml;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&#x20;lg&#x3A;grow-0&#x20;mb-&#x5B;10px&#x5D;&#x20;lg&#x3A;mb-0"
1816   title="Haibu.de&#x20;-&#x20;Hair&#x20;&amp;&#x20;Beauty&#x20;Professionals"
1817   aria-label="store logo">
1818    <img class="mx-auto&#x20;lg&#x3A;mx-0&#x20;w-28&#x20;lg&#x3A;w-40"
1819         src="https://www.haibu.de/static/version1791360036/frontend/Moma/default_DE/de_DE/images/logo.svg"
1820         title="Haibu.de&#x20;-&#x20;Hair&#x20;&amp;&#x20;Beauty&#x20;Professionals"
1821         alt="Haibu.de&#x20;-&#x20;Hair&#x20;&amp;&#x20;Beauty&#x20;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&#xF6;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&#x20;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-&#x20;und&#x20;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&#xFC;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&#x20;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&#x20;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&#x20;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&#x20;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&#x20;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&#x20;&amp;&#x20;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 &amp; 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&#xFC;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&#xFC;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&#x20;und&#x20;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-&#x2F;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&#xE4;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&#xE4;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&#x20;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&#x20;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&#x20;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&#x20;In&#x20;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&#x20;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&#x20;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&#x20;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&#xF6;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&#x20;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&#x20;ohne&#x20;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&#x20;ohne&#x20;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&#x20;ohne&#x20;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&#x20;von&#x20;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&#xE4;digtes&#x20;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&#x20;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&#x20;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&#xE4;digtes&#x20;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&#x20;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&#xFC;nnendes&#x20;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&#x20;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&#xE4;rbtes&#x20;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&#x20;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&#x20;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&#x20;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&#xE4;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&#xFC;r&#x20;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&#xFC;r&#x20;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&#xFC;r&#x20;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&#x20;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&#x20;Girl&#x20;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&#x20;1&#x3A;&#x20;Final&#x20;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&#x20;2&#x3A;&#x20;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&#x20;3&#x3A;&#x20;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&#x20;4&#x3A;&#x20;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&#x20;5&#x3A;&#x20;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&#x20;6&#x3A;&#x20;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="&#x20;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&#xF6;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&#xF6;hn&#x20;mit&#x20;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&#x20;F&#xF6;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&#x20;F&#xF6;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&#xF6;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&#xF6;hnb&#xFC;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&#x20;F&#xF6;hnb&#xFC;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&#xFC;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&#xE4;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&#x20;mit&#x20;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&#xFC;nner&#x20;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&#x20;Lockenst&#xE4;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&#xE4;be&#x20;mit&#x20;Aufs&#xE4;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&#xE4;ttungsb&#xFC;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&#xE4;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&#x20;Gl&#xE4;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&#x20;Gl&#xE4;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&#x20;Gl&#xE4;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&#x20;Gl&#xE4;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&#x20;Gl&#xE4;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&#xF6;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&#x20;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&#xF6;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&#xF6;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&#x20;zubeh&#xF6;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&#x20;"
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&#xF6;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&#x20;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&#x20;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,&#x20;BIAB&#x20;&amp;&#x20;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 &amp; 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&#x20;und&#x20;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&#x20;&amp;&#x20;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 &amp; Pflege                                                </span>
4064                                            </a>
4065
4066                                                                                                                                                                            
4067                                            <a href="https://www.haibu.de/beautyprodukte/nagelprodukte/nageltools-accessoires/"
4068                                               title="Nageltools&#x20;&amp;&#x20;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 &amp; 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&#x2F;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="&#x20;&#x20;D&#xFC;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&#xE4;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&#xF6;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&#xE4;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&#xE4;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&#xE4;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&#xE4;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&#xFC;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&#x20;"
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&#xE4;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&#xE4;rbesch&#xFC;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&#xFC;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&#xE4;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&#xE4;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&#xFC;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&#x2F;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&#xFC;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&#x20;Handt&#xFC;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&#x20;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&#xDF;beh&#xE4;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&#xDF;beh&#xE4;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&#x20;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&#x20;Stangen&#x2F;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&#xDF;e&#x20;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&#x20;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&#xFC;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&#x20;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&#x20;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&#x28;halter&#x29;"
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&#xFC;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="&#xDC;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&#xF6;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="&#xDC;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&#x20;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&#x20;Haarb&#xE4;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&#x2F;-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&#xDF;beh&#xE4;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&#xE4;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&#xE4;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&#xF6;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&#xE8;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&#xF6;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&#x20;cr&#xE8;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&#x20;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&#x20;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&#x20;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&#x20;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&#xF6;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&#x20;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-&#x20;und&#x20;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&#xFC;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&#x20;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&#x20;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&#x20;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&#x20;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&#x20;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&#x20;&amp;&#x20;Sets"
6461                                                                                   class="text-black text-2xs py-1"
6462                                                                                >
6463                                                                                    Stylingprodukte &amp; 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&#xFC;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&#xFC;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&#x20;und&#x20;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-&#x2F;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&#xE4;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&#xE4;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&#x20;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&#x20;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&#x20;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&#x20;In&#x20;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&#x20;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&#x20;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&#x20;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&#xF6;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&#x20;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&#x20;ohne&#x20;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&#x20;ohne&#x20;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&#x20;ohne&#x20;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&#x20;von&#x20;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&#xE4;digtes&#x20;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&#x20;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&#x20;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&#xE4;digtes&#x20;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&#x20;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&#xFC;nnendes&#x20;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&#x20;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&#xE4;rbtes&#x20;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&#x20;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&#x20;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&#x20;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&#xE4;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&#xFC;r&#x20;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&#xFC;r&#x20;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&#xFC;r&#x20;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&#x20;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&#x20;Girl&#x20;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&#x20;1&#x3A;&#x20;Final&#x20;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&#x20;2&#x3A;&#x20;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&#x20;3&#x3A;&#x20;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&#x20;4&#x3A;&#x20;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&#x20;5&#x3A;&#x20;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&#x20;6&#x3A;&#x20;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="&#x20;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&#xF6;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&#xF6;hn&#x20;mit&#x20;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&#x20;F&#xF6;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&#x20;F&#xF6;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&#xF6;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&#xF6;hnb&#xFC;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&#x20;F&#xF6;hnb&#xFC;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&#xFC;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&#xE4;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&#x20;mit&#x20;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&#xFC;nner&#x20;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&#x20;Lockenst&#xE4;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&#xE4;be&#x20;mit&#x20;Aufs&#xE4;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&#xE4;ttungsb&#xFC;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&#xE4;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&#x20;Gl&#xE4;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&#x20;Gl&#xE4;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&#x20;Gl&#xE4;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&#x20;Gl&#xE4;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&#x20;Gl&#xE4;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&#xF6;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&#x20;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&#xF6;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&#xF6;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&#x20;zubeh&#xF6;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&#x20;"
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&#xF6;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&#x20;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&#x20;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,&#x20;BIAB&#x20;&amp;&#x20;Acryl"
8016                                                                                   class="text-black text-2xs py-1"
8017                                                                                >
8018                                                                                    Gel, BIAB &amp; 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&#x20;und&#x20;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&#x20;&amp;&#x20;Pflege"
8037                                                                                   class="text-black text-2xs py-1"
8038                                                                                >
8039                                                                                    Nagelvorbereitung &amp; Pflege                                                                                </a>
8040                                                                            </div>
8041                                                                                                                                                    <div class="w-1/3">
8042                                                                                <a href="https://www.haibu.de/beautyprodukte/nagelprodukte/nageltools-accessoires/"
8043                                                                                   title="Nageltools&#x20;&amp;&#x20;Accessoires"
8044                                                                                   class="text-black text-2xs py-1"
8045                                                                                >
8046                                                                                    Nageltools &amp; 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&#x2F;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="&#x20;&#x20;D&#xFC;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&#xE4;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&#xF6;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&#xE4;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&#xE4;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&#xE4;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&#xE4;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&#xFC;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&#x20;"
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&#xE4;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&#xE4;rbesch&#xFC;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&#xFC;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&#xE4;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&#xE4;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&#xFC;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&#x2F;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&#xFC;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&#x20;Handt&#xFC;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&#x20;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&#xDF;beh&#xE4;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&#xDF;beh&#xE4;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&#x20;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&#x20;Stangen&#x2F;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&#xDF;e&#x20;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&#x20;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&#xFC;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&#x20;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&#x20;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&#x28;halter&#x29;"
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&#xFC;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="&#xDC;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&#xF6;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="&#xDC;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&#x20;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&#x20;Haarb&#xE4;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&#x2F;-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&#xDF;beh&#xE4;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&#xE4;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&#xF6;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&#xE8;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&#xF6;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 &amp; 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&#x20;cr&#xE8;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&#x20;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&#x20;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&#x20;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&#x20;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&uuml;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&uuml;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&uuml;r unseren Newsletter an und Sie erhalten 10&euro;* Rabatt auf Ihren n&auml;chsten Einkauf. <em>Achtung: Anmeldung muss per E-Mail best&auml;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&#x20;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&#x20;E-Mail&#x20;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&#x20;voordelen">
10796    <ul role="list" class="flex&#x20;flex-col&#x20;lg&#x3A;flex-row&#x20;gap-4&#x20;justify-start&#x20;lg&#x3A;justify-between&#x20;items-start&#x20;lg&#x3A;items-center&#x20;px-0&#x20;py-8&#x20;lg&#x3A;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&euro;* <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&uuml;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&#160;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&#x20;lg&#x3A;grow-0&#x20;mb-&#x5B;10px&#x5D;&#x20;lg&#x3A;mb-0"
11262   title="Haibu.de&#x20;-&#x20;Hair&#x20;&amp;&#x20;Beauty&#x20;Professionals"
11263   aria-label="store logo">
11264    <img class="mx-auto&#x20;lg&#x3A;mx-0&#x20;w-32"
11265         src="https://www.haibu.de/static/version1791360036/frontend/Moma/default_DE/de_DE/images/logo.svg"
11266         title="Haibu.de&#x20;-&#x20;Hair&#x20;&amp;&#x20;Beauty&#x20;Professionals"
11267         alt="Haibu.de&#x20;-&#x20;Hair&#x20;&amp;&#x20;Beauty&#x20;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&#x20;w-16&#x20;border&#x20;border-gray-lighter&#x20;rounded&#x20;flex&#x20;items-center&#x20;justify-center"
11282    title="Sofort&#x20;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&#x20;w-16&#x20;border&#x20;border-gray-lighter&#x20;rounded&#x20;flex&#x20;items-center&#x20;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&#x20;w-16&#x20;border&#x20;border-gray-lighter&#x20;rounded&#x20;flex&#x20;items-center&#x20;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&#x20;w-16&#x20;border&#x20;border-gray-lighter&#x20;rounded&#x20;flex&#x20;items-center&#x20;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&#x20;w-16&#x20;border&#x20;border-gray-lighter&#x20;rounded&#x20;flex&#x20;items-center&#x20;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&#x20;w-16&#x20;border&#x20;border-gray-lighter&#x20;rounded&#x20;flex&#x20;items-center&#x20;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&#x20;w-16&#x20;border&#x20;border-gray-lighter&#x20;rounded&#x20;flex&#x20;items-center&#x20;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&#x20;w-16&#x20;border&#x20;border-gray-lighter&#x20;rounded&#x20;flex&#x20;items-center&#x20;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&auml;
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&auml;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&#x3A;&#x2F;&#x2F;static.cdn.prismic.io&#x2F;prismic.js&#x3F;new&#x3D;true&amp;repo&#x3D;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.