PageSourceSearch

https://www.haibu.de/

html haibu.de collected 2026-10-08 07:03:08 UTC 1,421,437 bytes, 13,999 lines download raw bytes

1<!doctype html>
2<html lang="de">
3<head >
4    <meta charset="utf-8"/>
5<meta name="title" content="Friseurgroßhändler - Haibu.de"/>
6<meta name="description" content="Haibu.de ist der Online-Friseurgroßhändler! Professionelle Haarprodukte und zugehörige Friseurbedarfsartikel von mehr als 150 Friseurmarken"/>
7<meta name="robots" content="INDEX,FOLLOW"/>
8<meta name="viewport" content="width=device-width, initial-scale=1"/>
9<meta name="google-site-verification" content="KQ2FLA6x2EXJfBqPg_ZqYxwrqew4jBB6COr5jc_U_Yo"/>
10<meta name="p:domain_verify" content="8527fcebf71fdeaf87590e738f1531dd"/>
11<meta name="facebook-domain-verification" content="08jgzit50g1qeijqwa7er4ba1jmavb"/>
12<title>Friseurgroßhändler - Haibu.de</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<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 17
17
18<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 18
18
19<script type="text/javascript" src="https://www.haibu.de/static/version1791360036/frontend/Moma/default_DE/de_DE/Smile_ElasticsuiteTracker/js/tracking.js"></script>
19
20<link rel="icon" type="image/png" href="https://www.haibu.de/media/favicon/stores/10/favicon.png" />
21<link rel="shortcut icon" type="image/png" href="https://www.haibu.de/media/favicon/stores/10/favicon.png" />
22<script type="speculationrules">
23{
24  "prerender": [{
25    "source": "document",
26    "where": {
27      "and": [
28        { "href_matches": "/*" },
29        { "not": { "href_matches": "/*(customer|login|logout|auth|cart|checkout|search|download|redirect|rewrite|store|productalert)/*" } },
30        { "not": { "href_matches": "*.pdf" } },
31        { "not": { "selector_matches": ".do-not-prerender" } },
32        { "not": { "selector_matches": "[rel=nofollow]" } },
33        { "not": { "selector_matches": "[target=_blank]" } },
34        { "not": { "selector_matches": "[target=_parent]" } },
35        { "not": { "selector_matches": "[target=_top]" } }
36      ]
37    },
38    "eagerness": "moderate"
39  }]
40}
41</script>
vendor: 2 bytes, line 41
41
42<script type="text/javascript">
43document.addEventListener('DOMContentLoaded', function () {
44    if (document.body.classList.contains('checkout-index-index') || document.body.classList.contains('customer-account-create') || document.body.classList.contains('customer-address-form')) {
45
46        let delay = 500;
47        if (document.body.classList.contains('checkout-index-index')) {
48            delay = 3000;
49        }
50
51        setTimeout(function () {
52            const select = document.querySelector('select[name="country_id"]');
53
54            if (select) {
55                const allowed = ["Deutschland", "Österreich"];
56
57                for (let i = select.options.length - 1; i >= 0; i--) {
58                    const optionText = select.options[i].text.trim();
59                    if (optionText && !allowed.includes(optionText)) {
60                        select.remove(i);
61                    }
62                }
63            }
64        }, delay);
65    }
66});
67</script>
67
68<meta name="facebook-domain-verification" content="xj1bkvmbtqvula19g7lp8lyzt2rgag" />
69<meta name="p:domain_verify" content="448fde442fd16ceebf305f009e4a60b9"/>
70<meta name="google-site-verification" content="jcNQF16ZkvOkv_-Ks6tdvaxRVCi_ZeH6WdTfnwGKMbQ" />
71<script type="text/javascript">
72  (function () { 
73    var _tsid = 'X58AE1F430672E02040339F5ADD541C04'; 
74    _tsConfig = { 
75      'yOffset': '0', /* offset from page bottom */
76      'variant': 'default', /* reviews, default, custom, custom_reviews */
77      'customElementId': '', /* required for variants custom and custom_reviews */
78      'trustcardDirection': 'bottomRight', /* for custom variants: topRight, topLeft, bottomRight, bottomLeft */
79      'customBadgeWidth': '50', /* for custom variants: 40 - 90 (in pixels) */
80      'customBadgeHeight': '100', /* for custom variants: 40 - 90 (in pixels) */
81      'disableResponsive': 'false', /* deactivate responsive behaviour */
82      'disableTrustbadge': 'false', /* deactivate trustbadge */
83    };
84    var _ts = document.createElement('script');
85    _ts.type = 'text/javascript'; 
86    _ts.charset = 'utf-8'; 
87    _ts.async = true; 
88    _ts.src = 'https://widgets.trustedshops.com/js/' + _tsid + '.js'; 
89    var __ts = document.getElementsByTagName('script')[0];
90    __ts.parentNode.insertBefore(_ts, __ts);
91  })();
92</script>
92
93<style>
94body #CybotCookiebotDialog {
95    top: 50% !important;
96    bottom: auto !important;
97}
98
99#CybotCookiebotDialog > div {
100    padding: 20px !important;
101}
102
103#CybotCookiebotDialogHeader {
104    display: none !important;
105}
106
107#CybotCookiebotDialogBody > div.CybotCookiebotScrollContainer {
108    min-height: 5vh !important;
109}
110
111@media screen and (min-width: 1280px) {
112    #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogBodyBottomWrapper {
113        padding-left: 1em !important;
114    }
115
116    body #CybotCookiebotDialog {
117        max-width: 60% !important;
118        min-width: 60% !important;
119    }
120}
121
122body.amblog-index-post ul {
123      list-style-type: disc !important;
124      padding-inline-start: 40px !important;
125      margin-block-start: 14px !important;
126      margin-block-end: 14px !important;
127}
128
129.comparison-table {
130    width: 100%;
131    text-align: left;
132    border: 1px solid #e5e9ef;
133    font-size: 14px;
134    border-radius: 8px;
135    border-spacing: 0;
136    border-collapse: separate;
137    overflow: hidden;
138    line-height: 24px;
139    margin-bottom: 30px;
140}
141
142.comparison-table thead {
143    background-color: #f2f4f6;
144}
145
146.comparison-table th,
147.comparison-table td {
148    padding: 8px;
149    vertical-align: top;
150}
151
152.comparison-table th:not(:first-child),
153.comparison-table td:not(:first-child) {
154    border-left: 1px solid #e5e9ef;
155}
156
157.comparison-table td {
158    border-top: 1px solid #e5e9ef;
159}
160
161@media only screen and (max-width: 991px) {
162      body.checkout-index-index header.page-header {
163          background-color: #fde7f2 !important;
164          border-bottom: none !important;
165      }
166}
167
168@media screen and (min-width:649px){#trustbadge-container-98e3dadd90eb493088abdc5597a70810{display:none!important}}body.checkout-index-index #trustbadge-container-98e3dadd90eb493088abdc5597a70810{display:none!important}
169
170body.customer-account-create .text-8xl {
171	font-size: 94px !important;
172}
173
174@media screen and (min-width: 1280px) {
175	body.customer-account-create .text-8xl {
176		font-size: 79px !important;
177	}
178}
179
180@media screen and (min-width: 1448px) {
181	body.customer-account-create .text-8xl {
182		font-size: 99px !important;
183	}
184}
185
186@media screen and (min-width: 1024px) {
187      body.amblog-index-category #maincontent > div.columns {
188	      grid-template-columns: repeat(3, minmax(0, 1fr));
189       }
190}
191</style>        
191<script>
192        //<![CDATA[
193        function userConsentEsTraking(config)
194        {
195            return config.cookieRestrictionEnabled == false || hyva.getCookie(config.cookieRestrictionName) !== null;
196        }
197
198        try {
199            smileTracker.setConfig({
200                beaconUrl     : 'https://www.haibu.de/elasticsuite/tracker/hit/image/h.png',
201                telemetryUrl     : 'https://t.elasticsuite.io/track',
202                telemetryEnabled : '',
203                sessionConfig : {"visit_cookie_name":"STUID","visit_cookie_lifetime":"3600","visitor_cookie_lifetime":"365","visitor_cookie_name":"STVID","domain":"haibu.de","path":"\/"},
204                endpointUrl : 'https://www.haibu.de/rest/V1/elasticsuite-tracker/hit'
205            });
206
207            smileTracker.addPageVar('store_id', '10');
208
209            document.addEventListener('DOMContentLoaded', function () {
210                if (userConsentEsTraking({"cookieRestrictionEnabled":"0","cookieRestrictionName":"user_allowed_save_cookie"})) {
211                    smileTracker.sendTag();
212                }
213            });
214        } catch (err) {
215            ;
216        }
217        //]]>
218    </script>
218
219    
219<script nonce="YmxiMGZtYWFmbDF4NWpjOXk4cXcwb3J2aTNjZHh6ZDU=">
220    window.YIREO_GOOGLETAGMANAGER2_ENABLED = true;
221    (function (events) {
222        const initYireoGoogleTagManager2 = function () {
223            events.forEach(function (eventType) {
224                window.removeEventListener(eventType, initYireoGoogleTagManager2);
225            });
226
227                                                (function (w, d, s, l, i) {
228                        w[l] = w[l] || [];
229                        w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'});
230                        var f = d.getElementsByTagName(s)[0],
231                            j = d.createElement(s),
232                            dl = l != 'dataLayer' ? '&l=' + l : '';
233                        j.async = true;
234                        j.src = 'https\u003A\u002F\u002Fwww.googletagmanager.com' + '/gtm.js?id=' + i + dl;
235                        f.parentNode.insertBefore(j, f);
236                    })(window, document, 'script', 'dataLayer', 'GTM\u002DW24WV5T');
237                                    };
238
239        events.forEach(function (eventType) {
240            window.addEventListener(eventType, initYireoGoogleTagManager2, {once: true, passive: true})
241        });
242    })(['load', 'keydown', 'mouseover', 'scroll', 'touchstart', 'wheel']);
243
244    </script>
vendor: 1 bytes, line 244
244
245<script>
246    var BASE_URL = 'https://www.haibu.de/';
247    var THEME_PATH = 'https://www.haibu.de/static/version1791360036/frontend/Moma/default_DE/de_DE';
248    var COOKIE_CONFIG = {
249        "expires": null,
250        "path": "\u002F",
251        "domain": ".haibu.de",
252        "secure": true,
253        "lifetime": "254000",
254        "cookie_restriction_enabled": false    };
255    var CURRENT_STORE_CODE = 'haibu';
256    var CURRENT_WEBSITE_ID = '5';
257
258    window.hyva = window.hyva || {}
259
260    window.cookie_consent_groups = window.cookie_consent_groups || {}
261    window.cookie_consent_groups['necessary'] = true;
262
263    window.cookie_consent_config = window.cookie_consent_config || {};
264    window.cookie_consent_config['necessary'] = [].concat(
265        window.cookie_consent_config['necessary'] || [],
266        [
267            'user_allowed_save_cookie',
268            'form_key',
269            'mage-messages',
270            'private_content_version',
271            'mage-cache-sessid',
272            'last_visited_store',
273            'section_data_ids'
274        ]
275    );
276    //# sourceURL=hyva-variables.js
277</script>
vendor: 1 bytes, line 277
277
278<script>
279    (function( hyva, undefined ) {
280
281        function lifetimeToExpires(options, defaults) {
282
283            const lifetime = options.lifetime || defaults.lifetime;
284
285            if (lifetime) {
286                const date = new Date;
287                date.setTime(date.getTime() + lifetime * 1000);
288                return date;
289            }
290
291            return null;
292        }
293
294        function generateRandomString() {
295
296            const allowedCharacters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ',
297                length = 16;
298
299            let formKey = '',
300                charactersLength = allowedCharacters.length;
301
302            for (let i = 0; i < length; i++) {
303                formKey += allowedCharacters[Math.round(Math.random() * (charactersLength - 1))]
304            }
305
306            return formKey;
307        }
308
309        const sessionCookieMarker = {noLifetime: true}
310
311        const cookieTempStorage = {};
312
313        const internalCookie = {
314            get(name) {
315                const v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
316                return v ? v[2] : null;
317            },
318            set(name, value, days, skipSetDomain) {
319                let expires,
320                    path,
321                    domain,
322                    secure,
323                    samesite;
324
325                const defaultCookieConfig = {
326                    expires: null,
327                    path: '/',
328                    domain: null,
329                    secure: false,
330                    lifetime: null,
331                    samesite: 'lax'
332                };
333
334                const cookieConfig = window.COOKIE_CONFIG || {};
335
336                expires = days && days !== sessionCookieMarker
337                    ? lifetimeToExpires({lifetime: 24 * 60 * 60 * days, expires: null}, defaultCookieConfig)
338                    : lifetimeToExpires(window.COOKIE_CONFIG, defaultCookieConfig) || defaultCookieConfig.expires;
339
340                path = cookieConfig.path || defaultCookieConfig.path;
341                domain = !skipSetDomain && (cookieConfig.domain || defaultCookieConfig.domain);
342                secure = cookieConfig.secure || defaultCookieConfig.secure;
343                samesite = cookieConfig.samesite || defaultCookieConfig.samesite;
344
345                document.cookie = name + "=" + encodeURIComponent(value) +
346                    (expires && days !== sessionCookieMarker ? '; expires=' + expires.toGMTString() : '') +
347                    (path ? '; path=' + path : '') +
348                    (domain ? '; domain=' + domain : '') +
349                    (secure ? '; secure' : '') +
350                    (samesite ? '; samesite=' + samesite : 'lax');
351            },
352            isWebsiteAllowedToSaveCookie() {
353                const allowedCookies = this.get('user_allowed_save_cookie');
354                if (allowedCookies) {
355                    const allowedWebsites = JSON.parse(unescape(allowedCookies));
356
357                    return allowedWebsites[CURRENT_WEBSITE_ID] === 1;
358                }
359                return false;
360            },
361            getGroupByCookieName(name) {
362                const cookieConsentConfig = window.cookie_consent_config || {};
363                let group = null;
364                for (let prop in cookieConsentConfig) {
365                    if (!cookieConsentConfig.hasOwnProperty(prop)) continue;
366                    if (cookieConsentConfig[prop].includes(name)) {
367                        group = prop;
368                        break;
369                    }
370                }
371                return group;
372            },
373            isCookieAllowed(name) {
374                const cookieGroup = this.getGroupByCookieName(name);
375                return cookieGroup
376                    ? window.cookie_consent_groups[cookieGroup]
377                    : this.isWebsiteAllowedToSaveCookie();
378            },
379            saveTempStorageCookies() {
380                for (const [name, data] of Object.entries(cookieTempStorage)) {
381                    if (this.isCookieAllowed(name)) {
382                        this.set(name, data['value'], data['days'], data['skipSetDomain']);
383                        delete cookieTempStorage[name];
384                    }
385                }
386            }
387        };
388
389        hyva.getCookie = (name) => {
390            const cookieConfig = window.COOKIE_CONFIG || {};
391
392            if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
393                return cookieTempStorage[name] ? cookieTempStorage[name]['value'] : null;
394            }
395
396            return internalCookie.get(name);
397        }
398
399        hyva.setCookie = (name, value, days, skipSetDomain) => {
400            const cookieConfig = window.COOKIE_CONFIG || {};
401
402            if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
403                cookieTempStorage[name] = {value, days, skipSetDomain};
404                return;
405            }
406            return internalCookie.set(name, value, days, skipSetDomain);
407        }
408
409
410        hyva.setSessionCookie = (name, value, skipSetDomain) => {
411            return hyva.setCookie(name, value, sessionCookieMarker, skipSetDomain)
412        }
413
414        hyva.getBrowserStorage = () => {
415            const browserStorage = window.localStorage || window.sessionStorage;
416            if (!browserStorage) {
417                console.warn('Browser Storage is unavailable');
418                return false;
419            }
420            try {
421                browserStorage.setItem('storage_test', '1');
422                browserStorage.removeItem('storage_test');
423            } catch (error) {
424                console.warn('Browser Storage is not accessible', error);
425                return false;
426            }
427            return browserStorage;
428        }
429
430        hyva.postForm = (postParams) => {
431            const form = document.createElement("form");
432
433            let data = postParams.data;
434
435            if (! postParams.skipUenc && ! data.uenc) {
436                data.uenc = btoa(window.location.href);
437            }
438            form.method = "POST";
439            form.action = postParams.action;
440
441            Object.keys(postParams.data).map(key => {
442                const field = document.createElement("input");
443                field.type = 'hidden'
444                field.value = postParams.data[key];
445                field.name = key;
446                form.appendChild(field);
447            });
448
449            const form_key = document.createElement("input");
450            form_key.type = 'hidden';
451            form_key.value = hyva.getFormKey();
452            form_key.name="form_key";
453            form.appendChild(form_key);
454
455            document.body.appendChild(form);
456
457            form.submit();
458        }
459
460        hyva.getFormKey = function () {
461            let formKey = hyva.getCookie('form_key');
462
463            if (!formKey) {
464                formKey = generateRandomString();
465                hyva.setCookie('form_key', formKey);
466            }
467
468            return formKey;
469        }
470
471        hyva.formatPrice = (value, showSign, options = {}) => {
472            const groupSeparator = options.groupSeparator;
473            const decimalSeparator = options.decimalSeparator
474            delete options.groupSeparator;
475            delete options.decimalSeparator;
476            const formatter = new Intl.NumberFormat(
477                'de\u002DDE',
478                Object.assign({
479                    style: 'currency',
480                    currency: 'EUR',
481                    signDisplay: showSign ? 'always' : 'auto'
482                }, options)
483            );
484            return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ?
485                formatter.formatToParts(value).map(({type, value}) => {
486                    switch (type) {
487                        case 'currency':
488                            return '\u20AC' || value;
489                        case 'minusSign':
490                            return '- ';
491                        case 'plusSign':
492                            return '+ ';
493                        case 'group':
494                            return groupSeparator !== undefined ? groupSeparator : value;
495                        case 'decimal':
496                            return decimalSeparator !== undefined ? decimalSeparator : value;
497                        default :
498                            return value;
499                    }
500                }).reduce((string, part) => string + part) :
501                formatter.format(value);
502        }
503
504        const formatStr = function (str, nStart) {
505            const args = Array.from(arguments).slice(2);
506
507            return str.replace(/(%+)([0-9]+)/g, (m, p, n) => {
508                const idx = parseInt(n) - nStart;
509
510                if (args[idx] === null || args[idx] === void 0) {
511                    return m;
512                }
513                return p.length % 2
514                    ? p.slice(0, -1).replace('%%', '%') + args[idx]
515                    : p.replace('%%', '%') + n;
516            })
517        }
518
519        hyva.str = function (string) {
520            const args = Array.from(arguments);
521            args.splice(1, 0, 1);
522
523            return formatStr.apply(undefined, args);
524        }
525
526        hyva.strf = function () {
527            const args = Array.from(arguments);
528            args.splice(1, 0, 0);
529
530            return formatStr.apply(undefined, args);
531        }
532
533        /**
534         * Take a html string as `content` parameter and
535         * extract an element from the DOM to replace in
536         * the current page under the same selector,
537         * defined by `targetSelector`
538         */
539        hyva.replaceDomElement = (targetSelector, content) => {
540            // Parse the content and extract the DOM node using the `targetSelector`
541            const parser = new DOMParser();
542            const doc = parser.parseFromString(content, 'text/html');
543            const contentNode = doc.querySelector(targetSelector);
544
545            // Bail if content or target can't be found
546            if (!contentNode || !document.querySelector(targetSelector)) {
547                return;
548            }
549
550                        hyva.activateScripts(contentNode);
551            
552            // Replace the old DOM node with the new content
553            document.querySelector(targetSelector).replaceWith(contentNode);
554
555            // Reload customerSectionData and display cookie-messages if present
556            window.dispatchEvent(new CustomEvent("reload-customer-section-data"));
557            hyva.initMessages();
558        }
559
560        hyva.removeScripts = (contentNode) => {
561            const scripts = contentNode.getElementsByTagName('script');
562            for (let i = 0; i < scripts.length; i++) {
563                scripts[i].parentNode.removeChild(scripts[i]);
564            }
565            const templates = contentNode.getElementsByTagName('template');
566            for (let i = 0; i < templates.length; i++) {
567                const container = document.createElement('div');
568                container.innerHTML = templates[i].innerHTML;
569                hyva.removeScripts(container);
570                templates[i].innerHTML = container.innerHTML;
571            }
572        }
573
574        hyva.activateScripts = (contentNode) => {
575            // Create new array from HTMLCollection to avoid mutation of collection while manipulating the DOM.
576            const scripts = Array.from(contentNode.getElementsByTagName('script'));
577
578            // Iterate over all script tags to duplicate+inject each into the head
579            for (const original of scripts) {
580                const script = document.createElement('script');
581                original.type && (script.type = original.type);
582                script.innerHTML = original.innerHTML;
583
584                // Remove the original (non-executing) script from the contentNode
585                original.parentNode.removeChild(original)
586
587                // Add script to head
588                document.head.appendChild(script);
589            }
590
591            return contentNode;
592        }
593
594        const replace = {['+']: '-', ['/']: '_', ['=']: ','};
595        hyva.getUenc = () => btoa(window.location.href).replace(/[+/=]/g, match => replace[match]);
596
597        let currentTrap;
598
599        const focusableElements = (rootElement) => {
600            const selector = 'button, [href], input, select, textarea, details, [tabindex]:not([tabindex="-1"]';
601            return Array.from(rootElement.querySelectorAll(selector))
602                .filter(el => {
603                    return el.style.display !== 'none'
604                        && !el.disabled
605                        && el.tabIndex !== -1
606                        && (el.offsetWidth || el.offsetHeight || el.getClientRects().length)
607                })
608        }
609
610        const focusTrap = (e) => {
611            const isTabPressed = e.key === 'Tab' || e.keyCode === 9;
612            if (!isTabPressed) return;
613
614            const focusable = focusableElements(currentTrap)
615            const firstFocusableElement = focusable[0]
616            const lastFocusableElement = focusable[focusable.length - 1]
617
618            e.shiftKey
619                ? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), e.preventDefault())
620                : document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), e.preventDefault())
621        };
622
623        hyva.releaseFocus = (rootElement) => {
624            if (currentTrap && (!rootElement || rootElement === currentTrap)) {
625                currentTrap.removeEventListener('keydown', focusTrap)
626                currentTrap = null
627            }
628        }
629        hyva.trapFocus = (rootElement) => {
630            if (!rootElement) return;
631            hyva.releaseFocus()
632            currentTrap = rootElement
633            rootElement.addEventListener('keydown', focusTrap)
634            const firstElement = focusableElements(rootElement)[0]
635            firstElement && firstElement.focus()
636        }
637
638        hyva.safeParseNumber = (rawValue) => {
639            const number = rawValue ? parseFloat(rawValue) : null;
640
641            return Array.isArray(number) || isNaN(number) ? rawValue : number;
642        }
643
644        const toCamelCase = s => s.split('_').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join('');
645        hyva.createBooleanObject = (name, value = false, additionalMethods = {}) => {
646
647            const camelCase = toCamelCase(name);
648            const key = '__hyva_bool_' + name
649
650            return new Proxy(Object.assign(
651                additionalMethods,
652                {
653                    [key]: !!value,
654                    [name]() {return !!this[key]},
655                    ['!' + name]() {return !this[key]}, // @deprecated This does not work with non-CSP Alpine
656                    ['not' + camelCase]() {return !this[key]},
657                    ['toggle' + camelCase]() {this[key] = !this[key]},
658                    [`set${camelCase}True`]() {this[key] = true},
659                    [`set${camelCase}False`]() {this[key] = false},
660                }
661            ), {
662                set(target, prop, value) {
663                    return prop === name
664                        ? (target[key] = !!value)
665                        : Reflect.set(...arguments);
666                }
667            })
668        }
669
670                hyva.alpineInitialized = (fn) => window.addEventListener('alpine:initialized', fn, {once: true})
671        window.addEventListener('alpine:init', () => Alpine.data('{}', () => ({})), {once: true});
672                window.addEventListener('user-allowed-save-cookie', () => internalCookie.saveTempStorageCookies())
673
674    }( window.hyva = window.hyva || {} ));
675    //# sourceURL=hyva.js
676</script>
vendor: 1 bytes, line 676
676
677<script type="speculationrules">
678{
679    "tag": "Hyva Theme",
680    "prefetch": [{
681        "source": "document",
682        "where": {
683            "and": [
684                { "href_matches": "/*" },
685                { "not": {
686                    "href_matches": ["/customer/*","/search/*","/sales/*","/wishlist/*","/checkout/*","/paypal/*","/newsletter/*","/stores/store/redirect/*"]                }},
687                { "not": {
688                    "selector_matches": [".no-preload", ".do-not-prerender", "[download]", "[rel~=nofollow]", "[target]"]
689                }}
690            ]
691        },
692        "eagerness": "moderate"
693    }]
694}
695</script>
695
696
697<script type="speculationrules">
698{
699  "prerender": [{
700    "source": "document",
701    "where": {
702      "and": [
703        { "href_matches": "/*" },
704        { "not": { "href_matches": "/*(customer|login|logout|auth|cart|checkout|search|download|redirect|rewrite|store|productalert)/*" } },
705        { "not": { "href_matches": "*.pdf" } },
706        { "not": { "selector_matches": ".do-not-prerender" } },
707        { "not": { "selector_matches": "[rel=nofollow]" } },
708        { "not": { "selector_matches": "[target=_blank]" } },
709        { "not": { "selector_matches": "[target=_parent]" } },
710        { "not": { "selector_matches": "[target=_top]" } }
711      ]
712    },
713    "eagerness": "moderate"
714  }]
715}
716</script>
716
717<link rel="alternate" hreflang="de-DE" href="https://www.haibu.de/" type="text/html" /> 
718<link rel="alternate" hreflang="nl-NL" href="https://www.haibu.nl/" type="text/html" /> 
719<link rel="canonical" href="https://www.haibu.de/" />
720</head>
721<body class="store-haibu prismicio-direct-page page-layout-1column" id="html-body">
vendor: 68 bytes, lines 721-722
721
722<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
722GTM-W24WV5T
vendor: 83 bytes, line 722
722" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
723<input name="form_key" type="hidden" value="R24e2ZL7oyYVkTdR" />    
723<script>
724        function initAddCartPopup() {
725            return {
726                showPopup: false,
727                showOverlay: false,
728                addToCartButton: null,
729                productId: null,
730                latestProduct: null,
731                latestQty: null,
732                formData: null,
733                crosssellItems: null,
734                deliveryJsonData: null,
735                deliveryText: null,
736                display_incl_tax: true,
737                submit: function (data) {
738                    const self = this;
739                    this.productId = data.product_id;
740                    this.latestQty = data.qty ?? 1;
741                    this.crosssellItems = [];
742
743                    if (data.buttonSelector) {
744                        this.addToCartButton = document.querySelector(data.buttonSelector);
745                        this.addToCartButton.disabled = true;
746                    }
747
748                    this.formData = new FormData(data.form);
749                    if (!data.form) {
750                        this.formData.append("product", data.product_id);
751                        this.formData.append("sku", data.product_id);
752                        this.formData.append("form_key", data.form_key);
753                        this.formData.append("qty", data.qty);
754                    }
755
756                    if (data.bundle) {
757                        const bundledOptions = JSON.parse(data.bundle);
758                        for (option of bundledOptions) {
759                            this.formData.append(`bundle_option[${option.option_id}]`, option.selection_id);
760                            this.formData.append(`bundle_option_qty[${option.option_id}]`, option.qty);
761                        }
762                    }
763
764                    self.addToCartButton.classList.add('btn-adding-to-cart');
765
766                    fetch(data.action,
767                        {
768                            headers: {'X-Requested-With': 'XMLHttpRequest'},
769                            body: this.formData,
770                            method: "post"
771                        })
772                        .then(function (response) {
773                            if (response.redirected) {
774                                window.location.href = response.url;
775                                return;
776                            }
777
778                            self.addToCartButton.classList.remove('btn-adding-to-cart');
779                            self.addToCartButton.classList.add('btn-icons-ready');
780                            self.reloadCustomerData();
781
782                        })
783                        .catch((error) => {
784                            console.error('Error:', error);
785
786                            if (this.addToCartButton) {
787                                this.addToCartButton.disabled = false;
788                            }
789                        });
790                },
791                open: function () {
792                    this.showOverlay = true;
793                    this.showPopup = true;
794
795                    const stockInformationEvent = new CustomEvent('stock-information-request');
796                    window.dispatchEvent(stockInformationEvent);
797
798                    this.$nextTick(() => {
799                        if (!this.deliveryJsonData && this.deliveryText && this.$refs.delivery_placeholder) {
800                            this.$refs.delivery_placeholder.appendChild(this.deliveryText);
801                        }
802                    });
803
804
805                    if (this.addToCartButton) {
806                        this.addToCartButton.disabled = false;
807                    }
808                },
809                close: function () {
810                    this.message = null;
811                    this.showOverlay = false;
812                    this.showPopup = false;
813
814                    if (this.addToCartButton) {
815                        this.addToCartButton.disabled = false;
816                    }
817                },
818                quantityLabel: function() {
819                    return this.latestQty > 1 ?
820                        this.latestQty + ' Artikel' :
821                        this.latestQty + ' Artikel';
822                },
823                parseProductName: function(string) {
824                    const parser = new DOMParser().parseFromString(string, "text/html");
825                    return parser.documentElement.textContent;
826                },
827                getData: function (data) {
828                    let self = this;
829                    self.message = ''
830
831                    if (data.messages && data.messages.messages && data.messages.messages.length) {
832                        this.showErrorMessageIfSingleError(data.messages.messages);
833
834                        data.messages.messages.map(function (message) {
835                            message.hide = true;
836
837                            if (message.type !== 'success') {
838                                return;
839                            }
840
841                            self.message = self.message.concat(message.text);
842                        });
843
844                        if (self.message !== '') {
845                            const items = (data.cart !== null && data.cart.items !== null ? data.cart.items : [])
846                            const element = document.querySelector('#product_addtocart_form-' + this.productId + ' .delivery') ?? document.getElementById(this.productId + '_delivery');
847                            self.deliveryText = document.createElement('div');
848                            if (element) {
849                                self.deliveryText = element.cloneNode(true);
850                            }
851
852                            self.latestProduct = items.find(item => {
853                                if (parseInt(item.product_id) === this.productId) {
854                                    return item;
855                                }
856                            });
857
858                            if (! self.latestProduct) {
859                                return;
860                            }
861
862                            fetch("https://www.haibu.de/graphql", {
863                                method: 'POST',
864                                headers: {
865                                    'Content-Type': 'application/json'
866                                },
867                                body: JSON.stringify({
868                                    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`,
869                                    variables: {
870                                        productId: this.productId,
871                                        templateId: `default\u002Dde`,
872                                    },
873                                })
874                            }).then(
875                                (response) => response.json()
876                            ).then((result) => {
877                                this.crosssellItems = result.data.recommendations.map(
878                                    recommendation => recommendation.product
879                                ).slice(0, 4);
880                            });
881
882                            self.open();
883                        }
884                    }
885
886                    if (this.addToCartButton) {
887                        this.addToCartButton.disabled = false;
888                    }
889                },
890                reloadCustomerData: function () {
891                    const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data");
892                    window.dispatchEvent(reloadCustomerDataEvent);
893                },
894                eventListeners: {
895                    ['@add-to-cart.window'](event) {
896                        this.submit(event.detail);
897                    },
898                    ['@private-content-loaded.window'](event) {
899                        this.getData(event.detail.data);
900                    },
901                    ['@update-stock-info-dialog.window'](event) {
902                        this.deliveryJsonData = event.detail;
903                    }
904                },
905                showErrorMessageIfSingleError(messages) {
906                    if (messages.length === 1) {
907                        const message = messages[0];
908                        if (message.type === 'error') {
909                            typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
910                                [{
911                                    type: message.type,
912                                    text: message.text
913                                }], 5000
914                            );
915                        }
916                    }
917                }
918            }
919        }
920    </script>
920
921
922    <section id="addtocart-block"
923             x-data="initAddCartPopup();"
924             x-bind="eventListeners"
925    >
926        <template x-if="showPopup">
927            <div class="flex justify-center">
928                <div role="dialog"
929                     aria-modal="true"
930                     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">
931                    <div class="border-b border-border flex justify-between pb-2">
932                        <p class="flex items-center">
933                            <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">
934    <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"/>
935<title>moma-check-mark</title></svg>
936                            <span class="font-bold text-xl ml-4">
937                                Zum Warenkorb hinzugefügt                            </span>
938                        </p>
939                        <button @click="close()" aria-label="Close panel"
940                                class="p-4">
941                            <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">
942    <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"/>
943<title>moma-times</title></svg>
944                        </button>
945                    </div>
946
947                    <div class="flex flex-col lg:flex-row py-4 lg:pb-0 border-b border-border">
948                        <div class="gap-2 lg:gap-0 lg:relative lg:w-2/3">
949                            <div class="flex flex-col justify-center">
950                                <div class="flex gap-2">
951                                    <img class="object-contain"
952                                         x-bind:src="latestProduct.product_image.src"
953                                         x-bind:height="latestProduct.product_image.height"
954                                         x-bind:width="latestProduct.product_image.width"
955                                         x-bind:alt="latestProduct.product_image.alt"/>
956                                    <div class="lg:pt-2 w-full">
957                                        <span class="lg:hidden" x-text="quantityLabel()"></span>
958                                        <p class="font-semibold lg:whitespace-nowrap lg:truncate" x-text="parseProductName(latestProduct.product_name)"></p>
959                                    </div>
960                                </div>
961                            </div>
962                            <div class="flex flex-wrap justify-center lg:justify-start lg:relative lg:bottom-10 lg:left-[86px]">
963                                <div class="flex items-center text-2xs" x-ref="delivery_placeholder"></div>
964                                <template x-if="deliveryJsonData">
965                                    <div class="flex gap-3">
966                                        <template x-if="deliveryJsonData.out_of_stock">
967                                            <span class="span4 block bg-orange text-white rounded-full flex justify-center items-center h-5 w-5">
968                                                <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">
969    <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"/>
970<title>moma-times</title></svg>
971                                            </span>
972                                        </template>
973
974                                        <span class="span5 block bg-green text-white rounded-full flex justify-center items-center h-5 w-5"
975                                              :class="{ 'hidden': deliveryJsonData.out_of_stock }">
976                                            <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">
977    <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"/>
978<title>moma-check-mark</title></svg>
979                                        </span>
980                                        <span x-html="deliveryJsonData.stock_message"></span>
981                                    </div>
982                                </template>
983                                <div class="px-2">
984                                    <div class="border-r border-border h-6 -skew-x-20"></div>
985                                </div>
986
987                                <div class="flex text-2xs">
988                                    <span class="hidden lg:block" x-text="quantityLabel()"></span>
989                                    <span class="font-semibold pr-2 lg:px-2" x-text="hyva.formatPrice(latestProduct.product_price_value.excl_tax)"></span>
990                                    <p>(<span x-text="hyva.formatPrice(latestProduct.product_price_value.incl_tax)"></span>&nbsp;<span>inkl. MwSt.</span>)</p>
991                                </div>
992                            </div>
993                        </div>
994
995                        <div class="lg:flex lg:justify-start lg:ml-auto lg:mr-0">
996                                                                                    <div class="text-center flex flex-col">
997                                <button @click="this.disabled = true; location.href='https://www.haibu.de/checkout/cart/'"
998                                        class="w-full btn btn-primary flex items-center justify-center p-4 !mt-0">
999                                    <span class="enabled">
1000                                      Weiter zur Kasse                                    </span>
1001                                </button>
1002
1003
1004                                <a @click="close()" class="mt-2 w-full text-center cursor-pointer font-semibold text-2xs">
1005                                    Mit dem Einkaufen fortfahren                                </a>
1006                            </div>
1007                        </div>
1008                    </div>
1009
1010                                    </div>
1011            </div>
1012        </template>
1013
1014        <template x-if="showOverlay">
1015            <div class="modals-overlay z-40 bg-black opacity-60 fixed bottom-0 left-0 right-0 top-0" @click="close()"></div>
1016        </template>
1017    </section>
1018<script nonce="YmxiMGZtYWFmbDF4NWpjOXk4cXcwb3J2aTNjZHh6ZDU=">
1019    function yireoGoogleTagManager2Pusher(eventData, message, callback) {
1020        window.YIREO_GOOGLETAGMANAGER2_PAST_EVENTS = window.YIREO_GOOGLETAGMANAGER2_PAST_EVENTS || [];
1021
1022        function doCallback(cb) {
1023            if (undefined === cb) {
1024                return;
1025            }
1026
1027            cb();
1028        }
1029
1030
1031        const copyEventData = Object.assign({}, eventData);
1032        let metaData = {};
1033        if (copyEventData.meta) {
1034            metaData = copyEventData.meta;
1035            delete copyEventData.meta;
1036        }
1037
1038        const eventHash = btoa(encodeURIComponent(JSON.stringify(copyEventData)));
1039        if (window.YIREO_GOOGLETAGMANAGER2_PAST_EVENTS.includes(eventHash)) {
1040            yireoGoogleTagManager2Logger('Warning: Event already triggered', eventData);
1041            doCallback(callback);
1042            return;
1043        }
1044
1045        if (metaData && metaData.allowed_pages && metaData.allowed_pages.length > 0
1046            && false === metaData.allowed_pages.some(page => window.location.pathname.includes(page))) {
1047            yireoGoogleTagManager2Logger('Warning: Skipping event, not in allowed pages', window.location.pathname, eventData);
1048            doCallback(callback);
1049            return;
1050        }
1051
1052        if (metaData && metaData.allowed_events && metaData.allowed_events.length > 0) {
1053            for (const [allowedEventKey, allowedEvent] of Object.entries(metaData.allowed_events)) {
1054                window.addEventListener(allowedEvent, function () {
1055                    const eventDataCopy = Object.assign({}, eventData);
1056                    eventDataCopy.meta.allowed_events = false;
1057                    yireoGoogleTagManager2Pusher(eventDataCopy, 'push (allowed event "' + eventData.event + '") [script-pusher]');
1058                });
1059            }
1060
1061            yireoGoogleTagManager2Logger('Warning: Skipping event, not in allowed events', window.location.pathname, eventData);
1062            doCallback(callback);
1063            return;
1064        }
1065
1066        if (!message) {
1067            message = 'push (unknown) [unknown]';
1068        }
1069
1070        yireoGoogleTagManager2Logger(message, eventData);
1071        window.dataLayer = window.dataLayer || [];
1072
1073        if (eventData.ecommerce) {
1074            window.dataLayer.push({ecommerce: null});
1075        }
1076
1077        try {
1078            window.dataLayer.push(eventData);
1079            window.YIREO_GOOGLETAGMANAGER2_PAST_EVENTS.push(eventHash);
1080        } catch(error) {
1081            doCallback(callback);
1082        }
1083
1084        doCallback(callback);
1085    }
1086</script>
vendor: 1 bytes, line 1086
1086
1087<script nonce="YmxiMGZtYWFmbDF4NWpjOXk4cXcwb3J2aTNjZHh6ZDU=">
1088    function yireoGoogleTagManager2Logger(...args) {
1089        const debug = window.YIREO_GOOGLETAGMANAGER2_DEBUG || false;
1090        if (false === debug) {
1091            return;
1092        }
1093
1094        var color = 'gray';
1095        if (args[0].toLowerCase().startsWith('push')) {
1096            color = 'green';
1097        }
1098
1099        if (args[0].toLowerCase().startsWith('warning')) {
1100            color = 'orange';
1101        }
1102
1103        var css = 'color:white; background-color:' + color + '; padding:1px;'
1104        console.log('%cYireo_GoogleTagManager2', css, ...args);
1105    }
1106</script>
1106
1107<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">
1108    <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">
1109        
1110<li class="absolute&#x20;lg&#x3A;relative&#x20;inset-0&#x20;flex&#x20;items-center&#x20;justify-center">
1111    <a href="https://www.haibu.de/versand"
1112       class="flex items-center text-black hover:no-underline focus:no-underline"
1113    >
1114                <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">
1115    <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"/>
1116</svg>
1117        <div class="usp-item text-3xs font-semibold ml-3.5">
1118            Lieferung innerhalb von <strong>1-2 Tagen</strong>*        </div>
1119    </a>
1120</li>
1121
1122<li class="hidden&#x20;lg&#x3A;flex&#x20;lg&#x3A;relative&#x20;inset-0&#x20;items-center&#x20;justify-center">
1123    <a href="https://www.haibu.de/versand"
1124       class="flex items-center text-black hover:no-underline focus:no-underline"
1125    >
1126                <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">
1127    <g clip-path="url(#clip0_349_382)">
1128        <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
1128699 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"/>
1129    </g>
1130    <defs>
1131        <clipPath id="clip0_349_382">
1132            <rect width="14.5308" height="16" fill="white"/>
1133        </clipPath>
1134    </defs>
1135</svg>
1136        <div class="usp-item text-3xs font-semibold ml-3.5">
1137            <strong>Versandkostenfrei </strong>ab 50&euro;* <em>(inkl. MwSt.)</em>        </div>
1138    </a>
1139</li>
1140
1141<li class="hidden&#x20;lg&#x3A;flex&#x20;lg&#x3A;relative&#x20;inset-0&#x20;items-center&#x20;justify-center">
1142    <a href="https://www.haibu.de/service-kontakt"
1143       class="flex items-center text-black hover:no-underline focus:no-underline"
1144    >
1145                <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">
1146    <g clip-path="url(#clip0_349_372)">
1147        <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"/>
1148    </g>
1149    <defs>
1150        <clipPath id="clip0_349_372">
1151            <rect width="16" height="19.5363"/>
1152        </clipPath>
1153    </defs>
1154</svg>
1155        <div class="usp-item text-3xs font-semibold ml-3.5">
1156            <strong>Professionelle</strong> Beratung        </div>
1157    </a>
1158</li>
1159
1160<li class="hidden&#x20;lg&#x3A;flex&#x20;lg&#x3A;relative&#x20;inset-0&#x20;items-center&#x20;justify-center">
1161    <a href="https://www.haibu.de/sicheres-zahlen"
1162       class="flex items-center text-black hover:no-underline focus:no-underline"
1163    >
1164                <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">
1165    <g clip-path="url(#clip0_349_376)">
1166        <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"/>
1167    </g>
1168    <defs>
1169        <clipPath id="clip0_349_376">
1170            <rect width="18" height="13.5"/>
1171        </clipPath>
1172    </defs>
1173</svg>
1174        <div class="usp-item text-3xs font-semibold ml-3.5">
1175            <strong>Sicheres </strong>Zahlen        </div>
1176    </a>
1177</li>
1178
1179<li class="hidden&#x20;lg&#x3A;flex&#x20;lg&#x3A;relative&#x20;inset-0&#x20;items-center&#x20;justify-center">
1180    <a href="https://www.haibu.de/ruecksendung"
1181       class="flex&#x20;lg&#x3A;hidden&#x20;xl&#x3A;flex items-center text-black hover:no-underline focus:no-underline"
1182    >
1183                <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">
1184    <g clip-path="url(#clip0_349_368)">
1185        <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.
11850052 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"/>
1186    </g>
1187    <defs>
1188        <clipPath id="clip0_349_368">
1189            <rect width="18" height="17.7537" fill="white"/>
1190        </clipPath>
1191    </defs>
1192</svg>
1193        <div class="usp-item text-3xs font-semibold ml-3.5">
1194            <strong>Einfache </strong>R&uuml;cksendung        </div>
1195    </a>
1196</li>
1197    </ul>
1198</section>
1199</div></div></div><header class="page-header bg-pink-lightest lg:bg-white sticky top-0 z-30">
1200
1201<div id="header"
1202     class="w-full"
1203     x-data="initHeader()"
1204     @keydown.window.escape="searchOpen = false;"
1205     @private-content-loaded.window="getData(event.detail.data)"
1206     @scroll.window="scrolAtTop = (window.pageYOffset > 90) ? false : true"
1207     :class="{ '': !scrolAtTop }"
1208>
1209    <div class="container">
1210
1211        <div class="flex flex-wrap md:justify-between items-center py-2.5 lg:py-0 lg:h-[90px] relative"
1212             :class="{ 'lg:h-[70px] mt-8': !scrolAtTop }"
1213
1214        >
1215
1216            
1217<div class="lg:hidden flex-shrink-0 mr-4 mb-[10px]">
1218    <a href="#"
1219       @click.prevent="$dispatch('toggle-mobile-menu')"
1220       class="h-10 w-10 flex items-center justify-center rounded-full bg-black text-white relative"
1221       title="Navigation">
1222        <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">
1223  <path stroke-linecap="round" stroke-linejoin="round" d="M4 8h16M4 16h16"/>
1224<title>menu-alt-4</title></svg>
1225    </a>
1226</div>
1227
1228            
1229<a href="https://www.haibu.de/"
1230   class="store-logo&#x20;grow&#x20;lg&#x3A;grow-0&#x20;mb-0"
1231   title="Haibu.de&#x20;-&#x20;Hair&#x20;&amp;&#x20;Beauty&#x20;Professionals"
1232   aria-label="store logo">
1233    <img class="mx-auto&#x20;lg&#x3A;mx-0&#x20;w-28&#x20;lg&#x3A;w-40"
1234         src="https://www.haibu.de/static/version1791360036/frontend/Moma/default_DE/de_DE/images/logo.svg"
1235         title="Haibu.de&#x20;-&#x20;Hair&#x20;&amp;&#x20;Beauty&#x20;Professionals"
1236         alt="Haibu.de&#x20;-&#x20;Hair&#x20;&amp;&#x20;Beauty&#x20;Professionals"
1237         width="160"
1238         height="50"
1239    />
1240</a>
1241
1242            
1243<div class="hidden w-[100px] lg:block">
1244
1245                <a href="https://www.trustedshops.de/bewertung/info_X58AE1F430672E02040339F5ADD541C04.html" target="_blank" class="text-black hover:no-underline no-underline">
1246        <div class="h-5 w-full flex" style="
1247        background: transparent url('https://www.haibu.de/static/version1791360036/frontend/Moma/default_DE/de_DE/images/trustedshops_star_grey-1x.png');
1248        background-size: contain;">
1249        <span class="inline-block bg-auto h-5"
1250              style="
1251                  background: transparent url('https://www.haibu.de/static/version1791360036/frontend/Moma/default_DE/de_DE/images/trustedshops_star_yellow-1x.png');
1252                  width: 90%;
1253                  background-size: contain;
1254                  "></span>
1255    </div>
1256    <span class="flex justify-center leading-5 text-3xs">Gut</span>
1257    <div class="flex justify-center block"
1258         :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">
1259<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
125956044 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"/>
1260<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"/>
1261<title>trustedshops-logo</title></svg>
1262</div>
1263            </a>
1264    </div>
1265
1266
1267            
1268<script>
1269    'use strict';
1270
1271    function initMiniSearchComponent() {
1272        return {
1273            show: false,
1274            scrolAtTop: true,
1275            url: "https\u003A\u002F\u002Fwww.haibu.de\u002Fsearch\u002Fajax\u002Fsuggest\u002F",
1276            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"}},
1277            minSearchLength: 3,
1278            searchResultsByType: {},
1279            currentRequest: null,
1280
1281            getSearchResults() {
1282                const value = this.$refs.searchInput.value.trim();
1283
1284                if (value.length < parseInt(this.minSearchLength, 10)) {
1285                    this.searchResultsByType = {};
1286                    this.show = false;
1287
1288                    return false;
1289                }
1290
1291                const url = this.url + '?' + new URLSearchParams({q: value}).toString();
1292
1293                if (this.currentRequest !== null) {
1294                    this.currentRequest.abort();
1295                }
1296                this.currentRequest = new AbortController();
1297
1298                fetch(url, {
1299                    method: 'GET',
1300                    signal: this.currentRequest.signal,
1301                    headers: {'X-Requested-With': 'XMLHttpRequest'}
1302                }).then((response) => {
1303                    if (response.ok) {
1304                        return response.json();
1305                    }
1306                }).then((data) => {
1307                    if (data === undefined) {
1308                        return;
1309                    }
1310                    this.show = data.length > 0;
1311                    this.searchResultsByType = data.reduce((acc, result) => {
1312                        if (!acc[result.type]) acc[result.type] = [];
1313                        acc[result.type].push(result);
1314                        return acc;
1315                    }, {});
1316                }).catch(() => {});
1317            },
1318            hasSpecialPrice(searchResult) {
1319                return searchResult.price_value > 0
1320                    && Math.abs(searchResult.final_price_value - searchResult.price_value) > 0.0001;
1321            },
1322            formatPrice(price) {
1323                return hyva.formatPrice(price, false);
1324            }
1325        }
1326    }
1327</script>
1327
1328
1329<div class="relative order-5 lg:order-3 w-full lg:w-4/12"
1330     x-data="initMiniSearchComponent()"
1331     @scroll.window="scrolAtTop = (window.pageYOffset > 90) ? false : true"
1332     @click.outside="show = false"
1333     @keydown.escape="show = false">
1334    <form class="form minisearch" id="search_mini_form" action="https://www.haibu.de/catalogsearch/result/" method="get" role="search">
1335        <div class="cursor-pointer absolute inset-y-0 right-0 pr-5 flex items-center" @click="document.getElementById('search_mini_form').submit()">
1336            <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">
1337<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"/>
1338<title>moma-search</title></svg>
1339        </div>
1340        <label class="sr-only" for="search">
1341            Gesamten Shop hier durchsuchen...        </label>
1342        <input id="search"
1343               x-ref="searchInput"
1344               type="search"
1345               autocapitalize="off" autocomplete="off" autocorrect="off"
1346               name="q"
1347               value=""
1348               placeholder="Gesamten&#x20;Shop&#x20;hier&#x20;durchsuchen..."
1349               maxlength="128"
1350               class="form-input h-10 w-full text-xs font-medium pl-5 pr-10 placeholder:text-black"
1351               :class="{ '!h-10': !scrolAtTop }"
1352               @input.debounce.300ms="getSearchResults()"
1353               @focus="show = Object.keys(searchResultsByType).length > 0"
1354               @search-open.window.debounce.10="
1355                    $el.focus();
1356                    $el.select();
1357               "
1358        />
1359        <div id="search_autocomplete"
1360             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"
1361             style="display:none; z-index: 2;"
1362             x-show="show">
1363            <template x-for="searchResultByType in Object.values(searchResultsByType)">
1364                <div class="w-full">
1365                    <!-- Section heading for term suggestions only; product rows render without one,
1366                         matching the previous Tweakwise dropdown -->
1367                    <template x-if="searchResultByType.hasOwnProperty(0) && searchResultByType[0].type !== 'product' && templates[searchResultByType[0].type].title">
1368                        <div class="qs-suggestion-heading font-semibold p-2 text-2xs bg-white border-b border-gray"
1369                             x-text="templates[searchResultByType[0].type].title"></div>
1370                    </template>
1371
1372                    <template x-for="searchResult in searchResultByType">
1373                        <div class="bg-white hover:bg-gray-lighter">
1374                                                            
1375<template x-if="searchResult.type == 'term'">
1376    <a class="w-full flex justify-between p-2 text-2xs text-black cursor-pointer border-b border-gray"
1377       x-bind:href="'https://www.haibu.de/catalogsearch/result/?q=' + encodeURIComponent(searchResult.title)"
1378       :title="searchResult.title">
1379        <span class="qs-option-name" x-text="searchResult.title"></span>
1380        <span aria-hidden="true" class="amount" x-text="searchResult.num_results"></span>
1381    </a>
1382</template>
1383                                                            
1384<template x-if="searchResult.type == 'product'">
1385    <a class="product-item flex text-2xs text-black p-2 cursor-pointer border-b border-gray"
1386       :href="searchResult.url"
1387       :title="searchResult.title">
1388        <template x-if="searchResult.image">
1389            <img class="h-12 w-12 qs-option-image mr-2 object-contain"
1390                 :src="searchResult.image"
1391                 :alt="searchResult.title"
1392                 width="48" height="48" loading="lazy"/>
1393        </template>
1394        <div class="qs-option-info-container">
1395            <div class="qs-option-name" x-text="searchResult.title"></div>
1396            <div class="price-box">
1397                <template x-if="!hasSpecialPrice(searchResult) && searchResult.final_price_value > 0">
1398                    <span class="price-container">
1399                        <span class="price-wrapper">
1400                            <span class="price !text-2xs" x-html="formatPrice(searchResult.final_price_value)"></span>
1401                        </span>
1402                    </span>
1403                </template>
1404
1405                <template x-if="hasSpecialPrice(searchResult)">
1406                    <span class="price-container">
1407                        <span class="old-price sly-old-price mr-1">
1408                            <span class="price-label hidden">Regulärer Preis</span>
1409                            <span class="price-wrapper">
1410                                <span class="price font-normal line-through !text-2xs text-gray-500"
1411                                      x-html="formatPrice(searchResult.price_value)"></span>
1412                            </span>
1413                        </span>
1414                        <span class="special-price">
1415                            <span class="price-label hidden">Sonderpreis</span>
1416                            <span class="price-wrapper">
1417                                <span class="price !text-2xs" x-html="formatPrice(searchResult.final_price_value)"></span>
1418                            </span>
1419                        </span>
1420                    </span>
1421                </template>
1422            </div>
1423        </div>
1424    </a>
1425</template>
1426                                                            
1427<template x-if="searchResult.type == 'category'">
1428    <a class="w-full block p-2" :href="searchResult.url" :title="searchResult.title">
1429        <span class="text-sm italic block text-gray-500" x-text="searchResult.breadcrumb.join(' > ').concat(' > ')"></span>
1430        <span class="text-sm" x-text="searchResult.title"></span>
1431    </a>
1432</template>
1433                                                            
1434<template x-if="searchResult.type == 'product_attribute'">
1435    <a class="w-full block p-2" :href="searchResult.url" :title="searchResult.title">
1436        <span class="text-sm" x-text="searchResult.title"></span>
1437        <span class="text-xs uppercase text-gray-500" x-text="searchResult.attribute_label" style="vertical-align: super;"></span>
1438    </a>
1439</template>
1440
1441<script>
1442    function renderEsAutocompleteTitleAttribute(data)
1443    {
1444        data = data.filter(function(item) {
1445            return item.type === 'product_attribute';
1446        }).map(function(item) {
1447            return item['attribute_label']
1448        }).reduce(function(prev, item) {
1449            if (item in prev) {
1450                prev[item]++;
1451            } else {
1452                prev[item] = 1;
1453            }
1454            return prev;
1455        }, {});
1456
1457        data = Object.entries(data).sort(function(item1, item2) {
1458            return item2[1] - item1[1]
1459        }).map(function(item) {return item[0]});
1460
1461        if (data.length > 2) {
1462            data = data.slice(0, 2);
1463            data.push('...');
1464        }
1465
1466        return data.join(', ');
1467    }
1468</script>
1468
1469                                                            
1470<template x-if="searchResult.type == 'cms_page'">
1471    <a class="w-full block p-2" :href="searchResult.url" :title="searchResult.title">
1472        <span class="text-sm" x-text="searchResult.title"></span>
1473    </a>
1474</template>
1475                                                    </div>
1476                    </template>
1477                </div>
1478            </template>
1479        </div>
1480        <button type="submit"
1481                title="Suche"
1482                class="action search sr-only"
1483                aria-label="Search"
1484        >
1485            Suche        </button>
1486            </form>
1487</div>
1488
1489            
1490<div class="items-center gap-5 text-2xs hidden xl:flex order-4">
1491    <div class="flex-shrink-0">
1492        <div id="robin_tab_container" class="h-[50px] w-[50px] flex items-center justify-center rounded-full border border-gray" x-data="initRobinHq()">
1493            <p @click.prevent="openRobin()" class="cursor-pointer">
1494                <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">
1495    <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"/>
1496    <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"/>
1497    <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"/>
1498<title>moma-chat</title></svg>
1499            </p>
1500        </div>
1501    </div>
1502    <div class="flex-1 hidden 2xl:block">
1503        <p class="font-semibold leading-4 mb-1" x-show="scrolAtTop">Kundenservice</p>
1504        <p id="robin_tab_container" class="leading-4 customer-service-header" x-data="initRobinHq()">
1505            <a @click.prevent="openRobin()"
1506               class="font-semibold"
1507               href="#"
1508               title="Chat">
1509                Chat            </a>
1510             oder rufen Sie <strong><a href="https://www.haibu.de/service-kontakt">uns</a> </strong>an        </p>
1511    </div>
1512</div>
1513
1514            <!-- BLOCK header.customer -->
1515<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">
1516    <a href="https://www.haibu.de/customer/account/login/"
1517       class="flex-shrink-0 relative"
1518       @click="toggleLoginMenu($event)"
1519       title="Anmelden"
1520    >
1521        <span class="h-10 w-10 lg:h-[50px] lg:w-[50px] flex items-center justify-center rounded-full bg-pink text-white"
1522           :class="{ 'lg:h-10 lg:w-10': !scrolAtTop }"
1523        >
1524            <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">
1525    <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"/>
1526<title>moma-account</title></svg>
1527        </span>
1528
1529        <template x-if="customer && customer.signin_token && customer.pro">
1530            <span class="block absolute -right-[4px] -top-[1px] lg:hidden bg-black rounded-full text-white flex items-center justify-center">
1531                <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">
1532    <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"/>
1533<title>moma-check-mark</title></svg>
1534            </span>
1535        </template>
1536    </a>
1537    <div class="leading-4 hidden lg:block w-full" x-on:click="loginOpen = ! loginOpen">
1538        <p :class="{ 'mb-1': scrolAtTop }">
1539            <template x-if="customer && customer.signin_token && customer.pro">
1540                <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">
1541                    <span class="">
1542                        <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">
1543    <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"/>
1544<title>moma-check-mark</title></svg>
1545                    </span>
1546                    PROFI                </span>
1547            </template>
1548            <template x-if="!customer || !customer.signin_token">
1549                <span class="font-semibold leading-4 mb-1" x-show="scrolAtTop">
1550                    Konto                </span>
1551            </template>
1552        </p>
1553        <span class="leading-4">
1554            <template x-if="customer && customer.signin_token">
1555                <span class="block font-semibold"
1556                      x-text="customer.firstname"></span>
1557            </template>
1558            <template x-if="!customer || !customer.signin_token">
1559                <span class="text-blue font-semibold cursor-pointer select-none">
1560                    Anmelden                </span>
1561            </template>
1562        </span>
1563    </div>
1564
1565    <div class="hidden absolute h-auto bg-white z-30 left-[-108px]"
1566         :class="{ 'top-16': scrolAtTop, 'top-[3.225rem] left-[-188px]': !scrolAtTop, 'lg:block': loginOpen }"
1567         x-cloak>
1568        <div class="bg-white shadow p-6 border border-gray rounded w-[466px] tool-tip-arrow-top"
1569             :class="{ 'tool-tip-arrow-top--sticky': !scrolAtTop }">
1570
1571            <template x-if="customer && customer.signin_token">
1572                <div>
1573                    <div class="flex gap-3 mb-2 items-center">
1574                        <span class="text-xl font-bold text-sans-serif mb-0">
1575                            Hi <span x-text="customer.firstname"></span>
1576                        </span>
1577                        <template x-if="customer.pro">
1578                            <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">
1579                                <span class="">
1580                                    <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">
1581    <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"/>
1582<title>moma-check-mark</title></svg>
1583                                </span>
1584                                PROFI                            </span>
1585                        </template>
1586                        <a href="https://www.haibu.de/customer/account/logout/"
1587                           title="Abmelden"
1588                           class="ml-auto"
1589                        >
1590                            Abmelden                        </a>
1591                    </div>
1592                    <div class="flex gap-16 mt-4 pt-6 border-t border-gray">
1593
1594                        <div class="flex flex-col">
1595                            <a href="https://www.haibu.de/customer/account/"
1596                               title="Überblick"
1597                               rel="nofollow">
1598                                Überblick                            </a>
1599                            <a href="https://www.haibu.de/sales/order/history/"
1600                               title="Aufträge"
1601                               rel="nofollow">
1602                                Aufträge                            </a>
1603                            <a href="https://www.haibu.de/customer/address/"
1604                               title="Adressen"
1605                               rel="nofollow">
1606                                Adressen                            </a>
1607                        </div>
1608
1609                        <div class="flex flex-col">
1610                            <a href="https://www.haibu.de/wishlist/"
1611                               title="Wunschzettel"
1612                               rel="nofollow">
1613                                Wunschzettel                            </a>
1614                            <a href="https://www.haibu.de/contact-service/"
1615                               title="Kundenservice"
1616                               rel="nofollow">
1617                                Kundenservice                            </a>
1618                                                    </div>
1619                        <div class="flex flex-col">
1620                                                    </div>
1621                    </div>
1622                </div>
1623            </template>
1624            <template x-if="!customer || !customer.signin_token">
1625                <div>
1626                    <div class="text-xl font-bold text-sans-serif mb-2">
1627                        Anmelden                    </div>
1628
1629                    <div class="flex gap-8 mt-4 pt-6 border-t border-gray">
1630                        <a href="https://www.haibu.de/customer/account/login/"
1631                           title="Anmelden"
1632                           class="btn btn-secondary"
1633                           rel="nofollow">
1634                            Anmelden                        </a>
1635                        <a href="https://www.haibu.de/customer/account/create/"
1636                           title="Registrieren"
1637                           class="btn btn-secondary bg-pink-lighter text-pink hover:text-white border-pink-lighter"
1638                           rel="nofollow">
1639                            Registrieren                        </a>
1640                    </div>
1641                </div>
1642            </template>
1643        </div>
1644    </div>
1645</div>
1646<!-- /BLOCK header.customer -->
1647            
1648<a href="https://www.haibu.de/checkout/cart/index/"
1649   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"
1650   @click.prevent.stop="if(cart && cart.summary_count > 0) {$dispatch('toggle-cart',{})};" rel="nofollow"
1651   title=Shopping&#x20;cart>
1652    <div class="flex-shrink-0">
1653        <div class="h-10 w-10 lg:h-[50px] lg:w-[50px] flex items-center justify-center rounded-full bg-green text-white relative"
1654             :class="{ 'lg:h-10 lg:w-10': !scrolAtTop }"
1655        >
1656            <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">
1657    <g clip-path="url(#clip0_349_1593)">
1658        <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 
165811.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"/>
1659    </g>
1660    <defs>
1661        <clipPath id="clip0_349_1593">
1662            <rect width="15.85" height="18.71"/>
1663        </clipPath>
1664    </defs>
1665<title>moma-cart</title></svg>
1666            <span x-text="cart.summary_count"
1667                  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"
1668                  :class="{
1669                                'hidden': !cart.summary_count,
1670                                'flex': cart.summary_count }"
1671            >
1672                        </span>
1673        </div>
1674    </div>
1675    <div class="flex-1 hidden lg:block">
1676                    <p class="font-semibold leading-4 mb-1" x-html="(cart.subtotal_incl_tax ?? hyva.formatPrice(0))">...</p>
1677            <p class="leading-4" x-show="scrolAtTop">Preise sind inkl. MwSt.</p>
1678            </div>
1679</a>
1680        </div>
1681
1682    </div>
1683
1684    <!--Main Navigation-->
1685    <div x-data="initMenuMobile_6ac73fd00bb8e()"
1686     x-init="$watch('open', value => value ? document.body.classList.add('overflow-hidden') :  document.body.classList.remove('overflow-hidden'))"
1687     class="order-2 sm:order-1 lg:order-2 navigation lg:hidden">
1688
1689    <!-- mobile -->
1690    <div class="bg-white z-40 h-full"
1691         :class="{'min-h-screen fixed top-0 left-0 w-full' : open}"
1692         @toggle-mobile-menu.window="open = !open"
1693         @keydown.window.escape="open=false"
1694    >
1695
1696        <div :class="{ 'hidden' : !open, 'block': open }" class="hidden">
1697            <div class="mobile-menu-usps">
1698                <div class="bg-gray-lighter"><div class="container"><section aria-label="Onze&#x20;voordelen">
1699    <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">
1700        
1701<li class="absolute&#x20;lg&#x3A;relative&#x20;inset-0&#x20;flex&#x20;items-center&#x20;justify-center">
1702    <a href="https://www.haibu.de/versand"
1703       class="flex items-center text-black hover:no-underline focus:no-underline"
1704    >
1705                <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">
1706    <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 
170618.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"/>
1707</svg>
1708        <div class="usp-item text-3xs font-semibold ml-3.5">
1709            Lieferung innerhalb von <strong>1-2 Tagen</strong>*        </div>
1710    </a>
1711</li>
1712
1713<li class="hidden&#x20;lg&#x3A;flex&#x20;lg&#x3A;relative&#x20;inset-0&#x20;items-center&#x20;justify-center">
1714    <a href="https://www.haibu.de/versand"
1715       class="flex items-center text-black hover:no-underline focus:no-underline"
1716    >
1717                <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">
1718    <g clip-path="url(#clip0_349_382_2)">
1719        <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"/>
1720    </g>
1721    <defs>
1722        <clipPath id="clip0_349_382_2">
1723            <rect width="14.5308" height="16" fill="white"/>
1724        </clipPath>
1725    </defs>
1726</svg>
1727        <div class="usp-item text-3xs font-semibold ml-3.5">
1728            <strong>Versandkostenfrei </strong>ab 50&euro;* <em>(inkl. MwSt.)</em>        </div>
1729    </a>
1730</li>
1731
1732<li class="hidden&#x20;lg&#x3A;flex&#x20;lg&#x3A;relative&#x20;inset-0&#x20;items-center&#x20;justify-center">
1733    <a href="https://www.haibu.de/service-kontakt"
1734       class="flex items-center text-black hover:no-underline focus:no-underline"
1735    >
1736                <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">
1737    <g clip-path="url(#clip0_349_372_2)">
1738        <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.
17380953C8.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"/>
1739    </g>
1740    <defs>
1741        <clipPath id="clip0_349_372_2">
1742            <rect width="16" height="19.5363"/>
1743        </clipPath>
1744    </defs>
1745</svg>
1746        <div class="usp-item text-3xs font-semibold ml-3.5">
1747            <strong>Professionelle</strong> Beratung        </div>
1748    </a>
1749</li>
1750
1751<li class="hidden&#x20;lg&#x3A;flex&#x20;lg&#x3A;relative&#x20;inset-0&#x20;items-center&#x20;justify-center">
1752    <a href="https://www.haibu.de/sicheres-zahlen"
1753       class="flex items-center text-black hover:no-underline focus:no-underline"
1754    >
1755                <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">
1756    <g clip-path="url(#clip0_349_376_2)">
1757        <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"/>
1758    </g>
1759    <defs>
1760        <clipPath id="clip0_349_376_2">
1761            <rect width="18" height="13.5"/>
1762        </clipPath>
1763    </defs>
1764</svg>
1765        <div class="usp-item text-3xs font-semibold ml-3.5">
1766            <strong>Sicheres </strong>Zahlen        </div>
1767    </a>
1768</li>
1769
1770<li class="hidden&#x20;lg&#x3A;flex&#x20;lg&#x3A;relative&#x20;inset-0&#x20;items-center&#x20;justify-center">
1771    <a href="https://www.haibu.de/ruecksendung"
1772       class="flex&#x20;lg&#x3A;hidden&#x20;xl&#x3A;flex items-center text-black hover:no-underline focus:no-underline"
1773    >
1774                <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">
1775    <g clip-path="url(#clip0_349_368_2)">
1776        <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.
177611809 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 
17760.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"/>
1777    </g>
1778    <defs>
1779        <clipPath id="clip0_349_368_2">
1780            <rect width="18" height="17.7537" fill="white"/>
1781        </clipPath>
1782    </defs>
1783</svg>
1784        <div class="usp-item text-3xs font-semibold ml-3.5">
1785            <strong>Einfache </strong>R&uuml;cksendung        </div>
1786    </a>
1787</li>
1788    </ul>
1789</section>
1790</div></div>            </div>
1791
1792            <div class="container flex items-center py-2.5">
1793                <a @click="goBack()"
1794                   href="#"
1795                   class="flex text-black items-center justify-center cursor-pointer h-10 w-10 border border-black rounded-full mb-[10px]"
1796                >
1797                    <template x-if="mobilePanelActiveId">
1798                        <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">
1799  <path stroke-linecap="round" stroke-linejoin="round" d="M10 19l-7-7m0 0l7-7m-7 7h18"/>
1800<title>arrow-left</title></svg>
1801                    </template>
1802                    <template x-if="!mobilePanelActiveId">
1803                        <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">
1804  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
1805<title>x</title></svg>
1806                    </template>
1807                </a>
1808
1809                
1810<a href="https://www.haibu.de/"
1811   class="grow&#x20;lg&#x3A;grow-0&#x20;mb-&#x5B;10px&#x5D;&#x20;lg&#x3A;mb-0"
1812   title="Haibu.de&#x20;-&#x20;Hair&#x20;&amp;&#x20;Beauty&#x20;Professionals"
1813   aria-label="store logo">
1814    <img class="mx-auto&#x20;lg&#x3A;mx-0&#x20;w-28&#x20;lg&#x3A;w-40"
1815         src="https://www.haibu.de/static/version1791360036/frontend/Moma/default_DE/de_DE/images/logo.svg"
1816         title="Haibu.de&#x20;-&#x20;Hair&#x20;&amp;&#x20;Beauty&#x20;Professionals"
1817         alt="Haibu.de&#x20;-&#x20;Hair&#x20;&amp;&#x20;Beauty&#x20;Professionals"
1818         width="0"
1819         height="0"
1820    />
1821</a>
1822
1823                <div class="w-10">
1824
1825                </div>
1826            </div>
1827        </div>
1828
1829
1830        <nav class="container hidden w-full h-full overflow-y-auto duration-150 ease-in-out transform
1831                    transition-display divide-y divide-gray text-2xs scrollbar scrollbar-thin scrollbar-thumb-gray"
1832            :class="{ 'hidden' : !open }"
1833        >
1834                                            <div class="level-0">
1835                    <a class="level-0 flex items-center justify-between py-2 hover:no-underline focus:no-underline"
1836                       :class="{
1837                            '-translate-x-full' : mobilePanelActiveId,
1838                            'translate-x-0' : !mobilePanelActiveId
1839                       }"
1840                       href="https://www.haibu.de/marken/"
1841                       title="Marken"
1842                                           >
1843                        <span class="text-black font-semibold">
1844                            Marken                        </span>
1845                                                    <span class="mr-3">
1846                                <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">
1847    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
1847703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
1848<title>moma-chevron-right</title></svg>
1849                            </span>
1850                                            </a>
1851                                    </div>
1852                                            <div class="level-0">
1853                    <a class="level-0 flex items-center justify-between py-2 hover:no-underline focus:no-underline"
1854                       :class="{
1855                            '-translate-x-full' : mobilePanelActiveId,
1856                            'translate-x-0' : !mobilePanelActiveId
1857                       }"
1858                       href="https://www.haibu.de/haarprodukte/"
1859                       title="Haarprodukte"
1860                                              @click.prevent="mobilePanelActiveId = mobilePanelActiveId === 'category-node-37' ? 0 : 'category-node-37'"
1861                                           >
1862                        <span class="text-black font-semibold">
1863                            Haarprodukte                        </span>
1864                                                    <span class="mr-3">
1865                                <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">
1866    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
1867<title>moma-chevron-right</title></svg>
1868                            </span>
1869                                            </a>
1870                                            <div class="absolute top-0 right-0 z-10 w-full h-full translate-x-full container bg-white divide-y divide-gray"
1871                            :class="{
1872                                'hidden translate-x-full' : mobilePanelActiveId !== 'category-node-37',
1873                                'block translate-x-0' : mobilePanelActiveId === 'category-node-37',
1874                            }"
1875                        >
1876
1877                                                            <a href="https://www.haibu.de/haarprodukte/"
1878                                   title="Haarprodukte"
1879                                   class="flex items-center justify-between py-2 cursor-pointer hover:no-underline focus:no-underline">
1880                                    <span class="text-black font-semibold">
1881                                        Alle                                        Haarprodukte                                    </span>
1882                                    <span class="mr-3">
1883                                        <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">
1884    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
1884703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
1885<title>moma-chevron-right</title></svg>
1886                                    </span>
1887                                </a>
1888                            
1889                                                                                                                        <div class="pb-2" id="">
1890                                    <a href="https://www.haibu.de/haarprodukte/haarpflege/"
1891                                       title="Haarpflege"
1892                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
1893                                    >
1894                                        <span class="text-black font-semibold">
1895                                            Haarpflege                                        </span>
1896                                    </a>
1897
1898                                                                                                                                                                                                                                                                                            
1899                                            <a href="https://www.haibu.de/haarprodukte/haarpflege/shampoo/"
1900                                               title="Shampoo"
1901                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
1902                                            >
1903                                                <span class="mr-3 text-pink">
1904                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
1905    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
1906<title>moma-chevron-right</title></svg>
1907                                                </span>
1908                                                <span class="text-black">
1909                                                    Shampoo                                                </span>
1910                                            </a>
1911
1912                                                                                                                                                                            
1913                                            <a href="https://www.haibu.de/haarprodukte/haarpflege/conditioner/"
1914                                               title="Conditioner"
1915                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
1916                                            >
1917                                                <span class="mr-3 text-pink">
1918                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
1919    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
1919703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
1920<title>moma-chevron-right</title></svg>
1921                                                </span>
1922                                                <span class="text-black">
1923                                                    Conditioner                                                </span>
1924                                            </a>
1925
1926                                                                                                                                                                            
1927                                            <a href="https://www.haibu.de/haarprodukte/haarpflege/haarmaske/"
1928                                               title="Haarmaske"
1929                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
1930                                            >
1931                                                <span class="mr-3 text-pink">
1932                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
1933    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
1934<title>moma-chevron-right</title></svg>
1935                                                </span>
1936                                                <span class="text-black">
1937                                                    Haarmaske                                                </span>
1938                                            </a>
1939
1940                                                                                                                                                                            
1941                                            <a href="https://www.haibu.de/haarprodukte/haarpflege/leave-in/"
1942                                               title="Leave-in"
1943                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
1944                                            >
1945                                                <span class="mr-3 text-pink">
1946                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
1947    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 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
1947103 0.149967Z"/>
1948<title>moma-chevron-right</title></svg>
1949                                                </span>
1950                                                <span class="text-black">
1951                                                    Leave-in                                                </span>
1952                                            </a>
1953
1954                                                                                                                                                                            
1955                                            <a href="https://www.haibu.de/haarprodukte/haarpflege/haarol/"
1956                                               title="Haar&#xF6;l"
1957                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
1958                                            >
1959                                                <span class="mr-3 text-pink">
1960                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
1961    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
1962<title>moma-chevron-right</title></svg>
1963                                                </span>
1964                                                <span class="text-black">
1965                                                    Haaröl                                                </span>
1966                                            </a>
1967
1968                                                                                                                                                                                                                            <div x-data="{show: false}">
1969                                                    <div x-show="show">
1970                                            
1971                                            <a href="https://www.haibu.de/haarprodukte/haarpflege/haarserum/"
1972                                               title="Haarserum"
1973                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
1974                                            >
1975                                                <span class="mr-3 text-pink">
1976                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
1977    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 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
1977103 0.149967Z"/>
1978<title>moma-chevron-right</title></svg>
1979                                                </span>
1980                                                <span class="text-black">
1981                                                    Haarserum                                                </span>
1982                                            </a>
1983
1984                                                                                                                                                                            
1985                                            <a href="https://www.haibu.de/haarprodukte/haarpflege/haar-treatment/"
1986                                               title="Haar&#x20;treatment"
1987                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
1988                                            >
1989                                                <span class="mr-3 text-pink">
1990                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
1991    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
1992<title>moma-chevron-right</title></svg>
1993                                                </span>
1994                                                <span class="text-black">
1995                                                    Haar treatment                                                </span>
1996                                            </a>
1997
1998                                                                                                                                                                            
1999                                            <a href="https://www.haibu.de/haarprodukte/haarpflege/vor-nachbehandlung/"
2000                                               title="Vor-&#x20;und&#x20;Nachbehandlung"
2001                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2002                                            >
2003                                                <span class="mr-3 text-pink">
2004                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2005    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2006<title>moma-chevron-right</title></svg>
2007                                                </span>
2008                                                <span class="text-black">
2009                                                    Vor- und Nachbehandlung                                                </span>
2010                                            </a>
2011
2012                                                                                                                                                                            
2013                                            <a href="https://www.haibu.de/haarprodukte/haarpflege/haarrekonstruktion/"
2014                                               title="Haarrekonstruktion"
2015                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2016                                            >
2017                                                <span class="mr-3 text-pink">
2018                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2019    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2020<title>moma-chevron-right</title></svg>
2021                                                </span>
2022                                                <span class="text-black">
2023                                                    Haarrekonstruktion                                                </span>
2024                                            </a>
2025
2026                                                                                                                                                                            
2027                                            <a href="https://www.haibu.de/haarprodukte/haarpflege/haarkur/"
2028                                               title="Haarkur"
2029                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2030                                            >
2031                                                <span class="mr-3 text-pink">
2032                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2033    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2034<title>moma-chevron-right</title></svg>
2035                                                </span>
2036                                                <span class="text-black">
2037                                                    Haarkur                                                </span>
2038                                            </a>
2039
2040                                                                                                                                                                            
2041                                            <a href="https://www.haibu.de/haarprodukte/haarpflege/haarparfum/"
2042                                               title="Haarparf&#xFC;m"
2043                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2044                                            >
2045                                                <span class="mr-3 text-pink">
2046                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2047    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2048<title>moma-chevron-right</title></svg>
2049                                                </span>
2050                                                <span class="text-black">
2051                                                    Haarparfüm                                                </span>
2052                                            </a>
2053
2054                                                                                                                                                                            
2055                                            <a href="https://www.haibu.de/haarprodukte/haarpflege/haarvitamin/"
2056                                               title="Haarvitamin"
2057                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2058                                            >
2059                                                <span class="mr-3 text-pink">
2060                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2061    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2062<title>moma-chevron-right</title></svg>
2063                                                </span>
2064                                                <span class="text-black">
2065                                                    Haarvitamin                                                </span>
2066                                            </a>
2067
2068                                                                                                                                                                            
2069                                            <a href="https://www.haibu.de/haarprodukte/haarpflege/anti-tangle-spray/"
2070                                               title="Anti-Tangle&#x20;Spray"
2071                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2072                                            >
2073                                                <span class="mr-3 text-pink">
2074                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2075    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
2075703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2076<title>moma-chevron-right</title></svg>
2077                                                </span>
2078                                                <span class="text-black">
2079                                                    Anti-Tangle Spray                                                </span>
2080                                            </a>
2081
2082                                                                                                                                                                            
2083                                            <a href="https://www.haibu.de/haarprodukte/haarpflege/keratin-pflege/"
2084                                               title="Keratin&#x20;Pflege"
2085                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2086                                            >
2087                                                <span class="mr-3 text-pink">
2088                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2089    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2090<title>moma-chevron-right</title></svg>
2091                                                </span>
2092                                                <span class="text-black">
2093                                                    Keratin Pflege                                                </span>
2094                                            </a>
2095
2096                                                                                                                                                                            
2097                                            <a href="https://www.haibu.de/haarprodukte/haarpflege/scalp-care/"
2098                                               title="Scalp&#x20;Care"
2099                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2100                                            >
2101                                                <span class="mr-3 text-pink">
2102                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2103    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 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
2103103 0.149967Z"/>
2104<title>moma-chevron-right</title></svg>
2105                                                </span>
2106                                                <span class="text-black">
2107                                                    Scalp Care                                                </span>
2108                                            </a>
2109
2110                                                                                                                                                                            
2111                                            <a href="https://www.haibu.de/haarprodukte/haarpflege/creme/"
2112                                               title="Creme"
2113                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2114                                            >
2115                                                <span class="mr-3 text-pink">
2116                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2117    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2118<title>moma-chevron-right</title></svg>
2119                                                </span>
2120                                                <span class="text-black">
2121                                                    Creme                                                </span>
2122                                            </a>
2123
2124                                                                                                                                                                            
2125                                            <a href="https://www.haibu.de/haarprodukte/haarpflege/glanzspray/"
2126                                               title="Glanzspray"
2127                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2128                                            >
2129                                                <span class="mr-3 text-pink">
2130                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2131    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2132<title>moma-chevron-right</title></svg>
2133                                                </span>
2134                                                <span class="text-black">
2135                                                    Glanzspray                                                </span>
2136                                            </a>
2137
2138                                                                                                                                                                            
2139                                            <a href="https://www.haibu.de/haarprodukte/haarpflege/bar/"
2140                                               title="Bar"
2141                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2142                                            >
2143                                                <span class="mr-3 text-pink">
2144                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2145    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2146<title>moma-chevron-right</title></svg>
2147                                                </span>
2148                                                <span class="text-black">
2149                                                    Bar                                                </span>
2150                                            </a>
2151
2152                                                                                                                                                                            
2153                                            <a href="https://www.haibu.de/haarprodukte/haarpflege/setzt/"
2154                                               title="Haarpflege&#x20;Sets"
2155                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2156                                            >
2157                                                <span class="mr-3 text-pink">
2158                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2159    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2160<title>moma-chevron-right</title></svg>
2161                                                </span>
2162                                                <span class="text-black">
2163                                                    Haarpflege Sets                                                </span>
2164                                            </a>
2165
2166                                                                                                                                                                            
2167                                            <a href="https://www.haibu.de/haarprodukte/haarpflege/pumpen/"
2168                                               title="Pumpen"
2169                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2170                                            >
2171                                                <span class="mr-3 text-pink">
2172                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2173    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2174<title>moma-chevron-right</title></svg>
2175                                                </span>
2176                                                <span class="text-black">
2177                                                    Pumpen                                                </span>
2178                                            </a>
2179
2180                                                                                                </div>
2181                                                    <div @click.prevent="show = !show">
2182                                                        <span class="text-blue cursor-pointer" x-show="!show">Alle anzeigen</span>
2183                                                        <span class="text-blue cursor-pointer" x-show="show">Weniger anzeigen</span>
2184                                                    </div>
2185                                                </div>
2186                                                                                                                                                        </div>
2187                                                                                            <div class="pb-2" id="">
2188                                    <a href="https://www.haibu.de/haarprodukte/stylingprodukte/"
2189                                       title="Stylingprodukte"
2190                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
2191                                    >
2192                                        <span class="text-black font-semibold">
2193                                            Stylingprodukte                                        </span>
2194                                    </a>
2195
2196                                                                                                                                                                                                                                                                                            
2197                                            <a href="https://www.haibu.de/haarprodukte/stylingprodukte/haargel/"
2198                                               title="Haargel"
2199                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2200                                            >
2201                                                <span class="mr-3 text-pink">
2202                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2203    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
2203703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2204<title>moma-chevron-right</title></svg>
2205                                                </span>
2206                                                <span class="text-black">
2207                                                    Haargel                                                </span>
2208                                            </a>
2209
2210                                                                                                                                                                            
2211                                            <a href="https://www.haibu.de/haarprodukte/stylingprodukte/haarspray/"
2212                                               title="Haarspray"
2213                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2214                                            >
2215                                                <span class="mr-3 text-pink">
2216                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2217    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2218<title>moma-chevron-right</title></svg>
2219                                                </span>
2220                                                <span class="text-black">
2221                                                    Haarspray                                                </span>
2222                                            </a>
2223
2224                                                                                                                                                                            
2225                                            <a href="https://www.haibu.de/haarprodukte/stylingprodukte/styling-creme/"
2226                                               title="Styling&#x20;Creme"
2227                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2228                                            >
2229                                                <span class="mr-3 text-pink">
2230                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2231    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 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
2231103 0.149967Z"/>
2232<title>moma-chevron-right</title></svg>
2233                                                </span>
2234                                                <span class="text-black">
2235                                                    Styling Creme                                                </span>
2236                                            </a>
2237
2238                                                                                                                                                                            
2239                                            <a href="https://www.haibu.de/haarprodukte/stylingprodukte/haarwax/"
2240                                               title="Haarwax"
2241                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2242                                            >
2243                                                <span class="mr-3 text-pink">
2244                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2245    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2246<title>moma-chevron-right</title></svg>
2247                                                </span>
2248                                                <span class="text-black">
2249                                                    Haarwax                                                </span>
2250                                            </a>
2251
2252                                                                                                                                                                            
2253                                            <a href="https://www.haibu.de/haarprodukte/stylingprodukte/hitzeschutzspray/"
2254                                               title="Hitzeschutzspray"
2255                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2256                                            >
2257                                                <span class="mr-3 text-pink">
2258                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2259    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2260<title>moma-chevron-right</title></svg>
2261                                                </span>
2262                                                <span class="text-black">
2263                                                    Hitzeschutzspray                                                </span>
2264                                            </a>
2265
2266                                                                                                                                                                                                                            <div x-data="{show: false}">
2267                                                    <div x-show="show">
2268                                            
2269                                            <a href="https://www.haibu.de/haarprodukte/stylingprodukte/trockenshampoo/"
2270                                               title="Trockenshampoo"
2271                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2272                                            >
2273                                                <span class="mr-3 text-pink">
2274                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2275    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2276<title>moma-chevron-right</title></svg>
2277                                                </span>
2278                                                <span class="text-black">
2279                                                    Trockenshampoo                                                </span>
2280                                            </a>
2281
2282                                                                                                                                                                            
2283                                            <a href="https://www.haibu.de/haarprodukte/stylingprodukte/paste/"
2284                                               title="Paste"
2285                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2286                                            >
2287                                                <span class="mr-3 text-pink">
2288                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2289    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2290<title>moma-chevron-right</title></svg>
2291                                                </span>
2292                                                <span class="text-black">
2293                                                    Paste                                                </span>
2294                                            </a>
2295
2296                                                                                                                                                                            
2297                                            <a href="https://www.haibu.de/haarprodukte/stylingprodukte/pomade/"
2298                                               title="Pomade"
2299                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2300                                            >
2301                                                <span class="mr-3 text-pink">
2302                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2303    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2304<title>moma-chevron-right</title></svg>
2305                                                </span>
2306                                                <span class="text-black">
2307                                                    Pomade                                                </span>
2308                                            </a>
2309
2310                                                                                                                                                                            
2311                                            <a href="https://www.haibu.de/haarprodukte/stylingprodukte/haar-clay/"
2312                                               title="Haar-Clay"
2313                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2314                                            >
2315                                                <span class="mr-3 text-pink">
2316                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2317    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2318<title>moma-chevron-right</title></svg>
2319                                                </span>
2320                                                <span class="text-black">
2321                                                    Haar-Clay                                                </span>
2322                                            </a>
2323
2324                                                                                                                                                                            
2325                                            <a href="https://www.haibu.de/haarprodukte/stylingprodukte/schaumfestiger-mousse/"
2326                                               title="Haarschaum"
2327                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2328                                            >
2329                                                <span class="mr-3 text-pink">
2330                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2331    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2332<title>moma-chevron-right</title></svg>
2333                                                </span>
2334                                                <span class="text-black">
2335                                                    Haarschaum                                                </span>
2336                                            </a>
2337
2338                                                                                                                                                                            
2339                                            <a href="https://www.haibu.de/haarprodukte/stylingprodukte/flussiger-haarfestiger/"
2340                                               title="Haarfestiger"
2341                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2342                                            >
2343                                                <span class="mr-3 text-pink">
2344                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2345    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2346<title>moma-chevron-right</title></svg>
2347                                                </span>
2348                                                <span class="text-black">
2349                                                    Haarfestiger                                                </span>
2350                                            </a>
2351
2352                                                                                                                                                                            
2353                                            <a href="https://www.haibu.de/haarprodukte/stylingprodukte/glanzspray/"
2354                                               title="Glanzspray"
2355                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2356                                            >
2357                                                <span class="mr-3 text-pink">
2358                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2359    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
2359703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2360<title>moma-chevron-right</title></svg>
2361                                                </span>
2362                                                <span class="text-black">
2363                                                    Glanzspray                                                </span>
2364                                            </a>
2365
2366                                                                                                                                                                            
2367                                            <a href="https://www.haibu.de/haarprodukte/stylingprodukte/volumenpuder/"
2368                                               title="Volumenpuder"
2369                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2370                                            >
2371                                                <span class="mr-3 text-pink">
2372                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2373    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2374<title>moma-chevron-right</title></svg>
2375                                                </span>
2376                                                <span class="text-black">
2377                                                    Volumenpuder                                                </span>
2378                                            </a>
2379
2380                                                                                                                                                                            
2381                                            <a href="https://www.haibu.de/haarprodukte/stylingprodukte/meersalzspray/"
2382                                               title="Meersalzspray"
2383                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2384                                            >
2385                                                <span class="mr-3 text-pink">
2386                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2387    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 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
2387103 0.149967Z"/>
2388<title>moma-chevron-right</title></svg>
2389                                                </span>
2390                                                <span class="text-black">
2391                                                    Meersalzspray                                                </span>
2392                                            </a>
2393
2394                                                                                                                                                                            
2395                                            <a href="https://www.haibu.de/haarprodukte/stylingprodukte/stylingprodukte-sets/"
2396                                               title="Stylingprodukte&#x20;&amp;&#x20;Sets"
2397                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2398                                            >
2399                                                <span class="mr-3 text-pink">
2400                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2401    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2402<title>moma-chevron-right</title></svg>
2403                                                </span>
2404                                                <span class="text-black">
2405                                                    Stylingprodukte &amp; Sets                                                </span>
2406                                            </a>
2407
2408                                                                                                </div>
2409                                                    <div @click.prevent="show = !show">
2410                                                        <span class="text-blue cursor-pointer" x-show="!show">Alle anzeigen</span>
2411                                                        <span class="text-blue cursor-pointer" x-show="show">Weniger anzeigen</span>
2412                                                    </div>
2413                                                </div>
2414                                                                                                                                                        </div>
2415                                                                                            <div class="pb-2" id="">
2416                                    <a href="https://www.haibu.de/haarprodukte/haarfarbung/"
2417                                       title="Haarfarbe"
2418                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
2419                                    >
2420                                        <span class="text-black font-semibold">
2421                                            Haarfarbe                                        </span>
2422                                    </a>
2423
2424                                                                                                                                                                                                                                                                                            
2425                                            <a href="https://www.haibu.de/haarprodukte/haarfarbung/permanent/"
2426                                               title="Permanent"
2427                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2428                                            >
2429                                                <span class="mr-3 text-pink">
2430                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2431    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2432<title>moma-chevron-right</title></svg>
2433                                                </span>
2434                                                <span class="text-black">
2435                                                    Permanent                                                </span>
2436                                            </a>
2437
2438                                                                                                                                                                            
2439                                            <a href="https://www.haibu.de/haarprodukte/haarfarbung/semi-permanent/"
2440                                               title="Semi-permanent"
2441                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2442                                            >
2443                                                <span class="mr-3 text-pink">
2444                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2445    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2446<title>moma-chevron-right</title></svg>
2447                                                </span>
2448                                                <span class="text-black">
2449                                                    Semi-permanent                                                </span>
2450                                            </a>
2451
2452                                                                                                                                                                            
2453                                            <a href="https://www.haibu.de/haarprodukte/haarfarbung/spulung/"
2454                                               title="Sp&#xFC;lung"
2455                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2456                                            >
2457                                                <span class="mr-3 text-pink">
2458                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2459    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
2459703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2460<title>moma-chevron-right</title></svg>
2461                                                </span>
2462                                                <span class="text-black">
2463                                                    Spülung                                                </span>
2464                                            </a>
2465
2466                                                                                                                                                                            
2467                                            <a href="https://www.haibu.de/haarprodukte/haarfarbung/toner/"
2468                                               title="Toner"
2469                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2470                                            >
2471                                                <span class="mr-3 text-pink">
2472                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2473    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2474<title>moma-chevron-right</title></svg>
2475                                                </span>
2476                                                <span class="text-black">
2477                                                    Toner                                                </span>
2478                                            </a>
2479
2480                                                                                                                                                                            
2481                                            <a href="https://www.haibu.de/haarprodukte/haarfarbung/farbspulung/"
2482                                               title="Farbsp&#xFC;lung"
2483                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2484                                            >
2485                                                <span class="mr-3 text-pink">
2486                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2487    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 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
2487103 0.149967Z"/>
2488<title>moma-chevron-right</title></svg>
2489                                                </span>
2490                                                <span class="text-black">
2491                                                    Farbspülung                                                </span>
2492                                            </a>
2493
2494                                                                                                                                                                                                                            <div x-data="{show: false}">
2495                                                    <div x-show="show">
2496                                            
2497                                            <a href="https://www.haibu.de/haarprodukte/haarfarbung/farbgel-spray/"
2498                                               title="Farbgel&#x20;und&#x20;Spray"
2499                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2500                                            >
2501                                                <span class="mr-3 text-pink">
2502                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2503    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2504<title>moma-chevron-right</title></svg>
2505                                                </span>
2506                                                <span class="text-black">
2507                                                    Farbgel und Spray                                                </span>
2508                                            </a>
2509
2510                                                                                                                                                                            
2511                                            <a href="https://www.haibu.de/haarprodukte/haarfarbung/farbmaske/"
2512                                               title="Farbmaske"
2513                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2514                                            >
2515                                                <span class="mr-3 text-pink">
2516                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2517    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 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
2517103 0.149967Z"/>
2518<title>moma-chevron-right</title></svg>
2519                                                </span>
2520                                                <span class="text-black">
2521                                                    Farbmaske                                                </span>
2522                                            </a>
2523
2524                                                                                                                                                                            
2525                                            <a href="https://www.haibu.de/haarprodukte/haarfarbung/farbmousse-festiger/"
2526                                               title="Farbmousse"
2527                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2528                                            >
2529                                                <span class="mr-3 text-pink">
2530                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2531    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2532<title>moma-chevron-right</title></svg>
2533                                                </span>
2534                                                <span class="text-black">
2535                                                    Farbmousse                                                </span>
2536                                            </a>
2537
2538                                                                                                                                                                            
2539                                            <a href="https://www.haibu.de/haarprodukte/haarfarbung/farbshampoo/"
2540                                               title="Farbshampoo"
2541                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2542                                            >
2543                                                <span class="mr-3 text-pink">
2544                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2545    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2546<title>moma-chevron-right</title></svg>
2547                                                </span>
2548                                                <span class="text-black">
2549                                                    Farbshampoo                                                </span>
2550                                            </a>
2551
2552                                                                                                                                                                            
2553                                            <a href="https://www.haibu.de/haarprodukte/haarfarbung/blondierung/"
2554                                               title="Blondierung"
2555                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2556                                            >
2557                                                <span class="mr-3 text-pink">
2558                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2559    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2560<title>moma-chevron-right</title></svg>
2561                                                </span>
2562                                                <span class="text-black">
2563                                                    Blondierung                                                </span>
2564                                            </a>
2565
2566                                                                                                                                                                            
2567                                            <a href="https://www.haibu.de/haarprodukte/haarfarbung/oxidanten/"
2568                                               title="Oxidanten"
2569                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2570                                            >
2571                                                <span class="mr-3 text-pink">
2572                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2573    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2574<title>moma-chevron-right</title></svg>
2575                                                </span>
2576                                                <span class="text-black">
2577                                                    Oxidanten                                                </span>
2578                                            </a>
2579
2580                                                                                                                                                                            
2581                                            <a href="https://www.haibu.de/haarprodukte/haarfarbung/vor-nachbehandlung/"
2582                                               title="Vor-&#x2F;Nachbehandlung"
2583                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2584                                            >
2585                                                <span class="mr-3 text-pink">
2586                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2587    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2588<title>moma-chevron-right</title></svg>
2589                                                </span>
2590                                                <span class="text-black">
2591                                                    Vor-/Nachbehandlung                                                </span>
2592                                            </a>
2593
2594                                                                                                </div>
2595                                                    <div @click.prevent="show = !show">
2596                                                        <span class="text-blue cursor-pointer" x-show="!show">Alle anzeigen</span>
2597                                                        <span class="text-blue cursor-pointer" x-show="show">Weniger anzeigen</span>
2598                                                    </div>
2599                                                </div>
2600                                                                                                                                                        </div>
2601                                                                                            <div class="pb-2" id="">
2602                                    <a href="https://www.haibu.de/haarprodukte/permanent-behandlung/"
2603                                       title="Umformungsprodukte"
2604                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
2605                                    >
2606                                        <span class="text-black font-semibold">
2607                                            Umformungsprodukte                                        </span>
2608                                    </a>
2609
2610                                                                                                                                                                                                                                                                                            
2611                                            <a href="https://www.haibu.de/haarprodukte/permanent-behandlung/permanent/"
2612                                               title="Permanent"
2613                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2614                                            >
2615                                                <span class="mr-3 text-pink">
2616                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2617    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
2617703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2618<title>moma-chevron-right</title></svg>
2619                                                </span>
2620                                                <span class="text-black">
2621                                                    Permanent                                                </span>
2622                                            </a>
2623
2624                                                                                                                                                                            
2625                                            <a href="https://www.haibu.de/haarprodukte/permanent-behandlung/neutralisieren/"
2626                                               title="Neutralisieren"
2627                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2628                                            >
2629                                                <span class="mr-3 text-pink">
2630                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2631    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2632<title>moma-chevron-right</title></svg>
2633                                                </span>
2634                                                <span class="text-black">
2635                                                    Neutralisieren                                                </span>
2636                                            </a>
2637
2638                                                                                                                                                                            
2639                                            <a href="https://www.haibu.de/haarprodukte/permanent-behandlung/vorbehandlung/"
2640                                               title="Vorbehandlung"
2641                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2642                                            >
2643                                                <span class="mr-3 text-pink">
2644                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2645    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 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
2645103 0.149967Z"/>
2646<title>moma-chevron-right</title></svg>
2647                                                </span>
2648                                                <span class="text-black">
2649                                                    Vorbehandlung                                                </span>
2650                                            </a>
2651
2652                                                                                                                                                                            
2653                                            <a href="https://www.haibu.de/haarprodukte/permanent-behandlung/nachbehandlung/"
2654                                               title="Nachbehandlung"
2655                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2656                                            >
2657                                                <span class="mr-3 text-pink">
2658                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2659    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2660<title>moma-chevron-right</title></svg>
2661                                                </span>
2662                                                <span class="text-black">
2663                                                    Nachbehandlung                                                </span>
2664                                            </a>
2665
2666                                                                                                                                                                            
2667                                            <a href="https://www.haibu.de/haarprodukte/permanent-behandlung/glattung/"
2668                                               title="Gl&#xE4;ttung"
2669                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2670                                            >
2671                                                <span class="mr-3 text-pink">
2672                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2673    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2674<title>moma-chevron-right</title></svg>
2675                                                </span>
2676                                                <span class="text-black">
2677                                                    Glättung                                                </span>
2678                                            </a>
2679
2680                                                                                                                                                        </div>
2681                                                                                            <div class="pb-2" id="">
2682                                    <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/"
2683                                       title="Haarverl&#xE4;ngerung"
2684                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
2685                                    >
2686                                        <span class="text-black font-semibold">
2687                                            Haarverlängerung                                        </span>
2688                                    </a>
2689
2690                                                                                                                                                                                                                                                                                            
2691                                            <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/extensions/"
2692                                               title="Extensions"
2693                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2694                                            >
2695                                                <span class="mr-3 text-pink">
2696                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2697    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2698<title>moma-chevron-right</title></svg>
2699                                                </span>
2700                                                <span class="text-black">
2701                                                    Extensions                                                </span>
2702                                            </a>
2703
2704                                                                                                                                                                            
2705                                            <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/bonding-extensions/"
2706                                               title="Bonding&#x20;Extensions"
2707                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2708                                            >
2709                                                <span class="mr-3 text-pink">
2710                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2711    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
2711703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2712<title>moma-chevron-right</title></svg>
2713                                                </span>
2714                                                <span class="text-black">
2715                                                    Bonding Extensions                                                </span>
2716                                            </a>
2717
2718                                                                                                                                                                            
2719                                            <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/tape-extensions/"
2720                                               title="Tape&#x20;Extensions"
2721                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2722                                            >
2723                                                <span class="mr-3 text-pink">
2724                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2725    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2726<title>moma-chevron-right</title></svg>
2727                                                </span>
2728                                                <span class="text-black">
2729                                                    Tape Extensions                                                </span>
2730                                            </a>
2731
2732                                                                                                                                                                            
2733                                            <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/weave-extensions/"
2734                                               title="Weave&#x20;Extensions"
2735                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2736                                            >
2737                                                <span class="mr-3 text-pink">
2738                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2739    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 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
2739103 0.149967Z"/>
2740<title>moma-chevron-right</title></svg>
2741                                                </span>
2742                                                <span class="text-black">
2743                                                    Weave Extensions                                                </span>
2744                                            </a>
2745
2746                                                                                                                                                                            
2747                                            <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/clip-in-extensions/"
2748                                               title="Clip&#x20;In&#x20;Extensions"
2749                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2750                                            >
2751                                                <span class="mr-3 text-pink">
2752                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2753    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2754<title>moma-chevron-right</title></svg>
2755                                                </span>
2756                                                <span class="text-black">
2757                                                    Clip In Extensions                                                </span>
2758                                            </a>
2759
2760                                                                                                                                                                                                                            <div x-data="{show: false}">
2761                                                    <div x-show="show">
2762                                            
2763                                            <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/microring-extensions/"
2764                                               title="Microring&#x20;Extensions"
2765                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2766                                            >
2767                                                <span class="mr-3 text-pink">
2768                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2769    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 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
2769103 0.149967Z"/>
2770<title>moma-chevron-right</title></svg>
2771                                                </span>
2772                                                <span class="text-black">
2773                                                    Microring Extensions                                                </span>
2774                                            </a>
2775
2776                                                                                                                                                                            
2777                                            <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/ponytail-extensions/"
2778                                               title="Ponytail&#x20;Extensions"
2779                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2780                                            >
2781                                                <span class="mr-3 text-pink">
2782                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2783    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2784<title>moma-chevron-right</title></svg>
2785                                                </span>
2786                                                <span class="text-black">
2787                                                    Ponytail Extensions                                                </span>
2788                                            </a>
2789
2790                                                                                                                                                                            
2791                                            <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/wire-extensions/"
2792                                               title="Wire&#x20;Extensions"
2793                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2794                                            >
2795                                                <span class="mr-3 text-pink">
2796                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2797    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2798<title>moma-chevron-right</title></svg>
2799                                                </span>
2800                                                <span class="text-black">
2801                                                    Wire Extensions                                                </span>
2802                                            </a>
2803
2804                                                                                                                                                                            
2805                                            <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/haarpflege/"
2806                                               title="Haarpflege"
2807                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2808                                            >
2809                                                <span class="mr-3 text-pink">
2810                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2811    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2812<title>moma-chevron-right</title></svg>
2813                                                </span>
2814                                                <span class="text-black">
2815                                                    Haarpflege                                                </span>
2816                                            </a>
2817
2818                                                                                                                                                                            
2819                                            <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/zubehor/"
2820                                               title="Zubeh&#xF6;r"
2821                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2822                                            >
2823                                                <span class="mr-3 text-pink">
2824                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2825    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2826<title>moma-chevron-right</title></svg>
2827                                                </span>
2828                                                <span class="text-black">
2829                                                    Zubehör                                                </span>
2830                                            </a>
2831
2832                                                                                                </div>
2833                                                    <div @click.prevent="show = !show">
2834                                                        <span class="text-blue cursor-pointer" x-show="!show">Alle anzeigen</span>
2835                                                        <span class="text-blue cursor-pointer" x-show="show">Weniger anzeigen</span>
2836                                                    </div>
2837                                                </div>
2838                                                                                                                                                        </div>
2839                                                                                            <div class="pb-2" id="">
2840                                    <a href="https://www.haibu.de/haarprodukte/bestimmte-inhaltsstoffe/"
2841                                       title="Bestimmte&#x20;Inhaltsstoffe"
2842                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
2843                                    >
2844                                        <span class="text-black font-semibold">
2845                                            Bestimmte Inhaltsstoffe                                        </span>
2846                                    </a>
2847
2848                                                                                                                                                                                                                                                                                            
2849                                            <a href="https://www.haibu.de/haarprodukte/bestimmte-inhaltsstoffe/dierproefvrij/"
2850                                               title="Tierversuchsfrei"
2851                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2852                                            >
2853                                                <span class="mr-3 text-pink">
2854                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2855    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2856<title>moma-chevron-right</title></svg>
2857                                                </span>
2858                                                <span class="text-black">
2859                                                    Tierversuchsfrei                                                </span>
2860                                            </a>
2861
2862                                                                                                                                                                            
2863                                            <a href="https://www.haibu.de/haarprodukte/bestimmte-inhaltsstoffe/produkte-ohne-parabene/"
2864                                               title="Produkte&#x20;ohne&#x20;Parabene"
2865                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2866                                            >
2867                                                <span class="mr-3 text-pink">
2868                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2869    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
2869703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2870<title>moma-chevron-right</title></svg>
2871                                                </span>
2872                                                <span class="text-black">
2873                                                    Produkte ohne Parabene                                                </span>
2874                                            </a>
2875
2876                                                                                                                                                                            
2877                                            <a href="https://www.haibu.de/haarprodukte/bestimmte-inhaltsstoffe/produkte-ohne-silikon/"
2878                                               title="Produkte&#x20;ohne&#x20;Silikone"
2879                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2880                                            >
2881                                                <span class="mr-3 text-pink">
2882                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2883    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2884<title>moma-chevron-right</title></svg>
2885                                                </span>
2886                                                <span class="text-black">
2887                                                    Produkte ohne Silikone                                                </span>
2888                                            </a>
2889
2890                                                                                                                                                                            
2891                                            <a href="https://www.haibu.de/haarprodukte/bestimmte-inhaltsstoffe/produkte-ohne-sulfate/"
2892                                               title="Produkte&#x20;ohne&#x20;Sulfate"
2893                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2894                                            >
2895                                                <span class="mr-3 text-pink">
2896                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2897    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 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
2897103 0.149967Z"/>
2898<title>moma-chevron-right</title></svg>
2899                                                </span>
2900                                                <span class="text-black">
2901                                                    Produkte ohne Sulfate                                                </span>
2902                                            </a>
2903
2904                                                                                                                                                                            
2905                                            <a href="https://www.haibu.de/haarprodukte/bestimmte-inhaltsstoffe/frei-von-ammoniak/"
2906                                               title="Frei&#x20;von&#x20;Ammoniak"
2907                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2908                                            >
2909                                                <span class="mr-3 text-pink">
2910                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2911    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2912<title>moma-chevron-right</title></svg>
2913                                                </span>
2914                                                <span class="text-black">
2915                                                    Frei von Ammoniak                                                </span>
2916                                            </a>
2917
2918                                                                                                                                                        </div>
2919                                                                                            <div class="pb-2" id="">
2920                                    <a href="https://www.haibu.de/haarprodukte/pakete/"
2921                                       title="Pakete"
2922                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
2923                                    >
2924                                        <span class="text-black font-semibold">
2925                                            Pakete                                        </span>
2926                                    </a>
2927
2928                                                                                                                                                                                                                                                                                            
2929                                            <a href="https://www.haibu.de/haarprodukte/pakete/beschadigtes-haar/"
2930                                               title="Gesch&#xE4;digtes&#x20;Haar"
2931                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2932                                            >
2933                                                <span class="mr-3 text-pink">
2934                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2935    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
2935703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2936<title>moma-chevron-right</title></svg>
2937                                                </span>
2938                                                <span class="text-black">
2939                                                    Geschädigtes Haar                                                </span>
2940                                            </a>
2941
2942                                                                                                                                                                            
2943                                            <a href="https://www.haibu.de/haarprodukte/pakete/blondes-haar/"
2944                                               title="Blondes&#x20;Haar"
2945                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2946                                            >
2947                                                <span class="mr-3 text-pink">
2948                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2949    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2950<title>moma-chevron-right</title></svg>
2951                                                </span>
2952                                                <span class="text-black">
2953                                                    Blondes Haar                                                </span>
2954                                            </a>
2955
2956                                                                                                                                                                            
2957                                            <a href="https://www.haibu.de/haarprodukte/pakete/stumpfes-haar/"
2958                                               title="Stumpfes&#x20;Haar"
2959                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2960                                            >
2961                                                <span class="mr-3 text-pink">
2962                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2963    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 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
2963103 0.149967Z"/>
2964<title>moma-chevron-right</title></svg>
2965                                                </span>
2966                                                <span class="text-black">
2967                                                    Stumpfes Haar                                                </span>
2968                                            </a>
2969
2970                                                                                                                                                                            
2971                                            <a href="https://www.haibu.de/haarprodukte/pakete/sonnengeschadigtes-haar/"
2972                                               title="Sonnengesch&#xE4;digtes&#x20;haar"
2973                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2974                                            >
2975                                                <span class="mr-3 text-pink">
2976                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2977    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2978<title>moma-chevron-right</title></svg>
2979                                                </span>
2980                                                <span class="text-black">
2981                                                    Sonnengeschädigtes haar                                                </span>
2982                                            </a>
2983
2984                                                                                                                                                                            
2985                                            <a href="https://www.haibu.de/haarprodukte/pakete/trockenes-haar/"
2986                                               title="Trockenes&#x20;Haar"
2987                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
2988                                            >
2989                                                <span class="mr-3 text-pink">
2990                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
2991    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
2992<title>moma-chevron-right</title></svg>
2993                                                </span>
2994                                                <span class="text-black">
2995                                                    Trockenes Haar                                                </span>
2996                                            </a>
2997
2998                                                                                                                                                                                                                            <div x-data="{show: false}">
2999                                                    <div x-show="show">
3000                                            
3001                                            <a href="https://www.haibu.de/haarprodukte/pakete/ausdunnendes-haar/"
3002                                               title="Ausd&#xFC;nnendes&#x20;Haar"
3003                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3004                                            >
3005                                                <span class="mr-3 text-pink">
3006                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3007    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3008<title>moma-chevron-right</title></svg>
3009                                                </span>
3010                                                <span class="text-black">
3011                                                    Ausdünnendes Haar                                                </span>
3012                                            </a>
3013
3014                                                                                                                                                                            
3015                                            <a href="https://www.haibu.de/haarprodukte/pakete/lebloses-haar/"
3016                                               title="Lebloses&#x20;Haar"
3017                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3018                                            >
3019                                                <span class="mr-3 text-pink">
3020                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3021    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3022<title>moma-chevron-right</title></svg>
3023                                                </span>
3024                                                <span class="text-black">
3025                                                    Lebloses Haar                                                </span>
3026                                            </a>
3027
3028                                                                                                                                                                            
3029                                            <a href="https://www.haibu.de/haarprodukte/pakete/gefarbtes-haar/"
3030                                               title="Gef&#xE4;rbtes&#x20;Haar"
3031                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3032                                            >
3033                                                <span class="mr-3 text-pink">
3034                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3035    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3036<title>moma-chevron-right</title></svg>
3037                                                </span>
3038                                                <span class="text-black">
3039                                                    Gefärbtes Haar                                                </span>
3040                                            </a>
3041
3042                                                                                                                                                                            
3043                                            <a href="https://www.haibu.de/haarprodukte/pakete/empfindliche-kopfhaut/"
3044                                               title="Empfindliche&#x20;Kopfhaut"
3045                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3046                                            >
3047                                                <span class="mr-3 text-pink">
3048                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3049    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3050<title>moma-chevron-right</title></svg>
3051                                                </span>
3052                                                <span class="text-black">
3053                                                    Empfindliche Kopfhaut                                                </span>
3054                                            </a>
3055
3056                                                                                                                                                                            
3057                                            <a href="https://www.haibu.de/haarprodukte/pakete/lockiges-haar/"
3058                                               title="Lockiges&#x20;Haar"
3059                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3060                                            >
3061                                                <span class="mr-3 text-pink">
3062                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3063    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3064<title>moma-chevron-right</title></svg>
3065                                                </span>
3066                                                <span class="text-black">
3067                                                    Lockiges Haar                                                </span>
3068                                            </a>
3069
3070                                                                                                                                                                            
3071                                            <a href="https://www.haibu.de/haarprodukte/pakete/krauses-haar/"
3072                                               title="Krauses&#x20;Haar"
3073                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3074                                            >
3075                                                <span class="mr-3 text-pink">
3076                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3077    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3078<title>moma-chevron-right</title></svg>
3079                                                </span>
3080                                                <span class="text-black">
3081                                                    Krauses Haar                                                </span>
3082                                            </a>
3083
3084                                                                                                                                                                            
3085                                            <a href="https://www.haibu.de/haarprodukte/pakete/haarfarbung/"
3086                                               title="Haarf&#xE4;rbung"
3087                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3088                                            >
3089                                                <span class="mr-3 text-pink">
3090                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3091    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
3091703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3092<title>moma-chevron-right</title></svg>
3093                                                </span>
3094                                                <span class="text-black">
3095                                                    Haarfärbung                                                </span>
3096                                            </a>
3097
3098                                                                                                </div>
3099                                                    <div @click.prevent="show = !show">
3100                                                        <span class="text-blue cursor-pointer" x-show="!show">Alle anzeigen</span>
3101                                                        <span class="text-blue cursor-pointer" x-show="show">Weniger anzeigen</span>
3102                                                    </div>
3103                                                </div>
3104                                                                                                                                                        </div>
3105                                                                                            <div class="pb-2" id="">
3106                                    <a href="https://www.haibu.de/haarprodukte/refills/"
3107                                       title="Refills"
3108                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
3109                                    >
3110                                        <span class="text-black font-semibold">
3111                                            Refills                                        </span>
3112                                    </a>
3113
3114                                                                    </div>
3115                                                                                            <div class="pb-2" id="">
3116                                    <a href="https://www.haibu.de/haarprodukte/geschenksets/"
3117                                       title="Geschenksets"
3118                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
3119                                    >
3120                                        <span class="text-black font-semibold">
3121                                            Geschenksets                                        </span>
3122                                    </a>
3123
3124                                                                                                                                                                                                                                                                                            
3125                                            <a href="https://www.haibu.de/haarprodukte/geschenksets/fur-ihn/"
3126                                               title="F&#xFC;r&#x20;Ihn"
3127                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3128                                            >
3129                                                <span class="mr-3 text-pink">
3130                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3131    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
3131703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3132<title>moma-chevron-right</title></svg>
3133                                                </span>
3134                                                <span class="text-black">
3135                                                    Für Ihn                                                </span>
3136                                            </a>
3137
3138                                                                                                                                                                            
3139                                            <a href="https://www.haibu.de/haarprodukte/geschenksets/fur-sie/"
3140                                               title="F&#xFC;r&#x20;Sie"
3141                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3142                                            >
3143                                                <span class="mr-3 text-pink">
3144                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3145    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3146<title>moma-chevron-right</title></svg>
3147                                                </span>
3148                                                <span class="text-black">
3149                                                    Für Sie                                                </span>
3150                                            </a>
3151
3152                                                                                                                                                                            
3153                                            <a href="https://www.haibu.de/haarprodukte/geschenksets/fur-kinder/"
3154                                               title="F&#xFC;r&#x20;Kinder"
3155                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3156                                            >
3157                                                <span class="mr-3 text-pink">
3158                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3159    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 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
3159103 0.149967Z"/>
3160<title>moma-chevron-right</title></svg>
3161                                                </span>
3162                                                <span class="text-black">
3163                                                    Für Kinder                                                </span>
3164                                            </a>
3165
3166                                                                                                                                                        </div>
3167                                                                                            <div class="pb-2" id="">
3168                                    <a href="https://www.haibu.de/haarprodukte/minis/"
3169                                       title="Minis"
3170                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
3171                                    >
3172                                        <span class="text-black font-semibold">
3173                                            Minis                                        </span>
3174                                    </a>
3175
3176                                                                                                                                                                                                                                                                                            
3177                                            <a href="https://www.haibu.de/haarprodukte/minis/haarprodukte/"
3178                                               title="Haarprodukte"
3179                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3180                                            >
3181                                                <span class="mr-3 text-pink">
3182                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3183    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3184<title>moma-chevron-right</title></svg>
3185                                                </span>
3186                                                <span class="text-black">
3187                                                    Haarprodukte                                                </span>
3188                                            </a>
3189
3190                                                                                                                                                                            
3191                                            <a href="https://www.haibu.de/haarprodukte/minis/sets/"
3192                                               title="Travel&#x20;sets"
3193                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3194                                            >
3195                                                <span class="mr-3 text-pink">
3196                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3197    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
3197703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3198<title>moma-chevron-right</title></svg>
3199                                                </span>
3200                                                <span class="text-black">
3201                                                    Travel sets                                                </span>
3202                                            </a>
3203
3204                                                                                                                                                        </div>
3205                                                                                            <div class="pb-2" id="">
3206                                    <a href="https://www.haibu.de/haarprodukte/curly-girl-methode/"
3207                                       title="Curly&#x20;Girl&#x20;Methode"
3208                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
3209                                    >
3210                                        <span class="text-black font-semibold">
3211                                            Curly Girl Methode                                        </span>
3212                                    </a>
3213
3214                                                                                                                                                                                                                                                                                            
3215                                            <a href="https://www.haibu.de/haarprodukte/curly-girl-methode/final-wash/"
3216                                               title="Schritt&#x20;1&#x3A;&#x20;Final&#x20;Wash"
3217                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3218                                            >
3219                                                <span class="mr-3 text-pink">
3220                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3221    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3222<title>moma-chevron-right</title></svg>
3223                                                </span>
3224                                                <span class="text-black">
3225                                                    Schritt 1: Final Wash                                                </span>
3226                                            </a>
3227
3228                                                                                                                                                                            
3229                                            <a href="https://www.haibu.de/haarprodukte/curly-girl-methode/shampoo/"
3230                                               title="Schritt&#x20;2&#x3A;&#x20;Shampoo"
3231                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3232                                            >
3233                                                <span class="mr-3 text-pink">
3234                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3235    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3236<title>moma-chevron-right</title></svg>
3237                                                </span>
3238                                                <span class="text-black">
3239                                                    Schritt 2: Shampoo                                                </span>
3240                                            </a>
3241
3242                                                                                                                                                                            
3243                                            <a href="https://www.haibu.de/haarprodukte/curly-girl-methode/conditioner/"
3244                                               title="Schritt&#x20;3&#x3A;&#x20;Conditioner"
3245                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3246                                            >
3247                                                <span class="mr-3 text-pink">
3248                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3249    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3250<title>moma-chevron-right</title></svg>
3251                                                </span>
3252                                                <span class="text-black">
3253                                                    Schritt 3: Conditioner                                                </span>
3254                                            </a>
3255
3256                                                                                                                                                                            
3257                                            <a href="https://www.haibu.de/haarproducten/curly-girl-methode/haarmaske/"
3258                                               title="Schritt&#x20;4&#x3A;&#x20;Haarmaske"
3259                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3260                                            >
3261                                                <span class="mr-3 text-pink">
3262                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3263    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
3263703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3264<title>moma-chevron-right</title></svg>
3265                                                </span>
3266                                                <span class="text-black">
3267                                                    Schritt 4: Haarmaske                                                </span>
3268                                            </a>
3269
3270                                                                                                                                                                            
3271                                            <a href="https://www.haibu.de/haarprodukte/curly-girl-methode/leave-in/"
3272                                               title="Schritt&#x20;5&#x3A;&#x20;Leave-in"
3273                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3274                                            >
3275                                                <span class="mr-3 text-pink">
3276                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3277    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3278<title>moma-chevron-right</title></svg>
3279                                                </span>
3280                                                <span class="text-black">
3281                                                    Schritt 5: Leave-in                                                </span>
3282                                            </a>
3283
3284                                                                                                                                                                                                                            <div x-data="{show: false}">
3285                                                    <div x-show="show">
3286                                            
3287                                            <a href="https://www.haibu.de/haarprodukte/curly-girl-methode/stylingprodukte/"
3288                                               title="Schritt&#x20;6&#x3A;&#x20;Styling-Produkte"
3289                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3290                                            >
3291                                                <span class="mr-3 text-pink">
3292                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3293    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
3293703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3294<title>moma-chevron-right</title></svg>
3295                                                </span>
3296                                                <span class="text-black">
3297                                                    Schritt 6: Styling-Produkte                                                </span>
3298                                            </a>
3299
3300                                                                                                                                                                            
3301                                            <a href="https://www.haibu.de/haarprodukte/curly-girl-methode/werkzeuge/"
3302                                               title="&#x20;Werkzeuge"
3303                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3304                                            >
3305                                                <span class="mr-3 text-pink">
3306                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3307    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3308<title>moma-chevron-right</title></svg>
3309                                                </span>
3310                                                <span class="text-black">
3311                                                     Werkzeuge                                                </span>
3312                                            </a>
3313
3314                                                                                                </div>
3315                                                    <div @click.prevent="show = !show">
3316                                                        <span class="text-blue cursor-pointer" x-show="!show">Alle anzeigen</span>
3317                                                        <span class="text-blue cursor-pointer" x-show="show">Weniger anzeigen</span>
3318                                                    </div>
3319                                                </div>
3320                                                                                                                                                        </div>
3321                                                        <div class="h-40"></div>
3322                        </div>
3323                                    </div>
3324                                            <div class="level-0">
3325                    <a class="level-0 flex items-center justify-between py-2 hover:no-underline focus:no-underline"
3326                       :class="{
3327                            '-translate-x-full' : mobilePanelActiveId,
3328                            'translate-x-0' : !mobilePanelActiveId
3329                       }"
3330                       href="https://www.haibu.de/stylingtools/"
3331                       title="Stylingtools"
3332                                              @click.prevent="mobilePanelActiveId = mobilePanelActiveId === 'category-node-39' ? 0 : 'category-node-39'"
3333                                           >
3334                        <span class="text-black font-semibold">
3335                            Stylingtools                        </span>
3336                                                    <span class="mr-3">
3337                                <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">
3338    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3339<title>moma-chevron-right</title></svg>
3340                            </span>
3341                                            </a>
3342                                            <div class="absolute top-0 right-0 z-10 w-full h-full translate-x-full container bg-white divide-y divide-gray"
3343                            :class="{
3344                                'hidden translate-x-full' : mobilePanelActiveId !== 'category-node-39',
3345                                'block translate-x-0' : mobilePanelActiveId === 'category-node-39',
3346                            }"
3347                        >
3348
3349                                                            <a href="https://www.haibu.de/stylingtools/"
3350                                   title="Stylingtools"
3351                                   class="flex items-center justify-between py-2 cursor-pointer hover:no-underline focus:no-underline">
3352                                    <span class="text-black font-semibold">
3353                                        Alle                                        Stylingtools                                    </span>
3354                                    <span class="mr-3">
3355                                        <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">
3356    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3357<title>moma-chevron-right</title></svg>
3358                                    </span>
3359                                </a>
3360                            
3361                                                                                                                        <div class="pb-2" id="">
3362                                    <a href="https://www.haibu.de/stylingtools/beautytools/"
3363                                       title="Beautytools"
3364                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
3365                                    >
3366                                        <span class="text-black font-semibold">
3367                                            Beautytools                                        </span>
3368                                    </a>
3369
3370                                                                    </div>
3371                                                                                            <div class="pb-2" id="">
3372                                    <a href="https://www.haibu.de/stylingtools/fohns/"
3373                                       title="F&#xF6;hns"
3374                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
3375                                    >
3376                                        <span class="text-black font-semibold">
3377                                            Föhns                                        </span>
3378                                    </a>
3379
3380                                                                                                                                                                                                                                                                                            
3381                                            <a href="https://www.haibu.de/stylingtools/fohns/diffusor/"
3382                                               title="Diffusor"
3383                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3384                                            >
3385                                                <span class="mr-3 text-pink">
3386                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3387    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3388<title>moma-chevron-right</title></svg>
3389                                                </span>
3390                                                <span class="text-black">
3391                                                    Diffusor                                                </span>
3392                                            </a>
3393
3394                                                                                                                                                                            
3395                                            <a href="https://www.haibu.de/stylingtools/fohns/fohn-mit-diffusor/"
3396                                               title="F&#xF6;hn&#x20;mit&#x20;Diffusor"
3397                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3398                                            >
3399                                                <span class="mr-3 text-pink">
3400                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3401    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3402<title>moma-chevron-right</title></svg>
3403                                                </span>
3404                                                <span class="text-black">
3405                                                    Föhn mit Diffusor                                                </span>
3406                                            </a>
3407
3408                                                                                                                                                                            
3409                                            <a href="https://www.haibu.de/stylingtools/fohns/ionischer-fohn/"
3410                                               title="Ionischer&#x20;F&#xF6;hn"
3411                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3412                                            >
3413                                                <span class="mr-3 text-pink">
3414                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3415    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3416<title>moma-chevron-right</title></svg>
3417                                                </span>
3418                                                <span class="text-black">
3419                                                    Ionischer Föhn                                                </span>
3420                                            </a>
3421
3422                                                                                                                                                                            
3423                                            <a href="https://www.haibu.de/stylingtools/fohns/leichter-fohn/"
3424                                               title="Leichter&#x20;F&#xF6;hn"
3425                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3426                                            >
3427                                                <span class="mr-3 text-pink">
3428                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3429    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3430<title>moma-chevron-right</title></svg>
3431                                                </span>
3432                                                <span class="text-black">
3433                                                    Leichter Föhn                                                </span>
3434                                            </a>
3435
3436                                                                                                                                                                            
3437                                            <a href="https://www.haibu.de/stylingtools/fohns/reisefohn/"
3438                                               title="Reisef&#xF6;hn"
3439                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3440                                            >
3441                                                <span class="mr-3 text-pink">
3442                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3443    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3444<title>moma-chevron-right</title></svg>
3445                                                </span>
3446                                                <span class="text-black">
3447                                                    Reiseföhn                                                </span>
3448                                            </a>
3449
3450                                                                                                                                                        </div>
3451                                                                                            <div class="pb-2" id="">
3452                                    <a href="https://www.haibu.de/stylingtools/fohnburste/"
3453                                       title="F&#xF6;hnb&#xFC;rste"
3454                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
3455                                    >
3456                                        <span class="text-black font-semibold">
3457                                            Föhnbürste                                        </span>
3458                                    </a>
3459
3460                                                                                                                                                                                                                                                                                            
3461                                            <a href="https://www.haibu.de/stylingtools/fohnburste/airstyler/"
3462                                               title="Airstyler"
3463                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3464                                            >
3465                                                <span class="mr-3 text-pink">
3466                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3467    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3468<title>moma-chevron-right</title></svg>
3469                                                </span>
3470                                                <span class="text-black">
3471                                                    Airstyler                                                </span>
3472                                            </a>
3473
3474                                                                                                                                                                            
3475                                            <a href="https://www.haibu.de/stylingtools/fohnburste/runde-fohnburste/"
3476                                               title="Runde&#x20;F&#xF6;hnb&#xFC;rste"
3477                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3478                                            >
3479                                                <span class="mr-3 text-pink">
3480                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3481    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3482<title>moma-chevron-right</title></svg>
3483                                                </span>
3484                                                <span class="text-black">
3485                                                    Runde Föhnbürste                                                </span>
3486                                            </a>
3487
3488                                                                                                                                                        </div>
3489                                                                                            <div class="pb-2" id="">
3490                                    <a href="https://www.haibu.de/stylingtools/lockenburste/"
3491                                       title="Lockenb&#xFC;rste"
3492                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
3493                                    >
3494                                        <span class="text-black font-semibold">
3495                                            Lockenbürste                                        </span>
3496                                    </a>
3497
3498                                                                    </div>
3499                                                                                            <div class="pb-2" id="">
3500                                    <a href="https://www.haibu.de/stylingtools/lockensets/"
3501                                       title="Lockensets"
3502                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
3503                                    >
3504                                        <span class="text-black font-semibold">
3505                                            Lockensets                                        </span>
3506                                    </a>
3507
3508                                                                    </div>
3509                                                                                            <div class="pb-2" id="">
3510                                    <a href="https://www.haibu.de/stylingtools/lockenstabe/"
3511                                       title="Lockenst&#xE4;be"
3512                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
3513                                    >
3514                                        <span class="text-black font-semibold">
3515                                            Lockenstäbe                                        </span>
3516                                    </a>
3517
3518                                                                                                                                                                                                                                                                                            
3519                                            <a href="https://www.haibu.de/stylingtools/lockenstabe/lockenstab-mit-klemme/"
3520                                               title="Lockenstab&#x20;mit&#x20;Klemme"
3521                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3522                                            >
3523                                                <span class="mr-3 text-pink">
3524                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3525    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3526<title>moma-chevron-right</title></svg>
3527                                                </span>
3528                                                <span class="text-black">
3529                                                    Lockenstab mit Klemme                                                </span>
3530                                            </a>
3531
3532                                                                                                                                                                            
3533                                            <a href="https://www.haibu.de/stylingtools/lockenstabe/dunner-lockenstab/"
3534                                               title="D&#xFC;nner&#x20;Lockenstab"
3535                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3536                                            >
3537                                                <span class="mr-3 text-pink">
3538                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3539    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3540<title>moma-chevron-right</title></svg>
3541                                                </span>
3542                                                <span class="text-black">
3543                                                    Dünner Lockenstab                                                </span>
3544                                            </a>
3545
3546                                                                                                                                                                            
3547                                            <a href="https://www.haibu.de/stylingtools/lockenstabe/automatische-lockenstabe/"
3548                                               title="Automatische&#x20;Lockenst&#xE4;be"
3549                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3550                                            >
3551                                                <span class="mr-3 text-pink">
3552                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3553    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3554<title>moma-chevron-right</title></svg>
3555                                                </span>
3556                                                <span class="text-black">
3557                                                    Automatische Lockenstäbe                                                </span>
3558                                            </a>
3559
3560                                                                                                                                                                            
3561                                            <a href="https://www.haibu.de/stylingtools/lockenstabe/lockenstabe-mit-aufsatzen/"
3562                                               title="Lockenst&#xE4;be&#x20;mit&#x20;Aufs&#xE4;tzen"
3563                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3564                                            >
3565                                                <span class="mr-3 text-pink">
3566                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3567    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3568<title>moma-chevron-right</title></svg>
3569                                                </span>
3570                                                <span class="text-black">
3571                                                    Lockenstäbe mit Aufsätzen                                                </span>
3572                                            </a>
3573
3574                                                                                                                                                        </div>
3575                                                                                            <div class="pb-2" id="">
3576                                    <a href="https://www.haibu.de/stylingtools/glattungsburste/"
3577                                       title="Gl&#xE4;ttungsb&#xFC;rste"
3578                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
3579                                    >
3580                                        <span class="text-black font-semibold">
3581                                            Glättungsbürste                                        </span>
3582                                    </a>
3583
3584                                                                    </div>
3585                                                                                            <div class="pb-2" id="">
3586                                    <a href="https://www.haibu.de/stylingtools/glatteisen/"
3587                                       title="Gl&#xE4;tteisen"
3588                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
3589                                    >
3590                                        <span class="text-black font-semibold">
3591                                            Glätteisen                                        </span>
3592                                    </a>
3593
3594                                                                                                                                                                                                                                                                                            
3595                                            <a href="https://www.haibu.de/stylingtools/glatteisen/kabellos/"
3596                                               title="Kabellos"
3597                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3598                                            >
3599                                                <span class="mr-3 text-pink">
3600                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3601    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3602<title>moma-chevron-right</title></svg>
3603                                                </span>
3604                                                <span class="text-black">
3605                                                    Kabellos                                                </span>
3606                                            </a>
3607
3608                                                                                                                                                                            
3609                                            <a href="https://www.haibu.de/stylingtools/glatteisen/mini-glatteisen/"
3610                                               title="Mini&#x20;Gl&#xE4;tteisen"
3611                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3612                                            >
3613                                                <span class="mr-3 text-pink">
3614                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3615    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3616<title>moma-chevron-right</title></svg>
3617                                                </span>
3618                                                <span class="text-black">
3619                                                    Mini Glätteisen                                                </span>
3620                                            </a>
3621
3622                                                                                                                                                                            
3623                                            <a href="https://www.haibu.de/stylingtools/glatteisen/wasserdampf-glaetteisen/"
3624                                               title="Wasserdampf&#x20;Gl&#xE4;tteisen"
3625                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3626                                            >
3627                                                <span class="mr-3 text-pink">
3628                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3629    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3630<title>moma-chevron-right</title></svg>
3631                                                </span>
3632                                                <span class="text-black">
3633                                                    Wasserdampf Glätteisen                                                </span>
3634                                            </a>
3635
3636                                                                                                                                                                            
3637                                            <a href="https://www.haibu.de/stylingtools/glatteisen/ionische-glatteisen/"
3638                                               title="Ionische&#x20;Gl&#xE4;tteisen"
3639                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3640                                            >
3641                                                <span class="mr-3 text-pink">
3642                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3643    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
3643703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3644<title>moma-chevron-right</title></svg>
3645                                                </span>
3646                                                <span class="text-black">
3647                                                    Ionische Glätteisen                                                </span>
3648                                            </a>
3649
3650                                                                                                                                                                            
3651                                            <a href="https://www.haibu.de/stylingtools/glatteisen/keramische-glatteisen/"
3652                                               title="Keramische&#x20;Gl&#xE4;tteisen"
3653                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3654                                            >
3655                                                <span class="mr-3 text-pink">
3656                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3657    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3658<title>moma-chevron-right</title></svg>
3659                                                </span>
3660                                                <span class="text-black">
3661                                                    Keramische Glätteisen                                                </span>
3662                                            </a>
3663
3664                                                                                                                                                                                                                            <div x-data="{show: false}">
3665                                                    <div x-show="show">
3666                                            
3667                                            <a href="https://www.haibu.de/stylingtools/glatteisen/titan-glatteisen/"
3668                                               title="Titan&#x20;Gl&#xE4;tteisen"
3669                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3670                                            >
3671                                                <span class="mr-3 text-pink">
3672                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3673    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
3673703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3674<title>moma-chevron-right</title></svg>
3675                                                </span>
3676                                                <span class="text-black">
3677                                                    Titan Glätteisen                                                </span>
3678                                            </a>
3679
3680                                                                                                </div>
3681                                                    <div @click.prevent="show = !show">
3682                                                        <span class="text-blue cursor-pointer" x-show="!show">Alle anzeigen</span>
3683                                                        <span class="text-blue cursor-pointer" x-show="show">Weniger anzeigen</span>
3684                                                    </div>
3685                                                </div>
3686                                                                                                                                                        </div>
3687                                                                                            <div class="pb-2" id="">
3688                                    <a href="https://www.haibu.de/stylingtools/trimmer/"
3689                                       title="Schermaschinen"
3690                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
3691                                    >
3692                                        <span class="text-black font-semibold">
3693                                            Schermaschinen                                        </span>
3694                                    </a>
3695
3696                                                                                                                                                                                                                                                                                            
3697                                            <a href="https://www.haibu.de/stylingtools/trimmer/zubehor/"
3698                                               title="Zubeh&#xF6;r"
3699                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3700                                            >
3701                                                <span class="mr-3 text-pink">
3702                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3703    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3704<title>moma-chevron-right</title></svg>
3705                                                </span>
3706                                                <span class="text-black">
3707                                                    Zubehör                                                </span>
3708                                            </a>
3709
3710                                                                                                                                                                            
3711                                            <a href="https://www.haibu.de/stylingtools/trimmer/schermaschinen-kabellos/"
3712                                               title="Schermaschinen&#x20;kabellos"
3713                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3714                                            >
3715                                                <span class="mr-3 text-pink">
3716                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3717    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3718<title>moma-chevron-right</title></svg>
3719                                                </span>
3720                                                <span class="text-black">
3721                                                    Schermaschinen kabellos                                                </span>
3722                                            </a>
3723
3724                                                                                                                                                        </div>
3725                                                                                            <div class="pb-2" id="">
3726                                    <a href="https://www.haibu.de/stylingtools/haarschneidemaschinen/"
3727                                       title="Trimmer"
3728                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
3729                                    >
3730                                        <span class="text-black font-semibold">
3731                                            Trimmer                                        </span>
3732                                    </a>
3733
3734                                                                                                                                                                                                                                                                                            
3735                                            <a href="https://www.haibu.de/stylingtools/haarschneidemaschinen/zubehor/"
3736                                               title="Zubeh&#xF6;r"
3737                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3738                                            >
3739                                                <span class="mr-3 text-pink">
3740                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3741    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3742<title>moma-chevron-right</title></svg>
3743                                                </span>
3744                                                <span class="text-black">
3745                                                    Zubehör                                                </span>
3746                                            </a>
3747
3748                                                                                                                                                        </div>
3749                                                                                            <div class="pb-2" id="">
3750                                    <a href="https://www.haibu.de/stylingtools/wavers/"
3751                                       title="Wavers"
3752                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
3753                                    >
3754                                        <span class="text-black font-semibold">
3755                                            Wavers                                        </span>
3756                                    </a>
3757
3758                                                                    </div>
3759                                                                                            <div class="pb-2" id="">
3760                                    <a href="https://www.haibu.de/stylingtools/zubehor/"
3761                                       title="Zubeh&#xF6;r"
3762                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
3763                                    >
3764                                        <span class="text-black font-semibold">
3765                                            Zubehör                                        </span>
3766                                    </a>
3767
3768                                                                    </div>
3769                                                                                            <div class="pb-2" id="">
3770                                    <a href="https://www.haibu.de/stylingtools/twister/"
3771                                       title="Twister"
3772                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
3773                                    >
3774                                        <span class="text-black font-semibold">
3775                                            Twister                                        </span>
3776                                    </a>
3777
3778                                                                    </div>
3779                                                        <div class="h-40"></div>
3780                        </div>
3781                                    </div>
3782                                            <div class="level-0">
3783                    <a class="level-0 flex items-center justify-between py-2 hover:no-underline focus:no-underline"
3784                       :class="{
3785                            '-translate-x-full' : mobilePanelActiveId,
3786                            'translate-x-0' : !mobilePanelActiveId
3787                       }"
3788                       href="https://www.haibu.de/beautyprodukte/"
3789                       title="Beautyprodukte"
3790                                              @click.prevent="mobilePanelActiveId = mobilePanelActiveId === 'category-node-38' ? 0 : 'category-node-38'"
3791                                           >
3792                        <span class="text-black font-semibold">
3793                            Beautyprodukte                        </span>
3794                                                    <span class="mr-3">
3795                                <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">
3796    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
3796703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3797<title>moma-chevron-right</title></svg>
3798                            </span>
3799                                            </a>
3800                                            <div class="absolute top-0 right-0 z-10 w-full h-full translate-x-full container bg-white divide-y divide-gray"
3801                            :class="{
3802                                'hidden translate-x-full' : mobilePanelActiveId !== 'category-node-38',
3803                                'block translate-x-0' : mobilePanelActiveId === 'category-node-38',
3804                            }"
3805                        >
3806
3807                                                            <a href="https://www.haibu.de/beautyprodukte/"
3808                                   title="Beautyprodukte"
3809                                   class="flex items-center justify-between py-2 cursor-pointer hover:no-underline focus:no-underline">
3810                                    <span class="text-black font-semibold">
3811                                        Alle                                        Beautyprodukte                                    </span>
3812                                    <span class="mr-3">
3813                                        <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">
3814    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3815<title>moma-chevron-right</title></svg>
3816                                    </span>
3817                                </a>
3818                            
3819                                                                                                                        <div class="pb-2" id="">
3820                                    <a href="https://www.haibu.de/beautyprodukte/beauty-zubehor/"
3821                                       title="Beauty&#x20;zubeh&#xF6;r"
3822                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
3823                                    >
3824                                        <span class="text-black font-semibold">
3825                                            Beauty zubehör                                        </span>
3826                                    </a>
3827
3828                                                                    </div>
3829                                                                                            <div class="pb-2" id="">
3830                                    <a href="https://www.haibu.de/beautyprodukte/hautpflege/"
3831                                       title="Hautpflege"
3832                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
3833                                    >
3834                                        <span class="text-black font-semibold">
3835                                            Hautpflege                                        </span>
3836                                    </a>
3837
3838                                                                                                                                                                                                                                                                                            
3839                                            <a href="https://www.haibu.de/beautyprodukte/hautpflege/handcreme/"
3840                                               title="Handcreme&#x20;"
3841                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3842                                            >
3843                                                <span class="mr-3 text-pink">
3844                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3845    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3846<title>moma-chevron-right</title></svg>
3847                                                </span>
3848                                                <span class="text-black">
3849                                                    Handcreme                                                 </span>
3850                                            </a>
3851
3852                                                                                                                                                                            
3853                                            <a href="https://www.haibu.de/beautyprodukte/hautpflege/gesichtsreinigung/"
3854                                               title="Gesichtsreinigung"
3855                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3856                                            >
3857                                                <span class="mr-3 text-pink">
3858                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3859    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3860<title>moma-chevron-right</title></svg>
3861                                                </span>
3862                                                <span class="text-black">
3863                                                    Gesichtsreinigung                                                </span>
3864                                            </a>
3865
3866                                                                                                                                                                            
3867                                            <a href="https://www.haibu.de/beautyprodukte/hautpflege/gesichtspflege/"
3868                                               title="Gesichtspflege"
3869                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3870                                            >
3871                                                <span class="mr-3 text-pink">
3872                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3873    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
3873703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3874<title>moma-chevron-right</title></svg>
3875                                                </span>
3876                                                <span class="text-black">
3877                                                    Gesichtspflege                                                </span>
3878                                            </a>
3879
3880                                                                                                                                                                            
3881                                            <a href="https://www.haibu.de/beautyprodukte/hautpflege/korperpflege/"
3882                                               title="K&#xF6;rperpflege"
3883                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3884                                            >
3885                                                <span class="mr-3 text-pink">
3886                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3887    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3888<title>moma-chevron-right</title></svg>
3889                                                </span>
3890                                                <span class="text-black">
3891                                                    Körperpflege                                                </span>
3892                                            </a>
3893
3894                                                                                                                                                        </div>
3895                                                                                            <div class="pb-2" id="">
3896                                    <a href="https://www.haibu.de/beautyprodukte/make-up/"
3897                                       title="Make-up"
3898                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
3899                                    >
3900                                        <span class="text-black font-semibold">
3901                                            Make-up                                        </span>
3902                                    </a>
3903
3904                                                                                                                                                                                                                                                                                            
3905                                            <a href="https://www.haibu.de/beautyprodukte/make-up/haut/"
3906                                               title="Haut"
3907                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3908                                            >
3909                                                <span class="mr-3 text-pink">
3910                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3911    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
3911703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3912<title>moma-chevron-right</title></svg>
3913                                                </span>
3914                                                <span class="text-black">
3915                                                    Haut                                                </span>
3916                                            </a>
3917
3918                                                                                                                                                                            
3919                                            <a href="https://www.haibu.de/beautyprodukte/make-up/lippen/"
3920                                               title="Lippen"
3921                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3922                                            >
3923                                                <span class="mr-3 text-pink">
3924                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3925    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3926<title>moma-chevron-right</title></svg>
3927                                                </span>
3928                                                <span class="text-black">
3929                                                    Lippen                                                </span>
3930                                            </a>
3931
3932                                                                                                                                                                            
3933                                            <a href="https://www.haibu.de/beautyprodukte/make-up/augen/"
3934                                               title="Augen"
3935                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3936                                            >
3937                                                <span class="mr-3 text-pink">
3938                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3939    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 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
3939103 0.149967Z"/>
3940<title>moma-chevron-right</title></svg>
3941                                                </span>
3942                                                <span class="text-black">
3943                                                    Augen                                                </span>
3944                                            </a>
3945
3946                                                                                                                                                                            
3947                                            <a href="https://www.haibu.de/beautyprodukte/make-up/augenbrauen/"
3948                                               title="Augenbrauen"
3949                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3950                                            >
3951                                                <span class="mr-3 text-pink">
3952                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3953    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3954<title>moma-chevron-right</title></svg>
3955                                                </span>
3956                                                <span class="text-black">
3957                                                    Augenbrauen                                                </span>
3958                                            </a>
3959
3960                                                                                                                                                                            
3961                                            <a href="https://www.haibu.de/beautyprodukte/make-up/make-up-taschen/"
3962                                               title="Make-up&#x20;Taschen"
3963                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3964                                            >
3965                                                <span class="mr-3 text-pink">
3966                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3967    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3968<title>moma-chevron-right</title></svg>
3969                                                </span>
3970                                                <span class="text-black">
3971                                                    Make-up Taschen                                                </span>
3972                                            </a>
3973
3974                                                                                                                                                                                                                            <div x-data="{show: false}">
3975                                                    <div x-show="show">
3976                                            
3977                                            <a href="https://www.haibu.de/beautyprodukte/make-up/make-up-bedarf/"
3978                                               title="Make-up&#x20;Bedarf"
3979                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
3980                                            >
3981                                                <span class="mr-3 text-pink">
3982                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
3983    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
3984<title>moma-chevron-right</title></svg>
3985                                                </span>
3986                                                <span class="text-black">
3987                                                    Make-up Bedarf                                                </span>
3988                                            </a>
3989
3990                                                                                                </div>
3991                                                    <div @click.prevent="show = !show">
3992                                                        <span class="text-blue cursor-pointer" x-show="!show">Alle anzeigen</span>
3993                                                        <span class="text-blue cursor-pointer" x-show="show">Weniger anzeigen</span>
3994                                                    </div>
3995                                                </div>
3996                                                                                                                                                        </div>
3997                                                                                            <div class="pb-2" id="">
3998                                    <a href="https://www.haibu.de/beautyprodukte/nagelprodukte/"
3999                                       title="Nagelprodukte"
4000                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
4001                                    >
4002                                        <span class="text-black font-semibold">
4003                                            Nagelprodukte                                        </span>
4004                                    </a>
4005
4006                                                                                                                                                                                                                                                                                            
4007                                            <a href="https://www.haibu.de/beautyprodukte/nagelprodukte/gel-biab-acryl/"
4008                                               title="Gel,&#x20;BIAB&#x20;&amp;&#x20;Acryl"
4009                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4010                                            >
4011                                                <span class="mr-3 text-pink">
4012                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4013    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4014<title>moma-chevron-right</title></svg>
4015                                                </span>
4016                                                <span class="text-black">
4017                                                    Gel, BIAB &amp; Acryl                                                </span>
4018                                            </a>
4019
4020                                                                                                                                                                            
4021                                            <a href="https://www.haibu.de/beautyprodukte/nagelprodukte/gel-nagellack/"
4022                                               title="Nagellack"
4023                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4024                                            >
4025                                                <span class="mr-3 text-pink">
4026                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4027    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4028<title>moma-chevron-right</title></svg>
4029                                                </span>
4030                                                <span class="text-black">
4031                                                    Nagellack                                                </span>
4032                                            </a>
4033
4034                                                                                                                                                                            
4035                                            <a href="https://www.haibu.de/beautyprodukte/nagelprodukte/basecoat-topcoat/"
4036                                               title="Basecoat&#x20;und&#x20;topcoat"
4037                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4038                                            >
4039                                                <span class="mr-3 text-pink">
4040                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4041    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
4041703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4042<title>moma-chevron-right</title></svg>
4043                                                </span>
4044                                                <span class="text-black">
4045                                                    Basecoat und topcoat                                                </span>
4046                                            </a>
4047
4048                                                                                                                                                                            
4049                                            <a href="https://www.haibu.de/beautyprodukte/nagelprodukte/nagelvorbereitung-pflege/"
4050                                               title="Nagelvorbereitung&#x20;&amp;&#x20;Pflege"
4051                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4052                                            >
4053                                                <span class="mr-3 text-pink">
4054                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4055    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4056<title>moma-chevron-right</title></svg>
4057                                                </span>
4058                                                <span class="text-black">
4059                                                    Nagelvorbereitung &amp; Pflege                                                </span>
4060                                            </a>
4061
4062                                                                                                                                                                            
4063                                            <a href="https://www.haibu.de/beautyprodukte/nagelprodukte/nageltools-accessoires/"
4064                                               title="Nageltools&#x20;&amp;&#x20;Accessoires"
4065                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4066                                            >
4067                                                <span class="mr-3 text-pink">
4068                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4069    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 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
4069103 0.149967Z"/>
4070<title>moma-chevron-right</title></svg>
4071                                                </span>
4072                                                <span class="text-black">
4073                                                    Nageltools &amp; Accessoires                                                </span>
4074                                            </a>
4075
4076                                                                                                                                                                                                                            <div x-data="{show: false}">
4077                                                    <div x-show="show">
4078                                            
4079                                            <a href="https://www.haibu.de/beautyprodukte/nagelprodukte/nageldekoration/"
4080                                               title="Nageldekoration"
4081                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4082                                            >
4083                                                <span class="mr-3 text-pink">
4084                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4085    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4086<title>moma-chevron-right</title></svg>
4087                                                </span>
4088                                                <span class="text-black">
4089                                                    Nageldekoration                                                </span>
4090                                            </a>
4091
4092                                                                                                </div>
4093                                                    <div @click.prevent="show = !show">
4094                                                        <span class="text-blue cursor-pointer" x-show="!show">Alle anzeigen</span>
4095                                                        <span class="text-blue cursor-pointer" x-show="show">Weniger anzeigen</span>
4096                                                    </div>
4097                                                </div>
4098                                                                                                                                                        </div>
4099                                                                                            <div class="pb-2" id="">
4100                                    <a href="https://www.haibu.de/beautyprodukte/epileren/"
4101                                       title="Epilation&#x2F;Enthaarung"
4102                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
4103                                    >
4104                                        <span class="text-black font-semibold">
4105                                            Epilation/Enthaarung                                        </span>
4106                                    </a>
4107
4108                                                                    </div>
4109                                                                                            <div class="pb-2" id="">
4110                                    <a href="https://www.haibu.de/beautyprodukte/dufte/"
4111                                       title="&#x20;&#x20;D&#xFC;fte"
4112                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
4113                                    >
4114                                        <span class="text-black font-semibold">
4115                                              Düfte                                        </span>
4116                                    </a>
4117
4118                                                                    </div>
4119                                                                                            <div class="pb-2" id="">
4120                                    <a href="https://www.haibu.de/beautyprodukte/selbstbrauner/"
4121                                       title="Selbstbr&#xE4;uner"
4122                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
4123                                    >
4124                                        <span class="text-black font-semibold">
4125                                            Selbstbräuner                                        </span>
4126                                    </a>
4127
4128                                                                                                                                                                                                                                                                                            
4129                                            <a href="https://www.haibu.de/beautyprodukte/selbstbrauner/lotion/"
4130                                               title="Lotion"
4131                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4132                                            >
4133                                                <span class="mr-3 text-pink">
4134                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4135    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4136<title>moma-chevron-right</title></svg>
4137                                                </span>
4138                                                <span class="text-black">
4139                                                    Lotion                                                </span>
4140                                            </a>
4141
4142                                                                                                                                                                            
4143                                            <a href="https://www.haibu.de/beautyprodukte/selbstbrauner/spray/"
4144                                               title="Spray"
4145                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4146                                            >
4147                                                <span class="mr-3 text-pink">
4148                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4149    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
4149703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4150<title>moma-chevron-right</title></svg>
4151                                                </span>
4152                                                <span class="text-black">
4153                                                    Spray                                                </span>
4154                                            </a>
4155
4156                                                                                                                                                                            
4157                                            <a href="https://www.haibu.de/beautyprodukte/selbstbrauner/liquid/"
4158                                               title="Liquid"
4159                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4160                                            >
4161                                                <span class="mr-3 text-pink">
4162                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4163    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4164<title>moma-chevron-right</title></svg>
4165                                                </span>
4166                                                <span class="text-black">
4167                                                    Liquid                                                </span>
4168                                            </a>
4169
4170                                                                                                                                                                            
4171                                            <a href="https://www.haibu.de/beautyprodukte/selbstbrauner/mousse/"
4172                                               title="Mousse"
4173                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4174                                            >
4175                                                <span class="mr-3 text-pink">
4176                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4177    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 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
4177103 0.149967Z"/>
4178<title>moma-chevron-right</title></svg>
4179                                                </span>
4180                                                <span class="text-black">
4181                                                    Mousse                                                </span>
4182                                            </a>
4183
4184                                                                                                                                                                            
4185                                            <a href="https://www.haibu.de/beautyprodukte/selbstbrauner/zubehor/"
4186                                               title="Zubeh&#xF6;r"
4187                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4188                                            >
4189                                                <span class="mr-3 text-pink">
4190                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4191    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4192<title>moma-chevron-right</title></svg>
4193                                                </span>
4194                                                <span class="text-black">
4195                                                    Zubehör                                                </span>
4196                                            </a>
4197
4198                                                                                                                                                                                                                            <div x-data="{show: false}">
4199                                                    <div x-show="show">
4200                                            
4201                                            <a href="https://www.haibu.de/beautyprodukte/selbstbrauner/pflege/"
4202                                               title="Pflege"
4203                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4204                                            >
4205                                                <span class="mr-3 text-pink">
4206                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4207    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 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
4207103 0.149967Z"/>
4208<title>moma-chevron-right</title></svg>
4209                                                </span>
4210                                                <span class="text-black">
4211                                                    Pflege                                                </span>
4212                                            </a>
4213
4214                                                                                                </div>
4215                                                    <div @click.prevent="show = !show">
4216                                                        <span class="text-blue cursor-pointer" x-show="!show">Alle anzeigen</span>
4217                                                        <span class="text-blue cursor-pointer" x-show="show">Weniger anzeigen</span>
4218                                                    </div>
4219                                                </div>
4220                                                                                                                                                        </div>
4221                                                        <div class="h-40"></div>
4222                        </div>
4223                                    </div>
4224                                            <div class="level-0">
4225                    <a class="level-0 flex items-center justify-between py-2 hover:no-underline focus:no-underline"
4226                       :class="{
4227                            '-translate-x-full' : mobilePanelActiveId,
4228                            'translate-x-0' : !mobilePanelActiveId
4229                       }"
4230                       href="https://www.haibu.de/zubehor/"
4231                       title="Friseurbedarf"
4232                                              @click.prevent="mobilePanelActiveId = mobilePanelActiveId === 'category-node-40' ? 0 : 'category-node-40'"
4233                                           >
4234                        <span class="text-black font-semibold">
4235                            Friseurbedarf                        </span>
4236                                                    <span class="mr-3">
4237                                <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">
4238    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4239<title>moma-chevron-right</title></svg>
4240                            </span>
4241                                            </a>
4242                                            <div class="absolute top-0 right-0 z-10 w-full h-full translate-x-full container bg-white divide-y divide-gray"
4243                            :class="{
4244                                'hidden translate-x-full' : mobilePanelActiveId !== 'category-node-40',
4245                                'block translate-x-0' : mobilePanelActiveId === 'category-node-40',
4246                            }"
4247                        >
4248
4249                                                            <a href="https://www.haibu.de/zubehor/"
4250                                   title="Friseurbedarf"
4251                                   class="flex items-center justify-between py-2 cursor-pointer hover:no-underline focus:no-underline">
4252                                    <span class="text-black font-semibold">
4253                                        Alle                                        Friseurbedarf                                    </span>
4254                                    <span class="mr-3">
4255                                        <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">
4256    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4257<title>moma-chevron-right</title></svg>
4258                                    </span>
4259                                </a>
4260                            
4261                                                                                                                        <div class="pb-2" id="">
4262                                    <a href="https://www.haibu.de/zubehor/farbebedarf/"
4263                                       title="F&#xE4;rbebedarf"
4264                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
4265                                    >
4266                                        <span class="text-black font-semibold">
4267                                            Färbebedarf                                        </span>
4268                                    </a>
4269
4270                                                                                                                                                                                                                                                                                            
4271                                            <a href="https://www.haibu.de/zubehor/farbebedarf/alufolie/"
4272                                               title="Alufolie"
4273                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4274                                            >
4275                                                <span class="mr-3 text-pink">
4276                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4277    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4278<title>moma-chevron-right</title></svg>
4279                                                </span>
4280                                                <span class="text-black">
4281                                                    Alufolie                                                </span>
4282                                            </a>
4283
4284                                                                                                                                                                            
4285                                            <a href="https://www.haibu.de/zubehor/farbebedarf/blondieren/"
4286                                               title="Blondieren"
4287                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4288                                            >
4289                                                <span class="mr-3 text-pink">
4290                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4291    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4292<title>moma-chevron-right</title></svg>
4293                                                </span>
4294                                                <span class="text-black">
4295                                                    Blondieren                                                </span>
4296                                            </a>
4297
4298                                                                                                                                                                            
4299                                            <a href="https://www.haibu.de/zubehor/farbebedarf/dosierflasche-applikator-haarfarbemittel/"
4300                                               title="Haarf&#xE4;rbeapplikator"
4301                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4302                                            >
4303                                                <span class="mr-3 text-pink">
4304                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4305    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4306<title>moma-chevron-right</title></svg>
4307                                                </span>
4308                                                <span class="text-black">
4309                                                    Haarfärbeapplikator                                                </span>
4310                                            </a>
4311
4312                                                                                                                                                                            
4313                                            <a href="https://www.haibu.de/zubehor/farbebedarf/farbeschalen/"
4314                                               title="F&#xE4;rbeschalen"
4315                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4316                                            >
4317                                                <span class="mr-3 text-pink">
4318                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4319    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
4319703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4320<title>moma-chevron-right</title></svg>
4321                                                </span>
4322                                                <span class="text-black">
4323                                                    Färbeschalen                                                </span>
4324                                            </a>
4325
4326                                                                                                                                                                            
4327                                            <a href="https://www.haibu.de/zubehor/farbebedarf/haarfarbemittel-entferner/"
4328                                               title="Haarf&#xE4;rbemittel-Entferner"
4329                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4330                                            >
4331                                                <span class="mr-3 text-pink">
4332                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4333    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4334<title>moma-chevron-right</title></svg>
4335                                                </span>
4336                                                <span class="text-black">
4337                                                    Haarfärbemittel-Entferner                                                </span>
4338                                            </a>
4339
4340                                                                                                                                                                                                                            <div x-data="{show: false}">
4341                                                    <div x-show="show">
4342                                            
4343                                            <a href="https://www.haibu.de/zubehor/farbebedarf/handtucher/"
4344                                               title="Handt&#xFC;cher"
4345                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4346                                            >
4347                                                <span class="mr-3 text-pink">
4348                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4349    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
4349703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4350<title>moma-chevron-right</title></svg>
4351                                                </span>
4352                                                <span class="text-black">
4353                                                    Handtücher                                                </span>
4354                                            </a>
4355
4356                                                                                                                                                                            
4357                                            <a href="https://www.haibu.de/zubehor/farbebedarf/handschuhe/"
4358                                               title="Handschuhe&#x20;"
4359                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4360                                            >
4361                                                <span class="mr-3 text-pink">
4362                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4363    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4364<title>moma-chevron-right</title></svg>
4365                                                </span>
4366                                                <span class="text-black">
4367                                                    Handschuhe                                                 </span>
4368                                            </a>
4369
4370                                                                                                                                                                            
4371                                            <a href="https://www.haibu.de/zubehor/farbebedarf/farbkarte/"
4372                                               title="Farbkarte"
4373                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4374                                            >
4375                                                <span class="mr-3 text-pink">
4376                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4377    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 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
4377103 0.149967Z"/>
4378<title>moma-chevron-right</title></svg>
4379                                                </span>
4380                                                <span class="text-black">
4381                                                    Farbkarte                                                </span>
4382                                            </a>
4383
4384                                                                                                                                                                            
4385                                            <a href="https://www.haibu.de/zubehor/farbebedarf/messbecher/"
4386                                               title="Messbecher"
4387                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4388                                            >
4389                                                <span class="mr-3 text-pink">
4390                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4391    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4392<title>moma-chevron-right</title></svg>
4393                                                </span>
4394                                                <span class="text-black">
4395                                                    Messbecher                                                </span>
4396                                            </a>
4397
4398                                                                                                                                                                            
4399                                            <a href="https://www.haibu.de/zubehor/farbebedarf/pumpen/"
4400                                               title="Pumpen"
4401                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4402                                            >
4403                                                <span class="mr-3 text-pink">
4404                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4405    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4406<title>moma-chevron-right</title></svg>
4407                                                </span>
4408                                                <span class="text-black">
4409                                                    Pumpen                                                </span>
4410                                            </a>
4411
4412                                                                                                                                                                            
4413                                            <a href="https://www.haibu.de/zubehor/farbebedarf/farbepinsel/"
4414                                               title="F&#xE4;rbepinsel"
4415                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4416                                            >
4417                                                <span class="mr-3 text-pink">
4418                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4419    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4420<title>moma-chevron-right</title></svg>
4421                                                </span>
4422                                                <span class="text-black">
4423                                                    Färbepinsel                                                </span>
4424                                            </a>
4425
4426                                                                                                                                                                            
4427                                            <a href="https://www.haibu.de/zubehor/farbebedarf/farbeschurzen/"
4428                                               title="F&#xE4;rbesch&#xFC;rzen"
4429                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4430                                            >
4431                                                <span class="mr-3 text-pink">
4432                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4433    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4434<title>moma-chevron-right</title></svg>
4435                                                </span>
4436                                                <span class="text-black">
4437                                                    Färbeschürzen                                                </span>
4438                                            </a>
4439
4440                                                                                                                                                                            
4441                                            <a href="https://www.haibu.de/zubehor/farbebedarf/waagen/"
4442                                               title="Waagen"
4443                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4444                                            >
4445                                                <span class="mr-3 text-pink">
4446                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4447    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4448<title>moma-chevron-right</title></svg>
4449                                                </span>
4450                                                <span class="text-black">
4451                                                    Waagen                                                </span>
4452                                            </a>
4453
4454                                                                                                                                                                            
4455                                            <a href="https://www.haibu.de/zubehor/farbebedarf/einwegartikel/"
4456                                               title="Einwegartikel"
4457                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4458                                            >
4459                                                <span class="mr-3 text-pink">
4460                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4461    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4462<title>moma-chevron-right</title></svg>
4463                                                </span>
4464                                                <span class="text-black">
4465                                                    Einwegartikel                                                </span>
4466                                            </a>
4467
4468                                                                                                                                                                            
4469                                            <a href="https://www.haibu.de/zubehor/farbebedarf/hauben/"
4470                                               title="Hauben"
4471                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4472                                            >
4473                                                <span class="mr-3 text-pink">
4474                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4475    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
4475703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4476<title>moma-chevron-right</title></svg>
4477                                                </span>
4478                                                <span class="text-black">
4479                                                    Hauben                                                </span>
4480                                            </a>
4481
4482                                                                                                </div>
4483                                                    <div @click.prevent="show = !show">
4484                                                        <span class="text-blue cursor-pointer" x-show="!show">Alle anzeigen</span>
4485                                                        <span class="text-blue cursor-pointer" x-show="show">Weniger anzeigen</span>
4486                                                    </div>
4487                                                </div>
4488                                                                                                                                                        </div>
4489                                                                                            <div class="pb-2" id="">
4490                                    <a href="https://www.haibu.de/zubehor/schneidebedarf/"
4491                                       title="Schneidebedarf"
4492                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
4493                                    >
4494                                        <span class="text-black font-semibold">
4495                                            Schneidebedarf                                        </span>
4496                                    </a>
4497
4498                                                                                                                                                                                                                                                                                            
4499                                            <a href="https://www.haibu.de/zubehor/schneidebedarf/friseurschere/"
4500                                               title="Friseurschere"
4501                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4502                                            >
4503                                                <span class="mr-3 text-pink">
4504                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4505    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4506<title>moma-chevron-right</title></svg>
4507                                                </span>
4508                                                <span class="text-black">
4509                                                    Friseurschere                                                </span>
4510                                            </a>
4511
4512                                                                                                                                                                            
4513                                            <a href="https://www.haibu.de/zubehor/schneidebedarf/haarbursten/"
4514                                               title="Haarb&#xFC;rsten"
4515                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4516                                            >
4517                                                <span class="mr-3 text-pink">
4518                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4519    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4520<title>moma-chevron-right</title></svg>
4521                                                </span>
4522                                                <span class="text-black">
4523                                                    Haarbürsten                                                </span>
4524                                            </a>
4525
4526                                                                                                                                                                            
4527                                            <a href="https://www.haibu.de/zubehor/schneidebedarf/haarkamme/"
4528                                               title="Haark&#xE4;mme"
4529                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4530                                            >
4531                                                <span class="mr-3 text-pink">
4532                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4533    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4534<title>moma-chevron-right</title></svg>
4535                                                </span>
4536                                                <span class="text-black">
4537                                                    Haarkämme                                                </span>
4538                                            </a>
4539
4540                                                                                                                                                                            
4541                                            <a href="https://www.haibu.de/zubehor/schneidebedarf/friseurumhange/"
4542                                               title="Friseurumh&#xE4;nge"
4543                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4544                                            >
4545                                                <span class="mr-3 text-pink">
4546                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4547    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
4547703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4548<title>moma-chevron-right</title></svg>
4549                                                </span>
4550                                                <span class="text-black">
4551                                                    Friseurumhänge                                                </span>
4552                                            </a>
4553
4554                                                                                                                                                                            
4555                                            <a href="https://www.haibu.de/zubehor/schneidebedarf/friseurklingen/"
4556                                               title="Friseurklingen"
4557                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4558                                            >
4559                                                <span class="mr-3 text-pink">
4560                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4561    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4562<title>moma-chevron-right</title></svg>
4563                                                </span>
4564                                                <span class="text-black">
4565                                                    Friseurklingen                                                </span>
4566                                            </a>
4567
4568                                                                                                                                                                                                                            <div x-data="{show: false}">
4569                                                    <div x-show="show">
4570                                            
4571                                            <a href="https://www.haibu.de/zubehor/schneidebedarf/klammern/"
4572                                               title="Klammern"
4573                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4574                                            >
4575                                                <span class="mr-3 text-pink">
4576                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4577    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
4577703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4578<title>moma-chevron-right</title></svg>
4579                                                </span>
4580                                                <span class="text-black">
4581                                                    Klammern                                                </span>
4582                                            </a>
4583
4584                                                                                                                                                                            
4585                                            <a href="https://www.haibu.de/zubehor/schneidebedarf/nackenbursten/"
4586                                               title="Nackenb&#xFC;rsten"
4587                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4588                                            >
4589                                                <span class="mr-3 text-pink">
4590                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4591    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4592<title>moma-chevron-right</title></svg>
4593                                                </span>
4594                                                <span class="text-black">
4595                                                    Nackenbürsten                                                </span>
4596                                            </a>
4597
4598                                                                                                                                                                            
4599                                            <a href="https://www.haibu.de/zubehor/schneidebedarf/feger-handfeger/"
4600                                               title="Feger&#x2F;Handfeger"
4601                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4602                                            >
4603                                                <span class="mr-3 text-pink">
4604                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4605    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 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
4605103 0.149967Z"/>
4606<title>moma-chevron-right</title></svg>
4607                                                </span>
4608                                                <span class="text-black">
4609                                                    Feger/Handfeger                                                </span>
4610                                            </a>
4611
4612                                                                                                                                                                            
4613                                            <a href="https://www.haibu.de/zubehor/schneidebedarf/wasserspruhflaschen/"
4614                                               title="Wasserspr&#xFC;hflaschen"
4615                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4616                                            >
4617                                                <span class="mr-3 text-pink">
4618                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4619    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4620<title>moma-chevron-right</title></svg>
4621                                                </span>
4622                                                <span class="text-black">
4623                                                    Wassersprühflaschen                                                </span>
4624                                            </a>
4625
4626                                                                                                                                                                            
4627                                            <a href="https://www.haibu.de/zubehor/schneidebedarf/einwegartikel/"
4628                                               title="Einwegartikel"
4629                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4630                                            >
4631                                                <span class="mr-3 text-pink">
4632                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4633    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4634<title>moma-chevron-right</title></svg>
4635                                                </span>
4636                                                <span class="text-black">
4637                                                    Einwegartikel                                                </span>
4638                                            </a>
4639
4640                                                                                                </div>
4641                                                    <div @click.prevent="show = !show">
4642                                                        <span class="text-blue cursor-pointer" x-show="!show">Alle anzeigen</span>
4643                                                        <span class="text-blue cursor-pointer" x-show="show">Weniger anzeigen</span>
4644                                                    </div>
4645                                                </div>
4646                                                                                                                                                        </div>
4647                                                                                            <div class="pb-2" id="">
4648                                    <a href="https://www.haibu.de/zubehor/waschen/"
4649                                       title="Waschen"
4650                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
4651                                    >
4652                                        <span class="text-black font-semibold">
4653                                            Waschen                                        </span>
4654                                    </a>
4655
4656                                                                                                                                                                                                                                                                                            
4657                                            <a href="https://www.haibu.de/zubehor/waschen/handtucher/"
4658                                               title="Waschen&#x20;Handt&#xFC;cher"
4659                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4660                                            >
4661                                                <span class="mr-3 text-pink">
4662                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4663    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4664<title>moma-chevron-right</title></svg>
4665                                                </span>
4666                                                <span class="text-black">
4667                                                    Waschen Handtücher                                                </span>
4668                                            </a>
4669
4670                                                                                                                                                                            
4671                                            <a href="https://www.haibu.de/zubehor/waschen/nackenschutz/"
4672                                               title="Nackenschutz"
4673                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4674                                            >
4675                                                <span class="mr-3 text-pink">
4676                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4677    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4678<title>moma-chevron-right</title></svg>
4679                                                </span>
4680                                                <span class="text-black">
4681                                                    Nackenschutz                                                </span>
4682                                            </a>
4683
4684                                                                                                                                                                            
4685                                            <a href="https://www.haibu.de/zubehor/waschen/mobile-waschbecken/"
4686                                               title="Mobile&#x20;Waschbecken"
4687                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4688                                            >
4689                                                <span class="mr-3 text-pink">
4690                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4691    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4692<title>moma-chevron-right</title></svg>
4693                                                </span>
4694                                                <span class="text-black">
4695                                                    Mobile Waschbecken                                                </span>
4696                                            </a>
4697
4698                                                                                                                                                                            
4699                                            <a href="https://www.haibu.de/catalog/category/view/s/grossbehalter/id/832/"
4700                                               title="Gro&#xDF;beh&#xE4;lter"
4701                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4702                                            >
4703                                                <span class="mr-3 text-pink">
4704                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4705    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
4705703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4706<title>moma-chevron-right</title></svg>
4707                                                </span>
4708                                                <span class="text-black">
4709                                                    Großbehälter                                                </span>
4710                                            </a>
4711
4712                                                                                                                                                        </div>
4713                                                                                            <div class="pb-2" id="">
4714                                    <a href="https://www.haibu.de/zubehor/dauerwelle/"
4715                                       title="Dauerwelle"
4716                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
4717                                    >
4718                                        <span class="text-black font-semibold">
4719                                            Dauerwelle                                        </span>
4720                                    </a>
4721
4722                                                                                                                                                                                                                                                                                            
4723                                            <a href="https://www.haibu.de/zubehor/dauerwelle/grossbehalter/"
4724                                               title="Gro&#xDF;beh&#xE4;lter"
4725                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4726                                            >
4727                                                <span class="mr-3 text-pink">
4728                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4729    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4730<title>moma-chevron-right</title></svg>
4731                                                </span>
4732                                                <span class="text-black">
4733                                                    Großbehälter                                                </span>
4734                                            </a>
4735
4736                                                                                                                                                                            
4737                                            <a href="https://www.haibu.de/zubehor/dauerwelle/haarnetze/"
4738                                               title="Haarnetze"
4739                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4740                                            >
4741                                                <span class="mr-3 text-pink">
4742                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4743    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4744<title>moma-chevron-right</title></svg>
4745                                                </span>
4746                                                <span class="text-black">
4747                                                    Haarnetze                                                </span>
4748                                            </a>
4749
4750                                                                                                                                                                            
4751                                            <a href="https://www.haibu.de/zubehor/dauerwelle/kleberollen/"
4752                                               title="Kleberollen"
4753                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4754                                            >
4755                                                <span class="mr-3 text-pink">
4756                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4757    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4758<title>moma-chevron-right</title></svg>
4759                                                </span>
4760                                                <span class="text-black">
4761                                                    Kleberollen                                                </span>
4762                                            </a>
4763
4764                                                                                                                                                                            
4765                                            <a href="https://www.haibu.de/zubehor/dauerwelle/papilotten/"
4766                                               title="Papilotten"
4767                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4768                                            >
4769                                                <span class="mr-3 text-pink">
4770                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4771    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
4771703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4772<title>moma-chevron-right</title></svg>
4773                                                </span>
4774                                                <span class="text-black">
4775                                                    Papilotten                                                </span>
4776                                            </a>
4777
4778                                                                                                                                                                            
4779                                            <a href="https://www.haibu.de/zubehor/dauerwelle/dauerwelle-hauben/"
4780                                               title="Dauerwelle&#x20;Hauben"
4781                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4782                                            >
4783                                                <span class="mr-3 text-pink">
4784                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4785    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4786<title>moma-chevron-right</title></svg>
4787                                                </span>
4788                                                <span class="text-black">
4789                                                    Dauerwelle Hauben                                                </span>
4790                                            </a>
4791
4792                                                                                                                                                                                                                            <div x-data="{show: false}">
4793                                                    <div x-show="show">
4794                                            
4795                                            <a href="https://www.haibu.de/zubehor/dauerwelle/dauerwelle-stangen-stifte/"
4796                                               title="Dauerwelle&#x20;Stangen&#x2F;Stifte"
4797                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4798                                            >
4799                                                <span class="mr-3 text-pink">
4800                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4801    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
4801703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4802<title>moma-chevron-right</title></svg>
4803                                                </span>
4804                                                <span class="text-black">
4805                                                    Dauerwelle Stangen/Stifte                                                </span>
4806                                            </a>
4807
4808                                                                                                                                                                            
4809                                            <a href="https://www.haibu.de/zubehor/dauerwelle/dauerwelle-wickler/"
4810                                               title="Gro&#xDF;e&#x20;Lockenwickler"
4811                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4812                                            >
4813                                                <span class="mr-3 text-pink">
4814                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4815    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4816<title>moma-chevron-right</title></svg>
4817                                                </span>
4818                                                <span class="text-black">
4819                                                    Große Lockenwickler                                                </span>
4820                                            </a>
4821
4822                                                                                                                                                                            
4823                                            <a href="https://www.haibu.de/zubehor/dauerwelle/wasserwellenwalzen/"
4824                                               title="Drahtwickler"
4825                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4826                                            >
4827                                                <span class="mr-3 text-pink">
4828                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4829    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 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
4829103 0.149967Z"/>
4830<title>moma-chevron-right</title></svg>
4831                                                </span>
4832                                                <span class="text-black">
4833                                                    Drahtwickler                                                </span>
4834                                            </a>
4835
4836                                                                                                                                                                            
4837                                            <a href="https://www.haibu.de/zubehor/dauerwelle/einwegartikel/"
4838                                               title="Einwegartikel"
4839                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4840                                            >
4841                                                <span class="mr-3 text-pink">
4842                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4843    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4844<title>moma-chevron-right</title></svg>
4845                                                </span>
4846                                                <span class="text-black">
4847                                                    Einwegartikel                                                </span>
4848                                            </a>
4849
4850                                                                                                </div>
4851                                                    <div @click.prevent="show = !show">
4852                                                        <span class="text-blue cursor-pointer" x-show="!show">Alle anzeigen</span>
4853                                                        <span class="text-blue cursor-pointer" x-show="show">Weniger anzeigen</span>
4854                                                    </div>
4855                                                </div>
4856                                                                                                                                                        </div>
4857                                                                                            <div class="pb-2" id="">
4858                                    <a href="https://www.haibu.de/zubehor/mobile-schneider/"
4859                                       title="Mobiler&#x20;Friseur"
4860                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
4861                                    >
4862                                        <span class="text-black font-semibold">
4863                                            Mobiler Friseur                                        </span>
4864                                    </a>
4865
4866                                                                                                                                                                                                                                                                                            
4867                                            <a href="https://www.haibu.de/zubehor/mobile-schneider/handbrause/"
4868                                               title="Handbrause"
4869                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4870                                            >
4871                                                <span class="mr-3 text-pink">
4872                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4873    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4874<title>moma-chevron-right</title></svg>
4875                                                </span>
4876                                                <span class="text-black">
4877                                                    Handbrause                                                </span>
4878                                            </a>
4879
4880                                                                                                                                                                            
4881                                            <a href="https://www.haibu.de/zubehor/mobile-schneider/hufttaschen/"
4882                                               title="H&#xFC;fttaschen"
4883                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4884                                            >
4885                                                <span class="mr-3 text-pink">
4886                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4887    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4888<title>moma-chevron-right</title></svg>
4889                                                </span>
4890                                                <span class="text-black">
4891                                                    Hüfttaschen                                                </span>
4892                                            </a>
4893
4894                                                                                                                                                                            
4895                                            <a href="https://www.haibu.de/zubehor/mobile-schneider/terminplaner/"
4896                                               title="Terminplaner"
4897                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4898                                            >
4899                                                <span class="mr-3 text-pink">
4900                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4901    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
4901703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4902<title>moma-chevron-right</title></svg>
4903                                                </span>
4904                                                <span class="text-black">
4905                                                    Terminplaner                                                </span>
4906                                            </a>
4907
4908                                                                                                                                                                            
4909                                            <a href="https://www.haibu.de/zubehor/mobile-schneider/fall-friseur/"
4910                                               title="Fall&#x20;Friseur"
4911                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4912                                            >
4913                                                <span class="mr-3 text-pink">
4914                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4915    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4916<title>moma-chevron-right</title></svg>
4917                                                </span>
4918                                                <span class="text-black">
4919                                                    Fall Friseur                                                </span>
4920                                            </a>
4921
4922                                                                                                                                                                            
4923                                            <a href="https://www.haibu.de/zubehor/mobile-schneider/friseurhockers/"
4924                                               title="Friseurhocker"
4925                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4926                                            >
4927                                                <span class="mr-3 text-pink">
4928                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4929    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 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
4929103 0.149967Z"/>
4930<title>moma-chevron-right</title></svg>
4931                                                </span>
4932                                                <span class="text-black">
4933                                                    Friseurhocker                                                </span>
4934                                            </a>
4935
4936                                                                                                                                                                                                                            <div x-data="{show: false}">
4937                                                    <div x-show="show">
4938                                            
4939                                            <a href="https://www.haibu.de/zubehor/mobile-schneider/friseurtasche/"
4940                                               title="Friseurtasche"
4941                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4942                                            >
4943                                                <span class="mr-3 text-pink">
4944                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4945    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4946<title>moma-chevron-right</title></svg>
4947                                                </span>
4948                                                <span class="text-black">
4949                                                    Friseurtasche                                                </span>
4950                                            </a>
4951
4952                                                                                                                                                                            
4953                                            <a href="https://www.haibu.de/zubehor/mobile-schneider/friseurwagen/"
4954                                               title="Friseurwagen"
4955                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4956                                            >
4957                                                <span class="mr-3 text-pink">
4958                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4959    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 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
4959103 0.149967Z"/>
4960<title>moma-chevron-right</title></svg>
4961                                                </span>
4962                                                <span class="text-black">
4963                                                    Friseurwagen                                                </span>
4964                                            </a>
4965
4966                                                                                                                                                                            
4967                                            <a href="https://www.haibu.de/zubehor/mobile-schneider/mobile-waschbecken/"
4968                                               title="Mobile&#x20;Waschbecken"
4969                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4970                                            >
4971                                                <span class="mr-3 text-pink">
4972                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4973    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4974<title>moma-chevron-right</title></svg>
4975                                                </span>
4976                                                <span class="text-black">
4977                                                    Mobile Waschbecken                                                </span>
4978                                            </a>
4979
4980                                                                                                                                                                            
4981                                            <a href="https://www.haibu.de/zubehor/mobile-schneider/nackenschutz/"
4982                                               title="Nackenschutz"
4983                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4984                                            >
4985                                                <span class="mr-3 text-pink">
4986                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
4987    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
4988<title>moma-chevron-right</title></svg>
4989                                                </span>
4990                                                <span class="text-black">
4991                                                    Nackenschutz                                                </span>
4992                                            </a>
4993
4994                                                                                                                                                                            
4995                                            <a href="https://www.haibu.de/zubehor/mobile-schneider/spiegel-halter/"
4996                                               title="Spiegel&#x28;halter&#x29;"
4997                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
4998                                            >
4999                                                <span class="mr-3 text-pink">
5000                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5001    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5002<title>moma-chevron-right</title></svg>
5003                                                </span>
5004                                                <span class="text-black">
5005                                                    Spiegel(halter)                                                </span>
5006                                            </a>
5007
5008                                                                                                                                                                            
5009                                            <a href="https://www.haibu.de/zubehor/mobile-schneider/wasserspruhflaschen/"
5010                                               title="Wasserspr&#xFC;hflaschen"
5011                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5012                                            >
5013                                                <span class="mr-3 text-pink">
5014                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5015    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5016<title>moma-chevron-right</title></svg>
5017                                                </span>
5018                                                <span class="text-black">
5019                                                    Wassersprühflaschen                                                </span>
5020                                            </a>
5021
5022                                                                                                                                                                            
5023                                            <a href="https://www.haibu.de/zubehor/mobile-schneider/arbeitswagen/"
5024                                               title="Arbeitswagen"
5025                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5026                                            >
5027                                                <span class="mr-3 text-pink">
5028                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5029    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5030<title>moma-chevron-right</title></svg>
5031                                                </span>
5032                                                <span class="text-black">
5033                                                    Arbeitswagen                                                </span>
5034                                            </a>
5035
5036                                                                                                </div>
5037                                                    <div @click.prevent="show = !show">
5038                                                        <span class="text-blue cursor-pointer" x-show="!show">Alle anzeigen</span>
5039                                                        <span class="text-blue cursor-pointer" x-show="show">Weniger anzeigen</span>
5040                                                    </div>
5041                                                </div>
5042                                                                                                                                                        </div>
5043                                                                                            <div class="pb-2" id="">
5044                                    <a href="https://www.haibu.de/zubehor/salonbedarf/"
5045                                       title="Salonbedarf"
5046                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
5047                                    >
5048                                        <span class="text-black font-semibold">
5049                                            Salonbedarf                                        </span>
5050                                    </a>
5051
5052                                                                    </div>
5053                                                                                            <div class="pb-2" id="">
5054                                    <a href="https://www.haibu.de/zubehor/ubungsbedarf/"
5055                                       title="&#xDC;bungsbedarf"
5056                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
5057                                    >
5058                                        <span class="text-black font-semibold">
5059                                            Übungsbedarf                                        </span>
5060                                    </a>
5061
5062                                                                                                                                                                                                                                                                                            
5063                                            <a href="https://www.haibu.de/zubehor/ubungsbedarf/zubehor/"
5064                                               title="Zubeh&#xF6;r"
5065                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5066                                            >
5067                                                <span class="mr-3 text-pink">
5068                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5069    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5070<title>moma-chevron-right</title></svg>
5071                                                </span>
5072                                                <span class="text-black">
5073                                                    Zubehör                                                </span>
5074                                            </a>
5075
5076                                                                                                                                                                            
5077                                            <a href="https://www.haibu.de/zubehor/ubungsbedarf/ubungskopf/"
5078                                               title="&#xDC;bungskopf"
5079                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5080                                            >
5081                                                <span class="mr-3 text-pink">
5082                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5083    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5084<title>moma-chevron-right</title></svg>
5085                                                </span>
5086                                                <span class="text-black">
5087                                                    Übungskopf                                                </span>
5088                                            </a>
5089
5090                                                                                                                                                        </div>
5091                                                                                            <div class="pb-2" id="">
5092                                    <a href="https://www.haibu.de/zubehor/hygiene-producten/"
5093                                       title="Hygieneprodukte"
5094                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
5095                                    >
5096                                        <span class="text-black font-semibold">
5097                                            Hygieneprodukte                                        </span>
5098                                    </a>
5099
5100                                                                                                                                                                                                                                                                                            
5101                                            <a href="https://www.haibu.de/zubehor/hygiene-producten/mondkapjes/"
5102                                               title="Mondkapjes"
5103                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5104                                            >
5105                                                <span class="mr-3 text-pink">
5106                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5107    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5108<title>moma-chevron-right</title></svg>
5109                                                </span>
5110                                                <span class="text-black">
5111                                                    Mondkapjes                                                </span>
5112                                            </a>
5113
5114                                                                                                                                                                            
5115                                            <a href="https://www.haibu.de/zubehor/hygiene-producten/reinigungsmittel/"
5116                                               title="Reinigungsmittel"
5117                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5118                                            >
5119                                                <span class="mr-3 text-pink">
5120                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5121    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5122<title>moma-chevron-right</title></svg>
5123                                                </span>
5124                                                <span class="text-black">
5125                                                    Reinigungsmittel                                                </span>
5126                                            </a>
5127
5128                                                                                                                                                        </div>
5129                                                                                            <div class="pb-2" id="">
5130                                    <a href="https://www.haibu.de/zubehor/haarprodukte-accessoires/"
5131                                       title="Haarprodukte&#x20;Accessoires"
5132                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
5133                                    >
5134                                        <span class="text-black font-semibold">
5135                                            Haarprodukte Accessoires                                        </span>
5136                                    </a>
5137
5138                                                                                                                                                                                                                                                                                            
5139                                            <a href="https://www.haibu.de/zubehor/haarprodukte-accessoires/haargummi/"
5140                                               title="Haargummi"
5141                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5142                                            >
5143                                                <span class="mr-3 text-pink">
5144                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5145    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5146<title>moma-chevron-right</title></svg>
5147                                                </span>
5148                                                <span class="text-black">
5149                                                    Haargummi                                                </span>
5150                                            </a>
5151
5152                                                                                                                                                                            
5153                                            <a href="https://www.haibu.de/zubehor/haarprodukte-accessoires/haarschmuck/"
5154                                               title="Haarschmuck"
5155                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5156                                            >
5157                                                <span class="mr-3 text-pink">
5158                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5159    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5160<title>moma-chevron-right</title></svg>
5161                                                </span>
5162                                                <span class="text-black">
5163                                                    Haarschmuck                                                </span>
5164                                            </a>
5165
5166                                                                                                                                                                            
5167                                            <a href="https://www.haibu.de/zubehor/haarprodukte-accessoires/geflochtene-haarbander/"
5168                                               title="Geflochtene&#x20;Haarb&#xE4;nder"
5169                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5170                                            >
5171                                                <span class="mr-3 text-pink">
5172                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5173    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5174<title>moma-chevron-right</title></svg>
5175                                                </span>
5176                                                <span class="text-black">
5177                                                    Geflochtene Haarbänder                                                </span>
5178                                            </a>
5179
5180                                                                                                                                                                            
5181                                            <a href="https://www.haibu.de/zubehor/haarprodukte-accessoires/haardonut/"
5182                                               title="Haardonut"
5183                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5184                                            >
5185                                                <span class="mr-3 text-pink">
5186                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5187    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5188<title>moma-chevron-right</title></svg>
5189                                                </span>
5190                                                <span class="text-black">
5191                                                    Haardonut                                                </span>
5192                                            </a>
5193
5194                                                                                                                                                                            
5195                                            <a href="https://www.haibu.de/zubehor/haarprodukte-accessoires/haar-klammer
5195n-spangen/"
5196                                               title="Haarklammern&#x2F;-spangen"
5197                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5198                                            >
5199                                                <span class="mr-3 text-pink">
5200                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5201    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5202<title>moma-chevron-right</title></svg>
5203                                                </span>
5204                                                <span class="text-black">
5205                                                    Haarklammern/-spangen                                                </span>
5206                                            </a>
5207
5208                                                                                                                                                        </div>
5209                                                                                            <div class="pb-2" id="">
5210                                    <a href="https://www.haibu.de/zubehor/trocknungskappen/"
5211                                       title="Trocknungskappen"
5212                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
5213                                    >
5214                                        <span class="text-black font-semibold">
5215                                            Trocknungskappen                                        </span>
5216                                    </a>
5217
5218                                                                    </div>
5219                                                                                            <div class="pb-2" id="">
5220                                    <a href="https://www.haibu.de/zubehor/sonstiges/"
5221                                       title="Sonstiges"
5222                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
5223                                    >
5224                                        <span class="text-black font-semibold">
5225                                            Sonstiges                                        </span>
5226                                    </a>
5227
5228                                                                    </div>
5229                                                                                            <div class="pb-2" id="">
5230                                    <a href="https://www.haibu.de/zubehor/grossbehalter/"
5231                                       title="Gro&#xDF;beh&#xE4;lter"
5232                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
5233                                    >
5234                                        <span class="text-black font-semibold">
5235                                            Großbehälter                                        </span>
5236                                    </a>
5237
5238                                                                    </div>
5239                                                                                            <div class="pb-2" id="">
5240                                    <a href="https://www.haibu.de/zubehor/starterpakete/"
5241                                       title="Starterpakete"
5242                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
5243                                    >
5244                                        <span class="text-black font-semibold">
5245                                            Starterpakete                                        </span>
5246                                    </a>
5247
5248                                                                                                                                                                                                                                                                                            
5249                                            <a href="https://www.haibu.de/zubehor/starterpakete/ausstattung/"
5250                                               title="Ausstattung"
5251                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5252                                            >
5253                                                <span class="mr-3 text-pink">
5254                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5255    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5256<title>moma-chevron-right</title></svg>
5257                                                </span>
5258                                                <span class="text-black">
5259                                                    Ausstattung                                                </span>
5260                                            </a>
5261
5262                                                                                                                                                                            
5263                                            <a href="https://www.haibu.de/zubehor/starterpakete/haarfarbe/"
5264                                               title="Haarfarbe"
5265                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5266                                            >
5267                                                <span class="mr-3 text-pink">
5268                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5269    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5270<title>moma-chevron-right</title></svg>
5271                                                </span>
5272                                                <span class="text-black">
5273                                                    Haarfarbe                                                </span>
5274                                            </a>
5275
5276                                                                                                                                                        </div>
5277                                                        <div class="h-40"></div>
5278                        </div>
5279                                    </div>
5280                                            <div class="level-0">
5281                    <a class="level-0 flex items-center justify-between py-2 hover:no-underline focus:no-underline"
5282                       :class="{
5283                            '-translate-x-full' : mobilePanelActiveId,
5284                            'translate-x-0' : !mobilePanelActiveId
5285                       }"
5286                       href="https://www.haibu.de/manner/"
5287                       title="M&#xE4;nner"
5288                                              @click.prevent="mobilePanelActiveId = mobilePanelActiveId === 'category-node-41' ? 0 : 'category-node-41'"
5289                                           >
5290                        <span class="text-black font-semibold">
5291                            Männer                        </span>
5292                                                    <span class="mr-3">
5293                                <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">
5294    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5295<title>moma-chevron-right</title></svg>
5296                            </span>
5297                                            </a>
5298                                            <div class="absolute top-0 right-0 z-10 w-full h-full translate-x-full container bg-white divide-y divide-gray"
5299                            :class="{
5300                                'hidden translate-x-full' : mobilePanelActiveId !== 'category-node-41',
5301                                'block translate-x-0' : mobilePanelActiveId === 'category-node-41',
5302                            }"
5303                        >
5304
5305                                                            <a href="https://www.haibu.de/manner/"
5306                                   title="M&#xE4;nner"
5307                                   class="flex items-center justify-between py-2 cursor-pointer hover:no-underline focus:no-underline">
5308                                    <span class="text-black font-semibold">
5309                                        Alle                                        Männer                                    </span>
5310                                    <span class="mr-3">
5311                                        <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">
5312    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5313<title>moma-chevron-right</title></svg>
5314                                    </span>
5315                                </a>
5316                            
5317                                                                                                                        <div class="pb-2" id="">
5318                                    <a href="https://www.haibu.de/manner/pflege/"
5319                                       title="Pflege"
5320                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
5321                                    >
5322                                        <span class="text-black font-semibold">
5323                                            Pflege                                        </span>
5324                                    </a>
5325
5326                                                                                                                                                                                                                                                                                            
5327                                            <a href="https://www.haibu.de/manner/pflege/shampoo/"
5328                                               title="Shampoo"
5329                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5330                                            >
5331                                                <span class="mr-3 text-pink">
5332                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5333    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5334<title>moma-chevron-right</title></svg>
5335                                                </span>
5336                                                <span class="text-black">
5337                                                    Shampoo                                                </span>
5338                                            </a>
5339
5340                                                                                                                                                                            
5341                                            <a href="https://www.haibu.de/manner/pflege/conditioner/"
5342                                               title="Conditioner"
5343                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5344                                            >
5345                                                <span class="mr-3 text-pink">
5346                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5347    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5348<title>moma-chevron-right</title></svg>
5349                                                </span>
5350                                                <span class="text-black">
5351                                                    Conditioner                                                </span>
5352                                            </a>
5353
5354                                                                                                                                                                            
5355                                            <a href="https://www.haibu.de/manner/pflege/tonic/"
5356                                               title="Tonic"
5357                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5358                                            >
5359                                                <span class="mr-3 text-pink">
5360                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5361    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5362<title>moma-chevron-right</title></svg>
5363                                                </span>
5364                                                <span class="text-black">
5365                                                    Tonic                                                </span>
5366                                            </a>
5367
5368                                                                                                                                                        </div>
5369                                                                                            <div class="pb-2" id="">
5370                                    <a href="https://www.haibu.de/manner/styling/"
5371                                       title="Styling"
5372                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
5373                                    >
5374                                        <span class="text-black font-semibold">
5375                                            Styling                                        </span>
5376                                    </a>
5377
5378                                                                                                                                                                                                                                                                                            
5379                                            <a href="https://www.haibu.de/manner/styling/gel/"
5380                                               title="Gel"
5381                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5382                                            >
5383                                                <span class="mr-3 text-pink">
5384                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5385    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5386<title>moma-chevron-right</title></svg>
5387                                                </span>
5388                                                <span class="text-black">
5389                                                    Gel                                                </span>
5390                                            </a>
5391
5392                                                                                                                                                                            
5393                                            <a href="https://www.haibu.de/manner/styling/wax/"
5394                                               title="Wax"
5395                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5396                                            >
5397                                                <span class="mr-3 text-pink">
5398                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5399    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5400<title>moma-chevron-right</title></svg>
5401                                                </span>
5402                                                <span class="text-black">
5403                                                    Wax                                                </span>
5404                                            </a>
5405
5406                                                                                                                                                                            
5407                                            <a href="https://www.haibu.de/manner/styling/pomade/"
5408                                               title="Pomade"
5409                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5410                                            >
5411                                                <span class="mr-3 text-pink">
5412                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5413    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5414<title>moma-chevron-right</title></svg>
5415                                                </span>
5416                                                <span class="text-black">
5417                                                    Pomade                                                </span>
5418                                            </a>
5419
5420                                                                                                                                                                            
5421                                            <a href="https://www.haibu.de/manner/styling/cream/"
5422                                               title="Cream"
5423                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5424                                            >
5425                                                <span class="mr-3 text-pink">
5426                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5427    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5428<title>moma-chevron-right</title></svg>
5429                                                </span>
5430                                                <span class="text-black">
5431                                                    Cream                                                </span>
5432                                            </a>
5433
5434                                                                                                                                                                            
5435                                            <a href="https://www.haibu.de/manner/styling/clay/"
5436                                               title="Clay"
5437                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5438                                            >
5439                                                <span class="mr-3 text-pink">
5440                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5441    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5442<title>moma-chevron-right</title></svg>
5443                                                </span>
5444                                                <span class="text-black">
5445                                                    Clay                                                </span>
5446                                            </a>
5447
5448                                                                                                                                                                                                                            <div x-data="{show: false}">
5449                                                    <div x-show="show">
5450                                            
5451                                            <a href="https://www.haibu.de/manner/styling/spray/"
5452                                               title="Spray"
5453                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5454                                            >
5455                                                <span class="mr-3 text-pink">
5456                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5457    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5458<title>moma-chevron-right</title></svg>
5459                                                </span>
5460                                                <span class="text-black">
5461                                                    Spray                                                </span>
5462                                            </a>
5463
5464                                                                                                                                                                            
5465                                            <a href="https://www.haibu.de/manner/styling/paste/"
5466                                               title="Paste"
5467                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5468                                            >
5469                                                <span class="mr-3 text-pink">
5470                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5471    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5472<title>moma-chevron-right</title></svg>
5473                                                </span>
5474                                                <span class="text-black">
5475                                                    Paste                                                </span>
5476                                            </a>
5477
5478                                                                                                </div>
5479                                                    <div @click.prevent="show = !show">
5480                                                        <span class="text-blue cursor-pointer" x-show="!show">Alle anzeigen</span>
5481                                                        <span class="text-blue cursor-pointer" x-show="show">Weniger anzeigen</span>
5482                                                    </div>
5483                                                </div>
5484                                                                                                                                                        </div>
5485                                                                                            <div class="pb-2" id="">
5486                                    <a href="https://www.haibu.de/manner/farbe/"
5487                                       title="Farbe"
5488                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
5489                                    >
5490                                        <span class="text-black font-semibold">
5491                                            Farbe                                        </span>
5492                                    </a>
5493
5494                                                                    </div>
5495                                                                                            <div class="pb-2" id="">
5496                                    <a href="https://www.haibu.de/manner/hautpflege/"
5497                                       title="Hautpflege"
5498                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
5499                                    >
5500                                        <span class="text-black font-semibold">
5501                                            Hautpflege                                        </span>
5502                                    </a>
5503
5504                                                                    </div>
5505                                                                                            <div class="pb-2" id="">
5506                                    <a href="https://www.haibu.de/manner/rasierprodukte/"
5507                                       title="Bartprodukte"
5508                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
5509                                    >
5510                                        <span class="text-black font-semibold">
5511                                            Bartprodukte                                        </span>
5512                                    </a>
5513
5514                                                                                                                                                                                                                                                                                            
5515                                            <a href="https://www.haibu.de/manner/rasierprodukte/bartshampoo/"
5516                                               title="Bartshampoo"
5517                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5518                                            >
5519                                                <span class="mr-3 text-pink">
5520                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5521    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5522<title>moma-chevron-right</title></svg>
5523                                                </span>
5524                                                <span class="text-black">
5525                                                    Bartshampoo                                                </span>
5526                                            </a>
5527
5528                                                                                                                                                                            
5529                                            <a href="https://www.haibu.de/manner/rasierprodukte/bartconditioner/"
5530                                               title="Bartconditioner"
5531                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5532                                            >
5533                                                <span class="mr-3 text-pink">
5534                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5535    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5536<title>moma-chevron-right</title></svg>
5537                                                </span>
5538                                                <span class="text-black">
5539                                                    Bartconditioner                                                </span>
5540                                            </a>
5541
5542                                                                                                                                                                            
5543                                            <a href="https://www.haibu.de/manner/rasierprodukte/bartol/"
5544                                               title="Bart&#xF6;l"
5545                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5546                                            >
5547                                                <span class="mr-3 text-pink">
5548                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5549    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5550<title>moma-chevron-right</title></svg>
5551                                                </span>
5552                                                <span class="text-black">
5553                                                    Bartöl                                                </span>
5554                                            </a>
5555
5556                                                                                                                                                                            
5557                                            <a href="https://www.haibu.de/manner/rasierprodukte/bartwax/"
5558                                               title="Bartwax"
5559                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5560                                            >
5561                                                <span class="mr-3 text-pink">
5562                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5563    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
5563703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5564<title>moma-chevron-right</title></svg>
5565                                                </span>
5566                                                <span class="text-black">
5567                                                    Bartwax                                                </span>
5568                                            </a>
5569
5570                                                                                                                                                        </div>
5571                                                                                            <div class="pb-2" id="">
5572                                    <a href="https://www.haibu.de/manner/rasieren/"
5573                                       title="Rasieren"
5574                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
5575                                    >
5576                                        <span class="text-black font-semibold">
5577                                            Rasieren                                        </span>
5578                                    </a>
5579
5580                                                                                                                                                                                                                                                                                            
5581                                            <a href="https://www.haibu.de/manner/rasieren/pre-shave/"
5582                                               title="Pre-Shave"
5583                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5584                                            >
5585                                                <span class="mr-3 text-pink">
5586                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5587    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5588<title>moma-chevron-right</title></svg>
5589                                                </span>
5590                                                <span class="text-black">
5591                                                    Pre-Shave                                                </span>
5592                                            </a>
5593
5594                                                                                                                                                                            
5595                                            <a href="https://www.haibu.de/manner/rasieren/aftershave/"
5596                                               title="Aftershave"
5597                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5598                                            >
5599                                                <span class="mr-3 text-pink">
5600                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5601    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
5601703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5602<title>moma-chevron-right</title></svg>
5603                                                </span>
5604                                                <span class="text-black">
5605                                                    Aftershave                                                </span>
5606                                            </a>
5607
5608                                                                                                                                                                            
5609                                            <a href="https://www.haibu.de/manner/rasieren/rasiergel/"
5610                                               title="Rasiergel"
5611                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5612                                            >
5613                                                <span class="mr-3 text-pink">
5614                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5615    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5616<title>moma-chevron-right</title></svg>
5617                                                </span>
5618                                                <span class="text-black">
5619                                                    Rasiergel                                                </span>
5620                                            </a>
5621
5622                                                                                                                                                                            
5623                                            <a href="https://www.haibu.de/manner/rasieren/rasiermousse/"
5624                                               title="Rasiermousse"
5625                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5626                                            >
5627                                                <span class="mr-3 text-pink">
5628                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5629    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 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
5629103 0.149967Z"/>
5630<title>moma-chevron-right</title></svg>
5631                                                </span>
5632                                                <span class="text-black">
5633                                                    Rasiermousse                                                </span>
5634                                            </a>
5635
5636                                                                                                                                                                            
5637                                            <a href="https://www.haibu.de/manner/rasieren/rasiercreme/"
5638                                               title="Rasiercr&#xE8;me"
5639                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5640                                            >
5641                                                <span class="mr-3 text-pink">
5642                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5643    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5644<title>moma-chevron-right</title></svg>
5645                                                </span>
5646                                                <span class="text-black">
5647                                                    Rasiercrème                                                </span>
5648                                            </a>
5649
5650                                                                                                                                                                                                                            <div x-data="{show: false}">
5651                                                    <div x-show="show">
5652                                            
5653                                            <a href="https://www.haibu.de/manner/rasieren/rasierpinsel/"
5654                                               title="Rasierpinsel"
5655                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5656                                            >
5657                                                <span class="mr-3 text-pink">
5658                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5659    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 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
5659103 0.149967Z"/>
5660<title>moma-chevron-right</title></svg>
5661                                                </span>
5662                                                <span class="text-black">
5663                                                    Rasierpinsel                                                </span>
5664                                            </a>
5665
5666                                                                                                                                                                            
5667                                            <a href="https://www.haibu.de/manner/rasieren/rasierseife/"
5668                                               title="Rasierseife"
5669                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5670                                            >
5671                                                <span class="mr-3 text-pink">
5672                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5673    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5674<title>moma-chevron-right</title></svg>
5675                                                </span>
5676                                                <span class="text-black">
5677                                                    Rasierseife                                                </span>
5678                                            </a>
5679
5680                                                                                                                                                                            
5681                                            <a href="https://www.haibu.de/manner/rasieren/rasierol/"
5682                                               title="Rasier&#xF6;l"
5683                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5684                                            >
5685                                                <span class="mr-3 text-pink">
5686                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5687    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5688<title>moma-chevron-right</title></svg>
5689                                                </span>
5690                                                <span class="text-black">
5691                                                    Rasieröl                                                </span>
5692                                            </a>
5693
5694                                                                                                </div>
5695                                                    <div @click.prevent="show = !show">
5696                                                        <span class="text-blue cursor-pointer" x-show="!show">Alle anzeigen</span>
5697                                                        <span class="text-blue cursor-pointer" x-show="show">Weniger anzeigen</span>
5698                                                    </div>
5699                                                </div>
5700                                                                                                                                                        </div>
5701                                                        <div class="h-40"></div>
5702                        </div>
5703                                    </div>
5704                                            <div class="level-0">
5705                    <a class="level-0 flex items-center justify-between py-2 hover:no-underline focus:no-underline"
5706                       :class="{
5707                            '-translate-x-full' : mobilePanelActiveId,
5708                            'translate-x-0' : !mobilePanelActiveId
5709                       }"
5710                       href="https://www.haibu.de/natur/"
5711                       title="Natur"
5712                                              @click.prevent="mobilePanelActiveId = mobilePanelActiveId === 'category-node-5283' ? 0 : 'category-node-5283'"
5713                                           >
5714                        <span class="text-black font-semibold">
5715                            Natur                        </span>
5716                                                    <span class="mr-3">
5717                                <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">
5718    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5719<title>moma-chevron-right</title></svg>
5720                            </span>
5721                                            </a>
5722                                            <div class="absolute top-0 right-0 z-10 w-full h-full translate-x-full container bg-white divide-y divide-gray"
5723                            :class="{
5724                                'hidden translate-x-full' : mobilePanelActiveId !== 'category-node-5283',
5725                                'block translate-x-0' : mobilePanelActiveId === 'category-node-5283',
5726                            }"
5727                        >
5728
5729                                                            <a href="https://www.haibu.de/natur/"
5730                                   title="Natur"
5731                                   class="flex items-center justify-between py-2 cursor-pointer hover:no-underline focus:no-underline">
5732                                    <span class="text-black font-semibold">
5733                                        Alle                                        Natur                                    </span>
5734                                    <span class="mr-3">
5735                                        <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">
5736    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5737<title>moma-chevron-right</title></svg>
5738                                    </span>
5739                                </a>
5740                            
5741                                                                                                                        <div class="pb-2" id="">
5742                                    <a href="https://www.haibu.de/natur/haare/"
5743                                       title="Haare"
5744                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
5745                                    >
5746                                        <span class="text-black font-semibold">
5747                                            Haare                                        </span>
5748                                    </a>
5749
5750                                                                                                                                                                                                                                                                                            
5751                                            <a href="https://www.haibu.de/natur/haare/shampoo/"
5752                                               title="Shampoo"
5753                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5754                                            >
5755                                                <span class="mr-3 text-pink">
5756                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5757    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5758<title>moma-chevron-right</title></svg>
5759                                                </span>
5760                                                <span class="text-black">
5761                                                    Shampoo                                                </span>
5762                                            </a>
5763
5764                                                                                                                                                                            
5765                                            <a href="https://www.haibu.de/natur/haare/conditioner/"
5766                                               title="Conditioner"
5767                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5768                                            >
5769                                                <span class="mr-3 text-pink">
5770                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5771    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5772<title>moma-chevron-right</title></svg>
5773                                                </span>
5774                                                <span class="text-black">
5775                                                    Conditioner                                                </span>
5776                                            </a>
5777
5778                                                                                                                                                                            
5779                                            <a href="https://www.haibu.de/natur/haare/haarmasker/"
5780                                               title="Haarmasker"
5781                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5782                                            >
5783                                                <span class="mr-3 text-pink">
5784                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5785    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5786<title>moma-chevron-right</title></svg>
5787                                                </span>
5788                                                <span class="text-black">
5789                                                    Haarmasker                                                </span>
5790                                            </a>
5791
5792                                                                                                                                                                            
5793                                            <a href="https://www.haibu.de/natur/haare/leave-in/"
5794                                               title="Leave-in"
5795                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5796                                            >
5797                                                <span class="mr-3 text-pink">
5798                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5799    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
5799703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5800<title>moma-chevron-right</title></svg>
5801                                                </span>
5802                                                <span class="text-black">
5803                                                    Leave-in                                                </span>
5804                                            </a>
5805
5806                                                                                                                                                        </div>
5807                                                                                            <div class="pb-2" id="">
5808                                    <a href="https://www.haibu.de/natur/stylingprodukte/"
5809                                       title="Stylingprodukte"
5810                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
5811                                    >
5812                                        <span class="text-black font-semibold">
5813                                            Stylingprodukte                                        </span>
5814                                    </a>
5815
5816                                                                                                                                                                                                                                                                                            
5817                                            <a href="https://www.haibu.de/natur/stylingprodukte/clay/"
5818                                               title="Clay"
5819                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5820                                            >
5821                                                <span class="mr-3 text-pink">
5822                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5823    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5824<title>moma-chevron-right</title></svg>
5825                                                </span>
5826                                                <span class="text-black">
5827                                                    Clay                                                </span>
5828                                            </a>
5829
5830                                                                                                                                                                            
5831                                            <a href="https://www.haibu.de/natur/stylingprodukte/trockenshampoo/"
5832                                               title="Trockenshampoo"
5833                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5834                                            >
5835                                                <span class="mr-3 text-pink">
5836                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5837    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
5837703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5838<title>moma-chevron-right</title></svg>
5839                                                </span>
5840                                                <span class="text-black">
5841                                                    Trockenshampoo                                                </span>
5842                                            </a>
5843
5844                                                                                                                                                                            
5845                                            <a href="https://www.haibu.de/natur/stylingprodukte/gel/"
5846                                               title="Gel"
5847                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5848                                            >
5849                                                <span class="mr-3 text-pink">
5850                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5851    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5852<title>moma-chevron-right</title></svg>
5853                                                </span>
5854                                                <span class="text-black">
5855                                                    Gel                                                </span>
5856                                            </a>
5857
5858                                                                                                                                                                            
5859                                            <a href="https://www.haibu.de/natur/stylingprodukte/haarschaum/"
5860                                               title="Haarschaum"
5861                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5862                                            >
5863                                                <span class="mr-3 text-pink">
5864                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5865    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 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
5865103 0.149967Z"/>
5866<title>moma-chevron-right</title></svg>
5867                                                </span>
5868                                                <span class="text-black">
5869                                                    Haarschaum                                                </span>
5870                                            </a>
5871
5872                                                                                                                                                                            
5873                                            <a href="https://www.haibu.de/natur/stylingprodukte/haarspray/"
5874                                               title="Haarspray"
5875                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5876                                            >
5877                                                <span class="mr-3 text-pink">
5878                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5879    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5880<title>moma-chevron-right</title></svg>
5881                                                </span>
5882                                                <span class="text-black">
5883                                                    Haarspray                                                </span>
5884                                            </a>
5885
5886                                                                                                                                                                                                                            <div x-data="{show: false}">
5887                                                    <div x-show="show">
5888                                            
5889                                            <a href="https://www.haibu.de/natur/stylingprodukte/pomade/"
5890                                               title="Pomade"
5891                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5892                                            >
5893                                                <span class="mr-3 text-pink">
5894                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5895    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 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
5895103 0.149967Z"/>
5896<title>moma-chevron-right</title></svg>
5897                                                </span>
5898                                                <span class="text-black">
5899                                                    Pomade                                                </span>
5900                                            </a>
5901
5902                                                                                                                                                                            
5903                                            <a href="https://www.haibu.de/natur/stylingprodukte/styling-creme/"
5904                                               title="Styling&#x20;cr&#xE8;me"
5905                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5906                                            >
5907                                                <span class="mr-3 text-pink">
5908                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5909    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5910<title>moma-chevron-right</title></svg>
5911                                                </span>
5912                                                <span class="text-black">
5913                                                    Styling crème                                                </span>
5914                                            </a>
5915
5916                                                                                                                                                                            
5917                                            <a href="https://www.haibu.de/natur/stylingprodukte/wachs/"
5918                                               title="Wachs"
5919                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5920                                            >
5921                                                <span class="mr-3 text-pink">
5922                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5923    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5924<title>moma-chevron-right</title></svg>
5925                                                </span>
5926                                                <span class="text-black">
5927                                                    Wachs                                                </span>
5928                                            </a>
5929
5930                                                                                                                                                                            
5931                                            <a href="https://www.haibu.de/natur/stylingprodukte/volumen-pulver/"
5932                                               title="Volumen&#x20;Pulver"
5933                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5934                                            >
5935                                                <span class="mr-3 text-pink">
5936                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5937    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5938<title>moma-chevron-right</title></svg>
5939                                                </span>
5940                                                <span class="text-black">
5941                                                    Volumen Pulver                                                </span>
5942                                            </a>
5943
5944                                                                                                                                                                            
5945                                            <a href="https://www.haibu.de/natur/stylingprodukte/styling-paste/"
5946                                               title="Styling&#x20;paste"
5947                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5948                                            >
5949                                                <span class="mr-3 text-pink">
5950                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5951    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5952<title>moma-chevron-right</title></svg>
5953                                                </span>
5954                                                <span class="text-black">
5955                                                    Styling paste                                                </span>
5956                                            </a>
5957
5958                                                                                                                                                                            
5959                                            <a href="https://www.haibu.de/natur/stylingprodukte/zoutspray/"
5960                                               title="Zoutspray"
5961                                               class="flex items-center cursor-pointer hover:no-underline focus:no-underline leading-5"
5962                                            >
5963                                                <span class="mr-3 text-pink">
5964                                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-2 w-2 fill-current text-pink" width="24" height="24" role="img">
5965    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
5966<title>moma-chevron-right</title></svg>
5967                                                </span>
5968                                                <span class="text-black">
5969                                                    Zoutspray                                                </span>
5970                                            </a>
5971
5972                                                                                                </div>
5973                                                    <div @click.prevent="show = !show">
5974                                                        <span class="text-blue cursor-pointer" x-show="!show">Alle anzeigen</span>
5975                                                        <span class="text-blue cursor-pointer" x-show="show">Weniger anzeigen</span>
5976                                                    </div>
5977                                                </div>
5978                                                                                                                                                        </div>
5979                                                                                            <div class="pb-2" id="">
5980                                    <a href="https://www.haibu.de/natur/haarfarbe/"
5981                                       title="Haarfarbe"
5982                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
5983                                    >
5984                                        <span class="text-black font-semibold">
5985                                            Haarfarbe                                        </span>
5986                                    </a>
5987
5988                                                                    </div>
5989                                                                                            <div class="pb-2" id="">
5990                                    <a href="https://www.haibu.de/natur/hautpflege/"
5991                                       title="Hautpflege"
5992                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
5993                                    >
5994                                        <span class="text-black font-semibold">
5995                                            Hautpflege                                        </span>
5996                                    </a>
5997
5998                                                                    </div>
5999                                                                                            <div class="pb-2" id="">
6000                                    <a href="https://www.haibu.de/natur/bart-produkte/"
6001                                       title="Bart&#x20;Produkte"
6002                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
6003                                    >
6004                                        <span class="text-black font-semibold">
6005                                            Bart Produkte                                        </span>
6006                                    </a>
6007
6008                                                                    </div>
6009                                                                                            <div class="pb-2" id="">
6010                                    <a href="https://www.haibu.de/natur/make-up/"
6011                                       title="Make-up"
6012                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
6013                                    >
6014                                        <span class="text-black font-semibold">
6015                                            Make-up                                        </span>
6016                                    </a>
6017
6018                                                                    </div>
6019                                                                                            <div class="pb-2" id="">
6020                                    <a href="https://www.haibu.de/natur/plastikfrei/"
6021                                       title="Plastikfrei"
6022                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
6023                                    >
6024                                        <span class="text-black font-semibold">
6025                                            Plastikfrei                                        </span>
6026                                    </a>
6027
6028                                                                    </div>
6029                                                                                            <div class="pb-2" id="">
6030                                    <a href="https://www.haibu.de/natur/pakete/"
6031                                       title="Pakete"
6032                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
6033                                    >
6034                                        <span class="text-black font-semibold">
6035                                            Pakete                                        </span>
6036                                    </a>
6037
6038                                                                    </div>
6039                                                                                            <div class="pb-2" id="">
6040                                    <a href="https://www.haibu.de/natur/nachhaltige-salonausstattung/"
6041                                       title="Nachhaltige&#x20;Salonausstattung"
6042                                       class="flex items-center justify-between pt-2 cursor-pointer hover:no-underline focus:no-underline"
6043                                    >
6044                                        <span class="text-black font-semibold">
6045                                            Nachhaltige Salonausstattung                                        </span>
6046                                    </a>
6047
6048                                                                    </div>
6049                                                        <div class="h-40"></div>
6050                        </div>
6051                                    </div>
6052            
6053            
6054<div class="level-0">
6055    <a href="https://www.haibu.de/sale"
6056       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]">
6057                <span class="text-black font-semibold text-3xs">
6058            Sale        </span>
6059    </a>
6060</div>
6061
6062<div class="level-0">
6063    <a href="https://www.haibu.de/neu"
6064       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]">
6065                <span class="text-black font-semibold text-3xs">
6066            Neu        </span>
6067    </a>
6068</div>
6069
6070<div class="level-0">
6071    <a href="https://www.haibu.de/online-weiterbildung"
6072       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]">
6073                <span class="text-black font-semibold text-3xs">
6074            Weiterbildung        </span>
6075    </a>
6076</div>
6077
6078<div class="level-0">
6079    <a href="https://www.haibu.de/blog/"
6080       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]">
6081                <span class="text-black font-semibold text-3xs">
6082            Blog        </span>
6083    </a>
6084</div>
6085        </nav>
6086    </div>
6087</div>
6088<script>
6089    'use strict';
6090
6091    const initMenuMobile_6ac73fd00bb8e = () => {
6092        return {
6093            mobilePanelActiveId: null,
6094            hoverPanelActiveId: null,
6095            open: false,
6096
6097            goBack() {
6098                if (this.mobilePanelActiveId) {
6099                    this.mobilePanelActiveId = 0
6100                } else {
6101                    this.open = false
6102                    this.mobilePanelActiveId = 0
6103                }
6104            }
6105        }
6106    }
6107</script>
6107
6108
6109<div x-data="initMenuDesktop_6ac73fd06658f()" class="z-20 order-2 sm:order-1 lg:order-2 navigation hidden lg:flex bg-black">
6110    <!-- desktop -->
6111    <div x-ref="nav-desktop" class="hidden lg:block container px-0">
6112        <nav class="w-full duration-150 ease-in-out transform flex justify-between w-auto min-h-0 transition-display">
6113                                            <div class="level-0"
6114                     x-on:mouseenter="debounce(() => hoverPanelActiveId = 'category-node-9', 200)"
6115                     x-on:mouseleave="debounce(() => hoverPanelActiveId = 0, 200)"
6116                >
6117                    <div class="flex items-center block py-3.5 font-medium">
6118                        <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"
6119                           :class="{'border-pink' : hoverPanelActiveId === 'category-node-9'}"
6120                           href="https://www.haibu.de/marken/"
6121                           title="Marken"
6122                        >
6123                            Marken                        </a>
6124                    </div>
6125
6126                                    </div>
6127                                            <div class="level-0"
6128                     x-on:mouseenter="debounce(() => hoverPanelActiveId = 'category-node-37', 200)"
6129                     x-on:mouseleave="debounce(() => hoverPanelActiveId = 0, 200)"
6130                >
6131                    <div class="flex items-center block py-3.5 font-medium">
6132                        <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"
6133                           :class="{'border-pink' : hoverPanelActiveId === 'category-node-37'}"
6134                           href="https://www.haibu.de/haarprodukte/"
6135                           title="Haarprodukte"
6136                        >
6137                            Haarprodukte                        </a>
6138                    </div>
6139
6140                                            <div class="absolute z-10 hidden left-1/2 right-1/2 svw bottom-auto top-full shadow-lg bg-white"
6141                             :class="{
6142                                'hidden' : hoverPanelActiveId !== 'category-node-37',
6143                                'block' : hoverPanelActiveId === 'category-node-37'
6144                            }">
6145                            <div class="container relative pt-16 pb-24">
6146                                                                    <div class="flex">
6147                                        <div class="w-1/6">
6148                                            <div class="font-bold text-sm mb-4 px-3">Haarprodukte</div>
6149                                                                                            <div
6150                                                    x-on:mouseenter="
6151                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-148', 200);
6152                                                        hoverSubmenuPanelActiveIdClass = 'category-node-148'
6153                                                    "
6154                                                    x-on:mouseleave="
6155                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
6156                                                        hoverSubmenuPanelActiveIdClass = 0
6157                                                    "
6158                                                >
6159                                                    <div class="mb-0.5">
6160                                                        <a href="https://www.haibu.de/haarprodukte/haarpflege/"
6161                                                           title="Haarpflege"
6162                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
6163                                                           :class="{
6164                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-148'
6165                                                           }"
6166                                                        >
6167                                                            Haarpflege                                                        </a>
6168                                                    </div>
6169
6170                                                                                                            <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3"
6171                                                             :class="{
6172                                                        'hidden' : hoverSubmenuPanelActiveId !== 'category-node-148',
6173                                                        'block' : hoverSubmenuPanelActiveId === 'category-node-148'
6174                                                    }">
6175                                                            <div class="bg-gray-lighter rounded h-full py-12 px-10 flex">
6176                                                                <div class="w-3/5">
6177                                                                    <div class="font-bold text-sm mb-4">Haarpflege</div>
6178                                                                    <div class="flex flex-wrap">
6179                                                                                                                                                    <div class="w-1/3">
6180                                                                                <a href="https://www.haibu.de/haarprodukte/haarpflege/shampoo/"
6181                                                                                   title="Shampoo"
6182                                                                                   class="text-black text-2xs py-1"
6183                                                                                >
6184                                                                                    Shampoo                                                                                </a>
6185                                                                            </div>
6186                                                                                                                                                    <div class="w-1/3">
6187                                                                                <a href="https://www.haibu.de/haarprodukte/haarpflege/conditioner/"
6188                                                                                   title="Conditioner"
6189                                                                                   class="text-black text-2xs py-1"
6190                                                                                >
6191                                                                                    Conditioner                                                                                </a>
6192                                                                            </div>
6193                                                                                                                                                    <div class="w-1/3">
6194                                                                                <a href="https://www.haibu.de/haarprodukte/haarpflege/haarmaske/"
6195                                                                                   title="Haarmaske"
6196                                                                                   class="text-black text-2xs py-1"
6197                                                                                >
6198                                                                                    Haarmaske                                                                                </a>
6199                                                                            </div>
6200                                                                                                                                                    <div class="w-1/3">
6201                                                                                <a href="https://www.haibu.de/haarprodukte/haarpflege/leave-in/"
6202                                                                                   title="Leave-in"
6203                                                                                   class="text-black text-2xs py-1"
6204                                                                                >
6205                                                                                    Leave-in                                                                                </a>
6206                                                                            </div>
6207                                                                                                                                                    <div class="w-1/3">
6208                                                                                <a href="https://www.haibu.de/haarprodukte/haarpflege/haarol/"
6209                                                                                   title="Haar&#xF6;l"
6210                                                                                   class="text-black text-2xs py-1"
6211                                                                                >
6212                                                                                    Haaröl                                                                                </a>
6213                                                                            </div>
6214                                                                                                                                                    <div class="w-1/3">
6215                                                                                <a href="https://www.haibu.de/haarprodukte/haarpflege/haarserum/"
6216                                                                                   title="Haarserum"
6217                                                                                   class="text-black text-2xs py-1"
6218                                                                                >
6219                                                                                    Haarserum                                                                                </a>
6220                                                                            </div>
6221                                                                                                                                                    <div class="w-1/3">
6222                                                                                <a href="https://www.haibu.de/haarprodukte/haarpflege/haar-treatment/"
6223                                                                                   title="Haar&#x20;treatment"
6224                                                                                   class="text-black text-2xs py-1"
6225                                                                                >
6226                                                                                    Haar treatment                                                                                </a>
6227                                                                            </div>
6228                                                                                                                                                    <div class="w-1/3">
6229                                                                                <a href="https://www.haibu.de/haarprodukte/haarpflege/vor-nachbehandlung/"
6230                                                                                   title="Vor-&#x20;und&#x20;Nachbehandlung"
6231                                                                                   class="text-black text-2xs py-1"
6232                                                                                >
6233                                                                                    Vor- und Nachbehandlung                                                                                </a>
6234                                                                            </div>
6235                                                                                                                                                    <div class="w-1/3">
6236                                                                                <a href="https://www.haibu.de/haarprodukte/haarpflege/haarrekonstruktion/"
6237                                                                                   title="Haarrekonstruktion"
6238                                                                                   class="text-black text-2xs py-1"
6239                                                                                >
6240                                                                                    Haarrekonstruktion                                                                                </a>
6241                                                                            </div>
6242                                                                                                                                                    <div class="w-1/3">
6243                                                                                <a href="https://www.haibu.de/haarprodukte/haarpflege/haarkur/"
6244                                                                                   title="Haarkur"
6245                                                                                   class="text-black text-2xs py-1"
6246                                                                                >
6247                                                                                    Haarkur                                                                                </a>
6248                                                                            </div>
6249                                                                                                                                                    <div class="w-1/3">
6250                                                                                <a href="https://www.haibu.de/haarprodukte/haarpflege/haarparfum/"
6251                                                                                   title="Haarparf&#xFC;m"
6252                                                                                   class="text-black text-2xs py-1"
6253                                                                                >
6254                                                                                    Haarparfüm                                                                                </a>
6255                                                                            </div>
6256                                                                                                                                                    <div class="w-1/3">
6257                                                                                <a href="https://www.haibu.de/haarprodukte/haarpflege/haarvitamin/"
6258                                                                                   title="Haarvitamin"
6259                                                                                   class="text-black text-2xs py-1"
6260                                                                                >
6261                                                                                    Haarvitamin                                                                                </a>
6262                                                                            </div>
6263                                                                                                                                                    <div class="w-1/3">
6264                                                                                <a href=
6264"https://www.haibu.de/haarprodukte/haarpflege/anti-tangle-spray/"
6265                                                                                   title="Anti-Tangle&#x20;Spray"
6266                                                                                   class="text-black text-2xs py-1"
6267                                                                                >
6268                                                                                    Anti-Tangle Spray                                                                                </a>
6269                                                                            </div>
6270                                                                                                                                                    <div class="w-1/3">
6271                                                                                <a href="https://www.haibu.de/haarprodukte/haarpflege/keratin-pflege/"
6272                                                                                   title="Keratin&#x20;Pflege"
6273                                                                                   class="text-black text-2xs py-1"
6274                                                                                >
6275                                                                                    Keratin Pflege                                                                                </a>
6276                                                                            </div>
6277                                                                                                                                                    <div class="w-1/3">
6278                                                                                <a href="https://www.haibu.de/haarprodukte/haarpflege/scalp-care/"
6279                                                                                   title="Scalp&#x20;Care"
6280                                                                                   class="text-black text-2xs py-1"
6281                                                                                >
6282                                                                                    Scalp Care                                                                                </a>
6283                                                                            </div>
6284                                                                                                                                                    <div class="w-1/3">
6285                                                                                <a href="https://www.haibu.de/haarprodukte/haarpflege/creme/"
6286                                                                                   title="Creme"
6287                                                                                   class="text-black text-2xs py-1"
6288                                                                                >
6289                                                                                    Creme                                                                                </a>
6290                                                                            </div>
6291                                                                                                                                                    <div class="w-1/3">
6292                                                                                <a href="https://www.haibu.de/haarprodukte/haarpflege/glanzspray/"
6293                                                                                   title="Glanzspray"
6294                                                                                   class="text-black text-2xs py-1"
6295                                                                                >
6296                                                                                    Glanzspray                                                                                </a>
6297                                                                            </div>
6298                                                                                                                                                    <div class="w-1/3">
6299                                                                                <a href="https://www.haibu.de/haarprodukte/haarpflege/bar/"
6300                                                                                   title="Bar"
6301                                                                                   class="text-black text-2xs py-1"
6302                                                                                >
6303                                                                                    Bar                                                                                </a>
6304                                                                            </div>
6305                                                                                                                                                    <div class="w-1/3">
6306                                                                                <a href="https://www.haibu.de/haarprodukte/haarpflege/setzt/"
6307                                                                                   title="Haarpflege&#x20;Sets"
6308                                                                                   class="text-black text-2xs py-1"
6309                                                                                >
6310                                                                                    Haarpflege Sets                                                                                </a>
6311                                                                            </div>
6312                                                                                                                                                    <div class="w-1/3">
6313                                                                                <a href="https://www.haibu.de/haarprodukte/haarpflege/pumpen/"
6314                                                                                   title="Pumpen"
6315                                                                                   class="text-black text-2xs py-1"
6316                                                                                >
6317                                                                                    Pumpen                                                                                </a>
6318                                                                            </div>
6319                                                                                                                                            </div>
6320                                                                </div>
6321                                                                <div class="w-2/
63215 flex justify-end">
6322                                                                                                                                    </div>
6323                                                            </div>
6324                                                        </div>
6325                                                                                                    </div>
6326                                                                                            <div
6327                                                    x-on:mouseenter="
6328                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-334', 200);
6329                                                        hoverSubmenuPanelActiveIdClass = 'category-node-334'
6330                                                    "
6331                                                    x-on:mouseleave="
6332                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
6333                                                        hoverSubmenuPanelActiveIdClass = 0
6334                                                    "
6335                                                >
6336                                                    <div class="mb-0.5">
6337                                                        <a href="https://www.haibu.de/haarprodukte/stylingprodukte/"
6338                                                           title="Stylingprodukte"
6339                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
6340                                                           :class="{
6341                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-334'
6342                                                           }"
6343                                                        >
6344                                                            Stylingprodukte                                                        </a>
6345                                                    </div>
6346
6347                                                                                                            <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3"
6348                                                             :class="{
6349                                                        'hidden' : hoverSubmenuPanelActiveId !== 'category-node-334',
6350                                                        'block' : hoverSubmenuPanelActiveId === 'category-node-334'
6351                                                    }">
6352                                                            <div class="bg-gray-lighter rounded h-full py-12 px-10 flex">
6353                                                                <div class="w-3/5">
6354                                                                    <div class="font-bold text-sm mb-4">Stylingprodukte</div>
6355                                                                    <div class="flex flex-wrap">
6356                                                                                                                                                    <div class="w-1/3">
6357                                                                                <a href="https://www.haibu.de/haarprodukte/stylingprodukte/haargel/"
6358                                                                                   title="Haargel"
6359                                                                                   class="text-black text-2xs py-1"
6360                                                                                >
6361                                                                                    Haargel                                                                                </a>
6362                                                                            </div>
6363                                                                                                                                                    <div class="w-1/3">
6364                                                                                <a href="https://www.haibu.de/haarprodukte/stylingprodukte/haarspray/"
6365                                                                                   title="Haarspray"
6366                                                                                   class="text-black text-2xs py-1"
6367                                                                                >
6368                                                                                    Haarspray                                                                                </a>
6369                                                                            </div>
6370                                                                                                                                                    <div class="w-1/3">
6371                                                                                <a href="https://www.haibu.de/haarprodukte/stylingprodukte/styling-creme/"
6372                                                                                   title="Styling&#x20;Creme"
6373                                                                                   class="text-black text-2xs py-1"
6374                                                                                >
6375                                                                                    Styling Creme                                                                                </a>
6376                                                                            </div>
6377                                                                                                                                                    <div class="w-1/3">
6378                                                                                <a href="https://www.haibu.de/haarprodukte/stylingprodukte/haarwax/"
6379                                                                                   title="Haarwax"
6380                                                                                   class="text-black text-2xs py-1"
6381                                                                                >
6382                                                                                    Haarwax                                                                                </a>
6383                                                                            </div>
6384                                                                                                                                                    <div class="w-1/3">
6385                                                                                <a href="https://www.haibu.de/haarprodukte/stylingprodukte/hitzeschutzspray/"
6386                                                                                   title="Hitzeschutzspray"
6387                                                                                   class="text-black text-2xs py-1"
6388                                                                                >
6389                                                                                    Hitzeschutzspray                                                                                </a>
6390                                                                            </div>
6391                                                                                                                                                    <div class="w-1/3">
6392                                                                                <a href="https://www.haibu.de/haarprodukte/stylingprodukte/trockenshampoo/"
6393                                                                                   title="Trockenshampoo"
6394                                                                                   class="text-black text-2xs py-1"
6395                                                                                >
6396                                                                                    Trockenshampoo                                                                                </a>
6397                                                                            </div>
6398                                                                                                                                                    <div class="w-1/3">
6399                                                                                <a href="https://www.haibu.de/haarprodukte/stylingprodukte/paste/"
6400                                                                                   title="Paste"
6401                                                                                   class="text-black text-2xs py-1"
6402                                                                                >
6403                                                                                    Paste                                                                                </a>
6404                                                                            </div>
6405                                                                                                                                                    <div class="w-1/3">
6406                                                                                <a href="https://www.haibu.de/haarprodukte/stylingprodukte/pomade/"
6407                                                                                   title="Pomade"
6408                                                                                   class="text-black text-2xs py-1"
6409                                                                                >
6410                                                                                    Pomade                                                                                </a>
6411                                                                            </div>
6412                                                                                                                                                    <div class="w-1/3">
6413                                                                                <a href="https://www.haibu.de/haarprodukte/stylingprodukte/haar-clay/"
6414                                                                                   title="Haar-Clay"
6415                                                                                   class="text-black text-2xs py-1"
6416                                                                                >
6417                                                                                    Haar-Clay                                                                                </a>
6418                                                                            </div>
6419                                                                                                                                                    <div class="w-1/3">
6420                                                                                <a href="https://www.haibu.de/haarprodukte/stylingprodukte/schaumfestiger-mousse/"
6421                                                                                   title="Haarschaum"
6422                                                                                   class="text-black text-2xs py-1"
6423                                                                                >
6424                                                                                    Haarschaum                                                                                </a>
6425                                                                            </div>
6426                                                                                                                                                    <div class="w-1/3">
6427                                                                                <a href="https://www.haibu.de/haarprodukte/stylingprodukte/flussiger-haarfestiger/"
6428                                                                                   title="Haarfestiger"
6429                                                                                   class="text-black text-2xs py-1"
6430                                                                                >
6431                                                                                    Haarfestiger                                                                                </a>
6432                                                                            </div>
6433                                                                                                                                                    <div class="w-1/3">
6434                                                                                <a href="https://www.haibu.de/haarprodukte/stylingprodukte/glanzspray/"
6435                                                                                   title="Glanzspray"
6436                                                                                   class="text-black text-2xs py-1"
6437                                                                                >
6438                                                                                    Glanzspray                                                                                </a>
6439                                                                            </div>
6440                                                                                                                                                    <div class="w-1/3">
6441                                                                                <a href="https://www.haibu.de/haarprodukte/stylingprodukte/volumenpuder/"
6442                                                                                   title="Volumenpuder"
6443                                                                                   class="text-black text-2xs py-1"
6444                                                                                >
6445                                                                                    Volumenpuder                                                                                </a>
6446                                                                            </div>
6447                                                                                                                                                    <div class="w-1/3">
6448                                                                                <a href="https://www.haibu.de/haarprodukte/stylingprodukte/meersalzspray/"
6449                                                                                   title="Meersalzspray"
6450                                                                                   class="text-black text-2xs py-1"
6451                                                                                >
6452                                                                                    Meersalzspray                                                                                </a>
6453                                                                            </div>
6454                                                                                                                                                    <div class="w-1/3">
6455                                                                                <a href="https://www.haibu.de/haarprodukte/stylingprodukte/stylingprodukte-sets/"
6456                                                                                   title="Stylingprodukte&#x20;&amp;&#x20;Sets"
6457                                                                                   class="text-black text-2xs py-1"
6458                                                                                >
6459                                                                                    Stylingprodukte &amp; Sets                                                                              
6459  </a>
6460                                                                            </div>
6461                                                                                                                                            </div>
6462                                                                </div>
6463                                                                <div class="w-2/5 flex justify-end">
6464                                                                                                                                    </div>
6465                                                            </div>
6466                                                        </div>
6467                                                                                                    </div>
6468                                                                                            <div
6469                                                    x-on:mouseenter="
6470                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-149', 200);
6471                                                        hoverSubmenuPanelActiveIdClass = 'category-node-149'
6472                                                    "
6473                                                    x-on:mouseleave="
6474                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
6475                                                        hoverSubmenuPanelActiveIdClass = 0
6476                                                    "
6477                                                >
6478                                                    <div class="mb-0.5">
6479                                                        <a href="https://www.haibu.de/haarprodukte/haarfarbung/"
6480                                                           title="Haarfarbe"
6481                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
6482                                                           :class="{
6483                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-149'
6484                                                           }"
6485                                                        >
6486                                                            Haarfarbe                                                        </a>
6487                                                    </div>
6488
6489                                                                                                            <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3"
6490                                                             :class="{
6491                                                        'hidden' : hoverSubmenuPanelActiveId !== 'category-node-149',
6492                                                        'block' : hoverSubmenuPanelActiveId === 'category-node-149'
6493                                                    }">
6494                                                            <div class="bg-gray-lighter rounded h-full py-12 px-10 flex">
6495                                                                <div class="w-3/5">
6496                                                                    <div class="font-bold text-sm mb-4">Haarfarbe</div>
6497                                                                    <div class="flex flex-wrap">
6498                                                                                                                                                    <div class="w-1/3">
6499                                                                                <a href="https://www.haibu.de/haarprodukte/haarfarbung/permanent/"
6500                                                                                   title="Permanent"
6501                                                                                   class="text-black text-2xs py-1"
6502                                                                                >
6503                                                                                    Permanent                                                                                </a>
6504                                                                            </div>
6505                                                                                                                                                    <div class="w-1/3">
6506                                                                                <a href="https://www.haibu.de/haarprodukte/haarfarbung/semi-permanent/"
6507                                                                                   title="Semi-permanent"
6508                                                                                   class="text-black text-2xs py-1"
6509                                                                                >
6510                                                                                    Semi-permanent                                                                                </a>
6511                                                                            </div>
6512                                                                                                                                                    <div class="w-1/3">
6513                                                                                <a href="https://www.haibu.de/haarprodukte/haarfarbung/spulung/"
6514                                                                                   title="Sp&#xFC;lung"
6515                                                                                   class="text-black text-2xs py-1"
6516                                                                                >
6517                                                                                    Spülung                                                                                </a>
6518                                                                            </div>
6519                                                                                                                                                    <div class="w-1/3">
6520                                                                                <a href="https://www.haibu.de/haarprodukte/haarfarbung/toner/"
6521                                                                                   title="Toner"
6522                                                                                   class="text-black text-2xs py-1"
6523                                                                                >
6524                                                                                    Toner                                                                                </a>
6525                                                                            </div>
6526                                                                                                                                                    <div class="w-1/3">
6527                                                                                <a href="https://www.haibu.de/haarprodukte/haarfarbung/farbspulung/"
6528                                                                                   title="Farbsp&#xFC;lung"
6529                                                                                   class="text-black text-2xs py-1"
6530                                                                                >
6531                                                                                    Farbspülung                                                                                </a>
6532                                                                            </div>
6533                                                                                                                                                    <div class="w-1/3">
6534                                                                                <a href="https://www.haibu.de/haarprodukte/haarfarbung/farbgel-spray/"
6535                                                                                   title="Farbgel&#x20;und&#x20;Spray"
6536                                                                                   class="text-black text-2xs py-1"
6537                                                                                >
6538                                                                                    Farbgel und Spray                                                                                </a>
6539                                                                            </div>
6540                                                                                                                                                    <div class="w-1/3">
6541                                                                                <a href="https://www.haibu.de/haarprodukte/haarfarbung/farbmaske/"
6542                                                                                   title="Farbmaske"
6543                                                                                   class="text-black text-2xs py-1"
6544                                                                                >
6545                                                                                    Farbmaske                                                                                </a>
6546                                                                            </div>
6547                                                                                                                                                    <div class="w-1/3">
6548                                                                                <a href="https://www.haibu.de/haarprodukte/haarfarbung/farbmousse-festiger/"
6549                                                                                   title="Farbmousse"
6550                                                                                   class="text-black text-2xs py-1"
6551                                                                                >
6552                                                                                    Farbmousse                                                                                </a>
6553                                                                            </div>
6554                                                                                                                                                    <div class="w-1/3">
6555                                                                                <a href="https://www.haibu.de/haarprodukte/haarfarbung/farbshampoo/"
6556                                                                                   title="Farbshampoo"
6557                                                                                   class="text-black text-2xs py-1"
6558                                                                                >
6559                                                                                    Farbshampoo                                                                                </a>
6560                                                                            </div>
6561                                                                                                                                                    <div class="w-1/3">
6562                                                                                <a href="https://www.haibu.de/haarprodukte/haarfarbung/blondierung/"
6563                                                                                   title="Blondierung"
6564                                                                                   class="text-black text-2xs py-1"
6565                                                                                >
6566                                                                                    Blondierung                                                                                </a>
6567                                                                            </div>
6568                                                                                                                                                    <div class="w-1/3">
6569                                                                                <a href="https://www.haibu.de/haarprodukte/haarfarbung/oxidanten/"
6570                                                                                   title="Oxidanten"
6571                                                                                   class="text-black text-2xs py-1"
6572                                                                                >
6573                                                                                    Oxidanten                                                                                </a>
6574                                                                            </div>
6575                                                                                                                                                    <div class="w-1/3">
6576                                                                                <a href="https://www.haibu.de/haarprodukte/haarfarbung/vor-nachbehandlung/"
6577                                                                                   title="Vor-&#x2F;Nachbehandlung"
6578                                                                                   class="text-black text-2xs py-1"
6579                                                                                >
6580                                                                                    Vor-/Nachbehandlung                                                                                </a>
6581                                                                            </div>
6582                                                                                                                                            </div>
6583                                                                </div>
6584                                                                <div class="w-2/
65845 flex justify-end">
6585                                                                                                                                    </div>
6586                                                            </div>
6587                                                        </div>
6588                                                                                                    </div>
6589                                                                                            <div
6590                                                    x-on:mouseenter="
6591                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-150', 200);
6592                                                        hoverSubmenuPanelActiveIdClass = 'category-node-150'
6593                                                    "
6594                                                    x-on:mouseleave="
6595                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
6596                                                        hoverSubmenuPanelActiveIdClass = 0
6597                                                    "
6598                                                >
6599                                                    <div class="mb-0.5">
6600                                                        <a href="https://www.haibu.de/haarprodukte/permanent-behandlung/"
6601                                                           title="Umformungsprodukte"
6602                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
6603                                                           :class="{
6604                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-150'
6605                                                           }"
6606                                                        >
6607                                                            Umformungsprodukte                                                        </a>
6608                                                    </div>
6609
6610                                                                                                            <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3"
6611                                                             :class="{
6612                                                        'hidden' : hoverSubmenuPanelActiveId !== 'category-node-150',
6613                                                        'block' : hoverSubmenuPanelActiveId === 'category-node-150'
6614                                                    }">
6615                                                            <div class="bg-gray-lighter rounded h-full py-12 px-10 flex">
6616                                                                <div class="w-3/5">
6617                                                                    <div class="font-bold text-sm mb-4">Umformungsprodukte</div>
6618                                                                    <div class="flex flex-wrap">
6619                                                                                                                                                    <div class="w-1/3">
6620                                                                                <a href="https://www.haibu.de/haarprodukte/permanent-behandlung/permanent/"
6621                                                                                   title="Permanent"
6622                                                                                   class="text-black text-2xs py-1"
6623                                                                                >
6624                                                                                    Permanent                                                                                </a>
6625                                                                            </div>
6626                                                                                                                                                    <div class="w-1/3">
6627                                                                                <a href="https://www.haibu.de/haarprodukte/permanent-behandlung/neutralisieren/"
6628                                                                                   title="Neutralisieren"
6629                                                                                   class="text-black text-2xs py-1"
6630                                                                                >
6631                                                                                    Neutralisieren                                                                                </a>
6632                                                                            </div>
6633                                                                                                                                                    <div class="w-1/3">
6634                                                                                <a href="https://www.haibu.de/haarprodukte/permanent-behandlung/vorbehandlung/"
6635                                                                                   title="Vorbehandlung"
6636                                                                                   class="text-black text-2xs py-1"
6637                                                                                >
6638                                                                                    Vorbehandlung                                                                                </a>
6639                                                                            </div>
6640                                                                                                                                                    <div class="w-1/3">
6641                                                                                <a href="https://www.haibu.de/haarprodukte/permanent-behandlung/nachbehandlung/"
6642                                                                                   title="Nachbehandlung"
6643                                                                                   class="text-black text-2xs py-1"
6644                                                                                >
6645                                                                                    Nachbehandlung                                                                                </a>
6646                                                                            </div>
6647                                                                                                                                                    <div class="w-1/3">
6648                                                                                <a href="https://www.haibu.de/haarprodukte/permanent-behandlung/glattung/"
6649                                                                                   title="Gl&#xE4;ttung"
6650                                                                                   class="text-black text-2xs py-1"
6651                                                                                >
6652                                                                                    Glättung                                                                                </a>
6653                                                                            </div>
6654                                                                                                                                            </div>
6655                                                                </div>
6656                                                                <div class="w-2/5 flex justify-end">
6657                                                                                                                                    </div>
6658                                                            </div>
6659                                                        </div>
6660                                                                                                    </div>
6661                                                                                            <div
6662                                                    x-on:mouseenter="
6663                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-152', 200);
6664                                                        hoverSubmenuPanelActiveIdClass = 'category-node-152'
6665                                                    "
6666                                                    x-on:mouseleave="
6667                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
6668                                                        hoverSubmenuPanelActiveIdClass = 0
6669                                                    "
6670                                                >
6671                                                    <div class="mb-0.5">
6672                                                        <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/"
6673                                                           title="Haarverl&#xE4;ngerung"
6674                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
6675                                                           :class="{
6676                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-152'
6677                                                           }"
6678                                                        >
6679                                                            Haarverlängerung                                                        </a>
6680                                                    </div>
6681
6682                                                                                                            <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3"
6683                                                             :class="{
6684                                                        'hidden' : hoverSubmenuPanelActiveId !== 'category-node-152',
6685                                                        'block' : hoverSubmenuPanelActiveId === 'category-node-152'
6686                                                    }">
6687                                                            <div class="bg-gray-lighter rounded h-full py-12 px-10 flex">
6688                                                                <div class="w-3/5">
6689                                                                    <div class="font-bold text-sm mb-4">
6689Haarverlängerung</div>
6690                                                                    <div class="flex flex-wrap">
6691                                                                                                                                                    <div class="w-1/3">
6692                                                                                <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/extensions/"
6693                                                                                   title="Extensions"
6694                                                                                   class="text-black text-2xs py-1"
6695                                                                                >
6696                                                                                    Extensions                                                                                </a>
6697                                                                            </div>
6698                                                                                                                                                    <div class="w-1/3">
6699                                                                                <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/bonding-extensions/"
6700                                                                                   title="Bonding&#x20;Extensions"
6701                                                                                   class="text-black text-2xs py-1"
6702                                                                                >
6703                                                                                    Bonding Extensions                                                                                </a>
6704                                                                            </div>
6705                                                                                                                                                    <div class="w-1/3">
6706                                                                                <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/tape-extensions/"
6707                                                                                   title="Tape&#x20;Extensions"
6708                                                                                   class="text-black text-2xs py-1"
6709                                                                                >
6710                                                                                    Tape Extensions                                                                                </a>
6711                                                                            </div>
6712                                                                                                                                                    <div class="w-1/3">
6713                                                                                <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/weave-extensions/"
6714                                                                                   title="Weave&#x20;Extensions"
6715                                                                                   class="text-black text-2xs py-1"
6716                                                                                >
6717                                                                                    Weave Extensions                                                                                </a>
6718                                                                            </div>
6719                                                                                                                                                    <div class="w-1/3">
6720                                                                                <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/clip-in-extensions/"
6721                                                                                   title="Clip&#x20;In&#x20;Extensions"
6722                                                                                   class="text-black text-2xs py-1"
6723                                                                                >
6724                                                                                    Clip In Extensions                                                                                </a>
6725                                                                            </div>
6726                                                                                                                                                    <div class="w-1/3">
6727                                                                                <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/microring-extensions/"
6728                                                                                   title="Microring&#x20;Extensions"
6729                                                                                   class="text-black text-2xs py-1"
6730                                                                                >
6731                                                                                    Microring Extensions                                                                                </a>
6732                                                                            </div>
6733                                                                                                                                                    <div class="w-1/3">
6734                                                                                <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/ponytail-extensions/"
6735                                                                                   title="Ponytail&#x20;Extensions"
6736                                                                                   class="text-black text-2xs py-1"
6737                                                                                >
6738                                                                                    Ponytail Extensions                                                                                </a>
6739                                                                            </div>
6740                                                                                                                                                    <div class="w-1/3">
6741                                                                                <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/wire-extensions/"
6742                                                                                   title="Wire&#x20;Extensions"
6743                                                                                   class="text-black text-2xs py-1"
6744                                                                                >
6745                                                                                    Wire Extensions                                                                                </a>
6746                                                                            </div>
6747                                                                                                                                                    <div class="w-1/3">
6748                                                                                <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/haarpflege/"
6749                                                                                   title="Haarpflege"
6750                                                                                   class="text-black text-2xs py-1"
6751                                                                                >
6752                                                                                    Haarpflege                                                                                </a>
6753                                                                            </div>
6754                                                                                                                                                    <div class="w-1/3">
6755                                                                                <a href="https://www.haibu.de/haarprodukte/haarverlaengerung/zubehor/"
6756                                                                                   title="Zubeh&#xF6;r"
6757                                                                                   class="text-black text-2xs py-1"
6758                                                                                >
6759                                                                                    Zubehör                                                                                </a>
6760                                                                            </div>
6761                                                                                                                                            </div>
6762                                                                </div>
6763                                                                <div class="w-2/
67635 flex justify-end">
6764                                                                                                                                    </div>
6765                                                            </div>
6766                                                        </div>
6767                                                                                                    </div>
6768                                                                                            <div
6769                                                    x-on:mouseenter="
6770                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-502', 200);
6771                                                        hoverSubmenuPanelActiveIdClass = 'category-node-502'
6772                                                    "
6773                                                    x-on:mouseleave="
6774                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
6775                                                        hoverSubmenuPanelActiveIdClass = 0
6776                                                    "
6777                                                >
6778                                                    <div class="mb-0.5">
6779                                                        <a href="https://www.haibu.de/haarprodukte/bestimmte-inhaltsstoffe/"
6780                                                           title="Bestimmte&#x20;Inhaltsstoffe"
6781                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
6782                                                           :class="{
6783                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-502'
6784                                                           }"
6785                                                        >
6786                                                            Bestimmte Inhaltsstoffe                                                        </a>
6787                                                    </div>
6788
6789                                                                                                            <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3"
6790                                                             :class="{
6791                                                        'hidden' : hoverSubmenuPanelActiveId !== 'category-node-502',
6792                                                        'block' : hoverSubmenuPanelActiveId === 'category-node-502'
6793                                                    }">
6794                                                            <div class="bg-gray-lighter rounded h-full py-12 px-10 flex">
6795                                                                <div class="w-3/5">
6796                                                                    <div class="font-bold text-sm mb-4">Bestimmte Inhaltsstoffe</div>
6797                                                                    <div class="flex flex-wrap">
6798                                                                                                                                                    <div class="w-1/3">
6799                                                                                <a href="https://www.haibu.de/haarprodukte/bestimmte-inhaltsstoffe/dierproefvrij/"
6800                                                                                   title="Tierversuchsfrei"
6801                                                                                   class="text-black text-2xs py-1"
6802                                                                                >
6803                                                                                    Tierversuchsfrei                                                                                </a>
6804                                                                            </div>
6805                                                                                                                                                    <div class="w-1/3">
6806                                                                                <a href="https://www.haibu.de/haarprodukte/bestimmte-inhaltsstoffe/produkte-ohne-parabene/"
6807                                                                                   title="Produkte&#x20;ohne&#x20;Parabene"
6808                                                                                   class="text-black text-2xs py-1"
6809                                                                                >
6810                                                                                    Produkte ohne Parabene                                                                                </a>
6811                                                                            </div>
6812                                                                                                                                                    <div class="w-1/3">
6813                                                                                <a href="https://www.haibu.de/haarprodukte/bestimmte-inhaltsstoffe/produkte-ohne-silikon/"
6814                                                                                   title="Produkte&#x20;ohne&#x20;Silikone"
6815                                                                                   class="text-black text-2xs py-1"
6816                                                                                >
6817                                                                                    Produkte ohne Silikone                                                                                </a>
6818                                                                            </div>
6819                                                                                                                                                    <div class="w-1/3">
6820                                                                                <a href="https://www.haibu.de/haarprodukte/bestimmte-inhaltsstoffe/produkte-ohne-sulfate/"
6821                                                                                   title="Produkte&#x20;ohne&#x20;Sulfate"
6822                                                                                   class="text-black text-2xs py-1"
6823                                                                                >
6824                                                                                    Produkte ohne Sulfate                                                                                </a>
6825                                                                            </div>
6826                                                                                                                                                    <div class="w-1/3">
6827                                                                                <a href="https://www.haibu.de/haarprodukte/bestimmte-inhaltsstoffe/frei-von-ammoniak/"
6828                                                                                   title="Frei&#x20;von&#x20;Ammoniak"
6829                                                                                   class="text-black text-2xs py-1"
6830                                                                                >
6831                                                                                    Frei von Ammoniak                                                                                </a>
6832                                                                            </div>
6833                                                                                                                                            </div>
6834                                                                </div>
6835                                                                <div class="w-2/
68355 flex justify-end">
6836                                                                                                                                    </div>
6837                                                            </div>
6838                                                        </div>
6839                                                                                                    </div>
6840                                                                                            <div
6841                                                    x-on:mouseenter="
6842                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-345', 200);
6843                                                        hoverSubmenuPanelActiveIdClass = 'category-node-345'
6844                                                    "
6845                                                    x-on:mouseleave="
6846                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
6847                                                        hoverSubmenuPanelActiveIdClass = 0
6848                                                    "
6849                                                >
6850                                                    <div class="mb-0.5">
6851                                                        <a href="https://www.haibu.de/haarprodukte/pakete/"
6852                                                           title="Pakete"
6853                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
6854                                                           :class="{
6855                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-345'
6856                                                           }"
6857                                                        >
6858                                                            Pakete                                                        </a>
6859                                                    </div>
6860
6861                                                                                                            <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3"
6862                                                             :class="{
6863                                                        'hidden' : hoverSubmenuPanelActiveId !== 'category-node-345',
6864                                                        'block' : hoverSubmenuPanelActiveId === 'category-node-345'
6865                                                    }">
6866                                                            <div class="bg-gray-lighter rounded h-full py-12 px-10 flex">
6867                                                                <div class="w-3/5">
6868                                                                    <div class="font-bold text-sm mb-4">Pakete</div>
6869                                                                    <div class="flex flex-wrap">
6870                                                                                                                                                    <div class="w-1/3">
6871                                                                                <a href="https://www.haibu.de/haarprodukte/pakete/beschadigtes-haar/"
6872                                                                                   title="Gesch&#xE4;digtes&#x20;Haar"
6873                                                                                   class="text-black text-2xs py-1"
6874                                                                                >
6875                                                                                    Geschädigtes Haar                                                                                </a>
6876                                                                            </div>
6877                                                                                                                                                    <div class="w-1/3">
6878                                                                                <a href="https://www.haibu.de/haarprodukte/pakete/blondes-haar/"
6879                                                                                   title="Blondes&#x20;Haar"
6880                                                                                   class="text-black text-2xs py-1"
6881                                                                                >
6882                                                                                    Blondes Haar                                                                                </a>
6883                                                                            </div>
6884                                                                                                                                                    <div class="w-1/3">
6885                                                                                <a href="https://www.haibu.de/haarprodukte/pakete/stumpfes-haar/"
6886                                                                                   title="Stumpfes&#x20;Haar"
6887                                                                                   class="text-black text-2xs py-1"
6888                                                                                >
6889                                                                                    Stumpfes Haar                                                                                </a>
6890                                                                            </div>
6891                                                                                                                                                    <div class="w-1/3">
6892                                                                                <a href="https://www.haibu.de/haarprodukte/pakete/sonnengeschadigtes-haar/"
6893                                                                                   title="Sonnengesch&#xE4;digtes&#x20;haar"
6894                                                                                   class="text-black text-2xs py-1"
6895                                                                                >
6896                                                                                    Sonnengeschädigtes haar                                                                                </a>
6897                                                                            </div>
6898                                                                                                                                                    <div class="w-1/3">
6899                                                                                <a href="https://www.haibu.de/haarprodukte/pakete/trockenes-haar/"
6900                                                                                   title="Trockenes&#x20;Haar"
6901                                                                                   class="text-black text-2xs py-1"
6902                                                                                >
6903                                                                                    Trockenes Haar                                                                                </a>
6904                                                                            </div>
6905                                                                                                                                                    <div class="w-1/3">
6906                                                                                <a href="https://www.haibu.de/haarprodukte/pakete/ausdunnendes-haar/"
6907                                                                                   title="Ausd&#xFC;nnendes&#x20;Haar"
6908                                                                                   class="text-black text-2xs py-1"
6909                                                                                >
6910                                                                                    Ausdünnendes Haar                                                                                </a>
6911                                                                            </div>
6912                                                                                                                                                    <div class="w-1/3">
6913                                                                                <a href="https://www.haibu.de/haarprodukte/pakete/lebloses-haar/"
6914                                                                                   title="Lebloses&#x20;Haar"
6915                                                                                   class="text-black text-2xs py-1"
6916                                                                                >
6917                                                                                    Lebloses Haar                                                                                </a>
6918                                                                            </div>
6919                                                                                                                                                    <div class="w-1/3">
6920                                                                                <a href="https://www.haibu.de/haarprodukte/pakete/gefarbtes-haar/"
6921                                                                                   title="Gef&#xE4;rbtes&#x20;Haar"
6922                                                                                   class="text-black text-2xs py-1"
6923                                                                                >
6924                                                                                    Gefärbtes Haar                                                                                </a>
6925                                                                            </div>
6926                                                                                                                                                    <div class="w-1/3">
6927                                                                                <a href="https://www.haibu.de/haarprodukte/pakete/empfindliche-kopfhaut/"
6928                                                                                   title="Empfindliche&#x20;Kopfhaut"
6929                                                                                   class="text-black text-2xs py-1"
6930                                                                                >
6931                                                                                    Empfindliche Kopfhaut                                                                                </a>
6932                                                                            </div>
6933                                                                                                                                                    <div class="w-1/3">
6934                                                                                <a href="https://www.haibu.de/haarprodukte/pakete/lockiges-haar/"
6935                                                                                   title="Lockiges&#x20;Haar"
6936                                                                                   class="text-black text-2xs py-1"
6937                                                                                >
6938                                                                                    Lockiges Haar                                                                                </a>
6939                                                                            </div>
6940                                                                                                                                                    <div class="w-1/3">
6941                                                                                <a href="https://www.haibu.de/haarprodukte/pakete/krauses-haar/"
6942                                                                                   title="Krauses&#x20;Haar"
6943                                                                                   class="text-black text-2xs py-1"
6944                                                                                >
6945                                                                                    Krauses Haar                                                                                </a>
6946                                                                            </div>
6947                                                                                                                                                    <div class="w-1/3">
6948                                                                                <a href="https://www.haibu.de/haarprodukte/pakete/haarfarbung/"
6949                                                                                   title="Haarf&#xE4;rbung"
6950                                                                                   class="text-black text-2xs py-1"
6951                                                                                >
6952                                                                                    Haarfärbung                                                                                </a>
6953                                                                            </div>
6954                                                                                                                                            </div>
6955                                                                </div>
6956                                                                <div class="w-2/
69565 flex justify-end">
6957                                                                                                                                    </div>
6958                                                            </div>
6959                                                        </div>
6960                                                                                                    </div>
6961                                                                                            <div
6962                                                    x-on:mouseenter="
6963                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-7054', 200);
6964                                                        hoverSubmenuPanelActiveIdClass = 'category-node-7054'
6965                                                    "
6966                                                    x-on:mouseleave="
6967                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
6968                                                        hoverSubmenuPanelActiveIdClass = 0
6969                                                    "
6970                                                >
6971                                                    <div class="mb-0.5">
6972                                                        <a href="https://www.haibu.de/haarprodukte/refills/"
6973                                                           title="Refills"
6974                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
6975                                                           :class="{
6976                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-7054'
6977                                                           }"
6978                                                        >
6979                                                            Refills                                                        </a>
6980                                                    </div>
6981
6982                                                                                                    </div>
6983                                                                                            <div
6984                                                    x-on:mouseenter="
6985                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-572', 200);
6986                                                        hoverSubmenuPanelActiveIdClass = 'category-node-572'
6987                                                    "
6988                                                    x-on:mouseleave="
6989                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
6990                                                        hoverSubmenuPanelActiveIdClass = 0
6991                                                    "
6992                                                >
6993                                                    <div class="mb-0.5">
6994                                                        <a href="https://www.haibu.de/haarprodukte/geschenksets/"
6995                                                           title="Geschenksets"
6996                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
6997                                                           :class="{
6998                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-572'
6999                                                           }"
7000                                                        >
7001                                                            Geschenksets                                                        </a>
7002                                                    </div>
7003
7004                                                                                                            <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3"
7005                                                             :class="{
7006                                                        'hidden' : hoverSubmenuPanelActiveId !== 'category-node-572',
7007                                                        'block' : hoverSubmenuPanelActiveId === 'category-node-572'
7008                                                    }">
7009                                                            <div class="bg-gray-lighter rounded h-full py-12 px-10 flex">
7010                                                                <div class="w-3/5">
7011                                                                    <div class="font-bold text-sm mb-4">Geschenksets</div>
7012                                                                    <div class="flex flex-wrap">
7013                                                                                                                                                    <div class="w-1/3">
7014                                                                                <a href="https://www.haibu.de/haarprodukte/geschenksets/fur-ihn/"
7015                                                                                   title="F&#xFC;r&#x20;Ihn"
7016                                                                                   class="text-black text-2xs py-1"
7017                                                                                >
7018                                                                                    Für Ihn                                                                                </a>
7019                                                                            </div>
7020                                                                                                                                                    <div class="w-1/3">
7021                                                                                <a href="https://www.haibu.de/haarprodukte/geschenksets/fur-sie/"
7022                                                                                   title="F&#xFC;r&#x20;Sie"
7023                                                                                   class="text-black text-2xs py-1"
7024                                                                                >
7025                                                                                    Für Sie                                                                                </a>
7026                                                                            </div>
7027                                                                                                                                                    <div class="w-1/3">
7028                                                                                <a href="https://www.haibu.de/haarprodukte/geschenksets/fur-kinder/"
7029                                                                                   title="F&#xFC;r&#x20;Kinder"
7030                                                                                   class="text-black text-2xs py-1"
7031                                                                                >
7032                                                                                    Für Kinder                                                                                </a>
7033                                                                            </div>
7034                                                                                                                                            </div>
7035                                                                </div>
7036                                                                <div class="w-2/
70365 flex justify-end">
7037                                                                                                                                    </div>
7038                                                            </div>
7039                                                        </div>
7040                                                                                                    </div>
7041                                                                                            <div
7042                                                    x-on:mouseenter="
7043                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-1313', 200);
7044                                                        hoverSubmenuPanelActiveIdClass = 'category-node-1313'
7045                                                    "
7046                                                    x-on:mouseleave="
7047                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
7048                                                        hoverSubmenuPanelActiveIdClass = 0
7049                                                    "
7050                                                >
7051                                                    <div class="mb-0.5">
7052                                                        <a href="https://www.haibu.de/haarprodukte/minis/"
7053                                                           title="Minis"
7054                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
7055                                                           :class="{
7056                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-1313'
7057                                                           }"
7058                                                        >
7059                                                            Minis                                                        </a>
7060                                                    </div>
7061
7062                                                                                                            <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3"
7063                                                             :class="{
7064                                                        'hidden' : hoverSubmenuPanelActiveId !== 'category-node-1313',
7065                                                        'block' : hoverSubmenuPanelActiveId === 'category-node-1313'
7066                                                    }">
7067                                                            <div class="bg-gray-lighter rounded h-full py-12 px-10 flex">
7068                                                                <div class="w-3/5">
7069                                                                    <div class="font-bold text-sm mb-4">Minis</div>
7070                                                                    <div class="flex flex-wrap">
7071                                                                                                                                                    <div class="w-1/3">
7072                                                                                <a href="https://www.haibu.de/haarprodukte/minis/haarprodukte/"
7073                                                                                   title="Haarprodukte"
7074                                                                                   class="text-black text-2xs py-1"
7075                                                                                >
7076                                                                                    Haarprodukte                                                                                </a>
7077                                                                            </div>
7078                                                                                                                                                    <div class="w-1/3">
7079                                                                                <a href="https://www.haibu.de/haarprodukte/minis/sets/"
7080                                                                                   title="Travel&#x20;sets"
7081                                                                                   class="text-black text-2xs py-1"
7082                                                                                >
7083                                                                                    Travel sets                                                                                </a>
7084                                                                            </div>
7085                                                                                                                                            </div>
7086                                                                </div>
7087                                                                <div class="w-2/
70875 flex justify-end">
7088                                                                                                                                    </div>
7089                                                            </div>
7090                                                        </div>
7091                                                                                                    </div>
7092                                                                                            <div
7093                                                    x-on:mouseenter="
7094                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-5193', 200);
7095                                                        hoverSubmenuPanelActiveIdClass = 'category-node-5193'
7096                                                    "
7097                                                    x-on:mouseleave="
7098                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
7099                                                        hoverSubmenuPanelActiveIdClass = 0
7100                                                    "
7101                                                >
7102                                                    <div class="mb-0.5">
7103                                                        <a href="https://www.haibu.de/haarprodukte/curly-girl-methode/"
7104                                                           title="Curly&#x20;Girl&#x20;Methode"
7105                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
7106                                                           :class="{
7107                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-5193'
7108                                                           }"
7109                                                        >
7110                                                            Curly Girl Methode                                                        </a>
7111                                                    </div>
7112
7113                                                                                                            <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3"
7114                                                             :class="{
7115                                                        'hidden' : hoverSubmenuPanelActiveId !== 'category-node-5193',
7116                                                        'block' : hoverSubmenuPanelActiveId === 'category-node-5193'
7117                                                    }">
7118                                                            <div class="bg-gray-lighter rounded h-full py-12 px-10 flex">
7119                                                                <div class="w-3/5">
7120                                                                    <div class="font-bold text-sm mb-4">Curly Girl Methode</div>
7121                                                                    <div class="flex flex-wrap">
7122                                                                                                                                                    <div class="w-1/3">
7123                                                                                <a href="https://www.haibu.de/haarprodukte/curly-girl-methode/final-wash/"
7124                                                                                   title="Schritt&#x20;1&#x3A;&#x20;Final&#x20;Wash"
7125                                                                                   class="text-black text-2xs py-1"
7126                                                                                >
7127                                                                                    Schritt 1: Final Wash                                                                                </a>
7128                                                                            </div>
7129                                                                                                                                                    <div class="w-1/3">
7130                                                                                <a href="https://www.haibu.de/haarprodukte/curly-girl-methode/shampoo/"
7131                                                                                   title="Schritt&#x20;2&#x3A;&#x20;Shampoo"
7132                                                                                   class="text-black text-2xs py-1"
7133                                                                                >
7134                                                                                    Schritt 2: Shampoo                                                                                </a>
7135                                                                            </div>
7136                                                                                                                                                    <div class="w-1/3">
7137                                                                                <a href="https://www.haibu.de/haarprodukte/curly-girl-methode/conditioner/"
7138                                                                                   title="Schritt&#x20;3&#x3A;&#x20;Conditioner"
7139                                                                                   class="text-black text-2xs py-1"
7140                                                                                >
7141                                                                                    Schritt 3: Conditioner                                                                                </a>
7142                                                                            </div>
7143                                                                                                                                                    <div class="w-1/3">
7144                                                                                <a href="https://www.haibu.de/haarproducten/curly-girl-methode/haarmaske/"
7145                                                                                   title="Schritt&#x20;4&#x3A;&#x20;Haarmaske"
7146                                                                                   class="text-black text-2xs py-1"
7147                                                                                >
7148                                                                                    Schritt 4: Haarmaske                                                                                </a>
7149                                                                            </div>
7150                                                                                                                                                    <div class="w-1/3">
7151                                                                                <a href="https://www.haibu.de/haarprodukte/curly-girl-methode/leave-in/"
7152                                                                                   title="Schritt&#x20;5&#x3A;&#x20;Leave-in"
7153                                                                                   class="text-black text-2xs py-1"
7154                                                                                >
7155                                                                                    Schritt 5: Leave-in                                                                                </a>
7156                                                                            </div>
7157                                                                                                                                                    <div class="w-1/3">
7158                                                                                <a href="https://www.haibu.de/haarprodukte/curly-girl-methode/stylingprodukte/"
7159                                                                                   title="Schritt&#x20;6&#x3A;&#x20;Styling-Produkte"
7160                                                                                   class="text-black text-2xs py-1"
7161                                                                                >
7162                                                                                    Schritt 6: Styling-Produkte                                                                                </a>
7163                                                                            </div>
7164                                                                                                                                                    <div class="w-1/3">
7165                                                                                <a href="https://www.haibu.de/haarprodukte/curly-girl-methode/werkzeuge/"
7166                                                                                   title="&#x20;Werkzeuge"
7167                                                                                   class="text-black text-2xs py-1"
7168                                                                                >
7169                                                                                     Werkzeuge                                                                                </a>
7170                                                                            </div>
7171                                                                                                                                            </div>
7172                                                                </div>
7173                                                                <div class="w-2/
71735 flex justify-end">
7174                                                                                                                                    </div>
7175                                                            </div>
7176                                                        </div>
7177                                                                                                    </div>
7178                                                                                    </div>
7179
7180                                        <div class="w-1/6 navigation-menu">
7181                                                                                            <ul data-level="1">
7182<li><strong>Top Marken</strong></li>
7183<li><a title="Goldwell" href="/marken/goldwell"><span>Goldwell</span></a></li>
7184<li><a title="L'Oréal" href="/marken/loreal"><span>L'Oréal</span></a></li>
7185<li><a title="Elleure" href="/marken/elleure"><span>Elleure</span></a></li>
7186<li><a title="Kérastase" href="/marken/kerastase"><span>Kérastase</span></a></li>
7187<li><a title="Redken" href="/marken/redken"><span>Redken</span></a></li>
7188<li><a title="Glynt" href="/marken/glynt"><span>Glynt</span></a></li>
7189<li><a title="Wella" href="/marken/wella"><span>Wella</span></a></li>
7190<li><a title="Schwarzkopf" href="/marken/schwarzkopf"><span>Schwarzkopf</span></a></li>
7191</ul>                                                                                    </div>
7192                                        <div class="w-1/6 navigation-menu">
7193                                                                                            <ul data-level="1">
7194<li><strong>Vorteilhafte Sets</strong></li>
7195<li><a title="Geschädigtes Haar" href="/haarprodukte/pakete/beschadigtes-haar"><span>Geschädigtes Haar</span></a></li>
7196<li><a title="Gefärbtes Haar" href="/haarprodukte/pakete/gefarbtes-haar"><span>Gefärbtes Haar</span></a></li>
7197<li><a title="Trockenes Haar" href="/haarprodukte/pakete/trockenes-haar"><span>Trockenes Haar</span></a></li>
7198<li><a title="Blondes Haar" href="/haarprodukte/pakete/blondes-haar"><span>Blondes Haar</span></a></li>
7199<li><a title="Lockiges Haar" href="/haarprodukte/pakete/lockiges-haar"><span>Lockiges Haar</span></a></li>
7200<li><a title="Empfindliche Kopfhaut" href="/haarprodukte/pakete/empfindliche-kopfhaut"><span>Empfindliche Kopfhaut</span></a></li>
7201<li><a title="Alle Pakete" href="/haarprodukte/pakete">Alle Pakete</a></li>
7202</ul>                                                                                    </div>
7203                                        <div class="w-1/6 navigation-menu">
7204                                                                                            <ul data-level="1">
7205<li><strong>Geschenksets</strong></li>
7206<li><a title="Für Ihn" href="/haarprodukte/geschenksets/fur-ihn">Für Ihn</a></li>
7207<li><a title="Für Sie" href="/haarprodukte/geschenksets/fur-sie">Für Sie</a></li>
7208<li><a title="Für Kinder" href="/haarprodukte/geschenksets/fur-kinder">Für Kinder</a></li>
7209</ul>                                                                                    </div>
7210                                        <div class="w-2/6 flex justify-end">
7211                                            <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>
7212                                    </div>
7213                                                            </div>
7214                        </div>
7215                                    </div>
7216                                            <div class="level-0"
7217                     x-on:mouseenter="debounce(() => hoverPanelActiveId = 'category-node-39', 200)"
7218                     x-on:mouseleave="debounce(() => hoverPanelActiveId = 0, 200)"
7219                >
7220                    <div class="flex items-center block py-3.5 font-medium">
7221                        <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"
7222                           :class="{'border-pink' : hoverPanelActiveId === 'category-node-39'}"
7223                           href="https://www.haibu.de/stylingtools/"
7224                           title="Stylingtools"
7225                        >
7226                            Stylingtools                        </a>
7227                    </div>
7228
7229                                            <div class="absolute z-10 hidden left-1/2 right-1/2 svw bottom-auto top-full shadow-lg bg-white"
7230                             :class="{
7231                                'hidden' : hoverPanelActiveId !== 'category-node-39',
7232                                'block' : hoverPanelActiveId === 'category-node-39'
7233                            }">
7234                            <div class="container relative pt-16 pb-24">
7235                                                                    <div class="flex">
7236                                        <div class="w-1/6">
7237                                            <div class="font-bold text-sm mb-4 px-3">Stylingtools</div>
7238                                                                                            <div
7239                                                    x-on:mouseenter="
7240                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-7065', 200);
7241                                                        hoverSubmenuPanelActiveIdClass = 'category-node-7065'
7242                                                    "
7243                                                    x-on:mouseleave="
7244                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
7245                                                        hoverSubmenuPanelActiveIdClass = 0
7246                                                    "
7247                                                >
7248                                                    <div class="mb-0.5">
7249                                                        <a href="https://www.haibu.de/stylingtools/beautytools/"
7250                                                           title="Beautytools"
7251                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
7252                                                           :class="{
7253                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-7065'
7254                                                           }"
7255                                                        >
7256                                                            Beautytools                                                        </a>
7257                                                    </div>
7258
7259                                                                                                    </div>
7260                                                                                            <div
7261                                                    x-on:mouseenter="
7262                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-151', 200);
7263                                                        hoverSubmenuPanelActiveIdClass = 'category-node-151'
7264                                                    "
7265                                                    x-on:mouseleave="
7266                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
7267                                                        hoverSubmenuPanelActiveIdClass = 0
7268                                                    "
7269                                                >
7270                                                    <div class="mb-0.5">
7271                                                        <a href="https://www.haibu.de/stylingtools/fohns/"
7272                                                           title="F&#xF6;hns"
7273                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
7274                                                           :class="{
7275                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-151'
7276                                                           }"
7277                                                        >
7278                                                            Föhns                                                        </a>
7279                                                    </div>
7280
7281                                                                                                            <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3"
7282                                                             :class="{
7283                                                        'hidden' : hoverSubmenuPanelActiveId !== 'category-node-151',
7284                                                        'block' : hoverSubmenuPanelActiveId === 'category-node-151'
7285                                                    }">
7286                                                            <div class="bg-gray-lighter rounded h-full py-12 px-10 flex">
7287                                                                <div class="w-3/5">
7288                                                                    <div class="font-bold text-sm mb-4">Föhns</div>
7289                                                                    <div class="flex flex-wrap">
7290                                                                                                                                                    <div class="w-1/3">
7291                                                                                <a href="https://www.haibu.de/stylingtools/fohns/diffusor/"
7292                                                                                   title="Diffusor"
7293                                                                                   class="text-black text-2xs py-1"
7294                                                                                >
7295                                                                                    Diffusor                                                                                </a>
7296                                                                            </div>
7297                                                                                                                                                    <div class="w-1/3">
7298                                                                                <a href="https://www.haibu.de/stylingtools/fohns/fohn-mit-diffusor/"
7299                                                                                   title="F&#xF6;hn&#x20;mit&#x20;Diffusor"
7300                                                                                   class="text-black text-2xs py-1"
7301                                                                                >
7302                                                                                    Föhn mit Diffusor                                                                                </a>
7303                                                                            </div>
7304                                                                                                                                                    <div class="w-1/3">
7305                                                                                <a href="https://www.haibu.de/stylingtools/fohns/ionischer-fohn/"
7306                                                                                   title="Ionischer&#x20;F&#xF6;hn"
7307                                                                                   class="text-black text-2xs py-1"
7308                                                                                >
7309                                                                                    Ionischer Föhn                                                                                </a>
7310                                                                            </div>
7311                                                                                                                                                    <div class="w-1/3">
7312                                                                                <a href="https://www.haibu.de/stylingtools/fohns/leichter-fohn/"
7313                                                                                   title="Leichter&#x20;F&#xF6;hn"
7314                                                                                   class="text-black text-2xs py-1"
7315                                                                                >
7316                                                                                    Leichter Föhn                                                                                </a>
7317                                                                            </div>
7318                                                                                                                                                    <div class="w-1/3">
7319                                                                                <a href="https://www.haibu.de/stylingtools/fohns/reisefohn/"
7320                                                                                   title="Reisef&#xF6;hn"
7321                                                                                   class="text-black text-2xs py-1"
7322                                                                                >
7323                                                                                    Reiseföhn                                                                                </a>
7324                                                                            </div>
7325                                                                                                                                            </div>
7326                                                                </div>
7327                                                                <div class="w-2/
73275 flex justify-end">
7328                                                                                                                                    </div>
7329                                                            </div>
7330                                                        </div>
7331                                                                                                    </div>
7332                                                                                            <div
7333                                                    x-on:mouseenter="
7334                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-156', 200);
7335                                                        hoverSubmenuPanelActiveIdClass = 'category-node-156'
7336                                                    "
7337                                                    x-on:mouseleave="
7338                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
7339                                                        hoverSubmenuPanelActiveIdClass = 0
7340                                                    "
7341                                                >
7342                                                    <div class="mb-0.5">
7343                                                        <a href="https://www.haibu.de/stylingtools/fohnburste/"
7344                                                           title="F&#xF6;hnb&#xFC;rste"
7345                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
7346                                                           :class="{
7347                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-156'
7348                                                           }"
7349                                                        >
7350                                                            Föhnbürste                                                        </a>
7351                                                    </div>
7352
7353                                                                                                            <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3"
7354                                                             :class="{
7355                                                        'hidden' : hoverSubmenuPanelActiveId !== 'category-node-156',
7356                                                        'block' : hoverSubmenuPanelActiveId === 'category-node-156'
7357                                                    }">
7358                                                            <div class="bg-gray-lighter rounded h-full py-12 px-10 flex">
7359                                                                <div class="w-3/5">
7360                                                                    <div class="font-bold text-sm mb-4">Föhnbürste</div>
7361                                                                    <div class="flex flex-wrap">
7362                                                                                                                                                    <div class="w-1/3">
7363                                                                                <a href="https://www.haibu.de/stylingtools/fohnburste/airstyler/"
7364                                                                                   title="Airstyler"
7365                                                                                   class="text-black text-2xs py-1"
7366                                                                                >
7367                                                                                    Airstyler                                                                                </a>
7368                                                                            </div>
7369                                                                                                                                                    <div class="w-1/3">
7370                                                                                <a href="https://www.haibu.de/stylingtools/fohnburste/runde-fohnburste/"
7371                                                                                   title="Runde&#x20;F&#xF6;hnb&#xFC;rste"
7372                                                                                   class="text-black text-2xs py-1"
7373                                                                                >
7374                                                                                    Runde Föhnbürste                                                                                </a>
7375                                                                            </div>
7376                                                                                                                                            </div>
7377                                                                </div>
7378                                                                <div class="w-2/
73785 flex justify-end">
7379                                                                                                                                    </div>
7380                                                            </div>
7381                                                        </div>
7382                                                                                                    </div>
7383                                                                                            <div
7384                                                    x-on:mouseenter="
7385                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-155', 200);
7386                                                        hoverSubmenuPanelActiveIdClass = 'category-node-155'
7387                                                    "
7388                                                    x-on:mouseleave="
7389                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
7390                                                        hoverSubmenuPanelActiveIdClass = 0
7391                                                    "
7392                                                >
7393                                                    <div class="mb-0.5">
7394                                                        <a href="https://www.haibu.de/stylingtools/lockenburste/"
7395                                                           title="Lockenb&#xFC;rste"
7396                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
7397                                                           :class="{
7398                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-155'
7399                                                           }"
7400                                                        >
7401                                                            Lockenbürste                                                        </a>
7402                                                    </div>
7403
7404                                                                                                    </div>
7405                                                                                            <div
7406                                                    x-on:mouseenter="
7407                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-158', 200);
7408                                                        hoverSubmenuPanelActiveIdClass = 'category-node-158'
7409                                                    "
7410                                                    x-on:mouseleave="
7411                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
7412                                                        hoverSubmenuPanelActiveIdClass = 0
7413                                                    "
7414                                                >
7415                                                    <div class="mb-0.5">
7416                                                        <a href="https://www.haibu.de/stylingtools/lockensets/"
7417                                                           title="Lockensets"
7418                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
7419                                                           :class="{
7420                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-158'
7421                                                           }"
7422                                                        >
7423                                                            Lockensets                                                        </a>
7424                                                    </div>
7425
7426                                                                                                    </div>
7427                                                                                            <div
7428                                                    x-on:mouseenter="
7429                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-154', 200);
7430                                                        hoverSubmenuPanelActiveIdClass = 'category-node-154'
7431                                                    "
7432                                                    x-on:mouseleave="
7433                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
7434                                                        hoverSubmenuPanelActiveIdClass = 0
7435                                                    "
7436                                                >
7437                                                    <div class="mb-0.5">
7438                                                        <a href="https://www.haibu.de/stylingtools/lockenstabe/"
7439                                                           title="Lockenst&#xE4;be"
7440                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
7441                                                           :class="{
7442                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-154'
7443                                                           }"
7444                                                        >
7445                                                            Lockenstäbe                                                        </a>
7446                                                    </div>
7447
7448                                                                                                            <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3"
7449                                                             :class="{
7450                                                        'hidden' : hoverSubmenuPanelActiveId !== 'category-node-154',
7451                                                        'block' : hoverSubmenuPanelActiveId === 'category-node-154'
7452                                                    }">
7453                                                            <div class="bg-gray-lighter rounded h-full py-12 px-10 flex">
7454                                                                <div class="w-3/5">
7455                                                                    <div class="font-bold text-sm mb-4">Lockenstäbe</div>
7456                                                                    <div class="flex flex-wrap">
7457                                                                                                                                                    <div class="w-1/3">
7458                                                                                <a href="https://www.haibu.de/stylingtools/lockenstabe/lockenstab-mit-klemme/"
7459                                                                                   title="Lockenstab&#x20;mit&#x20;Klemme"
7460                                                                                   class="text-black text-2xs py-1"
7461                                                                                >
7462                                                                                    Lockenstab mit Klemme                                                                                </a>
7463                                                                            </div>
7464                                                                                                                                                    <div class="w-1/3">
7465                                                                                <a href="https://www.haibu.de/stylingtools/lockenstabe/dunner-lockenstab/"
7466                                                                                   title="D&#xFC;nner&#x20;Lockenstab"
7467                                                                                   class="text-black text-2xs py-1"
7468                                                                                >
7469                                                                                    Dünner Lockenstab                                                                                </a>
7470                                                                            </div>
7471                                                                                                                                                    <div class="w-1/3">
7472                                                                                <a href="https://www.haibu.de/stylingtools/lockenstabe/automatische-lockenstabe/"
7473                                                                                   title="Automatische&#x20;Lockenst&#xE4;be"
7474                                                                                   class="text-black text-2xs py-1"
7475                                                                                >
7476                                                                                    Automatische Lockenstäbe                                                                                </a>
7477                                                                            </div>
7478                                                                                                                                                    <div class="w-1/3">
7479                                                                                <a href="https://www.haibu.de/stylingtools/lockenstabe/lockenstabe-mit-aufsatzen/"
7480                                                                                   title="Lockenst&#xE4;be&#x20;mit&#x20;Aufs&#xE4;tzen"
7481                                                                                   class="text-black text-2xs py-1"
7482                                                                                >
7483                                                                                    Lockenstäbe mit Aufsätzen                                                                                </a>
7484                                                                            </div>
7485                                                                                                                                            </div>
7486                                                                </div>
7487                                                                <div class="w-2/
74875 flex justify-end">
7488                                                                                                                                    </div>
7489                                                            </div>
7490                                                        </div>
7491                                                                                                    </div>
7492                                                                                            <div
7493                                                    x-on:mouseenter="
7494                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-281', 200);
7495                                                        hoverSubmenuPanelActiveIdClass = 'category-node-281'
7496                                                    "
7497                                                    x-on:mouseleave="
7498                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
7499                                                        hoverSubmenuPanelActiveIdClass = 0
7500                                                    "
7501                                                >
7502                                                    <div class="mb-0.5">
7503                                                        <a href="https://www.haibu.de/stylingtools/glattungsburste/"
7504                                                           title="Gl&#xE4;ttungsb&#xFC;rste"
7505                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
7506                                                           :class="{
7507                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-281'
7508                                                           }"
7509                                                        >
7510                                                            Glättungsbürste                                                        </a>
7511                                                    </div>
7512
7513                                                                                                    </div>
7514                                                                                            <div
7515                                                    x-on:mouseenter="
7516                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-153', 200);
7517                                                        hoverSubmenuPanelActiveIdClass = 'category-node-153'
7518                                                    "
7519                                                    x-on:mouseleave="
7520                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
7521                                                        hoverSubmenuPanelActiveIdClass = 0
7522                                                    "
7523                                                >
7524                                                    <div class="mb-0.5">
7525                                                        <a href="https://www.haibu.de/stylingtools/glatteisen/"
7526                                                           title="Gl&#xE4;tteisen"
7527                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
7528                                                           :class="{
7529                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-153'
7530                                                           }"
7531                                                        >
7532                                                            Glätteisen                                                        </a>
7533                                                    </div>
7534
7535                                                                                                            <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3"
7536                                                             :class="{
7537                                                        'hidden' : hoverSubmenuPanelActiveId !== 'category-node-153',
7538                                                        'block' : hoverSubmenuPanelActiveId === 'category-node-153'
7539                                                    }">
7540                                                            <div class="bg-gray-lighter rounded h-full py-12 px-10 flex">
7541                                                                <div class="w-3/5">
7542                                                                    <div class="font-bold text-sm mb-4">Glätteisen</div>
7543                                                                    <div class="flex flex-wrap">
7544                                                                                                                                                    <div class="w-1/3">
7545                                                                                <a href="https://www.haibu.de/stylingtools/glatteisen/kabellos/"
7546                                                                                   title="Kabellos"
7547                                                                                   class="text-black text-2xs py-1"
7548                                                                                >
7549                                                                                    Kabellos                                                                                </a>
7550                                                                            </div>
7551                                                                                                                                                    <div class="w-1/3">
7552                                                                                <a href="https://www.haibu.de/stylingtools/glatteisen/mini-glatteisen/"
7553                                                                                   title="Mini&#x20;Gl&#xE4;tteisen"
7554                                                                                   class="text-black text-2xs py-1"
7555                                                                                >
7556                                                                                    Mini Glätteisen                                                                                </a>
7557                                                                            </div>
7558                                                                                                                                                    <div class="w-1/3">
7559                                                                                <a href="https://www.haibu.de/stylingtools/glatteisen/wasserdampf-glaetteisen/"
7560                                                                                   title="Wasserdampf&#x20;Gl&#xE4;tteisen"
7561                                                                                   class="text-black text-2xs py-1"
7562                                                                                >
7563                                                                                    Wasserdampf Glätteisen                                                                                </a>
7564                                                                            </div>
7565                                                                                                                                                    <div class="w-1/3">
7566                                                                                <a href="https://www.haibu.de/stylingtools/glatteisen/ionische-glatteisen/"
7567                                                                                   title="Ionische&#x20;Gl&#xE4;tteisen"
7568                                                                                   class="text-black text-2xs py-1"
7569                                                                                >
7570                                                                                    Ionische Glätteisen                                                                                </a>
7571                                                                            </div>
7572                                                                                                                                                    <div class="w-1/3">
7573                                                                                <a href="https://www.haibu.de/stylingtools/glatteisen/keramische-glatteisen/"
7574                                                                                   title="Keramische&#x20;Gl&#xE4;tteisen"
7575                                                                                   class="text-black text-2xs py-1"
7576                                                                                >
7577                                                                                    Keramische Glätteisen                                                                                </a>
7578                                                                            </div>
7579                                                                                                                                                    <div class="w-1/3">
7580                                                                                <a href="https://www.haibu.de/stylingtools/glatteisen/titan-glatteisen/"
7581                                                                                   title="Titan&#x20;Gl&#xE4;tteisen"
7582                                                                                   class="text-black text-2xs py-1"
7583                                                                                >
7584                                                                                    Titan Glätteisen                                                                                </a>
7585                                                                            </div>
7586                                                                                                                                            </div>
7587                                                                </div>
7588                                                                <div class="w-2/
75885 flex justify-end">
7589                                                                                                                                    </div>
7590                                                            </div>
7591                                                        </div>
7592                                                                                                    </div>
7593                                                                                            <div
7594                                                    x-on:mouseenter="
7595                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-159', 200);
7596                                                        hoverSubmenuPanelActiveIdClass = 'category-node-159'
7597                                                    "
7598                                                    x-on:mouseleave="
7599                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
7600                                                        hoverSubmenuPanelActiveIdClass = 0
7601                                                    "
7602                                                >
7603                                                    <div class="mb-0.5">
7604                                                        <a href="https://www.haibu.de/stylingtools/trimmer/"
7605                                                           title="Schermaschinen"
7606                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
7607                                                           :class="{
7608                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-159'
7609                                                           }"
7610                                                        >
7611                                                            Schermaschinen                                                        </a>
7612                                                    </div>
7613
7614                                                                                                            <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3"
7615                                                             :class="{
7616                                                        'hidden' : hoverSubmenuPanelActiveId !== 'category-node-159',
7617                                                        'block' : hoverSubmenuPanelActiveId === 'category-node-159'
7618                                                    }">
7619                                                            <div class="bg-gray-lighter rounded h-full py-12 px-10 flex">
7620                                                                <div class="w-3/5">
7621                                                                    <div class="font-bold text-sm mb-4">Schermaschinen</div>
7622                                                                    <div class="flex flex-wrap">
7623                                                                                                                                                    <div class="w-1/3">
7624                                                                                <a href="https://www.haibu.de/stylingtools/trimmer/zubehor/"
7625                                                                                   title="Zubeh&#xF6;r"
7626                                                                                   class="text-black text-2xs py-1"
7627                                                                                >
7628                                                                                    Zubehör                                                                                </a>
7629                                                                            </div>
7630                                                                                                                                                    <div class="w-1/3">
7631                                                                                <a href="https://www.haibu.de/stylingtools/trimmer/schermaschinen-kabellos/"
7632                                                                                   title="Schermaschinen&#x20;kabellos"
7633                                                                                   class="text-black text-2xs py-1"
7634                                                                                >
7635                                                                                    Schermaschinen kabellos                                                                                </a>
7636                                                                            </div>
7637                                                                                                                                            </div>
7638                                                                </div>
7639                                                                <div class="w-2/
76395 flex justify-end">
7640                                                                                                                                    </div>
7641                                                            </div>
7642                                                        </div>
7643                                                                                                    </div>
7644                                                                                            <div
7645                                                    x-on:mouseenter="
7646                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-160', 200);
7647                                                        hoverSubmenuPanelActiveIdClass = 'category-node-160'
7648                                                    "
7649                                                    x-on:mouseleave="
7650                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
7651                                                        hoverSubmenuPanelActiveIdClass = 0
7652                                                    "
7653                                                >
7654                                                    <div class="mb-0.5">
7655                                                        <a href="https://www.haibu.de/stylingtools/haarschneidemaschinen/"
7656                                                           title="Trimmer"
7657                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
7658                                                           :class="{
7659                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-160'
7660                                                           }"
7661                                                        >
7662                                                            Trimmer                                                        </a>
7663                                                    </div>
7664
7665                                                                                                            <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3"
7666                                                             :class="{
7667                                                        'hidden' : hoverSubmenuPanelActiveId !== 'category-node-160',
7668                                                        'block' : hoverSubmenuPanelActiveId === 'category-node-160'
7669                                                    }">
7670                                                            <div class="bg-gray-lighter rounded h-full py-12 px-10 flex">
7671                                                                <div class="w-3/5">
7672                                                                    <div class="font-bold text-sm mb-4">Trimmer</div>
7673                                                                    <div class="flex flex-wrap">
7674                                                                                                                                                    <div class="w-1/3">
7675                                                                                <a href="https://www.haibu.de/stylingtools/haarschneidemaschinen/zubehor/"
7676                                                                                   title="Zubeh&#xF6;r"
7677                                                                                   class="text-black text-2xs py-1"
7678                                                                                >
7679                                                                                    Zubehör                                                                                </a>
7680                                                                            </div>
7681                                                                                                                                            </div>
7682                                                                </div>
7683                                                                <div class="w-2/
76835 flex justify-end">
7684                                                                                                                                    </div>
7685                                                            </div>
7686                                                        </div>
7687                                                                                                    </div>
7688                                                                                            <div
7689                                                    x-on:mouseenter="
7690                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-157', 200);
7691                                                        hoverSubmenuPanelActiveIdClass = 'category-node-157'
7692                                                    "
7693                                                    x-on:mouseleave="
7694                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
7695                                                        hoverSubmenuPanelActiveIdClass = 0
7696                                                    "
7697                                                >
7698                                                    <div class="mb-0.5">
7699                                                        <a href="https://www.haibu.de/stylingtools/wavers/"
7700                                                           title="Wavers"
7701                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
7702                                                           :class="{
7703                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-157'
7704                                                           }"
7705                                                        >
7706                                                            Wavers                                                        </a>
7707                                                    </div>
7708
7709                                                                                                    </div>
7710                                                                                            <div
7711                                                    x-on:mouseenter="
7712                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-162', 200);
7713                                                        hoverSubmenuPanelActiveIdClass = 'category-node-162'
7714                                                    "
7715                                                    x-on:mouseleave="
7716                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
7717                                                        hoverSubmenuPanelActiveIdClass = 0
7718                                                    "
7719                                                >
7720                                                    <div class="mb-0.5">
7721                                                        <a href="https://www.haibu.de/stylingtools/zubehor/"
7722                                                           title="Zubeh&#xF6;r"
7723                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
7724                                                           :class="{
7725                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-162'
7726                                                           }"
7727                                                        >
7728                                                            Zubehör                                                        </a>
7729                                                    </div>
7730
7731                                                                                                    </div>
7732                                                                                            <div
7733                                                    x-on:mouseenter="
7734                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-211', 200);
7735                                                        hoverSubmenuPanelActiveIdClass = 'category-node-211'
7736                                                    "
7737                                                    x-on:mouseleave="
7738                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
7739                                                        hoverSubmenuPanelActiveIdClass = 0
7740                                                    "
7741                                                >
7742                                                    <div class="mb-0.5">
7743                                                        <a href="https://www.haibu.de/stylingtools/twister/"
7744                                                           title="Twister"
7745                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
7746                                                           :class="{
7747                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-211'
7748                                                           }"
7749                                                        >
7750                                                            Twister                                                        </a>
7751                                                    </div>
7752
7753                                                                                                    </div>
7754                                                                                    </div>
7755
7756                                        <div class="w-1/6 navigation-menu">
7757                                                                                            <ul data-level="1">
7758<li><strong>
7758Top Marken</strong></li>
7759<li><a title="Babyliss PRO" href="https://www.haibu.de/marken/babyliss-pro/babyliss-pro-werkzeuge"><span>Babyliss PRO</span></a></li>
7760<li><a title="CHI" href="https://www.haibu.de/marken/chi/chi-tools/"><span>CHI</span></a></li>
7761<li><a title="GA.MA" href="https://www.haibu.de/marken/ga-ma"><span>GA.MA</span></a></li>
7762<li><a title="Max Pro" href="https://www.haibu.de/marken/max-pro"><span>Max Pro</span></a></li>
7763<li><a title="Wahl" href="https://www.haibu.de/marken/wahl"><span>Wahl</span></a></li>
7764<li><a title="Diva Pro" href="https://www.haibu.de/marken/diva-pro"><span>Diva Pro</span></a></li>
7765<li><a title="ghd" href="https://www.haibu.de/marken/ghd"><span>ghd</span></a></li>
7766<li><a title="Jaguar" href="https://www.haibu.de/marken/jaguar/"><span>Jaguar</span></a></li>
7767<li><a title="Valera" href="https://www.haibu.de/marken/valera"><span>Valera</span></a></li>
7768</ul>                                                                                    </div>
7769                                        <div class="w-1/6 navigation-menu">
7770                                                                                            <ul data-level="1">
7771<li><strong>Bestseller</strong></li>
7772<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>
7773<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>
7774<li><a title="CHI Glätteisen G2" href="https://www.haibu.de/chi-glatteisen-g2.html"><span>CHI Glätteisen G2</span></a></li>
7775<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>
7776</ul>                                                                                    </div>
7777                                        <div class="w-1/6 navigation-menu">
7778                                                                                            <ul data-level="1">
7779<li><strong>Inspiration</strong></li>
7780<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>
7781<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>
7782<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>
7783<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>
7784</ul>                                                                                    </div>
7785                                        <div class="w-2/6 flex justify-end">
7786                                            <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>
7787                                    </div>
7788                                                            </div>
7789                        </div>
7790                                    </div>
7791                                            <div class="level-0"
7792                     x-on:mouseenter="debounce(() => hoverPanelActiveId = 'category-node-38', 200)"
7793                     x-on:mouseleave="debounce(() => hoverPanelActiveId = 0, 200)"
7794                >
7795                    <div class="flex items-center block py-3.5 font-medium">
7796                        <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"
7797                           :class="{'border-pink' : hoverPanelActiveId === 'category-node-38'}"
7798                           href="https://www.haibu.de/beautyprodukte/"
7799                           title="Beautyprodukte"
7800                        >
7801                            Beautyprodukte                        </a>
7802                    </div>
7803
7804                                            <div class="absolute z-10 hidden left-1/2 right-1/2 svw bottom-auto top-full shadow-lg bg-white"
7805                             :class="{
7806                                'hidden' : hoverPanelActiveId !== 'category-node-38',
7807                                'block' : hoverPanelActiveId === 'category-node-38'
7808                            }">
7809                            <div class="container relative pt-16 pb-24">
7810                                                                    <div class="flex">
7811                                        <div class="w-1/6">
7812                                            <div class="font-bold text-sm mb-4 px-3">Beautyprodukte</div>
7813                                                                                            <div
7814                                                    x-on:mouseenter="
7815                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-5062', 200);
7816                                                        hoverSubmenuPanelActiveIdClass = 'category-node-5062'
7817                                                    "
7818                                                    x-on:mouseleave="
7819                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
7820                                                        hoverSubmenuPanelActiveIdClass = 0
7821                                                    "
7822                                                >
7823                                                    <div class="mb-0.5">
7824                                                        <a href="https://www.haibu.de/beautyprodukte/beauty-zubehor/"
7825                                                           title="Beauty&#x20;zubeh&#xF6;r"
7826                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
7827                                                           :class="{
7828                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-5062'
7829                                                           }"
7830                                                        >
7831                                                            Beauty zubehör                                                        </a>
7832                                                    </div>
7833
7834                                                                                                    </div>
7835                                                                                            <div
7836                                                    x-on:mouseenter="
7837                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-167', 200);
7838                                                        hoverSubmenuPanelActiveIdClass = 'category-node-167'
7839                                                    "
7840                                                    x-on:mouseleave="
7841                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
7842                                                        hoverSubmenuPanelActiveIdClass = 0
7843                                                    "
7844                                                >
7845                                                    <div class="mb-0.5">
7846                                                        <a href="https://www.haibu.de/beautyprodukte/hautpflege/"
7847                                                           title="Hautpflege"
7848                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
7849                                                           :class="{
7850                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-167'
7851                                                           }"
7852                                                        >
7853                                                            Hautpflege                                                        </a>
7854                                                    </div>
7855
7856                                                                                                            <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3"
7857                                                             :class="{
7858                                                        'hidden' : hoverSubmenuPanelActiveId !== 'category-node-167',
7859                                                        'block' : hoverSubmenuPanelActiveId === 'category-node-167'
7860                                                    }">
7861                                                            <div class="bg-gray-lighter rounded h-full py-12 px-10 flex">
7862                                                                <div class="w-3/5">
7863                                                                    <div class="font-bold text-sm mb-4">Hautpflege</div>
7864                                                                    <div class="flex flex-wrap">
7865                                                                                                                                                    <div class="w-1/3">
7866                                                                                <a href="https://www.haibu.de/beautyprodukte/hautpflege/handcreme/"
7867                                                                                   title="Handcreme&#x20;"
7868                                                                                   class="text-black text-2xs py-1"
7869                                                                                >
7870                                                                                    Handcreme                                                                                 </a>
7871                                                                            </div>
7872                                                                                                                                                    <div class="w-1/3">
7873                                                                                <a href="https://www.haibu.de/beautyprodukte/hautpflege/gesichtsreinigung/"
7874                                                                                   title="Gesichtsreinigung"
7875                                                                                   class="text-black text-2xs py-1"
7876                                                                                >
7877                                                                                    Gesichtsreinigung                                                                                </a>
7878                                                                            </div>
7879                                                                                                                                                    <div class="w-1/3">
7880                                                                                <a href="https://www.haibu.de/beautyprodukte/hautpflege/gesichtspflege/"
7881                                                                                   title="Gesichtspflege"
7882                                                                                   class="text-black text-2xs py-1"
7883                                                                                >
7884                                                                                    Gesichtspflege                                                                                </a>
7885                                                                            </div>
7886                                                                                                                                                    <div class="w-1/3">
7887                                                                                <a href="https://www.haibu.de/beautyprodukte/hautpflege/korperpflege/"
7888                                                                                   title="K&#xF6;rperpflege"
7889                                                                                   class="text-black text-2xs py-1"
7890                                                                                >
7891                                                                                    Körperpflege                                                                                </a>
7892                                                                            </div>
7893                                                                                                                                            </div>
7894                                                                </div>
7895                                                                <div class="w-2/
78955 flex justify-end">
7896                                                                                                                                    </div>
7897                                                            </div>
7898                                                        </div>
7899                                                                                                    </div>
7900                                                                                            <div
7901                                                    x-on:mouseenter="
7902                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-168', 200);
7903                                                        hoverSubmenuPanelActiveIdClass = 'category-node-168'
7904                                                    "
7905                                                    x-on:mouseleave="
7906                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
7907                                                        hoverSubmenuPanelActiveIdClass = 0
7908                                                    "
7909                                                >
7910                                                    <div class="mb-0.5">
7911                                                        <a href="https://www.haibu.de/beautyprodukte/make-up/"
7912                                                           title="Make-up"
7913                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
7914                                                           :class="{
7915                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-168'
7916                                                           }"
7917                                                        >
7918                                                            Make-up                                                        </a>
7919                                                    </div>
7920
7921                                                                                                            <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3"
7922                                                             :class="{
7923                                                        'hidden' : hoverSubmenuPanelActiveId !== 'category-node-168',
7924                                                        'block' : hoverSubmenuPanelActiveId === 'category-node-168'
7925                                                    }">
7926                                                            <div class="bg-gray-lighter rounded h-full py-12 px-10 flex">
7927                                                                <div class="w-3/5">
7928                                                                    <div class="font-bold text-sm mb-4">Make-up</div>
7929                                                                    <div class="flex flex-wrap">
7930                                                                                                                                                    <div class="w-1/3">
7931                                                                                <a href="https://www.haibu.de/beautyprodukte/make-up/haut/"
7932                                                                                   title="Haut"
7933                                                                                   class="text-black text-2xs py-1"
7934                                                                                >
7935                                                                                    Haut                                                                                </a>
7936                                                                            </div>
7937                                                                                                                                                    <div class="w-1/3">
7938                                                                                <a href="https://www.haibu.de/beautyprodukte/make-up/lippen/"
7939                                                                                   title="Lippen"
7940                                                                                   class="text-black text-2xs py-1"
7941                                                                                >
7942                                                                                    Lippen                                                                                </a>
7943                                                                            </div>
7944                                                                                                                                                    <div class="w-1/3">
7945                                                                                <a href="https://www.haibu.de/beautyprodukte/make-up/augen/"
7946                                                                                   title="Augen"
7947                                                                                   class="text-black text-2xs py-1"
7948                                                                                >
7949                                                                                    Augen                                                                                </a>
7950                                                                            </div>
7951                                                                                                                                                    <div class="w-1/3">
7952                                                                                <a href="https://www.haibu.de/beautyprodukte/make-up/augenbrauen/"
7953                                                                                   title="Augenbrauen"
7954                                                                                   class="text-black text-2xs py-1"
7955                                                                                >
7956                                                                                    Augenbrauen                                                                                </a>
7957                                                                            </div>
7958                                                                                                                                                    <div class="w-1/3">
7959                                                                                <a href="https://www.haibu.de/beautyprodukte/make-up/make-up-taschen/"
7960                                                                                   title="Make-up&#x20;Taschen"
7961                                                                                   class="text-black text-2xs py-1"
7962                                                                                >
7963                                                                                    Make-up Taschen                                                                                </a>
7964                                                                            </div>
7965                                                                                                                                                    <div class="w-1/3">
7966                                                                                <a href="https://www.haibu.de/beautyprodukte/make-up/make-up-bedarf/"
7967                                                                                   title="Make-up&#x20;Bedarf"
7968                                                                                   class="text-black text-2xs py-1"
7969                                                                                >
7970                                                                                    Make-up Bedarf                                                                                </a>
7971                                                                            </div>
7972                                                                                                                                            </div>
7973                                                                </div>
7974                                                                <div class="w-2/
79745 flex justify-end">
7975                                                                                                                                    </div>
7976                                                            </div>
7977                                                        </div>
7978                                                                                                    </div>
7979                                                                                            <div
7980                                                    x-on:mouseenter="
7981                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-166', 200);
7982                                                        hoverSubmenuPanelActiveIdClass = 'category-node-166'
7983                                                    "
7984                                                    x-on:mouseleave="
7985                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
7986                                                        hoverSubmenuPanelActiveIdClass = 0
7987                                                    "
7988                                                >
7989                                                    <div class="mb-0.5">
7990                                                        <a href="https://www.haibu.de/beautyprodukte/nagelprodukte/"
7991                                                           title="Nagelprodukte"
7992                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
7993                                                           :class="{
7994                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-166'
7995                                                           }"
7996                                                        >
7997                                                            Nagelprodukte                                                        </a>
7998                                                    </div>
7999
8000                                                                                                            <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3"
8001                                                             :class="{
8002                                                        'hidden' : hoverSubmenuPanelActiveId !== 'category-node-166',
8003                                                        'block' : hoverSubmenuPanelActiveId === 'category-node-166'
8004                                                    }">
8005                                                            <div class="bg-gray-lighter rounded h-full py-12 px-10 flex">
8006                                                                <div class="w-3/5">
8007                                                                    <div class="font-bold text-sm mb-4">Nagelprodukte</div>
8008                                                                    <div class="flex flex-wrap">
8009                                                                                                                                                    <div class="w-1/3">
8010                                                                                <a href="https://www.haibu.de/beautyprodukte/nagelprodukte/gel-biab-acryl/"
8011                                                                                   title="Gel,&#x20;BIAB&#x20;&amp;&#x20;Acryl"
8012                                                                                   class="text-black text-2xs py-1"
8013                                                                                >
8014                                                                                    Gel, BIAB &amp; Acryl                                                                                </a>
8015                                                                            </div>
8016                                                                                                                                                    <div class="w-1/3">
8017                                                                                <a href="https://www.haibu.de/beautyprodukte/nagelprodukte/gel-nagellack/"
8018                                                                                   title="Nagellack"
8019                                                                                   class="text-black text-2xs py-1"
8020                                                                                >
8021                                                                                    Nagellack                                                                                </a>
8022                                                                            </div>
8023                                                                                                                                                    <div class="w-1/3">
8024                                                                                <a href="https://www.haibu.de/beautyprodukte/nagelprodukte/basecoat-topcoat/"
8025                                                                                   title="Basecoat&#x20;und&#x20;topcoat"
8026                                                                                   class="text-black text-2xs py-1"
8027                                                                                >
8028                                                                                    Basecoat und topcoat                                                                                </a>
8029                                                                            </div>
8030                                                                                                                                                    <div class="w-1/3">
8031                                                                                <a href="https://www.haibu.de/beautyprodukte/nagelprodukte/nagelvorbereitung-pflege/"
8032                                                                                   title="Nagelvorbereitung&#x20;&amp;&#x20;Pflege"
8033                                                                                   class="text-black text-2xs py-1"
8034                                                                                >
8035                                                                                    Nagelvorbereitung &amp; Pflege                                                                                </a>
8036                                                                            </div>
8037                                                                                                                                                    <div class="w-1/3">
8038                                                                                <a href="https://www.haibu.de/beautyprodukte/nagelprodukte/nageltools-accessoires/"
8039                                                                                   title="Nageltools&#x20;&amp;&#x20;Accessoires"
8040                                                                                   class="text-black text-2xs py-1"
8041                                                                                >
8042                                                                                    Nageltools &amp; Accessoires                                                                                </a>
8043                                                                            </div>
8044                                                                                                                                                    <div class="w-1/3">
8045                                                                                <a href="https://www.haibu.de/beautyprodukte/nagelprodukte/nageldekoration/"
8046                                                                                   title="Nageldekoration"
8047                                                                                   class="text-black text-2xs py-1"
8048                                                                                >
8049                                                                                    Nageldekoration                                                                                </a>
8050                                                                            </div>
8051                                                                                                                                            </div>
8052                                                                </div>
8053                                                                <div class="w-2/
80535 flex justify-end">
8054                                                                                                                                    </div>
8055                                                            </div>
8056                                                        </div>
8057                                                                                                    </div>
8058                                                                                            <div
8059                                                    x-on:mouseenter="
8060                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-383', 200);
8061                                                        hoverSubmenuPanelActiveIdClass = 'category-node-383'
8062                                                    "
8063                                                    x-on:mouseleave="
8064                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
8065                                                        hoverSubmenuPanelActiveIdClass = 0
8066                                                    "
8067                                                >
8068                                                    <div class="mb-0.5">
8069                                                        <a href="https://www.haibu.de/beautyprodukte/epileren/"
8070                                                           title="Epilation&#x2F;Enthaarung"
8071                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
8072                                                           :class="{
8073                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-383'
8074                                                           }"
8075                                                        >
8076                                                            Epilation/Enthaarung                                                        </a>
8077                                                    </div>
8078
8079                                                                                                    </div>
8080                                                                                            <div
8081                                                    x-on:mouseenter="
8082                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-5967', 200);
8083                                                        hoverSubmenuPanelActiveIdClass = 'category-node-5967'
8084                                                    "
8085                                                    x-on:mouseleave="
8086                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
8087                                                        hoverSubmenuPanelActiveIdClass = 0
8088                                                    "
8089                                                >
8090                                                    <div class="mb-0.5">
8091                                                        <a href="https://www.haibu.de/beautyprodukte/dufte/"
8092                                                           title="&#x20;&#x20;D&#xFC;fte"
8093                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
8094                                                           :class="{
8095                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-5967'
8096                                                           }"
8097                                                        >
8098                                                              Düfte                                                        </a>
8099                                                    </div>
8100
8101                                                                                                    </div>
8102                                                                                            <div
8103                                                    x-on:mouseenter="
8104                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-801', 200);
8105                                                        hoverSubmenuPanelActiveIdClass = 'category-node-801'
8106                                                    "
8107                                                    x-on:mouseleave="
8108                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
8109                                                        hoverSubmenuPanelActiveIdClass = 0
8110                                                    "
8111                                                >
8112                                                    <div class="mb-0.5">
8113                                                        <a href="https://www.haibu.de/beautyprodukte/selbstbrauner/"
8114                                                           title="Selbstbr&#xE4;uner"
8115                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
8116                                                           :class="{
8117                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-801'
8118                                                           }"
8119                                                        >
8120                                                            Selbstbräuner                                                        </a>
8121                                                    </div>
8122
8123                                                                                                            <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3"
8124                                                             :class="{
8125                                                        'hidden' : hoverSubmenuPanelActiveId !== 'category-node-801',
8126                                                        'block' : hoverSubmenuPanelActiveId === 'category-node-801'
8127                                                    }">
8128                                                            <div class="bg-gray-lighter rounded h-full py-12 px-10 flex">
8129                                                                <div class="w-3/5">
8130                                                                    <div class="font-bold text-sm mb-4">Selbstbräuner</div>
8131                                                                    <div class="flex flex-wrap">
8132                                                                                                                                                    <div class="w-1/3">
8133                                                                                <a href="https://www.haibu.de/beautyprodukte/selbstbrauner/lotion/"
8134                                                                                   title="Lotion"
8135                                                                                   class="text-black text-2xs py-1"
8136                                                                                >
8137                                                                                    Lotion                                                                                </a>
8138                                                                            </div>
8139                                                                                                                                                    <div class="w-1/3">
8140                                                                                <a href="https://www.haibu.de/beautyprodukte/selbstbrauner/spray/"
8141                                                                                   title="Spray"
8142                                                                                   class="text-black text-2xs py-1"
8143                                                                                >
8144                                                                                    Spray                                                                                </a>
8145                                                                            </div>
8146                                                                                                                                                    <div class="w-1/3">
8147                                                                                <a href="https://www.haibu.de/beautyprodukte/selbstbrauner/liquid/"
8148                                                                                   title="Liquid"
8149                                                                                   class="text-black text-2xs py-1"
8150                                                                                >
8151                                                                                    Liquid                                                                                </a>
8152                                                                            </div>
8153                                                                                                                                                    <div class="w-1/3">
8154                                                                                <a href="https://www.haibu.de/beautyprodukte/selbstbrauner/mousse/"
8155                                                                                   title="Mousse"
8156                                                                                   class="text-black text-2xs py-1"
8157                                                                                >
8158                                                                                    Mousse                                                                                </a>
8159                                                                            </div>
8160                                                                                                                                                    <div class="w-1/3">
8161                                                                                <a href="https://www.haibu.de/beautyprodukte/selbstbrauner/zubehor/"
8162                                                                                   title="Zubeh&#xF6;r"
8163                                                                                   class="text-black text-2xs py-1"
8164                                                                                >
8165                                                                                    Zubehör                                                                                </a>
8166                                                                            </div>
8167                                                                                                                                                    <div class="w-1/3">
8168                                                                                <a href="https://www.haibu.de/beautyprodukte/selbstbrauner/pflege/"
8169                                                                                   title="Pflege"
8170                                                                                   class="text-black text-2xs py-1"
8171                                                                                >
8172                                                                                    Pflege                                                                                </a>
8173                                                                            </div>
8174                                                                                                                                            </div>
8175                                                                </div>
8176                                                                <div class="w-2/
81765 flex justify-end">
8177                                                                                                                                    </div>
8178                                                            </div>
8179                                                        </div>
8180                                                                                                    </div>
8181                                                                                    </div>
8182
8183                                        <div class="w-1/6 navigation-menu">
8184                                                                                            <ul data-level="1">
8185<li><strong>Top Marken</strong></li>
8186<li><a title="MAC Cosmetics" href="https://www.haibu.de/marken/mac-cosmetics"><span>MAC Cosmetics</span></a></li>
8187<li><a title="Make-up Studio" href="https://www.haibu.de/marken/make-up-studio"><span>Make-up Studio</span></a></li>
8188<li><a title="Max Factor" href="https://www.haibu.de/marken/max-factor"><span>Max Factor</span></a></li>
8189<li><a title="SLA Paris" href="https://www.haibu.de/marken/sla-paris"><span>SLA Paris</span></a></li>
8190</ul>                                                                                    </div>
8191                                        <div class="w-1/6 navigation-menu">
8192                                                                                            <ul data-level="1">
8193<li><strong>Bestsellers</strong></li>
8194<li><a title="Lavertu Lipstick Excellent" href="https://www.haibu.de/lavertu-lipstick-excellent.html"><span>Lavertu Lipstick Excellent</span></a></li>
8195<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>
8196<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>
8197</a></li>
8198</ul>                                                                                    </div>
8199                                        <div class="w-1/6 navigation-menu">
8200                                                                                            <ul data-level="1">
8201<li><strong>Inspiration</strong></li>
8202<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>
8203<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>
8204<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>
8205</ul>                                                                                    </div>
8206                                        <div class="w-2/6 flex justify-end">
8207                                            <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>
8208                                    </div>
8209                                                            </div>
8210                        </div>
8211                                    </div>
8212                                            <div class="level-0"
8213                     x-on:mouseenter="debounce(() => hoverPanelActiveId = 'category-node-40', 200)"
8214                     x-on:mouseleave="debounce(() => hoverPanelActiveId = 0, 200)"
8215                >
8216                    <div class="flex items-center block py-3.5 font-medium">
8217                        <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"
8218                           :class="{'border-pink' : hoverPanelActiveId === 'category-node-40'}"
8219                           href="https://www.haibu.de/zubehor/"
8220                           title="Friseurbedarf"
8221                        >
8222                            Friseurbedarf                        </a>
8223                    </div>
8224
8225                                            <div class="absolute z-10 hidden left-1/2 right-1/2 svw bottom-auto top-full shadow-lg bg-white"
8226                             :class="{
8227                                'hidden' : hoverPanelActiveId !== 'category-node-40',
8228                                'block' : hoverPanelActiveId === 'category-node-40'
8229                            }">
8230                            <div class="container relative pt-16 pb-24">
8231                                                                    <div class="flex">
8232                                        <div class="w-1/6">
8233                                            <div class="font-bold text-sm mb-4 px-3">Friseurbedarf</div>
8234                                                                                            <div
8235                                                    x-on:mouseenter="
8236                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-169', 200);
8237                                                        hoverSubmenuPanelActiveIdClass = 'category-node-169'
8238                                                    "
8239                                                    x-on:mouseleave="
8240                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
8241                                                        hoverSubmenuPanelActiveIdClass = 0
8242                                                    "
8243                                                >
8244                                                    <div class="mb-0.5">
8245                                                        <a href="https://www.haibu.de/zubehor/farbebedarf/"
8246                                                           title="F&#xE4;rbebedarf"
8247                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
8248                                                           :class="{
8249                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-169'
8250                                                           }"
8251                                                        >
8252                                                            Färbebedarf                                                        </a>
8253                                                    </div>
8254
8255                                                                                                            <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3"
8256                                                             :class="{
8257                                                        'hidden' : hoverSubmenuPanelActiveId !== 'category-node-169',
8258                                                        'block' : hoverSubmenuPanelActiveId === 'category-node-169'
8259                                                    }">
8260                                                            <div class="bg-gray-lighter rounded h-full py-12 px-10 flex">
8261                                                                <div class="w-3/5">
8262                                                                    <div class="font-bold text-sm mb-4">Färbebedarf</div>
8263                                                                    <div class="flex flex-wrap">
8264                                                                                                                                                    <div class="w-1/3">
8265                                                                                <a href="https://www.haibu.de/zubehor/farbebedarf/alufolie/"
8266                                                                                   title="Alufolie"
8267                                                                                   class="text-black text-2xs py-1"
8268                                                                                >
8269                                                                                    Alufolie                                                                                </a>
8270                                                                            </div>
8271                                                                                                                                                    <div class="w-1/3">
8272                                                                                <a href="https://www.haibu.de/zubehor/farbebedarf/blondieren/"
8273                                                                                   title="Blondieren"
8274                                                                                   class="text-black text-2xs py-1"
8275                                                                                >
8276                                                                                    Blondieren                                                                                </a>
8277                                                                            </div>
8278                                                                                                                                                    <div class="w-1/3">
8279                                                                                <a href="https://www.haibu.de/zubehor/farbebedarf/dosierflasche-applikator-haarfarbemittel/"
8280                                                                                   title="Haarf&#xE4;rbeapplikator"
8281                                                                                   class="text-black text-2xs py-1"
8282                                                                                >
8283                                                                                    Haarfärbeapplikator                                                                                </a>
8284                                                                            </div>
8285                                                                                                                                                    <div class="w-1/3">
8286                                                                                <a href="https://www.haibu.de/zubehor/farbebedarf/farbeschalen/"
8287                                                                                   title="F&#xE4;rbeschalen"
8288                                                                                   class="text-black text-2xs py-1"
8289                                                                                >
8290                                                                                    Färbeschalen                                                                                </a>
8291                                                                            </div>
8292                                                                                                                                                    <div class="w-1/3">
8293                                                                                <a href="https://www.haibu.de/zubehor/farbebedarf/haarfarbemittel-entferner/"
8294                                                                                   title="Haarf&#xE4;rbemittel-Entferner"
8295                                                                                   class="text-black text-2xs py-1"
8296                                                                                >
8297                                                                                    Haarfärbemittel-Entferner                                                                                </a>
8298                                                                            </div>
8299                                                                                                                                                    <div class="w-1/3">
8300                                                                                <a href="https://www.haibu.de/zubehor/farbebedarf/handtucher/"
8301                                                                                   title="Handt&#xFC;cher"
8302                                                                                   class="text-black text-2xs py-1"
8303                                                                                >
8304                                                                                    Handtücher                                                                                </a>
8305                                                                            </div>
8306                                                                                                                                                    <div class="w-1/3">
8307                                                                                <a href="https://www.haibu.de/zubehor/farbebedarf/handschuhe/"
8308                                                                                   title="Handschuhe&#x20;"
8309                                                                                   class="text-black text-2xs py-1"
8310                                                                                >
8311                                                                                    Handschuhe                                                                                 </a>
8312                                                                            </div>
8313                                                                                                                                                    <div class="w-1/3">
8314                                                                                <a href="https://www.haibu.de/zubehor/farbebedarf/farbkarte/"
8315                                                                                   title="Farbkarte"
8316                                                                                   class="text-black text-2xs py-1"
8317                                                                                >
8318                                                                                    Farbkarte                                                                                </a>
8319                                                                            </div>
8320                                                                                                                                                    <div class="w-1/3">
8321                                                                                <a href="https://www.haibu.de/zubehor/farbebedarf/messbecher/"
8322                                                                                   title="Messbecher"
8323                                                                                   class="text-black text-2xs py-1"
8324                                                                                >
8325                                                                                    Messbecher                                                                                </a>
8326                                                                            </div>
8327                                                                                                                                                    <div class="w-1/3">
8328                                                                                <a href="https://www.haibu.de/zubehor/farbebedarf/pumpen/"
8329                                                                                   title="Pumpen"
8330                                                                                   class="text-black text-2xs py-1"
8331                                                  
8331                              >
8332                                                                                    Pumpen                                                                                </a>
8333                                                                            </div>
8334                                                                                                                                                    <div class="w-1/3">
8335                                                                                <a href="https://www.haibu.de/zubehor/farbebedarf/farbepinsel/"
8336                                                                                   title="F&#xE4;rbepinsel"
8337                                                                                   class="text-black text-2xs py-1"
8338                                                                                >
8339                                                                                    Färbepinsel                                                                                </a>
8340                                                                            </div>
8341                                                                                                                                                    <div class="w-1/3">
8342                                                                                <a href="https://www.haibu.de/zubehor/farbebedarf/farbeschurzen/"
8343                                                                                   title="F&#xE4;rbesch&#xFC;rzen"
8344                                                                                   class="text-black text-2xs py-1"
8345                                                                                >
8346                                                                                    Färbeschürzen                                                                                </a>
8347                                                                            </div>
8348                                                                                                                                                    <div class="w-1/3">
8349                                                                                <a href="https://www.haibu.de/zubehor/farbebedarf/waagen/"
8350                                                                                   title="Waagen"
8351                                                                                   class="text-black text-2xs py-1"
8352                                                                                >
8353                                                                                    Waagen                                                                                </a>
8354                                                                            </div>
8355                                                                                                                                                    <div class="w-1/3">
8356                                                                                <a href="https://www.haibu.de/zubehor/farbebedarf/einwegartikel/"
8357                                                                                   title="Einwegartikel"
8358                                                                                   class="text-black text-2xs py-1"
8359                                                                                >
8360                                                                                    Einwegartikel                                                                                </a>
8361                                                                            </div>
8362                                                                                                                                                    <div class="w-1/3">
8363                                                                                <a href="https://www.haibu.de/zubehor/farbebedarf/hauben/"
8364                                                                                   title="Hauben"
8365                                                                                   class="text-black text-2xs py-1"
8366                                                                                >
8367                                                                                    Hauben                                                                                </a>
8368                                                                            </div>
8369                                                                                                                                            </div>
8370                                                                </div>
8371                                                                <div class="w-2/
83715 flex justify-end">
8372                                                                                                                                    </div>
8373                                                            </div>
8374                                                        </div>
8375                                                                                                    </div>
8376                                                                                            <div
8377                                                    x-on:mouseenter="
8378                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-176', 200);
8379                                                        hoverSubmenuPanelActiveIdClass = 'category-node-176'
8380                                                    "
8381                                                    x-on:mouseleave="
8382                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
8383                                                        hoverSubmenuPanelActiveIdClass = 0
8384                                                    "
8385                                                >
8386                                                    <div class="mb-0.5">
8387                                                        <a href="https://www.haibu.de/zubehor/schneidebedarf/"
8388                                                           title="Schneidebedarf"
8389                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
8390                                                           :class="{
8391                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-176'
8392                                                           }"
8393                                                        >
8394                                                            Schneidebedarf                                                        </a>
8395                                                    </div>
8396
8397                                                                                                            <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3"
8398                                                             :class="{
8399                                                        'hidden' : hoverSubmenuPanelActiveId !== 'category-node-176',
8400                                                        'block' : hoverSubmenuPanelActiveId === 'category-node-176'
8401                                                    }">
8402                                                            <div class="bg-gray-lighter rounded h-full py-12 px-10 flex">
8403                                                                <div class="w-3/5">
8404                                                                    <div class="font-bold text-sm mb-4">Schneidebedarf</div>
8405                                                                    <div class="flex flex-wrap">
8406                                                                                                                                                    <div class="w-1/3">
8407                                                                                <a href="https://www.haibu.de/zubehor/schneidebedarf/friseurschere/"
8408                                                                                   title="Friseurschere"
8409                                                                                   class="text-black text-2xs py-1"
8410                                                                                >
8411                                                                                    Friseurschere                                                                                </a>
8412                                                                            </div>
8413                                                                                                                                                    <div class="w-1/3">
8414                                                                                <a href="https://www.haibu.de/zubehor/schneidebedarf/haarbursten/"
8415                                                                                   title="Haarb&#xFC;rsten"
8416                                                                                   class="text-black text-2xs py-1"
8417                                                                                >
8418                                                                                    Haarbürsten                                                                                </a>
8419                                                                            </div>
8420                                                                                                                                                    <div class="w-1/3">
8421                                                                                <a href="https://www.haibu.de/zubehor/schneidebedarf/haarkamme/"
8422                                                                                   title="Haark&#xE4;mme"
8423                                                                                   class="text-black text-2xs py-1"
8424                                                                                >
8425                                                                                    Haarkämme                                                                                </a>
8426                                                                            </div>
8427                                                                                                                                                    <div class="w-1/3">
8428                                                                                <a href="https://www.haibu.de/zubehor/schneidebedarf/friseurumhange/"
8429                                                                                   title="Friseurumh&#xE4;nge"
8430                                                                                   class="text-black text-2xs py-1"
8431                                                                                >
8432                                                                                    Friseurumhänge                                                                                </a>
8433                                                                            </div>
8434                                                                                                                                                    <div class="w-1/3">
8435                                                                                <a href="https://www.haibu.de/zubehor/schneidebedarf/friseurklingen/"
8436                                                                                   title="Friseurklingen"
8437                                                                                   class="text-black text-2xs py-1"
8438                                                                                >
8439                                                                                    Friseurklingen                                                                                </a>
8440                                                                            </div>
8441                                                                                                                                                    <div class="w-1/3">
8442                                                                                <a href="https://www.haibu.de/zubehor/schneidebedarf/klammern/"
8443                                                                                   title="Klammern"
8444                                                                                   class="text-black text-2xs py-1"
8445                                                                                >
8446                                                                                    Klammern                                                                                </a>
8447                                                                            </div>
8448                                                                                                                                                    <div class="w-1/3">
8449                                                                                <a href="https://www.haibu.de/zubehor/schneidebedarf/nackenbursten/"
8450                                                                                   title="Nackenb&#xFC;rsten"
8451                                                                                   class="text-black text-2xs py-1"
8452                                                                                >
8453                                                                                    Nackenbürsten                                                                                </a>
8454                                                                            </div>
8455                                                                                                                                                    <div class="w-1/3">
8456                                                                                <a href="https://www.haibu.de/zubehor/schneidebedarf/feger-handfeger/"
8457                                                                                   title="Feger&#x2F;Handfeger"
8458                                                                                   class="text-black text-2xs py-1"
8459                                                                                >
8460                                                                                    Feger/Handfeger                                                                                </a>
8461                                                                            </div>
8462                                                                                                                                                    <div class="w-1/3">
8463                                                                                <a href="https://www.haibu.de/zubehor/schneidebedarf/wasserspruhflaschen/"
8464                                                                                   title="Wasserspr&#xFC;hflaschen"
8465                                                                                   class="text-black text-2xs py-1"
8466                                                                                >
8467                                                                                    Wassersprühflaschen                                                                                </a>
8468                                                                            </div>
8469                                                                                                                                                    <div class="w-1/3">
8470                                                                                <a href="https://www.haibu.de/zubehor/schneidebedarf/einwegartikel/"
8471                                                                                   title="Einwegartikel"
8472                                                                                   class="text-black text-2xs py-1"
8473                                                                                >
8474                                                                                    Einwegartikel                                                                                </a>
8475                                                                            </div>
8476                                                                                                                                            </div>
8477                                                                </div>
8478                                                                <div class="w-2/
84785 flex justify-end">
8479                                                                                                                                    </div>
8480                                                            </div>
8481                                                        </div>
8482                                                                                                    </div>
8483                                                                                            <div
8484                                                    x-on:mouseenter="
8485                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-170', 200);
8486                                                        hoverSubmenuPanelActiveIdClass = 'category-node-170'
8487                                                    "
8488                                                    x-on:mouseleave="
8489                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
8490                                                        hoverSubmenuPanelActiveIdClass = 0
8491                                                    "
8492                                                >
8493                                                    <div class="mb-0.5">
8494                                                        <a href="https://www.haibu.de/zubehor/waschen/"
8495                                                           title="Waschen"
8496                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
8497                                                           :class="{
8498                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-170'
8499                                                           }"
8500                                                        >
8501                                                            Waschen                                                        </a>
8502                                                    </div>
8503
8504                                                                                                            <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3"
8505                                                             :class="{
8506                                                        'hidden' : hoverSubmenuPanelActiveId !== 'category-node-170',
8507                                                        'block' : hoverSubmenuPanelActiveId === 'category-node-170'
8508                                                    }">
8509                                                            <div class="bg-gray-lighter rounded h-full py-12 px-10 flex">
8510                                                                <div class="w-3/5">
8511                                                                    <div class="font-bold text-sm mb-4">Waschen</div>
8512                                                                    <div class="flex flex-wrap">
8513                                                                                                                                                    <div class="w-1/3">
8514                                                                                <a href="https://www.haibu.de/zubehor/waschen/handtucher/"
8515                                                                                   title="Waschen&#x20;Handt&#xFC;cher"
8516                                                                                   class="text-black text-2xs py-1"
8517                                                                                >
8518                                                                                    Waschen Handtücher                                                                                </a>
8519                                                                            </div>
8520                                                                                                                                                    <div class="w-1/3">
8521                                                                                <a href="https://www.haibu.de/zubehor/waschen/nackenschutz/"
8522                                                                                   title="Nackenschutz"
8523                                                                                   class="text-black text-2xs py-1"
8524                                                                                >
8525                                                                                    Nackenschutz                                                                                </a>
8526                                                                            </div>
8527                                                                                                                                                    <div class="w-1/3">
8528                                                                                <a href="https://www.haibu.de/zubehor/waschen/mobile-waschbecken/"
8529                                                                                   title="Mobile&#x20;Waschbecken"
8530                                                                                   class="text-black text-2xs py-1"
8531                                                                                >
8532                                                                                    Mobile Waschbecken                                                                                </a>
8533                                                                            </div>
8534                                                                                                                                                    <div class="w-1/3">
8535                                                                                <a href="https://www.haibu.de/catalog/category/view/s/grossbehalter/id/832/"
8536                                                                                   title="Gro&#xDF;beh&#xE4;lter"
8537                                                                                   class="text-black text-2xs py-1"
8538                                                                                >
8539                                                                                    Großbehälter                                                                                </a>
8540                                                                            </div>
8541                                                                                                                                            </div>
8542                                                                </div>
8543                                                                <div class="w-2/
85435 flex justify-end">
8544                                                                                                                                    </div>
8545                                                            </div>
8546                                                        </div>
8547                                                                                                    </div>
8548                                                                                            <div
8549                                                    x-on:mouseenter="
8550                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-171', 200);
8551                                                        hoverSubmenuPanelActiveIdClass = 'category-node-171'
8552                                                    "
8553                                                    x-on:mouseleave="
8554                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
8555                                                        hoverSubmenuPanelActiveIdClass = 0
8556                                                    "
8557                                                >
8558                                                    <div class="mb-0.5">
8559                                                        <a href="https://www.haibu.de/zubehor/dauerwelle/"
8560                                                           title="Dauerwelle"
8561                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
8562                                                           :class="{
8563                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-171'
8564                                                           }"
8565                                                        >
8566                                                            Dauerwelle                                                        </a>
8567                                                    </div>
8568
8569                                                                                                            <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3"
8570                                                             :class="{
8571                                                        'hidden' : hoverSubmenuPanelActiveId !== 'category-node-171',
8572                                                        'block' : hoverSubmenuPanelActiveId === 'category-node-171'
8573                                                    }">
8574                                                            <div class="bg-gray-lighter rounded h-full py-12 px-10 flex">
8575                                                                <div class="w-3/5">
8576                                                                    <div class="font-bold text-sm mb-4">Dauerwelle</div>
8577                                                                    <div class="flex flex-wrap">
8578                                                                                                                                                    <div class="w-1/3">
8579                                                                                <a href="https://www.haibu.de/zubehor/dauerwelle/grossbehalter/"
8580                                                                                   title="Gro&#xDF;beh&#xE4;lter"
8581                                                                                   class="text-black text-2xs py-1"
8582                                                                                >
8583                                                                                    Großbehälter                                                                                </a>
8584                                                                            </div>
8585                                                                                                                                                    <div class="w-1/3">
8586                                                                                <a href="https://www.haibu.de/zubehor/dauerwelle/haarnetze/"
8587                                                                                   title="Haarnetze"
8588                                                                                   class="text-black text-2xs py-1"
8589                                                                                >
8590                                                                                    Haarnetze                                                                                </a>
8591                                                                            </div>
8592                                                                                                                                                    <div class="w-1/3">
8593                                                                                <a href="https://www.haibu.de/zubehor/dauerwelle/kleberollen/"
8594                                                                                   title="Kleberollen"
8595                                                                                   class="text-black text-2xs py-1"
8596                                                                                >
8597                                                                                    Kleberollen                                                                                </a>
8598                                                                            </div>
8599                                                                                                                                                    <div class="w-1/3">
8600                                                                                <a href="https://www.haibu.de/zubehor/dauerwelle/papilotten/"
8601                                                                                   title="Papilotten"
8602                                                                                   class="text-black text-2xs py-1"
8603                                                                                >
8604                                                                                    Papilotten                                                                                </a>
8605                                                                            </div>
8606                                                                                                                                                    <div class="w-1/3">
8607                                                                                <a href="https://www.haibu.de/zubehor/dauerwelle/dauerwelle-hauben/"
8608                                                                                   title="Dauerwelle&#x20;Hauben"
8609                                                                                   class="text-black text-2xs py-1"
8610                                                                                >
8611                                                                                    Dauerwelle Hauben                                                                                </a>
8612                                                                            </div>
8613                                                                                                                                                    <div class="w-1/3">
8614                                                                                <a href="https://www.haibu.de/zubehor/dauerwelle/dauerwelle-stangen-stifte/"
8615                                                                                   title="Dauerwelle&#x20;Stangen&#x2F;Stifte"
8616                                                                                   class="text-black text-2xs py-1"
8617                                                                                >
8618                                                                                    Dauerwelle Stangen/Stifte                                                                                </a>
8619                                                                            </div>
8620                                                                                                                                                    <div class="w-1/3">
8621                                                                                <a href="https://www.haibu.de/zubehor/dauerwelle/dauerwelle-wickler/"
8622                                                                                   title="Gro&#xDF;e&#x20;Lockenwickler"
8623                                                                                   class="text-black text-2xs py-1"
8624                                                                                >
8625                                                                                    Große Lockenwickler                                                                                </a>
8626                                                                            </div>
8627                                                                                                                                                    <div class="w-1/3">
8628                                                                                <a href="https://www.haibu.de/zubehor/dauerwelle/wasserwellenwalzen/"
8629                                                                                   title="Drahtwickler"
8630                                                                                   class="text-black text-2xs py-1"
8631                                                                                >
8632                                                                                    Drahtwickler                                                                                </a>
8633                                                                            </div>
8634                                                                                                                                                    <div class="w-1/3">
8635                                                                                <a href="https://www.haibu.de/zubehor/dauerwelle/einwegartikel/"
8636                                                                                   title="Einwegartikel"
8637                                                                                   class="text-black text-2xs py-1"
8638                                                                                >
8639                                                                                    Einwegartikel                                                                                </a>
8640                                                                            </div>
8641                                                                                                                                            </div>
8642                                                                </div>
8643                                                                <div class="w-2/
86435 flex justify-end">
8644                                                                                                                                    </div>
8645                                                            </div>
8646                                                        </div>
8647                                                                                                    </div>
8648                                                                                            <div
8649                                                    x-on:mouseenter="
8650                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-172', 200);
8651                                                        hoverSubmenuPanelActiveIdClass = 'category-node-172'
8652                                                    "
8653                                                    x-on:mouseleave="
8654                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
8655                                                        hoverSubmenuPanelActiveIdClass = 0
8656                                                    "
8657                                                >
8658                                                    <div class="mb-0.5">
8659                                                        <a href="https://www.haibu.de/zubehor/mobile-schneider/"
8660                                                           title="Mobiler&#x20;Friseur"
8661                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
8662                                                           :class="{
8663                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-172'
8664                                                           }"
8665                                                        >
8666                                                            Mobiler Friseur                                                        </a>
8667                                                    </div>
8668
8669                                                                                                            <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3"
8670                                                             :class="{
8671                                                        'hidden' : hoverSubmenuPanelActiveId !== 'category-node-172',
8672                                                        'block' : hoverSubmenuPanelActiveId === 'category-node-172'
8673                                                    }">
8674                                                            <div class="bg-gray-lighter rounded h-full py-12 px-10 flex">
8675                                                                <div class="w-3/5">
8676                                                                    <div class="font-bold text-sm mb-4">Mobiler Friseur</div>
8677                                                                    <div class="flex flex-wrap">
8678                                                                                                                                                    <div class="w-1/3">
8679                                                                                <a href="https://www.haibu.de/zubehor/mobile-schneider/handbrause/"
8680                                                                                   title="Handbrause"
8681                                                                                   class="text-black text-2xs py-1"
8682                                                                                >
8683                                                                                    Handbrause                                                                                </a>
8684                                                                            </div>
8685                                                                                                                                                    <div class="w-1/3">
8686                                                                                <a href="https://www.haibu.de/zubehor/mobile-schneider/hufttaschen/"
8687                                                                                   title="H&#xFC;fttaschen"
8688                                                                                   class="text-black text-2xs py-1"
8689                                                                                >
8690                                                                                    Hüfttaschen                                                                                </a>
8691                                                                            </div>
8692                                                                                                                                                    <div class="w-1/3">
8693                                                                                <a href="https://www.haibu.de/zubehor/mobile-schneider/terminplaner/"
8694                                                                                   title="Terminplaner"
8695                                                                                   class="text-black text-2xs py-1"
8696                                                                                >
8697                                                                                    Terminplaner                                                                                </a>
8698                                                                            </div>
8699                                                                                                                                                    <div class="w-1/3">
8700                                                                                <a href="https://www.haibu.de/zubehor/mobile-schneider/fall-friseur/"
8701                                                                                   title="Fall&#x20;Friseur"
8702                                                                                   class="text-black text-2xs py-1"
8703                                                                                >
8704                                                                                    Fall Friseur                                                                                </a>
8705                                                                            </div>
8706                                                                                                                                                    <div class="w-1/3">
8707                                                                                <a href="https://www.haibu.de/zubehor/mobile-schneider/friseurhockers/"
8708                                                                                   title="Friseurhocker"
8709                                                                                   class="text-black text-2xs py-1"
8710                                                                                >
8711                                                                                    Friseurhocker                                                                                </a>
8712                                                                            </div>
8713                                                                                                                                                    <div class="w-1/3">
8714                                                                                <a href="https://www.haibu.de/zubehor/mobile-schneider/friseurtasche/"
8715                                                                                   title="Friseurtasche"
8716                                                                                   class="text-black text-2xs py-1"
8717                                                                                >
8718                                                                                    Friseurtasche                                                                                </a>
8719                                                                            </div>
8720                                                                                                                                                    <div class="w-1/3">
8721                                                                                <a href="https://www.haibu.de/zubehor/mobile-schneider/friseurwagen/"
8722                                                                                   title="Friseurwagen"
8723                                                                                   class="text-black text-2xs py-1"
8724                                                                                >
8725                                                                                    Friseurwagen                                                                                </a>
8726                                                                            </div>
8727                                                                                                                                                    <div class="w-1/3">
8728                                                                                <a href="https://www.haibu.de/zubehor/mobile-schneider/mobile-waschbecken/"
8729                                                                                   title="Mobile&#x20;Waschbecken"
8730                                                                                   class="text-black text-2xs py-1"
8731                                                                                >
8732                                                                                    Mobile Waschbecken                                                                                </a>
8733                                                                            </div>
8734                                                                                                                                                    <div class="w-1/3">
8735                                                                                <a href="https://www.haibu.de/zubehor/mobile-schneider/nackenschutz/"
8736                                                                                   title="Nackenschutz"
8737                                                                                   class="text-black text-2xs py-1"
8738                                                                                >
8739                                                                                    Nackenschutz                                                                                </a>
8740                                                                            </div>
8741                                                                                                                                                    <div class="w-1/3">
8742                                                                                <a href="https://www.haibu.de/zubehor/mobile-schneider/spiegel-halter/"
8743                                                                                   title="Spiegel&#x28;halter&#x29;"
8744                                                                                   class="text-black text-2xs py-1"
8745                                                                                >
8746                                                                                    Spiegel(halter)                                                                                </a>
8747                                                                            </div>
8748                                                                                                                                                    <div class="w-1/3">
8749                                                                                <a href="https://www.haibu.de/zubehor/mobile-schneider/wasserspruhflaschen/"
8750                                                                                   title="Wasserspr&#xFC;hflaschen"
8751                                                                                   class="text-black text-2xs py-1"
8752                                                                                >
8753                                                                                    Wassersprühflaschen                                                                                </a>
8754                                                                            </div>
8755                                                                                                                                                    <div class="w-1/3">
8756                                                                                <a href="https://www.haibu.de/zubehor/mobile-schneider/arbeitswagen/"
8757                                                                                   title="Arbeitswagen"
8758                                                                                   class="text-black text-2xs py-1"
8759                                                                                >
8760                                                                                    Arbeitswagen                                                                                </a>
8761                                                                            </div>
8762                                                                                                                                            </div>
8763                                                                </div>
8764                                                                <div class="w-2/
87645 flex justify-end">
8765                                                                                                                                    </div>
8766                                                            </div>
8767                                                        </div>
8768                                                                                                    </div>
8769                                                                                            <div
8770                                                    x-on:mouseenter="
8771                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-6922', 200);
8772                                                        hoverSubmenuPanelActiveIdClass = 'category-node-6922'
8773                                                    "
8774                                                    x-on:mouseleave="
8775                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
8776                                                        hoverSubmenuPanelActiveIdClass = 0
8777                                                    "
8778                                                >
8779                                                    <div class="mb-0.5">
8780                                                        <a href="https://www.haibu.de/zubehor/salonbedarf/"
8781                                                           title="Salonbedarf"
8782                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
8783                                                           :class="{
8784                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-6922'
8785                                                           }"
8786                                                        >
8787                                                            Salonbedarf                                                        </a>
8788                                                    </div>
8789
8790                                                                                                    </div>
8791                                                                                            <div
8792                                                    x-on:mouseenter="
8793                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-174', 200);
8794                                                        hoverSubmenuPanelActiveIdClass = 'category-node-174'
8795                                                    "
8796                                                    x-on:mouseleave="
8797                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
8798                                                        hoverSubmenuPanelActiveIdClass = 0
8799                                                    "
8800                                                >
8801                                                    <div class="mb-0.5">
8802                                                        <a href="https://www.haibu.de/zubehor/ubungsbedarf/"
8803                                                           title="&#xDC;bungsbedarf"
8804                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
8805                                                           :class="{
8806                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-174'
8807                                                           }"
8808                                                        >
8809                                                            Übungsbedarf                                                        </a>
8810                                                    </div>
8811
8812                                                                                                            <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3"
8813                                                             :class="{
8814                                                        'hidden' : hoverSubmenuPanelActiveId !== 'category-node-174',
8815                                                        'block' : hoverSubmenuPanelActiveId === 'category-node-174'
8816                                                    }">
8817                                                            <div class="bg-gray-lighter rounded h-full py-12 px-10 flex">
8818                                                                <div class="w-3/5">
8819                                                                    <div class="font-bold text-sm mb-4">Übungsbedarf</div>
8820                                                                    <div class="flex flex-wrap">
8821                                                                                                                                                    <div class="w-1/3">
8822                                                                                <a href="https://www.haibu.de/zubehor/ubungsbedarf/zubehor/"
8823                                                                                   title="Zubeh&#xF6;r"
8824                                                                                   class="text-black text-2xs py-1"
8825                                                                                >
8826                                                                                    Zubehör                                                                                </a>
8827                                                                            </div>
8828                                                                                                                                                    <div class="w-1/3">
8829                                                                                <a href="https://www.haibu.de/zubehor/ubungsbedarf/ubungskopf/"
8830                                                                                   title="&#xDC;bungskopf"
8831                                                                                   class="text-black text-2xs py-1"
8832                                                                                >
8833                                                                                    Übungskopf                                                                                </a>
8834                                                                            </div>
8835                                                                                                                                            </div>
8836                                                                </div>
8837                                                                <div class="w-2/
88375 flex justify-end">
8838                                                                                                                                    </div>
8839                                                            </div>
8840                                                        </div>
8841                                                                                                    </div>
8842                                                                                            <div
8843                                                    x-on:mouseenter="
8844                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-4154', 200);
8845                                                        hoverSubmenuPanelActiveIdClass = 'category-node-4154'
8846                                                    "
8847                                                    x-on:mouseleave="
8848                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
8849                                                        hoverSubmenuPanelActiveIdClass = 0
8850                                                    "
8851                                                >
8852                                                    <div class="mb-0.5">
8853                                                        <a href="https://www.haibu.de/zubehor/hygiene-producten/"
8854                                                           title="Hygieneprodukte"
8855                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
8856                                                           :class="{
8857                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-4154'
8858                                                           }"
8859                                                        >
8860                                                            Hygieneprodukte                                                        </a>
8861                                                    </div>
8862
8863                                                                                                            <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3"
8864                                                             :class="{
8865                                                        'hidden' : hoverSubmenuPanelActiveId !== 'category-node-4154',
8866                                                        'block' : hoverSubmenuPanelActiveId === 'category-node-4154'
8867                                                    }">
8868                                                            <div class="bg-gray-lighter rounded h-full py-12 px-10 flex">
8869                                                                <div class="w-3/5">
8870                                                                    <div class="font-bold text-sm mb-4">Hygieneprodukte</div>
8871                                                                    <div class="flex flex-wrap">
8872                                                                                                                                                    <div class="w-1/3">
8873                                                                                <a href="https://www.haibu.de/zubehor/hygiene-producten/mondkapjes/"
8874                                                                                   title="Mondkapjes"
8875                                                                                   class="text-black text-2xs py-1"
8876                                                                                >
8877                                                                                    Mondkapjes                                                                                </a>
8878                                                                            </div>
8879                                                                                                                                                    <div class="w-1/3">
8880                                                                                <a href="https://www.haibu.de/zubehor/hygiene-producten/reinigungsmittel/"
8881                                                                                   title="Reinigungsmittel"
8882                                                                                   class="text-black text-2xs py-1"
8883                                                                                >
8884                                                                                    Reinigungsmittel                                                                                </a>
8885                                                                            </div>
8886                                                                                                                                            </div>
8887                                                                </div>
8888                                                                <div class="w-2/
88885 flex justify-end">
8889                                                                                                                                    </div>
8890                                                            </div>
8891                                                        </div>
8892                                                                                                    </div>
8893                                                                                            <div
8894                                                    x-on:mouseenter="
8895                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-173', 200);
8896                                                        hoverSubmenuPanelActiveIdClass = 'category-node-173'
8897                                                    "
8898                                                    x-on:mouseleave="
8899                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
8900                                                        hoverSubmenuPanelActiveIdClass = 0
8901                                                    "
8902                                                >
8903                                                    <div class="mb-0.5">
8904                                                        <a href="https://www.haibu.de/zubehor/haarprodukte-accessoires/"
8905                                                           title="Haarprodukte&#x20;Accessoires"
8906                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
8907                                                           :class="{
8908                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-173'
8909                                                           }"
8910                                                        >
8911                                                            Haarprodukte Accessoires                                                        </a>
8912                                                    </div>
8913
8914                                                                                                            <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3"
8915                                                             :class="{
8916                                                        'hidden' : hoverSubmenuPanelActiveId !== 'category-node-173',
8917                                                        'block' : hoverSubmenuPanelActiveId === 'category-node-173'
8918                                                    }">
8919                                                            <div class="bg-gray-lighter rounded h-full py-12 px-10 flex">
8920                                                                <div class="w-3/5">
8921                                                                    <div class="font-bold text-sm mb-4">Haarprodukte Accessoires</div>
8922                                                                    <div class="flex flex-wrap">
8923                                                                                                                                                    <div class="w-1/3">
8924                                                                                <a href="https://www.haibu.de/zubehor/haarprodukte-accessoires/haargummi/"
8925                                                                                   title="Haargummi"
8926                                                                                   class="text-black text-2xs py-1"
8927                                                                                >
8928                                                                                    Haargummi                                                                                </a>
8929                                                                            </div>
8930                                                                                                                                                    <div class="w-1/3">
8931                                                                                <a href="https://www.haibu.de/zubehor/haarprodukte-accessoires/haarschmuck/"
8932                                                                                   title="Haarschmuck"
8933                                                                                   class="text-black text-2xs py-1"
8934                                                                                >
8935                                                                                    Haarschmuck                                                                                </a>
8936                                                                            </div>
8937                                                                                                                                                    <div class="w-1/3">
8938                                                                                <a href="https://www.haibu.de/zubehor/haarprodukte-accessoires/geflochtene-haarbander/"
8939                                                                                   title="Geflochtene&#x20;Haarb&#xE4;nder"
8940                                                                                   class="text-black text-2xs py-1"
8941                                                                                >
8942                                                                                    Geflochtene Haarbänder                                                                                </a>
8943                                                                            </div>
8944                                                                                                                                                    <div class="w-1/3">
8945                                                                                <a href="https://www.haibu.de/zubehor/haarprodukte-accessoires/haardonut/"
8946                                                                                   title="Haardonut"
8947                                                                                   class="text-black text-2xs py-1"
8948                                                                                >
8949                                                                                    Haardonut                                                                                </a>
8950                                                                            </div>
8951                                                                                                                                                    <div class="w-1/3">
8952                                                                                <a href="https://www.haibu.de/zubehor/haarprodukte-accessoires/haar-klammer
8952n-spangen/"
8953                                                                                   title="Haarklammern&#x2F;-spangen"
8954                                                                                   class="text-black text-2xs py-1"
8955                                                                                >
8956                                                                                    Haarklammern/-spangen                                                                                </a>
8957                                                                            </div>
8958                                                                                                                                            </div>
8959                                                                </div>
8960                                                                <div class="w-2/5 flex justify-end">
8961                                                                                                                                    </div>
8962                                                            </div>
8963                                                        </div>
8964                                                                                                    </div>
8965                                                                                            <div
8966                                                    x-on:mouseenter="
8967                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-161', 200);
8968                                                        hoverSubmenuPanelActiveIdClass = 'category-node-161'
8969                                                    "
8970                                                    x-on:mouseleave="
8971                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
8972                                                        hoverSubmenuPanelActiveIdClass = 0
8973                                                    "
8974                                                >
8975                                                    <div class="mb-0.5">
8976                                                        <a href="https://www.haibu.de/zubehor/trocknungskappen/"
8977                                                           title="Trocknungskappen"
8978                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
8979                                                           :class="{
8980                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-161'
8981                                                           }"
8982                                                        >
8983                                                            Trocknungskappen                                                        </a>
8984                                                    </div>
8985
8986                                                                                                    </div>
8987                                                                                            <div
8988                                                    x-on:mouseenter="
8989                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-175', 200);
8990                                                        hoverSubmenuPanelActiveIdClass = 'category-node-175'
8991                                                    "
8992                                                    x-on:mouseleave="
8993                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
8994                                                        hoverSubmenuPanelActiveIdClass = 0
8995                                                    "
8996                                                >
8997                                                    <div class="mb-0.5">
8998                                                        <a href="https://www.haibu.de/zubehor/sonstiges/"
8999                                                           title="Sonstiges"
9000                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
9001                                                           :class="{
9002                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-175'
9003                                                           }"
9004                                                        >
9005                                                            Sonstiges                                                        </a>
9006                                                    </div>
9007
9008                                                                                                    </div>
9009                                                                                            <div
9010                                                    x-on:mouseenter="
9011                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-377', 200);
9012                                                        hoverSubmenuPanelActiveIdClass = 'category-node-377'
9013                                                    "
9014                                                    x-on:mouseleave="
9015                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
9016                                                        hoverSubmenuPanelActiveIdClass = 0
9017                                                    "
9018                                                >
9019                                                    <div class="mb-0.5">
9020                                                        <a href="https://www.haibu.de/zubehor/grossbehalter/"
9021                                                           title="Gro&#xDF;beh&#xE4;lter"
9022                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
9023                                                           :class="{
9024                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-377'
9025                                                           }"
9026                                                        >
9027                                                            Großbehälter                                                        </a>
9028                                                    </div>
9029
9030                                                                                                    </div>
9031                                                                                            <div
9032                                                    x-on:mouseenter="
9033                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-515', 200);
9034                                                        hoverSubmenuPanelActiveIdClass = 'category-node-515'
9035                                                    "
9036                                                    x-on:mouseleave="
9037                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
9038                                                        hoverSubmenuPanelActiveIdClass = 0
9039                                                    "
9040                                                >
9041                                                    <div class="mb-0.5">
9042                                                        <a href="https://www.haibu.de/zubehor/starterpakete/"
9043                                                           title="Starterpakete"
9044                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
9045                                                           :class="{
9046                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-515'
9047                                                           }"
9048                                                        >
9049                                                            Starterpakete                                                        </a>
9050                                                    </div>
9051
9052                                                                                                            <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3"
9053                                                             :class="{
9054                                                        'hidden' : hoverSubmenuPanelActiveId !== 'category-node-515',
9055                                                        'block' : hoverSubmenuPanelActiveId === 'category-node-515'
9056                                                    }">
9057                                                            <div class="bg-gray-lighter rounded h-full py-12 px-10 flex">
9058                                                                <div class="w-3/5">
9059                                                                    <div class="font-bold text-sm mb-4">Starterpakete</div>
9060                                                                    <div class="flex flex-wrap">
9061                                                                                                                                                    <div class="w-1/3">
9062                                                                                <a href="https://www.haibu.de/zubehor/starterpakete/ausstattung/"
9063                                                                                   title="Ausstattung"
9064                                                                                   class="text-black text-2xs py-1"
9065                                                                                >
9066                                                                                    Ausstattung                                                                                </a>
9067                                                                            </div>
9068                                                                                                                                                    <div class="w-1/3">
9069                                                                                <a href="https://www.haibu.de/zubehor/starterpakete/haarfarbe/"
9070                                                                                   title="Haarfarbe"
9071                                                                                   class="text-black text-2xs py-1"
9072                                                                                >
9073                                                                                    Haarfarbe                                                                                </a>
9074                                                                            </div>
9075                                                                                                                                            </div>
9076                                                                </div>
9077                                                                <div class="w-2/
90775 flex justify-end">
9078                                                                                                                                    </div>
9079                                                            </div>
9080                                                        </div>
9081                                                                                                    </div>
9082                                                                                    </div>
9083
9084                                        <div class="w-1/6 navigation-menu">
9085                                                                                            <ul data-level="1">
9086<li><strong>Top Marken</strong></li>
9087<li><a title="Sibel" href="/marken/sibel"><span>Sibel</span></a></li>
9088<li><a title="Ecoheads" href="/marken/ecoheads"><span>Ecoheads</span></a></li>
9089<li><a title="Comair" href="/marken/comair"><span>Comair</span></a></li>
9090<li><a title="Kyone" href="/marken/kyone"><span>Kyone</span></a></li>
9091<li><a title="Jaguar" href="/marken/jaguar"><span>Jaguar</span></a></li>
9092<li><a title="Sinelco" href="/marken/sinelco"><span>Sinelco</span></a></li>
9093</ul>                                                                                    </div>
9094                                        <div class="w-1/6 navigation-menu">
9095                                                                                            <ul data-level="1">
9096<li><strong>Inspiration</strong></li>
9097<li><a title="Entdecke alle Vorteile als PROFI" href="/blog/entdecke-alle-vorteile-als-profi"><span>Entdecke alle Vorteile als PROFI</span></a></li>
9098<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>
9099<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>
9100<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>
9101</ul>                                                                                    </div>
9102                                        <div class="w-1/6 navigation-menu">
9103                                                                                            <ul data-level="1">
9104<li><strong>Empfohlen</strong></li>
9105<li><a title="Alufolie" href="/zubehor/farbebedarf/alufolie">Alufolie</a></li>
9106<li><a title="Friseurschere" href="https://www.haibu.de/zubehor/schneidebedarf/schere/">Friseurschere</a></li>
9107<li><a title="Handschuhe" href="/zubehor/farbebedarf/handschuhe">Handschuhe</a></li>
9108<li><a title="Starterpakete" href="/zubehor/starterpakete">Starterpakete</a></li>
9109</ul>                                                                                    </div>
9110                                        <div class="w-2/6 flex justify-end">
9111                                            <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>
9112                                    </div>
9113                                                            </div>
9114                        </div>
9115                                    </div>
9116                                            <div class="level-0"
9117                     x-on:mouseenter="debounce(() => hoverPanelActiveId = 'category-node-41', 200)"
9118                     x-on:mouseleave="debounce(() => hoverPanelActiveId = 0, 200)"
9119                >
9120                    <div class="flex items-center block py-3.5 font-medium">
9121                        <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"
9122                           :class="{'border-pink' : hoverPanelActiveId === 'category-node-41'}"
9123                           href="https://www.haibu.de/manner/"
9124                           title="M&#xE4;nner"
9125                        >
9126                            Männer                        </a>
9127                    </div>
9128
9129                                            <div class="absolute z-10 hidden left-1/2 right-1/2 svw bottom-auto top-full shadow-lg bg-white"
9130                             :class="{
9131                                'hidden' : hoverPanelActiveId !== 'category-node-41',
9132                                'block' : hoverPanelActiveId === 'category-node-41'
9133                            }">
9134                            <div class="container relative pt-16 pb-24">
9135                                                                    <div class="flex">
9136                                        <div class="w-1/6">
9137                                            <div class="font-bold text-sm mb-4 px-3">Männer</div>
9138                                                                                            <div
9139                                                    x-on:mouseenter="
9140                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-380', 200);
9141                                                        hoverSubmenuPanelActiveIdClass = 'category-node-380'
9142                                                    "
9143                                                    x-on:mouseleave="
9144                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
9145                                                        hoverSubmenuPanelActiveIdClass = 0
9146                                                    "
9147                                                >
9148                                                    <div class="mb-0.5">
9149                                                        <a href="https://www.haibu.de/manner/pflege/"
9150                                                           title="Pflege"
9151                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
9152                                                           :class="{
9153                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-380'
9154                                                           }"
9155                                                        >
9156                                                            Pflege                                                        </a>
9157                                                    </div>
9158
9159                                                                                                            <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3"
9160                                                             :class="{
9161                                                        'hidden' : hoverSubmenuPanelActiveId !== 'category-node-380',
9162                                                        'block' : hoverSubmenuPanelActiveId === 'category-node-380'
9163                                                    }">
9164                                                            <div class="bg-gray-lighter rounded h-full py-12 px-10 flex">
9165                                                                <div class="w-3/5">
9166                                                                    <div class="font-bold text-sm mb-4">Pflege</div>
9167                                                                    <div class="flex flex-wrap">
9168                                                                                                                                                    <div class="w-1/3">
9169                                                                                <a href="https://www.haibu.de/manner/pflege/shampoo/"
9170                                                                                   title="Shampoo"
9171                                                                                   class="text-black text-2xs py-1"
9172                                                                                >
9173                                                                                    Shampoo                                                                                </a>
9174                                                                            </div>
9175                                                                                                                                                    <div class="w-1/3">
9176                                                                                <a href="https://www.haibu.de/manner/pflege/conditioner/"
9177                                                                                   title="Conditioner"
9178                                                                                   class="text-black text-2xs py-1"
9179                                                                                >
9180                                                                                    Conditioner                                                                                </a>
9181                                                                            </div>
9182                                                                                                                                                    <div class="w-1/3">
9183                                                                                <a href="https://www.haibu.de/manner/pflege/tonic/"
9184                                                                                   title="Tonic"
9185                                                                                   class="text-black text-2xs py-1"
9186                                                                                >
9187                                                                                    Tonic                                                                                </a>
9188                                                                            </div>
9189                                                                                                                                            </div>
9190                                                                </div>
9191                                                                <div class="w-2/
91915 flex justify-end">
9192                                                                                                                                    </div>
9193                                                            </div>
9194                                                        </div>
9195                                                                                                    </div>
9196                                                                                            <div
9197                                                    x-on:mouseenter="
9198                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-163', 200);
9199                                                        hoverSubmenuPanelActiveIdClass = 'category-node-163'
9200                                                    "
9201                                                    x-on:mouseleave="
9202                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
9203                                                        hoverSubmenuPanelActiveIdClass = 0
9204                                                    "
9205                                                >
9206                                                    <div class="mb-0.5">
9207                                                        <a href="https://www.haibu.de/manner/styling/"
9208                                                           title="Styling"
9209                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
9210                                                           :class="{
9211                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-163'
9212                                                           }"
9213                                                        >
9214                                                            Styling                                                        </a>
9215                                                    </div>
9216
9217                                                                                                            <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3"
9218                                                             :class="{
9219                                                        'hidden' : hoverSubmenuPanelActiveId !== 'category-node-163',
9220                                                        'block' : hoverSubmenuPanelActiveId === 'category-node-163'
9221                                                    }">
9222                                                            <div class="bg-gray-lighter rounded h-full py-12 px-10 flex">
9223                                                                <div class="w-3/5">
9224                                                                    <div class="font-bold text-sm mb-4">Styling</div>
9225                                                                    <div class="flex flex-wrap">
9226                                                                                                                                                    <div class="w-1/3">
9227                                                                                <a href="https://www.haibu.de/manner/styling/gel/"
9228                                                                                   title="Gel"
9229                                                                                   class="text-black text-2xs py-1"
9230                                                                                >
9231                                                                                    Gel                                                                                </a>
9232                                                                            </div>
9233                                                                                                                                                    <div class="w-1/3">
9234                                                                                <a href="https://www.haibu.de/manner/styling/wa
9234x/"
9235                                                                                   title="Wax"
9236                                                                                   class="text-black text-2xs py-1"
9237                                                                                >
9238                                                                                    Wax                                                                                </a>
9239                                                                            </div>
9240                                                                                                                                                    <div class="w-1/3">
9241                                                                                <a href="https://www.haibu.de/manner/styling/pomade/"
9242                                                                                   title="Pomade"
9243                                                                                   class="text-black text-2xs py-1"
9244                                                                                >
9245                                                                                    Pomade                                                                                </a>
9246                                                                            </div>
9247                                                                                                                                                    <div class="w-1/3">
9248                                                                                <a href="https://www.haibu.de/manner/styling/cream/"
9249                                                                                   title="Cream"
9250                                                                                   class="text-black text-2xs py-1"
9251                                                                                >
9252                                                                                    Cream                                                                                </a>
9253                                                                            </div>
9254                                                                                                                                                    <div class="w-1/3">
9255                                                                                <a href="https://www.haibu.de/manner/styling/clay/"
9256                                                                                   title="Clay"
9257                                                                                   class="text-black text-2xs py-1"
9258                                                                                >
9259                                                                                    Clay                                                                                </a>
9260                                                                            </div>
9261                                                                                                                                                    <div class="w-1/3">
9262                                                                                <a href="https://www.haibu.de/manner/styling/spray/"
9263                                                                                   title="Spray"
9264                                                                                   class="text-black text-2xs py-1"
9265                                                                                >
9266                                                                                    Spray                                                                                </a>
9267                                                                            </div>
9268                                                                                                                                                    <div class="w-1/3">
9269                                                                                <a href="https://www.haibu.de/manner/styling/paste/"
9270                                                                                   title="Paste"
9271                                                                                   class="text-black text-2xs py-1"
9272                                                                                >
9273                                                                                    Paste                                                                                </a>
9274                                                                            </div>
9275                                                                                                                                            </div>
9276                                                                </div>
9277                                                                <div class="w-2/
92775 flex justify-end">
9278                                                                                                                                    </div>
9279                                                            </div>
9280                                                        </div>
9281                                                                                                    </div>
9282                                                                                            <div
9283                                                    x-on:mouseenter="
9284                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-165', 200);
9285                                                        hoverSubmenuPanelActiveIdClass = 'category-node-165'
9286                                                    "
9287                                                    x-on:mouseleave="
9288                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
9289                                                        hoverSubmenuPanelActiveIdClass = 0
9290                                                    "
9291                                                >
9292                                                    <div class="mb-0.5">
9293                                                        <a href="https://www.haibu.de/manner/farbe/"
9294                                                           title="Farbe"
9295                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
9296                                                           :class="{
9297                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-165'
9298                                                           }"
9299                                                        >
9300                                                            Farbe                                                        </a>
9301                                                    </div>
9302
9303                                                                                                    </div>
9304                                                                                            <div
9305                                                    x-on:mouseenter="
9306                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-6048', 200);
9307                                                        hoverSubmenuPanelActiveIdClass = 'category-node-6048'
9308                                                    "
9309                                                    x-on:mouseleave="
9310                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
9311                                                        hoverSubmenuPanelActiveIdClass = 0
9312                                                    "
9313                                                >
9314                                                    <div class="mb-0.5">
9315                                                        <a href="https://www.haibu.de/manner/hautpflege/"
9316                                                           title="Hautpflege"
9317                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
9318                                                           :class="{
9319                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-6048'
9320                                                           }"
9321                                                        >
9322                                                            Hautpflege                                                        </a>
9323                                                    </div>
9324
9325                                                                                                    </div>
9326                                                                                            <div
9327                                                    x-on:mouseenter="
9328                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-5691', 200);
9329                                                        hoverSubmenuPanelActiveIdClass = 'category-node-5691'
9330                                                    "
9331                                                    x-on:mouseleave="
9332                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
9333                                                        hoverSubmenuPanelActiveIdClass = 0
9334                                                    "
9335                                                >
9336                                                    <div class="mb-0.5">
9337                                                        <a href="https://www.haibu.de/manner/rasierprodukte/"
9338                                                           title="Bartprodukte"
9339                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
9340                                                           :class="{
9341                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-5691'
9342                                                           }"
9343                                                        >
9344                                                            Bartprodukte                                                        </a>
9345                                                    </div>
9346
9347                                                                                                            <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3"
9348                                                             :class="{
9349                                                        'hidden' : hoverSubmenuPanelActiveId !== 'category-node-5691',
9350                                                        'block' : hoverSubmenuPanelActiveId === 'category-node-5691'
9351                                                    }">
9352                                                            <div class="bg-gray-lighter rounded h-full py-12 px-10 flex">
9353                                                                <div class="w-3/5">
9354                                                                    <div class="font-bold text-sm mb-4">Bartprodukte</div>
9355                                                                    <div class="flex flex-wrap">
9356                                                                                                                                                    <div class="w-1/3">
9357                                                                                <a href="https://www.haibu.de/manner/rasierprodukte/bartshampoo/"
9358                                                                                   title="Bartshampoo"
9359                                                                                   class="text-black text-2xs py-1"
9360                                                                                >
9361                                                                                    Bartshampoo                                                                                </a>
9362                                                                            </div>
9363                                                                                                                                                    <div class="w-1/3">
9364                                                                                <a href="https://www.haibu.de/manner/rasierprodukte/bartconditioner/"
9365                                                                                   title="Bartconditioner"
9366                                                                                   class="text-black text-2xs py-1"
9367                                                                                >
9368                                                                                    Bartconditioner                                                                                </a>
9369                                                                            </div>
9370                                                                                                                                                    <div class="w-1/3">
9371                                                                                <a href="https://www.haibu.de/manner/rasierprodukte/bartol/"
9372                                                                                   title="Bart&#xF6;l"
9373                                                                                   class="text-black text-2xs py-1"
9374                                                                                >
9375                                                                                    Bartöl                                                                                </a>
9376                                                                            </div>
9377                                                                                                                                                    <div class="w-1/3">
9378                                                                                <a href="https://www.haibu.de/manner/rasierprodukte/bartwax/"
9379                                                                                   title="Bartwax"
9380                                                                                   class="text-black text-2xs py-1"
9381                                                                                >
9382                                                                                    Bartwax                                                                                </a>
9383                                                                            </div>
9384                                                                                                                                            </div>
9385                                                                </div>
9386                                                                <div class="w-2/
93865 flex justify-end">
9387                                                                                                                                    </div>
9388                                                            </div>
9389                                                        </div>
9390                                                                                                    </div>
9391                                                                                            <div
9392                                                    x-on:mouseenter="
9393                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-191', 200);
9394                                                        hoverSubmenuPanelActiveIdClass = 'category-node-191'
9395                                                    "
9396                                                    x-on:mouseleave="
9397                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
9398                                                        hoverSubmenuPanelActiveIdClass = 0
9399                                                    "
9400                                                >
9401                                                    <div class="mb-0.5">
9402                                                        <a href="https://www.haibu.de/manner/rasieren/"
9403                                                           title="Rasieren"
9404                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
9405                                                           :class="{
9406                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-191'
9407                                                           }"
9408                                                        >
9409                                                            Rasieren                                                        </a>
9410                                                    </div>
9411
9412                                                                                                            <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3"
9413                                                             :class="{
9414                                                        'hidden' : hoverSubmenuPanelActiveId !== 'category-node-191',
9415                                                        'block' : hoverSubmenuPanelActiveId === 'category-node-191'
9416                                                    }">
9417                                                            <div class="bg-gray-lighter rounded h-full py-12 px-10 flex">
9418                                                                <div class="w-3/5">
9419                                                                    <div class="font-bold text-sm mb-4">Rasieren</div>
9420                                                                    <div class="flex flex-wrap">
9421                                                                                                                                                    <div class="w-1/3">
9422                                                                                <a href="https://www.haibu.de/manner/rasieren/pre-shave/"
9423                                                                                   title="Pre-Shave"
9424                                                                                   class="text-black text-2xs py-1"
9425                                                                                >
9426                                                                                    Pre-Shave                                                                                </a>
9427                                                                            </div>
9428                                                                                                                                                    <div class="w-1/3">
9429                                                                                <a href="https://www.haibu.de/manner/rasieren/aftershave/"
9430                                                                                   title="Aftershave"
9431                                                                                   class="text-black text-2xs py-1"
9432                                                                                >
9433                                                                                    Aftershave                                                                                </a>
9434                                                                            </div>
9435                                                                                                                                                    <div class="w-1/3">
9436                                                                                <a href="https://www.haibu.de/manner/rasieren/rasiergel/"
9437                                                                                   title="Rasiergel"
9438                                                                                   class="text-black text-2xs py-1"
9439                                                                                >
9440                                                                                    Rasiergel                                                                                </a>
9441                                                                            </div>
9442                                                                                                                                                    <div class="w-1/3">
9443                                                                                <a href="https://www.haibu.de/manner/rasieren/rasiermousse/"
9444                                                                                   title="Rasiermousse"
9445                                                                                   class="text-black text-2xs py-1"
9446                                                                                >
9447                                                                                    Rasiermousse                                                                                </a>
9448                                                                            </div>
9449                                                                                                                                                    <div class="w-1/3">
9450                                                                                <a href="https://www.haibu.de/manner/rasieren/rasiercreme/"
9451                                                                                   title="Rasiercr&#xE8;me"
9452                                                                                   class="text-black text-2xs py-1"
9453                                                                                >
9454                                                                                    Rasiercrème                                                                                </a>
9455                                                                            </div>
9456                                                                                                                                                    <div class="w-1/3">
9457                                                                                <a href="https://www.haibu.de/manner/rasieren/rasierpinsel/"
9458                                                                                   title="Rasierpinsel"
9459                                                                                   class="text-black text-2xs py-1"
9460                                                                                >
9461                                                                                    Rasierpinsel                                                                                </a>
9462                                                                            </div>
9463                                                                                                                                                    <div class="w-1/3">
9464                                                                                <a href="https://www.haibu.de/manner/rasieren/rasierseife/"
9465                                                                                   title="Rasierseife"
9466                                                                                   class="text-black text-2xs py-1"
9467                                                                                >
9468                                                                                    Rasierseife                                                                                </a>
9469                                                                            </div>
9470                                                                                                                                                    <div class="w-1/3">
9471                                                                                <a href="https://www.haibu.de/manner/rasieren/rasierol/"
9472                                                                                   title="Rasier&#xF6;l"
9473                                                                                   class="text-black text-2xs py-1"
9474                                                                                >
9475                                                                                    Rasieröl                                                                                </a>
9476                                                                            </div>
9477                                                                                                                                            </div>
9478                                                                </div>
9479                                                                <div class="w-2/
94795 flex justify-end">
9480                                                                                                                                    </div>
9481                                                            </div>
9482                                                        </div>
9483                                                                                                    </div>
9484                                                                                    </div>
9485
9486                                        <div class="w-1/6 navigation-menu">
9487                                                                                            <ul data-level="1">
9488<li><strong>Barbier</strong></li>
9489<li><a href="https://www.haibu.de/barbier/haarpflege/">Haarpflege</a></li>
9490<li><a href="https://www.haibu.de/barbier/haarstyling/">Haarstyling</a></li>
9491<li><a href="https://www.haibu.de/barbier/rasier-und-bartpflegeprodukte/">Rasier &amp; Bartpflegeprodukte</a></li>
9492<li><a href="https://www.haibu.de/barbier/tools/">Tools</a></li>
9493<li><a href="https://www.haibu.de/barbier/salonbedarf/">Salonbedarf</a></li>
9494<li><a href="https://www.haibu.de/barbier/barbier-zubehor/">Barber Zubehör</a></li>
9495</ul>                                                                                    </div>
9496                                        <div class="w-1/6 navigation-menu">
9497                                                                                            <ul data-level="1">
9498<li><strong>Top Marken</strong></li>
9499<li><a title="American Crew" href="https://www.haibu.de/marken/american-crew">American Crew</a></li>
9500<li><a title="Dapper Dan" href="https://www.haibu.de/marken/dapper-dan/">Dapper Dan</a></li>
9501<li><a title="Reuzel" href="https://www.haibu.de/marken/reuzel">Reuzel</a></li>
9502<li><a href="https://www.haibu.de/marken/tahe/advanced-barber/">Tahe</a></li>
9503<li><a href="https://www.haibu.de/marken/barburys/">Barburys</a></li>
9504<li><a href="https://www.haibu.de/marken/proraso/">Proraso</a></li>
9505</ul>                                                                                    </div>
9506                                        <div class="w-1/6 navigation-menu">
9507                                                                                    </div>
9508                                        <div class="w-2/6 flex justify-end">
9509                                            <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>
9510                                    </div>
9511                                                            </div>
9512                        </div>
9513                                    </div>
9514                                            <div class="level-0"
9515                     x-on:mouseenter="debounce(() => hoverPanelActiveId = 'category-node-5283', 200)"
9516                     x-on:mouseleave="debounce(() => hoverPanelActiveId = 0, 200)"
9517                >
9518                    <div class="flex items-center block py-3.5 font-medium">
9519                        <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"
9520                           :class="{'border-pink' : hoverPanelActiveId === 'category-node-5283'}"
9521                           href="https://www.haibu.de/natur/"
9522                           title="Natur"
9523                        >
9524                            Natur                        </a>
9525                    </div>
9526
9527                                            <div class="absolute z-10 hidden left-1/2 right-1/2 svw bottom-auto top-full shadow-lg bg-white"
9528                             :class="{
9529                                'hidden' : hoverPanelActiveId !== 'category-node-5283',
9530                                'block' : hoverPanelActiveId === 'category-node-5283'
9531                            }">
9532                            <div class="container relative pt-16 pb-24">
9533                                                                    <div class="flex">
9534                                        <div class="w-1/6">
9535                                            <div class="font-bold text-sm mb-4 px-3">Natur</div>
9536                                                                                            <div
9537                                                    x-on:mouseenter="
9538                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-5300', 200);
9539                                                        hoverSubmenuPanelActiveIdClass = 'category-node-5300'
9540                                                    "
9541                                                    x-on:mouseleave="
9542                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
9543                                                        hoverSubmenuPanelActiveIdClass = 0
9544                                                    "
9545                                                >
9546                                                    <div class="mb-0.5">
9547                                                        <a href="https://www.haibu.de/natur/haare/"
9548                                                           title="Haare"
9549                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
9550                                                           :class="{
9551                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-5300'
9552                                                           }"
9553                                                        >
9554                                                            Haare                                                        </a>
9555                                                    </div>
9556
9557                                                                                                            <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3"
9558                                                             :class="{
9559                                                        'hidden' : hoverSubmenuPanelActiveId !== 'category-node-5300',
9560                                                        'block' : hoverSubmenuPanelActiveId === 'category-node-5300'
9561                                                    }">
9562                                                            <div class="bg-gray-lighter rounded h-full py-12 px-10 flex">
9563                                                                <div class="w-3/5">
9564                                                                    <div class="font-bold text-sm mb-4">Haare</div>
9565                                                                    <div class="flex flex-wrap">
9566                                                                                                                                                    <div class="w-1/3">
9567                                                                                <a href="https://www.haibu.de/natur/haare/shampoo/"
9568                                                                                   title="Shampoo"
9569                                                                                   class="text-black text-2xs py-1"
9570                                                                                >
9571                                                                                    Shampoo                                                                                </a>
9572                                                                            </div>
9573                                                                                                                                                    <div class="w-1/3">
9574                                                                                <a href="https://www.haibu.de/natur/haare/conditioner/"
9575                                                                                   title="Conditioner"
9576                                                                                   class="text-black text-2xs py-1"
9577                                                                                >
9578                                                                                    Conditioner                                                                                </a>
9579                                                                            </div>
9580                                                                                                                                                    <div class="w-1/3">
9581                                                                                <a href="https://www.haibu.de/natur/haare/haarmasker/"
9582                                                                                   title="Haarmasker"
9583                                                                                   class="text-black text-2xs py-1"
9584                                                                                >
9585                                                                                    Haarmasker                                                                                </a>
9586                                                                            </div>
9587                                                                                                                                                    <div class="w-1/3">
9588                                                                                <a href="https://www.haibu.de/natur/haare/leave-in/"
9589                                                                                   title="Leave-in"
9590                                                                                   class="text-black text-2xs py-1"
9591                                                                                >
9592                                                                                    Leave-in                                                                                </a>
9593                                                                            </div>
9594                                                                                                                                            </div>
9595                                                                </div>
9596                                                                <div class="w-2/
95965 flex justify-end">
9597                                                                                                                                    </div>
9598                                                            </div>
9599                                                        </div>
9600                                                                                                    </div>
9601                                                                                            <div
9602                                                    x-on:mouseenter="
9603                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-5322', 200);
9604                                                        hoverSubmenuPanelActiveIdClass = 'category-node-5322'
9605                                                    "
9606                                                    x-on:mouseleave="
9607                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
9608                                                        hoverSubmenuPanelActiveIdClass = 0
9609                                                    "
9610                                                >
9611                                                    <div class="mb-0.5">
9612                                                        <a href="https://www.haibu.de/natur/stylingprodukte/"
9613                                                           title="Stylingprodukte"
9614                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
9615                                                           :class="{
9616                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-5322'
9617                                                           }"
9618                                                        >
9619                                                            Stylingprodukte                                                        </a>
9620                                                    </div>
9621
9622                                                                                                            <div class="absolute left-[16.67%] top-0 bottom-0 w-5/6 p-3"
9623                                                             :class="{
9624                                                        'hidden' : hoverSubmenuPanelActiveId !== 'category-node-5322',
9625                                                        'block' : hoverSubmenuPanelActiveId === 'category-node-5322'
9626                                                    }">
9627                                                            <div class="bg-gray-lighter rounded h-full py-12 px-10 flex">
9628                                                                <div class="w-3/5">
9629                                                                    <div class="font-bold text-sm mb-4">Stylingprodukte</div>
9630                                                                    <div class="flex flex-wrap">
9631                                                                                                                                                    <div class="w-1/3">
9632                                                                                <a href="https://www.haibu.de/natur/stylingprodukte/clay/"
9633                                                                                   title="Clay"
9634                                                                                   class="text-black text-2xs py-1"
9635                                                                                >
9636                                                                                    Clay                                                                                </a>
9637                                                                            </div>
9638                                                                                                                                                    <div class="w-1/3">
9639                                                                                <a href="https://www.haibu.de/natur/stylingprodukte/trockenshampoo/"
9640                                                                                   title="Trockenshampoo"
9641                                                                                   class="text-black text-2xs py-1"
9642                                                                                >
9643                                                                                    Trockenshampoo                                                                                </a>
9644                                                                            </div>
9645                                                                                                                                                    <div class="w-1/3">
9646                                                                                <a href="https://www.haibu.de/natur/stylingprodukte/gel/"
9647                                                                                   title="Gel"
9648                                                                                   class="text-black text-2xs py-1"
9649                                                                                >
9650                                                                                    Gel                                                                                </a>
9651                                                                            </div>
9652                                                                                                                                                    <div class="w-1/3">
9653                                                                                <a href="https://www.haibu.de/natur/stylingprodukte/haarschaum/"
9654                                                                                   title="Haarschaum"
9655                                                                                   class="text-black text-2xs py-1"
9656                                                                                >
9657                                                                                    Haarschaum                                                                                </a>
9658                                                                            </div>
9659                                                                                                                                                    <div class="w-1/3">
9660                                                                                <a href="https://www.haibu.de/natur/stylingprodukte/haarspray/"
9661                                                                                   title="Haarspray"
9662                                                                                   class="text-black text-2xs py-1"
9663                                                                                >
9664                                                                                    Haarspray                                                                                </a>
9665                                                                            </div>
9666                                                                                                                                                    <div class="w-1/3">
9667                                                                                <a href="https://www.haibu.de/natur/stylingprodukte/pomade/"
9668                                                                                   title="Pomade"
9669                                                                                   class="text-black text-2xs py-1"
9670                                                                                >
9671                                                                                    Pomade                                                                                </a>
9672                                                                            </div>
9673                                                                                                                                                    <div class="w-1/3">
9674                                                                                <a href="https://www.haibu.de/natur/stylingprodukte/styling-creme/"
9675                                                                                   title="Styling&#x20;cr&#xE8;me"
9676                                                                                   class="text-black text-2xs py-1"
9677                                                                                >
9678                                                                                    Styling crème                                                                                </a>
9679                                                                            </div>
9680                                                                                                                                                    <div class="w-1/3">
9681                                                                                <a href="https://www.haibu.de/natur/stylingprodukte/wachs/"
9682                                                                                   title="Wachs"
9683                                                                                   class="text-black text-2xs py-1"
9684                                                                                >
9685                                                                                    Wachs                                                                                </a>
9686                                                                            </div>
9687                                                                                                                                                    <div class="w-1/3">
9688                                                                                <a href="https://www.haibu.de/natur/stylingprodukte/volumen-pulver/"
9689                                                                                   title="Volumen&#x20;Pulver"
9690                                                                                   class="text-black text-2xs py-1"
9691                                                                                >
9692                                                                                    Volumen Pulver                                                                                </a>
9693                                                                            </div>
9694                                                                                                                                                    <div class="w-1/3">
9695                                                                                <a href="https://www.haibu.de/natur/stylingprodukte/styling-paste/"
9696                                                                                   title="Styling&#x20;paste"
9697                                                                                   class="text-black text-2xs py-1"
9698                                                                                >
9699                                                                                    Styling paste                                                                                </a>
9700                                                                            </div>
9701                                                                                                                                                    <div class="w-1/3">
9702                                                                                <a href="https://www.haibu.de/natur/stylingprodukte/zoutspray/"
9703                                                                                   title="Zoutspray"
9704                                                                                   class="text-black text-2xs py-1"
9705                                                                                >
9706                                                                                    Zoutspray                                                                                </a>
9707                                                                            </div>
9708                                                                                                                                            </div>
9709                                                                </div>
9710                                                                <div class="w-2/
97105 flex justify-end">
9711                                                                                                                                    </div>
9712                                                            </div>
9713                                                        </div>
9714                                                                                                    </div>
9715                                                                                            <div
9716                                                    x-on:mouseenter="
9717                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-5353', 200);
9718                                                        hoverSubmenuPanelActiveIdClass = 'category-node-5353'
9719                                                    "
9720                                                    x-on:mouseleave="
9721                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
9722                                                        hoverSubmenuPanelActiveIdClass = 0
9723                                                    "
9724                                                >
9725                                                    <div class="mb-0.5">
9726                                                        <a href="https://www.haibu.de/natur/haarfarbe/"
9727                                                           title="Haarfarbe"
9728                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
9729                                                           :class="{
9730                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-5353'
9731                                                           }"
9732                                                        >
9733                                                            Haarfarbe                                                        </a>
9734                                                    </div>
9735
9736                                                                                                    </div>
9737                                                                                            <div
9738                                                    x-on:mouseenter="
9739                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-5301', 200);
9740                                                        hoverSubmenuPanelActiveIdClass = 'category-node-5301'
9741                                                    "
9742                                                    x-on:mouseleave="
9743                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
9744                                                        hoverSubmenuPanelActiveIdClass = 0
9745                                                    "
9746                                                >
9747                                                    <div class="mb-0.5">
9748                                                        <a href="https://www.haibu.de/natur/hautpflege/"
9749                                                           title="Hautpflege"
9750                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
9751                                                           :class="{
9752                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-5301'
9753                                                           }"
9754                                                        >
9755                                                            Hautpflege                                                        </a>
9756                                                    </div>
9757
9758                                                                                                    </div>
9759                                                                                            <div
9760                                                    x-on:mouseenter="
9761                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-5689', 200);
9762                                                        hoverSubmenuPanelActiveIdClass = 'category-node-5689'
9763                                                    "
9764                                                    x-on:mouseleave="
9765                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
9766                                                        hoverSubmenuPanelActiveIdClass = 0
9767                                                    "
9768                                                >
9769                                                    <div class="mb-0.5">
9770                                                        <a href="https://www.haibu.de/natur/bart-produkte/"
9771                                                           title="Bart&#x20;Produkte"
9772                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
9773                                                           :class="{
9774                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-5689'
9775                                                           }"
9776                                                        >
9777                                                            Bart Produkte                                                        </a>
9778                                                    </div>
9779
9780                                                                                                    </div>
9781                                                                                            <div
9782                                                    x-on:mouseenter="
9783                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-5366', 200);
9784                                                        hoverSubmenuPanelActiveIdClass = 'category-node-5366'
9785                                                    "
9786                                                    x-on:mouseleave="
9787                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
9788                                                        hoverSubmenuPanelActiveIdClass = 0
9789                                                    "
9790                                                >
9791                                                    <div class="mb-0.5">
9792                                                        <a href="https://www.haibu.de/natur/make-up/"
9793                                                           title="Make-up"
9794                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
9795                                                           :class="{
9796                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-5366'
9797                                                           }"
9798                                                        >
9799                                                            Make-up                                                        </a>
9800                                                    </div>
9801
9802                                                                                                    </div>
9803                                                                                            <div
9804                                                    x-on:mouseenter="
9805                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-5414', 200);
9806                                                        hoverSubmenuPanelActiveIdClass = 'category-node-5414'
9807                                                    "
9808                                                    x-on:mouseleave="
9809                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
9810                                                        hoverSubmenuPanelActiveIdClass = 0
9811                                                    "
9812                                                >
9813                                                    <div class="mb-0.5">
9814                                                        <a href="https://www.haibu.de/natur/plastikfrei/"
9815                                                           title="Plastikfrei"
9816                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
9817                                                           :class="{
9818                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-5414'
9819                                                           }"
9820                                                        >
9821                                                            Plastikfrei                                                        </a>
9822                                                    </div>
9823
9824                                                                                                    </div>
9825                                                                                            <div
9826                                                    x-on:mouseenter="
9827                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-5908', 200);
9828                                                        hoverSubmenuPanelActiveIdClass = 'category-node-5908'
9829                                                    "
9830                                                    x-on:mouseleave="
9831                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
9832                                                        hoverSubmenuPanelActiveIdClass = 0
9833                                                    "
9834                                                >
9835                                                    <div class="mb-0.5">
9836                                                        <a href="https://www.haibu.de/natur/pakete/"
9837                                                           title="Pakete"
9838                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
9839                                                           :class="{
9840                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-5908'
9841                                                           }"
9842                                                        >
9843                                                            Pakete                                                        </a>
9844                                                    </div>
9845
9846                                                                                                    </div>
9847                                                                                            <div
9848                                                    x-on:mouseenter="
9849                                                        debounce(() => hoverSubmenuPanelActiveId = 'category-node-6508', 200);
9850                                                        hoverSubmenuPanelActiveIdClass = 'category-node-6508'
9851                                                    "
9852                                                    x-on:mouseleave="
9853                                                        debounce(() => hoverSubmenuPanelActiveId = 0, 200);
9854                                                        hoverSubmenuPanelActiveIdClass = 0
9855                                                    "
9856                                                >
9857                                                    <div class="mb-0.5">
9858                                                        <a href="https://www.haibu.de/natur/nachhaltige-salonausstattung/"
9859                                                           title="Nachhaltige&#x20;Salonausstattung"
9860                                                           class="inline-block text-black text-2xs px-3 py-0.5 rounded hover:bg-black hover:text-white hover:no-underline"
9861                                                           :class="{
9862                                                               'bg-black !text-white' : hoverSubmenuPanelActiveIdClass === 'category-node-6508'
9863                                                           }"
9864                                                        >
9865                                                            Nachhaltige Salonausstattung                                                        </a>
9866                                                    </div>
9867
9868                                                                                                    </div>
9869                                                                                    </div>
9870
9871                                        <div class="w-1/6 navigation-menu">
9872                                                                                            <ul data-level="1">
9873<li><strong>
9873Top Marken</strong></li>
9874<li><a title="Aveda" href="https://www.haibu.de/marken/aveda"><span>Aveda</span></a></li>
9875<li><a title="Elleure" href="https://www.haibu.de/marken/elleure"><span>Elleure</span></a></li>
9876<li><a title="Jean Paul Myne" href="https://www.haibu.de/marken/jean-paul-myne"><span>Jean Paul Myne</span></a></li>
9877<li><a title="Evo" href="https://www.haibu.de/marken/evo"><span>Evo</span></a></li>
9878<li><a title="MKS-Eco" href="https://www.haibu.de/marken/mks-eco"><span>MKS-Eco</span></a></li>
9879</ul>                                                                                    </div>
9880                                        <div class="w-1/6 navigation-menu">
9881                                                                                            <ul data-level="1">
9882<li><strong>Inspiration</strong></li>
9883<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>
9884<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>
9885<li><a title="Relaunch Schwarzkopf BC" href="https://www.haibu.de/blog/der-fantastische-relaunch-von-schwarzkopf-bc"><span>Relaunch Schwarzkopf BC</a></li>
9886<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>
9887</ul>                                                                                    </div>
9888                                        <div class="w-1/6 navigation-menu">
9889                                                                                            <ul data-level="1">
9890<li><strong>Produkte ohne</strong></li>
9891<li><a title="Parabene" href="https://www.haibu.de/haarprodukte/bestimmte-inhaltsstoffe/produkte-ohne-parabene/"><span>Parabene</span></a></li>
9892<li><a title="Silikone" href="https://www.haibu.de/haarprodukte/bestimmte-inhaltsstoffe/produkte-ohne-silikon/"><span>Silikone</span></a></li>
9893<li><a title="Sulfate" href="https://www.haibu.de/haarprodukte/bestimmte-inhaltsstoffe/produkte-ohne-sulfate/"><span>Sulfate</span></a></li>
9894<li><a title="Ammoniak" href="https://www.haibu.de/haarprodukte/bestimmte-inhaltsstoffe/frei-von-ammoniak/"><span>Ammoniak</span></a></li>
9895</ul>                                                                                    </div>
9896                                        <div class="w-2/6 flex justify-end">
9897                                            <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>
9898                                    </div>
9899                                                            </div>
9900                        </div>
9901                                    </div>
9902                        <div class="border-r border-white/20 h-7 my-auto mx-4"></div>
9903            
9904<div class="flex items-center block py-3.5 font-medium text-3xs">
9905    <a href="https://www.haibu.de/sale"
9906       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">
9907                    <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>
9908</div>
9909
9910<div class="flex items-center block py-3.5 font-medium text-3xs">
9911    <a href="https://www.haibu.de/neu"
9912       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">
9913                Neu    </a>
9914</div>
9915
9916<div class="flex items-center block py-3.5 font-medium text-3xs">
9917    <a href="https://www.haibu.de/online-weiterbildung"
9918       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">
9919                Weiterbildung    </a>
9920</div>
9921
9922<div class="flex items-center block py-3.5 font-medium text-3xs">
9923    <a href="https://www.haibu.de/blog/"
9924       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">
9925                Blog    </a>
9926</div>
9927        </nav>
9928    </div>
9929</div>
9930
9931<script>
9932    'use strict';
9933
9934    const initMenuDesktop_6ac73fd06658f = () => {
9935        return {
9936            hoverPanelActiveId: null,
9937            hoverSubmenuPanelActiveId: null,
9938            hoverSubmenuPanelActiveIdClass: null,
9939            debounce(func, wait) {
9940                let later = function() {
9941                    this.timeout = null
9942                    func.apply(this, [])
9943                }
9944                clearTimeout(this.timeout)
9945                this.timeout = setTimeout(later, wait)
9946            }
9947        }
9948    }
9949</script>
9949
9950
9951<script>
9952    var setVw = function () {
9953        var svw = document.documentElement.clientWidth * 0.01;
9954        document.documentElement.style.setProperty('--1svw', (svw + "px"));
9955        var dvw = window.innerWidth * 0.01;
9956        document.documentElement.style.setProperty('--1dvw', (dvw + "px"));
9957
9958        if (document.body) {
9959            var fixed = document.createElement("div");
9960            fixed.style.height = '1px';
9961            fixed.style.width = '100vw';
9962            fixed.style.position = 'fixed'
9963            fixed.style.left = '0';
9964            fixed.style.top = '0';
9965            fixed.style.bottom = '0';
9966            fixed.style.visibility = 'hidden';
9967
9968            document.body.appendChild(fixed);
9969
9970            var fixedWidth = fixed.clientWidth;
9971
9972            fixed.remove();
9973
9974            var lvw = fixedWidth * 0.01;
9975
9976            document.documentElement.style.setProperty('--1lvw', (lvw + "px"));
9977        }
9978    };
9979
9980    var initialize = function () {
9981        // SSR support
9982        if (typeof window === 'undefined') {
9983            return;
9984        }
9985
9986        // We run the calculation as soon as possible (eg. the script is in document head)
9987        setVw();
9988
9989        // We run the calculation again when DOM has loaded
9990        document.addEventListener('DOMContentLoaded', function () {
9991            setVw();
9992        })
9993
9994        // We run the calculation when window is resized
9995        window.addEventListener('resize', function () {
9996            setVw();
9997        });
9998    }
9999
10000    initialize();
10001</script>
10001
10002
10003    <!--Minimalistic Header Border-->
10004    
10005    <!--Cart Drawer-->
10006    
10007<section id="cart-drawer"
10008         x-data="initCartDrawer()"
10009         x-init="$watch('open', value => value ? document.body.classList.add('overflow-hidden') :  document.body.classList.remove('overflow-hidden'))"
10010         @private-content-loaded.window="getData(event.detail.data)"
10011         @toggle-cart.window="open=true;"
10012         @keydown.window.escape="open=false"
10013>
10014    <template x-if="cart && cart.summary_count">
10015        <div role="dialog"
10016             aria-labelledby="cart-drawer-title"
10017             aria-modal="true"
10018             @click.away="open = false"
10019             class="fixed inset-y-0 right-0 z-30 flex max-w-full">
10020            <div class="backdrop"
10021                 x-show="open"
10022                 x-transition:enter="ease-in-out duration-500"
10023                 x-transition:enter-start="opacity-0"
10024                 x-transition:enter-end="opacity-100"
10025                 x-transition:leave="ease-in-out duration-500"
10026                 x-transition:leave-start="opacity-100"
10027                 x-transition:leave-end="opacity-0"
10028                 @click="open = false"
10029                 aria-label="Close panel"></div>
10030            <div class="relative w-screen max-w-md shadow-2xl"
10031                 x-show="open"
10032                 x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700"
10033                 x-transition:enter-start="translate-x-full"
10034                 x-transition:enter-end="translate-x-0"
10035                 x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700"
10036                 x-transition:leave-start="translate-x-0"
10037                 x-transition:leave-end="translate-x-full"
10038            >
10039                <div
10040                    x-show="open"
10041                    x-transition:enter="ease-in-out duration-500"
10042                    x-transition:enter-start="opacity-0"
10043                    x-transition:enter-end="opacity-100"
10044                    x-transition:leave="ease-in-out duration-500"
10045                    x-transition:leave-start="opacity-100"
10046                    x-transition:leave-end="opacity-0" class="fixed inset-y-0 right-0 max-w-full flex">
10047                </div>
10048                <div class="h-full flex flex-col bg-white shadow-xl">
10049                    <div class="flex items-start justify-between py-6 px-4 sm:px-6 border-b border-gray">
10050                        <h2 class="text-xl m-0 font-bold" id="slide-over-title">
10051                            Warenkorb                        </h2>
10052                        <div class="ml-3 h-7 flex space-x-2 items-center">
10053                            <template x-if="cart.summary_count === 1">
10054                                <div class="text-2xs font-semibold text-blue">
10055                                    1 Artikel                                </div>
10056                            </template>
10057                            <template x-if="cart.summary_count > 1">
10058                                <div class="text-2xs font-semibold text-blue">
10059                                    <span x-text="cart.summary_count"></span>
10060                                    Artikel                                </div>
10061                            </template>
10062                            <button @click="open = false;" type="button" class="-m-2 p-2 text-gray-400 hover:text-gray-500">
10063                                <span class="sr-only">Close panel</span>
10064                                <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">
10065  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
10066<title>x</title></svg>
10067                            </button>
10068                        </div>
10069                    </div>
10070                    <div class="flex-1 m-1 ml-0 overflow-y-auto px-4 sm:px-6 scrollbar scrollbar-thin scrollbar-thumb-gray">
10071                        <div class="mt-5">
10072                            <div class="flow-root">
10073                                <div class="divide-y divide-gray">
10074                                    <template x-for="item in cartItems" hidden>
10075                                        <div class="py-6 flex">
10076                                            <div class="flex shrink-0 items-center">
10077                                                <div class="w-14 h-14">
10078                                                    <img
10079                                                        :src="item.product_image.src"
10080                                                        :width="item.product_image.width"
10081                                                        :height="item.product_image.height"
10082                                                        loading="lazy"
10083                                                        class="w-full h-full object-center object-cover"
10084                                                    />
10085                                                </div>
10086
10087                                                <div class="ml-1 text-2xs">
10088                                                    <span x-html="item.qty"></span> x
10089                                                </div>
10090                                            </div>
10091
10092                                            <div class="flex grow">
10093                                                <div class="text-black font-semibold text-2xs leading-5 px-2">
10094                                                    <a :href="item.product_url" x-show="item.product_type !== 'grouped'" class="text-black">
10095                                                        <span x-html="item.product_name"></span>
10096                                                        <span class="text-gray">/</span>
10097                                                                                                                    <span class="font-bold" x-html="hyva.formatPrice(item.product_price_value.incl_tax)"></span>
10098                                                                                                            </a>
10099
10100                                                    <template x-for="option in item.options">
10101                                                        <div>
10102                                                            <template x-if="option.has_html">
10103                                                                <div>
10104                                                                    <template x-for="value in option.value">
10105                                                                        <div class="text-4xs font-normal" x-html="value.replace(/<span.*?>.*?<\/span>/ig,'')"></div>
10106                                                                    </template>
10107                                                                </div>
10108                                                            </template>
10109                                                            <template x-if="!option.has_html">
10110                                                                <div class="text-4xs font-normal" x-html="option.value"></div>
10111                                                            </template>
10112                                                        </div>
10113                                                    </template>
10114
10115                                                    <template x-if="item.delivery_message">
10116                                                        <div class="flex gap-2 pt-2 items-center">
10117                                                            <template x-if="item.delivery_message.icon === 'moma-times'">
10118                                                                <span  class="block bg-orange text-white rounded-full flex justify-center items-center h-5 w-5">
10119                                                                    <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">
10120    <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"/>
10121<title>moma-times</title></svg>
10122                                                                </span>
10123                                                            </template>
10124
10125                                                            <template x-if="item.delivery_message.icon === 'moma-check-mark'">
10126                                                                <sp
10126an class="block bg-green text-white rounded-full flex justify-center items-center h-5 w-5">
10127                                                                    <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">
10128    <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"/>
10129<title>moma-check-mark</title></svg>
10130                                                                </span>
10131                                                            </template>
10132
10133                                                            <span x-text="item.delivery_message.message" class="font-normal"></span>
10134                                                        </div>
10135                                                    </template>
10136
10137                                                </div>
10138                                            </div>
10139
10140                                            <div class="flex shrink-0 w-12 justify-end items-start">
10141                                                <button type="button" class="text-gray" @click="deleteItemFromCart(item.item_id)">
10142                                                    <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">
10143    <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"/>
10144    <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"/>
10145    <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"/>
10146<title>moma-trash</title></svg>
10147                                                </button>
10148                                            </div>
10149                                        </div>
10150                                    </template>
10151                                </div>
10152                            </div>
10153                        </div>
10154                    </div>
10155
10156                    <div class="border-t border-gray pt-5 pb-24 px-4 sm:px-6">
10157                        <div class="flex justify-between items-center font-bold leading-5">
10158                            <div class="text-2xs">Zwischensumme</div>
10159                                                            <span class="text-xs text-green" x-html="cart.subtotal_incl_tax"></span>
10160                                                    </div>
10161                        <div class="mt-3">
10162                            <a href="https://www.haibu.de/checkout/"
10163                               class="btn btn-primary w-full hover:no-underline h-12" rel="nofollow"
10164                            >
10165                                Bestellen                            </a>
10166                        </div>
10167                        <div class="flex justify-center text-2xs text-center mt-4">
10168                            <a href="https://www.haibu.de/checkout/cart/" class="text-blue font-semibold" rel="nofollow">
10169                                Warenkorb                            </a>
10170                        </div>
10171                    </div>
10172                </div>
10173            </div>
10174        </div>
10175    </template>
10176</section>
10177
10178<script>
10179    function initCartDrawer() {
10180        return {
10181            open: false,
10182            cart: {},
10183            getData(data) {
10184                if (data.cart) {
10185                    this.cart = data.cart
10186                    this.setCartItems();
10187                }
10188            },
10189            cartItems: {},
10190            setCartItems() {
10191                this.cartItems = this.cart && this.cart.items.sort(function(a,b) { return a.item_id - b.item_id }) || {}
10192            },
10193            deleteItemFromCart(itemId) {
10194                let self = this;
10195                fetch(BASE_URL+"checkout/sidebar/removeItem/", {
10196                    "headers": {
10197                        "content-type": "application/x-www-form-urlencoded; charset=UTF-8",
10198                    },
10199                    "body": "form_key="+ hyva.getFormKey() + "&item_id="+itemId,
10200                    "method": "POST",
10201                    "mode": "cors",
10202                    "credentials": "include"
10203                }).then(function (response) {
10204                    if (response.redirected) {
10205                        window.location.href = response.url;
10206                    } else if (response.ok) {
10207                        return response.json();
10208                    } else {
10209                        typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
10210                            [{
10211                                type: "warning",
10212                                text: "Could not remove item from quote."
10213                            }], 5000
10214                        );
10215                    }
10216                }).then(function (response) {
10217                    typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
10218                        [{
10219                            type: response.success ? "success" : "error",
10220                            text: response.success
10221                                ? "Sie haben den Artikel entfernt."
10222                                : response.error_message
10223                        }], 5000
10224                    );
10225                    self.open = true;
10226                    const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data");
10227                    window.dispatchEvent(reloadCustomerDataEvent);
10228                });
10229            }
10230        }
10231    }
10232</script>
10232
10233
10234    <!--Authentication Pop-Up-->
10235    </div>
10236
10237<script>
10238    function initHeader() {
10239        return {
10240            searchOpen: false,
10241            loginOpen: false,
10242            cart: {},
10243            scrolAtTop: true,
10244            customer: {},
10245            getData(data) {
10246                if (data.cart) {
10247                    this.cart = data.cart
10248                }
10249                if (data.customer) {
10250                    this.customer = data.customer
10251                }
10252            },
10253            toggleLoginMenu(e) {
10254                if (window.innerWidth < 1024) {
10255                    return
10256                }
10257                e.preventDefault()
10258                this.loginOpen = !this.loginOpen
10259            }
10260        }
10261    }
10262
10263    function initCompareHeader() {
10264        return {
10265            compareProducts: null,
10266            itemCount: 0,
10267            receiveCompareData(data) {
10268                if (data['compare-products']) {
10269                    this.compareProducts = data['compare-products'];
10270                    this.itemCount = this.compareProducts.count;
10271                }
10272            }
10273        }
10274    }
10275</script>
10275
10276</header><main id="maincontent" class="page-main"><div class="page messages">
10276<script>
10277        window.defaultSuccessMessageTimeout = 8000;
10278        function initMessages() {
10279        "use strict";
10280        return {
10281            messages: window.mageMessages || [],
10282            isEmpty() {
10283                return this.messages.reduce(
10284                    function (isEmpty, message) {
10285                        return isEmpty && message === undefined
10286                    }, true
10287                )
10288            },
10289            hasMessages() {
10290                return !this.isEmpty();
10291            },
10292            hasMessage() {
10293                return !!this.message;
10294            },
10295            removeMessage() {
10296                this.messages[this.index] = undefined;
10297            },
10298            addMessages(messages, hideAfter) {
10299                messages.map((message) => {
10300                    const isDuplicate = this.messages.some(
10301                        existing => existing && existing.type === message.type && existing.text === message.text
10302                    );
10303                    if (isDuplicate) {
10304                        return;
10305                    }
10306                    this.messages = this.messages.concat(message);
10307                    if (hideAfter === undefined && message.type === 'success' && window.defaultSuccessMessageTimeout) {
10308                        hideAfter = window.defaultSuccessMessageTimeout;
10309                    }
10310                    if (hideAfter) {
10311                        this.setHideTimeOut(this.messages.length -1, hideAfter);
10312                    }
10313                });
10314            },
10315            setHideTimeOut(messageIndex, hideAfter) {
10316                setTimeout((messageIndex) => {
10317                    this.removeMessage(messageIndex);
10318                }, hideAfter, messageIndex);
10319            },
10320            eventListeners: {
10321                ['@messages-loaded.window'](event) {
10322                    this.addMessages(event.detail.messages, event.detail.hideAfter)
10323                },
10324                ['@private-content-loaded.window'](event) {
10325                    const data = event.detail.data;
10326                    if (
10327                        data.messages &&
10328                        data.messages.messages &&
10329                        data.messages.messages.length
10330                    ) {
10331                        this.addMessages(data.messages.messages);
10332                    }
10333                },
10334                ['@clear-messages.window']() {
10335                    this.messages = [];
10336                }
10337            },
10338            getMessageUiId() {
10339                return 'message-' + this.message.type;
10340            }
10341        }
10342    }
10343
10344    window.addEventListener('alpine:init', () => Alpine.data('initMessages', initMessages), {once: true})
10345</script>
10345
10346
10347<section id="messages"
10348         x-data="initMessages"
10349         x-bind="eventListeners"
10350         aria-live="assertive"
10351         role="alert"
10352>
10353    <template x-if="hasMessages">
10354        <div class="w-full">
10355            <div role="alert" class="messages container mx-auto py-3">
10356                <template x-for="(message, index) in messages" :key="index">
10357                    <div>
10358                        <template x-if="hasMessage">
10359                            <div class="message"
10360                                 :class="message.type"
10361                                 :ui-id="getMessageUiId"
10362                            >
10363                                <span x-html="message.text"></span>
10364                                <button
10365                                    type="button"
10366                                    class="text-gray-600 hover:text-black"
10367                                    aria-label="Close message"
10368                                    @click.prevent="removeMessage"
10369                                >
10370                                    <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">
10371  <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
10372</svg>
10373                                </button>
10374                            </div>
10375                        </template>
10376                    </div>
10377                </template>
10378            </div>
10379        </div>
10380    </template>
10381</section>
10382</div><div class="columns"><div class="column main">
10382<script type="text/javascript">
10383    if (typeof __robin !== 'undefined' && isLoggedIn()) {
10384        var customer = getCustomer();
10385        var robin_settings = {
10386            callback: function (event, data) {
10387                if (event == 'init') {
10388                    var name = customer.fullname;	// determine real name
10389                    var email = customer.email;	    // determine real email
10390
10391                    if (email != null && email != '') {
10392                        var ws = __robin.getWebStore();
10393
10394
10395                        ws.conversationTemplate.useAnonymousChat = true;
10396                        __robin.setShopper(email, name);
10397                    }
10398                }
10399            }
10400        };
10401    }
10402
10403    /**
10404     * Function to check if customer is logged in
10405     * @returns {boolean}
10406     */
10407    function isLoggedIn() {
10408        var mageCacheStorage = getMageCacheStorage();
10409
10410        return mageCacheStorage != null && typeof mageCacheStorage.customer !== 'undefined';
10411    }
10412
10413    /**
10414     * Get the customer from the local storage, because the PHP customer session is depersonalized on cached pages
10415     * @returns {Object}
10416     */
10417    function getCustomer() {
10418        var mageCacheStorage = getMageCacheStorage();
10419        if (mageCacheStorage != null && typeof mageCacheStorage.customer !== 'undefined') {
10420            return mageCacheStorage.customer;
10421        }
10422
10423        return {
10424            fullname: 'Unknown',
10425            email: '[email protected]'
10426        };
10427    }
10428
10429    /**
10430     * @returns {Object|null}
10431     */
10432    function getMageCacheStorage()
10433    {
10434        if (localStorage.getItem('mage-cache-storage') != null) {
10435            return JSON.parse(localStorage.getItem('mage-cache-storage'));
10436        }
10437        return null;
10438    }
10439</script>
10439
10440<div class="flex flex-col lg:flex-row gap-10 mb-14 lg:mb-20 md:container lg:mt-14"><div class="w-full lg:w-1/2">
10441<a href="https://www.haibu.de/zubehor" title="">
10442    <picture>
10443                    <source srcset="https://images.haibu.de/NHUfeLmZtliG0K7MD-x58_asmDY2AUovkKdfNSHvOq0/w:680/h:425/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hL1p5SklRYThqUUFyVDBCdnVfR3Jvb3QtRnJpc2V1cmJlZGFyZmV0Yy5qcGc_YXV0bz1mb3JtYXQsY29tcHJlc3MmYW1wO3JlY3Q9MSwwLDExOTksNzUwJmFtcDt3PTc4MCZhbXA7aD00ODg.jpg"
10444                    media="(max-width: 767px)">
10445                <source srcset="https://images.haibu.de/bEjSmLKwdJ0M0e2YBNgT93myq4TUifOpLzcS1fULFso/w:680/h:425/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hL1p5SklRYThqUUFyVDBCdnVfR3Jvb3QtRnJpc2V1cmJlZGFyZmV0Yy5qcGc_YXV0bz1mb3JtYXQsY29tcHJlc3MmYW1wO3JlY3Q9MCwwLDEyMDAsNzUwJmFtcDt3PTY4MCZhbXA7aD00MjU.jpg"
10446                media="(min-width: 768px)">
10447        <img
10448            class="w-full&#x20;h-full&#x20;object-fill&#x20;lg&#x3A;rounded-md"
10449            width="680"
10450            height="425"
10451            src="https://images.haibu.de/bEjSmLKwdJ0M0e2YBNgT93myq4TUifOpLzcS1fULFso/w:680/h:425/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hL1p5SklRYThqUUFyVDBCdnVfR3Jvb3QtRnJpc2V1cmJlZGFyZmV0Yy5qcGc_YXV0bz1mb3JtYXQsY29tcHJlc3MmYW1wO3JlY3Q9MCwwLDEyMDAsNzUwJmFtcDt3PTY4MCZhbXA7aD00MjU.jpg"
10452            alt=""
10453            loading="lazy"
10454        />
10455    </picture>
10456    </a>
10457    </div><div class="snap-x snap-mandatory w-full flex overflow-x-auto lg:w-1/2 lg:grid lg:grid-cols-2 gap-10"><div class="snap-center shrink-0">
10458<a href="https://www.haibu.de/customer/account/login" title="">
10459    <picture>
10460                    <source srcset="https://images.haibu.de/kS8bHvTmLKhbT1T8FxIYYgOwvjTRv851E3dW3Immdvk/w:320/h:200/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hL1puMWxheDVMZU5OVHdtS2hfSG9tZXBhZ2UtYnVzaW5lc3Nsb2dpbi1rbGVpbi5qcGc_YXV0bz1mb3JtYXQlMkNjb21wcmVzcyZhbXA7cmVjdD0wJTJDMTQlMkMxMjAwJTJDNzUwJmFtcDt3PTY0MCZhbXA7aD00MDA.jpg"
10461                    media="(max-width: 767px)">
10462                <source srcset="https://images.haibu.de/E2pq0tIAaFWCzC7OSlhLnpHm42Rkqnx5_N-PsfGD9WU/w:320/h:200/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hL1puMWxheDVMZU5OVHdtS2hfSG9tZXBhZ2UtYnVzaW5lc3Nsb2dpbi1rbGVpbi5qcGc_YXV0bz1mb3JtYXQlMkNjb21wcmVzcyZhbXA7cmVjdD0wJTJDMTQlMkMxMjAwJTJDNzUwJmFtcDt3PTMyMCZhbXA7aD0yMDA.jpg"
10463                media="(min-width: 768px)">
10464        <img
10465            class="h-40&#x20;w-72&#x20;lg&#x3A;h-auto&#x20;lg&#x3A;w-auto&#x20;md&#x3A;min-h-full&#x20;object-cover&#x20;rounded-md"
10466            width="320"
10467            height="200"
10468            src="https://images.haibu.de/E2pq0tIAaFWCzC7OSlhLnpHm42Rkqnx5_N-PsfGD9WU/w:320/h:200/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hL1puMWxheDVMZU5OVHdtS2hfSG9tZXBhZ2UtYnVzaW5lc3Nsb2dpbi1rbGVpbi5qcGc_YXV0bz1mb3JtYXQlMkNjb21wcmVzcyZhbXA7cmVjdD0wJTJDMTQlMkMxMjAwJTJDNzUwJmFtcDt3PTMyMCZhbXA7aD0yMDA.jpg"
10469            alt=""
10470            loading="lazy"
10471        />
10472    </picture>
10473    </a>
10474    </div><div class="snap-center shrink-0">
10475<a href="https://www.haibu.de/haarprodukte/haarpflege" title="">
10476    <picture>
10477                    <source srcset="https://images.haibu.de/JopWLlqVqHQ4RXkinfnx8erJ_xzIafbGSrMsQEVtNd4/w:320/h:200/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hL1puMW5uaDVMZU5OVHdtTHVfSG9tZXBhZ2UtaGFhcnBmbGVnZS1rbGVpbi5qcGc_YXV0bz1mb3JtYXQlMkNjb21wcmVzcyZhbXA7cmVjdD0wJTJDMTQlMkMxMjAwJTJDNzUwJmFtcDt3PTY0MCZhbXA7aD00MDA.jpg"
10478                    media="(max-width: 767px)">
10479                <source srcset="https://images.haibu.de/6ZegmLs1dqL0uqRS3xvX9tTdZEU9gtvmwGVIDBimxy8/w:320/h:200/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hL1puMW5uaDVMZU5OVHdtTHVfSG9tZXBhZ2UtaGFhcnBmbGVnZS1rbGVpbi5qcGc_YXV0bz1mb3JtYXQlMkNjb21wcmVzcyZhbXA7cmVjdD0wJTJDMTQlMkMxMjAwJTJDNzUwJmFtcDt3PTMyMCZhbXA7aD0yMDA.jpg"
10480                media="(min-width: 768px)">
10481        <img
10482            class="h-40&#x20;w-72&#x20;lg&#x3A;h-auto&#x20;lg&#x3A;w-auto&#x20;md&#x3A;min-h-full&#x20;object-cover&#x20;rounded-md"
10483            width="320"
10484            height="200"
10485            src="https://images.haibu.de/6ZegmLs1dqL0uqRS3xvX9tTdZEU9gtvmwGVIDBimxy8/w:320/h:200/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hL1puMW5uaDVMZU5OVHdtTHVfSG9tZXBhZ2UtaGFhcnBmbGVnZS1rbGVpbi5qcGc_YXV0bz1mb3JtYXQlMkNjb21wcmVzcyZhbXA7cmVjdD0wJTJDMTQlMkMxMjAwJTJDNzUwJmFtcDt3PTMyMCZhbXA7aD0yMDA.jpg"
10486            alt=""
10487            loading="lazy"
10488        />
10489    </picture>
10490    </a>
10491    </div><div class="snap-center shrink-0">
10492<a href="https://www.haibu.de/haarprodukte/stylingprodukte" title="">
10493    <picture>
10494                    <source srcset="https://images.haibu.de/j0QOZDdSVKtSrkm1lxA0ovFddSte7BGM66iYcYZ1E8M/w:320/h:200/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hL2FIOHlLRU1xTkpRcUlNR1FfU3RhbmRhYXJkSFBiYW5uZXItU3R5bGluZ3Byb2R1Y3Rlbi5qcGc_YXV0bz1mb3JtYXQsY29tcHJlc3MmYW1wO3JlY3Q9MCwxNCwxMjAwLDc1MCZhbXA7dz02NDAmYW1wO2g9NDAw.jpg"
10495                    media="(max-width: 767px)">
10496                <source srcset="https://images.haibu.de/ew7POweggQf2A9S4p4valctoBT7p0mOq1xzLBIs0GVI/w:320/h:200/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hL2FIOHlLRU1xTkpRcUlNR1FfU3RhbmRhYXJkSFBiYW5uZXItU3R5bGluZ3Byb2R1Y3Rlbi5qcGc_YXV0bz1mb3JtYXQsY29tcHJlc3MmYW1wO3JlY3Q9MCwxNCwxMjAwLDc1MCZhbXA7dz0zMjAmYW1wO2g9MjAw.jpg"
10497                media="(min-width: 768px)">
10498        <img
10499            class="h-40&#x20;w-72&#x20;lg&#x3A;h-auto&#x20;lg&#x3A;w-auto&#x20;md&#x3A;min-h-full&#x20;object-cover&#x20;rounded-md"
10500            width="320"
10501            height="200"
10502            src="https://images.haibu.de/ew7POweggQf2A9S4p4valctoBT7p0mOq1xzLBIs0GVI/w:320/h:200/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hL2FIOHlLRU1xTkpRcUlNR1FfU3RhbmRhYXJkSFBiYW5uZXItU3R5bGluZ3Byb2R1Y3Rlbi5qcGc_YXV0bz1mb3JtYXQsY29tcHJlc3MmYW1wO3JlY3Q9MCwxNCwxMjAwLDc1MCZhbXA7dz0zMjAmYW1wO2g9MjAw.jpg"
10503            alt=""
10504            loading="lazy"
10505        />
10506    </picture>
10507    </a>
10508    </div><div class="snap-center shrink-0">
10509<a href="https://www.haibu.de/marken/elleure/pflege/1-2-3-haircare-routine" title="">
10510    <picture>
10511                    <source srcset="https://images.haibu.de/hrc53V-s09Cbu_lym18kQDkEBKYmqtfG2EaAjJMI2sY/w:320/h:200/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hL1p5Sk56SzhqUUFyVDBCMllfQmFubmVya2xlaW4tRWxsZXVyZS1uZXUuanBnP2F1dG89Zm9ybWF0LGNvbXByZXNzJmFtcDtyZWN0PTAsMTQsMTIwMCw3NTAmYW1wO3c9NjQwJmFtcDtoPTQwMA.jpg"
10512                    media="(max-width: 767px)">
10513                <source srcset="https://images.haibu.de/bYe4RD4Go4ML5e9NEAua7u_yTDrBpM6tY69r1VhG5A4/w:320/h:200/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hL1p5Sk56SzhqUUFyVDBCMllfQmFubmVya2xlaW4tRWxsZXVyZS1uZXUuanBnP2F1dG89Zm9ybWF0LGNvbXByZXNzJmFtcDtyZWN0PTAsMTQsMTIwMCw3NTAmYW1wO3c9MzIwJmFtcDtoPTIwMA.jpg"
10514                media="(min-width: 768px)">
10515        <img
10516            class="h-40&#x20;w-72&#x20;lg&#x3A;h-auto&#x20;lg&#x3A;w-auto&#x20;md&#x3A;min-h-full&#x20;object-cover&#x20;rounded-md"
10517            width="320"
10518            height="200"
10519            src="https://images.haibu.de/bYe4RD4Go4ML5e9NEAua7u_yTDrBpM6tY69r1VhG5A4/w:320/h:200/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hL1p5Sk56SzhqUUFyVDBCMllfQmFubmVya2xlaW4tRWxsZXVyZS1uZXUuanBnP2F1dG89Zm9ybWF0LGNvbXByZXNzJmFtcDtyZWN0PTAsMTQsMTIwMCw3NTAmYW1wO3c9MzIwJmFtcDtoPTIwMA.jpg"
10520            alt=""
10521            loading="lazy"
10522        />
10523    </picture>
10524    </a>
10525    </div></div></div><div class="mb-8 px-5 lg:px-0 py-6 lg:py-17.5 lg:mx-10 lg:mb-16 bg-gray-lighter lg:rou
10525nded"><div class="lg:container"><div class="text-2xl lg:text-4xl text-center mb-6 text-title">Unsere Bestseller</div><div class="snap-x snap-mandatory flex overflow-x-auto gap-8 w-full">    <div class="snap-center&#x20;shrink-0&#x20;w-70&#x20;lg&#x3A;w-80">
10526                
10527<form method="post"
10528    action="https://www.haibu.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGFpYnUuZGUv/product/21873/"
10529    id="product_addtocart_form-21873"
10530    class="!pt-0.5 !px-0.5 !pb-2.5 md:p-7 !border-0 md:border bg-white item product product-item product_addtocart_form card card-interactive flex flex-col h-full "
10531        x-data
10532    x-on:submit.prevent="
10533        $dispatch('add-to-cart', {
10534            action: 'https://www.haibu.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGFpYnUuZGUv/product/21873/',
10535            buttonSelector: '#product_addtocart_form-' + 21873 + ' .btn.add-to-cart',
10536            product_id: 21873,
10537            form_key: hyva.getFormKey(),
10538            qty: 1,
10539                    });"
10540>
10541    <input name="form_key" type="hidden" value="R24e2ZL7oyYVkTdR" />    <input type="hidden" name="product" value="21873"/>
10542            <div class="z-10 flex gap-1 items-center">
10543                                    <span class="flex h-7 lg:h-9 items-center justify-center rounded-full bg-orange-lighter text-4xs leading-4 text-orange font-semibold px-3 max-w-[112px] md:max-w-none overflow-hidden whitespace-nowrap">
10544                    für PROFIS                </span>
10545                                    <span x-data="initWishlist()" @click.prevent="addToWishlist(21873)"
10546              aria-label="Zur&#x20;Wunschliste&#x20;hinzuf&#xFC;gen"
10547              role="button"
10548              class="leading-[14px] md:leading-[30px] shrink-0 h-7 w-7 lg:h-9 lg:w-9 rounded-full cursor-pointer flex items-center justify-center bg-gray text-black hover:text-red-600 ml-auto">
10549            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" class="h-4 w-4 fill-current" width="24" height="24" role="img">
10550    <path d="M10.2812 1.19873C8.62299 1.19873 7.55757 2.28381 7 3.25873C6.44243 2.28381 5.37701 1.19873 3.71875 1.19873C1.61429 1.19873 0 2.81051 0 4.94821C0 7.26617 2.02245 8.84469 5.04254 11.2347C6.52135 12.404 6.61637 12.4928 7 12.8012C7.31309 12.5496 7.48636 12.3979 8.95746 11.2347C11.9775 8.84469 14 7.26617 14 4.94821C14 2.81053 12.3857 1.19873 10.2812 1.19873Z"/>
10551<title>moma-heart</title></svg>
10552        </span>
10553    </div>
10554
10555        <a href="https://www.haibu.de/redken-extreme-shampoo-1000ml.html"
10556        class="relative product photo product-item-photo block mx-auto mb-3 "
10557        tabindex="-1">
10558        <img class="h-40 object-contain"
10559             loading="lazy"
10560             x-data=""
10561             @update-gallery-21873.window="$el.src = $event.detail"
10562             alt="Redken&#x20;Extreme&#x20;Shampoo&#x20;1000ml"
10563             title="Redken&#x20;Extreme&#x20;Shampoo&#x20;1000ml"
10564             src="https://images.haibu.de/LFDvhfR9mB_6E-5J4rXLTajXrK-5F1Ipv9a-UldS2Gc/w:360/h:360/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly93d3cuaGFpYnUuZGUvbWVkaWEvY2F0YWxvZy9wcm9kdWN0L2NhY2hlLzY3ZWU4OTc5OTY0MmM1NjdhNzFmYzkyZjM2OTlkOTM3L3IvZS9yZWRlMjIzMjMwMC5qcGc.jpg"
10565             width="360"
10566             height="360"
10567        />
10568                            <div class="absolute left-0 top-3 z-10">
10569                <span class="h-12 w-12 rounded-full bg-pink text-white flex flex-col justify-center items-center">
10570                    <span class="block text-base font-bold">
10571                        35%                    </span>
10572                </span>
10573            </div>
10574            </a>
10575    <div class="product-info flex flex-col flex-grow">
10576                <div class="leading-[1.1rem] items-center justify-center text-black font-semibold text-2xs md:text-4xs lg:text-sm leading-5 mb-2 text-center ">
10577            <a class="product-item-link text-black hover:no-underline focus:no-underline text-2xs md:text-sm"
10578               href="https://www.haibu.de/redken-extreme-shampoo-1000ml.html">
10579                Redken Extreme Shampoo 1000ml            </a>
10580        </div>
10581
10582                            
10583        <div class="mt-auto text-gray-900">
10584            <div class="price-box price-final_price" data-role="priceBox" data-product-id="21873">
10585<div x-data="initCustomer21873()"
10586     @private-content-loaded.window="getData(event.detail.data)"
10587     class="flex gap-2 items-center">
10588            <span class="line-through text-2xs" x-html="hyva.formatPrice(
10589            64.176701        )"></span>
10590    
10591    <span class="font-bold text-sm lg:text-base" x-html="hyva.formatPrice(
10592        41.459601    )"></span>
10593
10594    <template x-if="hasProPrice && customer && customer.signin_token && customer.pro">
10595        <span class="flex items-center gap-2">
10596            <span class="w-5 h-5 shrink-0 bg-black rounded-full text-white flex items-center justify-center">
10597                <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">
10598    <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"/>
10599<title>moma-check-mark</title></svg>
10600            </span>
10601        </span>
10602    </template>
10603</div>
10604
10605<script>
10606    function initCustomer21873() {
10607        return {
10608            hasProPrice: false,
10609            customer: {},
10610            init() {
10611                // x-defer delays init past the one-shot private-content-loaded event
10612                const storage = hyva.getBrowserStorage();
10613                const raw = storage && storage.getItem('mage-cache-storage');
10614                if (raw) {
10615                    this.getData(JSON.parse(raw));
10616                }
10617            },
10618            getData(data) {
10619                if (data.customer) {
10620                    this.customer = data.customer
10621                }
10622            }
10623        }
10624    }
10625</script>
10625
10626</div>        </div>
10627
10628        <div class="pt-0 md:pt-3 flex flex-wrap justify-center items-center h-[62px]">
10629                                                <button class="w-full btn btn-primary justify-center text-xs h-[50px] add-to-cart
10630                                mr-auto"
10631                            aria-label="In&#x20;den&#x20;Warenkorb"
10632                    >
10633                        <span class="item-loader hidden">
10634                            <!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL -->
10635<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 57 57" stroke="#fff" class="h-6 w-6 motion-safe:animate-spin" role="img">
10636    <g fill="none" fill-rule="evenodd">
10637        <g transform="translate(1 1)" stroke-width="2">
10638            <circle cx="5" cy="50" r="5">
10639                <animate attributeName="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcMode="linear" repeatCount="indefinite"/>
10640                <animate attributeName="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcMode="linear" repeatCount="indefinite"/>
10641            </circle>
10642            <circle cx="27" cy="5" r="5">
10643                <animate attributeName="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcMode="linear" repeatCount="indefinite"/>
10644                <animate attributeName="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcMode="linear" repeatCount="indefinite"/>
10645            </circle>
10646            <circle cx="49" cy="50" r="5">
10647                <animate attributeName="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcMode="linear" repeatCount="indefinite"/>
10648                <animate attributeName="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcMode="linear" repeatCount="indefinite"/>
10649            </circle>
10650        </g>
10651    </g>
10652<title>moma-loading</title></svg>
10653                        </span>
10654                        <span class="add-to-cart-text">
10655                            <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 border-current inline" width="25" height="25" role="img">
10656  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
10657<title>shopping-cart</title></svg>
10658                            <span class="hidden lg:ml-2 lg:inline">
10659                                In den Warenkorb                            </span>
10660                        </span>
10661                    </button>
10662                            
10663                                                </div>
10664        <div class="flex flex-wrap justify-around pt-0.5 md:pt-3.5">
10665                            <div class="flex text-4xs md:text-2xs items-center product-incl-price leading-4">
10666                                            (<span class="price">34,84 €</span> &nbsp; excl. MwSt.)                                    </div>
10667                                        <div class="delivery flex text-center lg:text-left justify-center items-center">
10668                                        
10669    
10670<div class="flex gap-2 items-center text-4xs lg:text-2xs">
10671    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 10 9" class="h-5 w-5 p-1 bg-green rounded-full text-white fill-current" role="img">
10672    <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"/>
10673<title>moma-check-mark</title></svg>
10674    <span>Lieferung 1-2 Werktage</span>
10675</div>
10676                    </div>
10677                    </div>
10678    </div>
10679</form>
10680    </div>
10681    <div class="snap-center&#x20;shrink-0&#x20;w-70&#x20;lg&#x3A;w-80">
10682                
10683<form method="post"
10684    action="https://www.haibu.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGFpYnUuZGUv/product/44857/"
10685    id="product_addtocart_form-44857"
10686    class="!pt-0.5 !px-0.5 !pb-2.5 md:p-7 !border-0 md:border bg-white item product product-item product_addtocart_form card card-interactive flex flex-col h-full "
10687        x-data
10688    x-on:submit.prevent="
10689        $dispatch('add-to-cart', {
10690            action: 'https://www.haibu.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGFpYnUuZGUv/product/44857/',
10691            buttonSelector: '#product_addtocart_form-' + 44857 + ' .btn.add-to-cart',
10692            product_id: 44857,
10693            form_key: hyva.getFormKey(),
10694            qty: 1,
10695                    });"
10696>
10697    <input name="form_key" type="hidden" value="R24e2ZL7oyYVkTdR" />    <input type="hidden" name="product" value="44857"/>
10698            <div class="z-10 flex gap-1 items-center">
10699                        <span x-data="initWishlist()" @click.prevent="addToWishlist(44857)"
10700              aria-label="Zur&#x20;Wunschliste&#x20;hinzuf&#xFC;gen"
10701              role="button"
10702              class="leading-[14px] md:leading-[30px] shrink-0 h-7 w-7 lg:h-9 lg:w-9 rounded-full cursor-pointer flex items-center justify-center bg-gray text-black hover:text-red-600 ml-auto">
10703            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" class="h-4 w-4 fill-current" width="24" height="24" role="img">
10704    <path d="M10.2812 1.19873C8.62299 1.19873 7.55757 2.28381 7 3.25873C6.44243 2.28381 5.37701 1.19873 3.71875 1.19873C1.61429 1.19873 0 2.81051 0 4.94821C0 7.26617 2.02245 8.84469 5.04254 11.2347C6.52135 12.404 6.61637 12.4928 7 12.8012C7.31309 12.5496 7.48636 12.3979 8.95746 11.2347C11.9775 8.84469 14 7.26617 14 4.94821C14 2.81053 12.3857 1.19873 10.2812 1.19873Z"/>
10705<title>moma-heart</title></svg>
10706        </span>
10707    </div>
10708
10709        <a href="https://www.haibu.de/fanola-cream-color-100ml.html"
10710        class="relative product photo product-item-photo block mx-auto mb-3 "
10711        tabindex="-1">
10712        <img class="h-40 object-contain"
10713             loading="lazy"
10714             x-data=""
10715             @update-gallery-44857.window="$el.src = $event.detail"
10716             alt="Fanola&#x20;Cream&#x20;Color&#x20;100ml"
10717             title="Fanola&#x20;Cream&#x20;Color&#x20;100ml"
10718             src="https://images.haibu.de/v3AOTrcfRHHeoZkg9EJg5IwJ24-3qu75CzT3TwjiGNE/w:360/h:360/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly93d3cuaGFpYnUuZGUvbWVkaWEvY2F0YWxvZy9wcm9kdWN0L2NhY2hlLzY3ZWU4OTc5OTY0MmM1NjdhNzFmYzkyZjM2OTlkOTM3LzgvMC84MDMyOTQ3ODYwMDEyLmpwZw.jpg"
10719             width="360"
10720             height="360"
10721        />
10722                            <div class="absolute left-0 top-3 z-10">
10723                <span class="h-12 w-12 rounded-full bg-pink text-white flex flex-col justify-center items-center">
10724                    <span class="block text-base font-bold">
10725                        59%                    </span>
10726                </span>
10727            </div>
10728            </a>
10729    <div class="product-info flex flex-col flex-grow">
10730                <div class="leading-[1.1rem] items-center justify-center text-black font-semibold text-2xs md:text-4xs lg:text-sm leading-5 mb-2 text-center ">
10731            <a class="product-item-link text-black hover:no-underline focus:no-underline text-2xs md:text-sm"
10732               href="https://www.haibu.de/fanola-cream-color-100ml.html">
10733                Fanola Cream Color 100ml            </a>
10734        </div>
10735
10736                            
10737        <div class="mt-auto text-gray-900">
10738            <div class="price-box price-final_price" data-role="priceBox" data-product-id="44857" data-price-box="product-id-44857">
10739<div x-data="initCustomer44857()"
10740     @private-content-loaded.window="getData(event.detail.data)"
10741     class="flex gap-2 items-center">
10742            <span class="line-through text-2xs" x-html="hyva.formatPrice('9.88')"></span>
10743    
10744    <span class="font-bold text-sm lg:text-base" x-html="hyva.formatPrice('4.819501')"></span>
10745
10746    <template x-if="hasProPrice && customer && customer.signin_token && customer.pro">
10747        <span class="flex items-center gap-2">
10748            <span class="w-5 h-5 shrink-0 bg-black rounded-full text-white flex items-center justify-center">
10749                <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">
10750    <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"/>
10751<title>moma-check-mark</title></svg>
10752            </span>
10753        </span>
10754    </template>
10755</div>
10756
10757<script>
10758    function initCustomer44857() {
10759        return {
10760            hasProPrice: false,
10761            customer: {},
10762            init() {
10763                // x-defer delays init past the one-shot private-content-loaded event
10764                const storage = hyva.getBrowserStorage();
10765                const raw = storage && storage.getItem('mage-cache-storage');
10766                if (raw) {
10767                    this.getData(JSON.parse(raw));
10768                }
10769            },
10770            getData(data) {
10771                if (data.customer) {
10772                    this.customer = data.customer
10773                }
10774            }
10775        }
10776    }
10777</script>
10777
10778
10779</div>        </div>
10780
10781        <div class="pt-0 md:pt-3 flex flex-wrap justify-center items-center h-[62px]">
10782                                                <a class="w-full btn btn-primary justify-center text-xs h-[50px] hover:no-underline mr-auto"
10783                        aria-label="Variante&#x20;w&#xE4;hlen"
10784                        href="https://www.haibu.de/fanola-cream-color-100ml.html"
10785                    >
10786                        <span class="add-to-cart-text">
10787                            <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 border-current inline" width="25" height="25" role="img">
10788  <path stroke-linecap="round" stroke-linejoin="round" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"/>
10789  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
10790<title>cog</title></svg>
10791                            <span class="hidden lg:ml-2 lg:inline">
10792                                Variante wählen                            </span>
10793                        </span>
10794                    </a>
10795                            
10796                                                </div>
10797        <div class="flex flex-wrap justify-around pt-0.5 md:pt-3.5">
10798                            <div class="flex text-4xs md:text-2xs items-center product-incl-price leading-4">
10799                                            (<span class="price">4,05 €</span> &nbsp; excl. MwSt.)                                    </div>
10800                                        <div class="delivery flex text-center lg:text-left justify-center items-center">
10801                                        
10802    
10803<div class="flex gap-2 items-center text-4xs lg:text-2xs">
10804    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 10 9" class="h-5 w-5 p-1 bg-green rounded-full text-white fill-current" role="img">
10805    <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"/>
10806<title>moma-check-mark</title></svg>
10807    <span>Lieferung 1-2 Werktage</span>
10808</div>
10809                    </div>
10810                    </div>
10811    </div>
10812</form>
10813    </div>
10814    <div class="snap-center&#x20;shrink-0&#x20;w-70&#x20;lg&#x3A;w-80">
10815                
10816<div class="bg-white item product product-item card card-interactive flex flex-col w-full ">
10817            <div class="z-10 flex gap-1 items-center">
10818                                    <span class="flex h-7 lg:h-9 items-center justify-center rounded-full bg-orange-lighter text-4xs leading-4 text-orange font-semibold px-3 max-w-[112px] md:max-w-none overflow-hidden whitespace-nowrap">
10819                    Alle=Alle                </span>
10820                                    <span x-data="initWishlist()" @click.prevent="addToWishlist(21357)"
10821              aria-label="Zur&#x20;Wunschliste&#x20;hinzuf&#xFC;gen"
10822              role="button"
10823              class="leading-[14px] md:leading-[30px] shrink-0 h-7 w-7 lg:h-9 lg:w-9 rounded-full cursor-pointer flex items-center justify-center bg-gray text-black hover:text-red-600 ml-auto">
10824            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" class="h-4 w-4 fill-current" width="24" height="24" role="img">
10825    <path d="M10.2812 1.19873C8.62299 1.19873 7.55757 2.28381 7 3.25873C6.44243 2.28381 5.37701 1.19873 3.71875 1.19873C1.61429 1.19873 0 2.81051 0 4.94821C0 7.26617 2.02245 8.84469 5.04254 11.2347C6.52135 12.404 6.61637 12.4928 7 12.8012C7.31309 12.5496 7.48636 12.3979 8.95746 11.2347C11.9775 8.84469 14 7.26617 14 4.94821C14 2.81053 12.3857 1.19873 10.2812 1.19873Z"/>
10826<title>moma-heart</title></svg>
10827        </span>
10828    </div>
10829
10830        <a href="https://www.haibu.de/goldwell-dualsenses-rich-repair-restorting-shampoo-1000ml.html"
10831        class="relative product photo product-item-photo block mx-auto mb-3 "
10832        tabindex="-1">
10833        <img class="h-40 object-contain"
10834             loading="lazy"
10835             x-data=""
10836             @update-gallery-21357.window="$el.src = $event.detail"
10837             alt="Goldwell&#x20;Dualsenses&#x20;Rich&#x20;Repair&#x20;Restoring&#x20;Shampoo&#x20;1000ml"
10838             title="Goldwell&#x20;Dualsenses&#x20;Rich&#x20;Repair&#x20;Restoring&#x20;Shampoo&#x20;1000ml"
10839             src="https://images.haibu.de/fs_yWi1Jmt15--y_PFJ3KXrpTDpEBfaMPGU_i5gUhGI/w:360/h:360/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly93d3cuaGFpYnUuZGUvbWVkaWEvY2F0YWxvZy9wcm9kdWN0L2NhY2hlLzY3ZWU4OTc5OTY0MmM1NjdhNzFmYzkyZjM2OTlkOTM3LzQvMC80MDIxNjA5MDI4NTA1XzAuanBn.jpg"
10840             width="360"
10841             height="360"
10842        />
10843                            <div class="absolute left-0 top-3 z-10">
10844                <span class="h-12 w-12 rounded-full bg-pink text-white flex flex-col justify-center items-center">
10845                    <span class="block text-base font-bold">
10846                        54%                    </span>
10847                </span>
10848            </div>
10849            </a>
10850    <div class="product-info flex flex-col flex-grow">
10851                <div class="leading-[1.1rem] items-center justify-center text-black font-semibold text-2xs md:text-4xs lg:text-sm leading-5 mb-2 text-center ">
10852            <a class="product-item-link text-black hover:no-underline focus:no-underline text-2xs md:text-sm"
10853               href="https://www.haibu.de/goldwell-dualsenses-rich-repair-restorting-shampoo-1000ml.html">
10854                Goldwell Dualsenses Rich Repair Restoring Shampoo 1000ml            </a>
10855        </div>
10856
10857        
10858        <div class="mt-auto text-gray-900">
10859            <div class="price-box price-final_price" data-role="priceBox" data-product-id="21357">
10860<div x-data="initCustomer21357()"
10861     @private-content-loaded.window="getData(event.detail.data)"
10862     class="flex gap-2 items-center">
10863            <span class="line-through text-2xs" x-html="hyva.formatPrice(
10864            52.812201        )"></span>
10865    
10866    <span class="font-bold text-sm lg:text-base" x-html="hyva.formatPrice(
10867        24.335501    )"></span>
10868
10869    <template x-if="hasProPrice && customer && customer.signin_token && customer.pro">
10870        <span class="flex items-center gap-2">
10871            <span class="w-5 h-5 shrink-0 bg-black rounded-full text-white flex items-center justify-center">
10872                <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">
10873    <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"/>
10874<title>moma-check-mark</title></svg>
10875            </span>
10876        </span>
10877    </template>
10878</div>
10879
10880<script>
10881    function initCustomer21357() {
10882        return {
10883            hasProPrice: false,
10884            customer: {},
10885            init() {
10886                // x-defer delays init past the one-shot private-content-loaded event
10887                const storage = hyva.getBrowserStorage();
10888                const raw = storage && storage.getItem('mage-cache-storage');
10889                if (raw) {
10890                    this.getData(JSON.parse(raw));
10891                }
10892            },
10893            getData(data) {
10894                if (data.customer) {
10895                    this.customer = data.customer
10896                }
10897            }
10898        }
10899    }
10900</script>
10900
10901</div>        </div>
10902
10903        <div class="pt-0 md:pt-3 flex flex-wrap justify-center items-center h-[62px]">
10904            
10905                                                </div>
10906        <div class="flex flex-wrap justify-around pt-0.5 md:pt-3.5">
10907                            <div class="flex text-4xs md:text-2xs items-center product-incl-price leading-4">
10908                                            (<span class="price">20,45 €</span> &nbsp; excl. MwSt.)                                    </div>
10909                                        <div class="delivery flex text-center lg:text-left justify-center items-center">
10910                                        
10911
10912    
10913<div class="flex gap-2 items-center text-orange text-4xs lg:text-2xs">
10914    <span>Produkt derzeit nicht auf Lager</span>
10915</div>
10916                    </div>
10917                    </div>
10918    </div>
10919</div>
10920    </div>
10921    <div class="snap-center&#x20;shrink-0&#x20;w-70&#x20;lg&#x3A;w-80">
10922                
10923<form method="post"
10924    action="https://www.haibu.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGFpYnUuZGUv/product/45793/"
10925    id="product_addtocart_form-45793"
10926    class="!pt-0.5 !px-0.5 !pb-2.5 md:p-7 !border-0 md:border bg-white item product product-item product_addtocart_form card card-interactive flex flex-col h-full "
10927        x-data
10928    x-on:submit.prevent="
10929        $dispatch('add-to-cart', {
10930            action: 'https://www.haibu.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGFpYnUuZGUv/product/45793/',
10931            buttonSelector: '#product_addtocart_form-' + 45793 + ' .btn.add-to-cart',
10932            product_id: 45793,
10933            form_key: hyva.getFormKey(),
10934            qty: 1,
10935                    });"
10936>
10937    <input name="form_key" type="hidden" value="R24e2ZL7oyYVkTdR" />    <input type="hidden" name="product" value="45793"/>
10938            <div class="z-10 flex gap-1 items-center">
10939                                    <span class="flex h-7 lg:h-9 items-center justify-center rounded-full bg-orange-lighter text-4xs leading-4 text-orange font-semibold px-3 max-w-[112px] md:max-w-none overflow-hidden whitespace-nowrap">
10940                    für PROFIS                </span>
10941                                                <span class="flex h-7 lg:h-9 items-center justify-center rounded-full bg-orange-lighter text-4xs leading-4 text-orange font-semibold px-3 max-w-[112px] md:max-w-none overflow-hidden whitespace-nowrap">
10942                    Verschiedene Farben                </span>
10943                                    <span x-data="initWishlist()" @click.prevent="addToWishlist(45793)"
10944              aria-label="Zur&#x20;Wunschliste&#x20;hinzuf&#xFC;gen"
10945              role="button"
10946              class="leading-[14px] md:leading-[30px] shrink-0 h-7 w-7 lg:h-9 lg:w-9 rounded-full cursor-pointer flex items-center justify-center bg-gray text-black hover:text-red-600 ml-auto">
10947            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" class="h-4 w-4 fill-current" width="24" height="24" role="img">
10948    <path d="M10.2812 1.19873C8.62299 1.19873 7.55757 2.28381 7 3.25873C6.44243 2.28381 5.37701 1.19873 3.71875 1.19873C1.61429 1.19873 0 2.81051 0 4.94821C0 7.26617 2.02245 8.84469 5.04254 11.2347C6.52135 12.404 6.61637 12.4928 7 12.8012C7.31309 12.5496 7.48636 12.3979 8.95746 11.2347C11.9775 8.84469 14 7.26617 14 4.94821C14 2.81053 12.3857 1.19873 10.2812 1.19873Z"/>
10949<title>moma-heart</title></svg>
10950        </span>
10951    </div>
10952
10953        <a href="https://www.haibu.de/l-oreal-dia-light-50ml.html"
10954        class="relative product photo product-item-photo block mx-auto mb-3 "
10955        tabindex="-1">
10956        <img class="h-40 object-contain"
10957             loading="lazy"
10958             x-data=""
10959             @update-gallery-45793.window="$el.src = $event.detail"
10960             alt="L&#x27;Or&#xE9;al&#x20;Dia&#x20;Light&#x20;50ml"
10961             title="L&#x27;Or&#xE9;al&#x20;Dia&#x20;Light&#x20;50ml"
10962             src="https://images.haibu.de/N1dbKDYXWsrlqpxWpfS_Y9vuZOsa95x2j67LbM0Q1W0/w:360/h:360/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly93d3cuaGFpYnUuZGUvbWVkaWEvY2F0YWxvZy9wcm9kdWN0L2NhY2hlLzY3ZWU4OTc5OTY0MmM1NjdhNzFmYzkyZjM2OTlkOTM3L2wvXy9sX29yX2FsX2RpYV9saWdodF81MG1sLmpwZw.jpg"
10963             width="360"
10964             height="360"
10965        />
10966                            <div class="absolute left-0 top-3 z-10">
10967                <span class="h-12 w-12 rounded-full bg-pink text-white flex flex-col justify-center items-center">
10968                    <span class="block text-base font-bold">
10969                        35%                    </span>
10970                </span>
10971            </div>
10972            </a>
10973    <div class="product-info flex flex-col flex-grow">
10974                <div class="leading-[1.1rem] items-center justify-center text-black font-semibold text-2xs md:text-4xs lg:text-sm leading-5 mb-2 text-center ">
10975            <a class="product-item-link text-black hover:no-underline focus:no-underline text-2xs md:text-sm"
10976               href="https://www.haibu.de/l-oreal-dia-light-50ml.html">
10977                L&#039;Oréal Professionnel Dia Light 50ml            </a>
10978        </div>
10979
10980                            
10981        <div class="mt-auto text-gray-900">
10982            <div class="price-box price-final_price" data-role="priceBox" data-product-id="45793" data-price-box="product-id-45793">
10983<div x-data="initCustomer45793()"
10984     @private-content-loaded.window="getData(event.detail.data)"
10985     class="flex gap-2 items-center">
10986            <span class="line-through text-2xs" x-html="hyva.formatPrice('13.86')"></span>
10987    
10988    <span class="font-bold text-sm lg:text-base" x-html="hyva.formatPrice('10.674301')"></span>
10989
10990    <template x-if="hasProPrice && customer && customer.signin_token && customer.pro">
10991        <span class="flex items-center gap-2">
10992            <span class="w-5 h-5 shrink-0 bg-black rounded-full text-white flex items-center justify-center">
10993                <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">
10994    <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"/>
10995<title>moma-check-mark</title></svg>
10996            </span>
10997        </span>
10998    </template>
10999</div>
11000
11001<script>
11002    function initCustomer45793() {
11003        return {
11004            hasProPrice: false,
11005            customer: {},
11006            init() {
11007                // x-defer delays init past the one-shot private-content-loaded event
11008                const storage = hyva.getBrowserStorage();
11009                const raw = storage && storage.getItem('mage-cache-storage');
11010                if (raw) {
11011                    this.getData(JSON.parse(raw));
11012                }
11013            },
11014            getData(data) {
11015                if (data.customer) {
11016                    this.customer = data.customer
11017                }
11018            }
11019        }
11020    }
11021</script>
11021
11022
11023</div>        </div>
11024
11025        <div class="pt-0 md:pt-3 flex flex-wrap justify-center items-center h-[62px]">
11026                                                <a class="w-full btn btn-primary justify-center text-xs h-[50px] hover:no-underline mr-auto"
11027                        aria-label="Variante&#x20;w&#xE4;hlen"
11028                        href="https://www.haibu.de/l-oreal-dia-light-50ml.html"
11029                    >
11030                        <span class="add-to-cart-text">
11031                            <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 border-current inline" width="25" height="25" role="img">
11032  <path stroke-linecap="round" stroke-linejoin="round" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"/>
11033  <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"/>
11034<title>cog</title></svg>
11035                            <span class="hidden lg:ml-2 lg:inline">
11036                                Variante wählen                            </span>
11037                        </span>
11038                    </a>
11039                            
11040                                                </div>
11041        <div class="flex flex-wrap justify-around pt-0.5 md:pt-3.5">
11042                            <div class="flex text-4xs md:text-2xs items-center product-incl-price leading-4">
11043                                            (<span class="price">8,97 €</span> &nbsp; excl. MwSt.)                                    </div>
11044                                        <div class="delivery flex text-center lg:text-left justify-center items-center">
11045                                        
11046    
11047<div class="flex gap-2 items-center text-4xs lg:text-2xs">
11048    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 10 9" class="h-5 w-5 p-1 bg-green rounded-full text-white fill-current" role="img">
11049    <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"/>
11050<title>moma-check-mark</title></svg>
11051    <span>Lieferung 1-2 Werktage</span>
11052</div>
11053                    </div>
11054                    </div>
11055    </div>
11056</form>
11057    </div>
11058</div></div></div><div class="container mb-10 lg:mb-20"><div class="text-center text-2xl lg:text-4xl mb-5 lg:mb-8 text-title">Kategorien</div><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 xl:gap-10">
11059<div>
11060    <a href="https://www.haibu.de/haarprodukte/"
11061       title="Haarprodukte"
11062    >
11063        <picture>
11064            <source media="(max-width: 799px)" srcset="https://images.haibu.de/MWgfPqFjOXMocC2xfRL94iKHMJZ-NmWyPYKjhUX1h5U/w:320/h:180/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hLzBiOWIyN2VkLTU0OWYtNDMyMy1iMDM3LTk1OTI3N2FjM2U2Y19Ib21lcGFnZSstK2NhdGVnb3JpZStoYWFycHJvZHVjdGVuLmpwZz9hdXRvPWNvbXByZXNzLGZvcm1hdCZhbXA7cmVjdD0wLDEwNSw2NDAsMTUxJmFtcDt3PTM0MCZhbXA7aD04MA.jpg">
11065            <source media="(min-width: 800px)" srcset="https://images.haibu.de/T9k1x_m_1wRYz48fav2P8YhnhAmjpOi
11065MBnZCWEN0R-g/w:320/h:180/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hLzBiOWIyN2VkLTU0OWYtNDMyMy1iMDM3LTk1OTI3N2FjM2U2Y19Ib21lcGFnZSstK2NhdGVnb3JpZStoYWFycHJvZHVjdGVuLmpwZz9hdXRvPWNvbXByZXNzLGZvcm1hdCZhbXA7cmVjdD0wLDAsNjM5LDM2MCZhbXA7dz0yODQmYW1wO2g9MTYw.jpg">
11066            <img src="https://images.haibu.de/T9k1x_m_1wRYz48fav2P8YhnhAmjpOiMBnZCWEN0R-g/w:320/h:180/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hLzBiOWIyN2VkLTU0OWYtNDMyMy1iMDM3LTk1OTI3N2FjM2U2Y19Ib21lcGFnZSstK2NhdGVnb3JpZStoYWFycHJvZHVjdGVuLmpwZz9hdXRvPWNvbXByZXNzLGZvcm1hdCZhbXA7cmVjdD0wLDAsNjM5LDM2MCZhbXA7dz0yODQmYW1wO2g9MTYw.jpg"
11067                 alt="Haarprodukte"
11068                 class="object-cover w-full rounded"
11069                 width="320"
11070                 height="180"
11071                 loading="lazy"
11072            >
11073        </picture>
11074    </a>
11075    <section aria-labelledby="cat-Haarprodukte"
11076             class="divide-y divide-gray px-7 pb-2 md:pb-3 pt-3 md:pt-5 rounded border border-gray mt-4 md:mt-5">
11077        <h2 id="cat-Haarprodukte" class="h-10 md:h-12 flex items-center text-sm mb-0">
11078            Haarprodukte        </h2>
11079        <nav aria-label="Subcategorieën">
11080            <ul class="divide-y divide-gray">
11081                
11082    <li class="md:py-1">
11083        <a class="h-10 flex justify-between items-center font-medium text-black hover:no-underline focus:no-underline"
11084           href="https://www.haibu.de/haarprodukte/haarpflege/"
11085        >
11086            Haarpflege
11087            <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">
11088    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
11089<title>moma-chevron-right</title></svg>
11090        </a>
11091    </li>
11092
11093    <li class="md:py-1">
11094        <a class="h-10 flex justify-between items-center font-medium text-black hover:no-underline focus:no-underline"
11095           href="https://www.haibu.de/haarprodukte/stylingprodukte/"
11096        >
11097            Stylingprodukte
11098            <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">
11099    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
11100<title>moma-chevron-right</title></svg>
11101        </a>
11102    </li>
11103
11104    <li class="md:py-1">
11105        <a class="h-10 flex justify-between items-center font-medium text-black hover:no-underline focus:no-underline"
11106           href="https://www.haibu.de/haarprodukte/haarfarbung/"
11107        >
11108            Haarfarbe
11109            <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">
11110    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
11110703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
11111<title>moma-chevron-right</title></svg>
11112        </a>
11113    </li>
11114
11115    <li class="md:py-1">
11116        <a class="h-10 flex justify-between items-center font-medium text-black hover:no-underline focus:no-underline"
11117           href="https://www.haibu.de/haarprodukte/permanent-behandlung/"
11118        >
11119            Umformungsprodukte
11120            <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">
11121    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
11122<title>moma-chevron-right</title></svg>
11123        </a>
11124    </li>
11125            </ul>
11126        </nav>
11127    </section>
11128</div>
11129
11130<div>
11131    <a href="https://www.haibu.de/gerate/"
11132       title="Tools"
11133    >
11134        <picture>
11135            <source media="(max-width: 799px)" srcset="https://images.haibu.de/-ci9kakiuX_vPqd_dpVE_78Lr71sFvYVjWb3dJr4oDQ/w:320/h:180/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hLzNmNjQ0ZjdjLWYxMDctNDk4Ni1hYzVmLTllODk4NGRkNDc4N19Ib21lcGFnZSstK2NhdGVnb3JpZSt0b29scy5qcGc_YXV0bz1jb21wcmVzcyxmb3JtYXQmYW1wO3JlY3Q9MCwxMDUsNjQwLDE1MSZhbXA7dz0zNDAmYW1wO2g9ODA.jpg">
11136            <source media="(min-width: 800px)" srcset="https://images.haibu.de/TfX1Jvh8YhuyZfsEMn5Qbxhrul6f-59U9Oyft-D6gWo/w:320/h:180/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hLzNmNjQ0ZjdjLWYxMDctNDk4Ni1hYzVmLTllODk4NGRkNDc4N19Ib21lcGFnZSstK2NhdGVnb3JpZSt0b29scy5qcGc_YXV0bz1jb21wcmVzcyxmb3JtYXQmYW1wO3JlY3Q9MCwwLDYzOSwzNjAmYW1wO3c9Mjg0JmFtcDtoPTE2MA.jpg">
11137            <img src="https://images.haibu.de/TfX1Jvh8YhuyZfsEMn5Qbxhrul6f-59U9Oyft-D6gWo/w:320/h:180/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hLzNmNjQ0ZjdjLWYxMDctNDk4Ni1hYzVmLTllODk4NGRkNDc4N19Ib21lcGFnZSstK2NhdGVnb3JpZSt0b29scy5qcGc_YXV0bz1jb21wcmVzcyxmb3JtYXQmYW1wO3JlY3Q9MCwwLDYzOSwzNjAmYW1wO3c9Mjg0JmFtcDtoPTE2MA.jpg"
11138                 alt="Tools"
11139                 class="object-cover w-full rounded"
11140                 width="320"
11141                 height="180"
11142                 loading="lazy"
11143            >
11144        </picture>
11145    </a>
11146    <section aria-labelledby="cat-Tools"
11147             class="divide-y divide-gray px-7 pb-2 md:pb-3 pt-3 md:pt-5 rounded border border-gray mt-4 md:mt-5">
11148        <h2 id="cat-Tools" class="h-10 md:h-12 flex items-center text-sm mb-0">
11149            Tools        </h2>
11150        <nav aria-label="Subcategorieën">
11151            <ul class="divide-y divide-gray">
11152                
11153    <li class="md:py-1">
11154        <a class="h-10 flex justify-between items-center font-medium text-black hover:no-underline focus:no-underline"
11155           href="https://www.haibu.de/gerate/fohns-diffuser/"
11156        >
11157            Föhns &amp; Diffusor
11158            <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">
11159    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
11159703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
11160<title>moma-chevron-right</title></svg>
11161        </a>
11162    </li>
11163
11164    <li class="md:py-1">
11165        <a class="h-10 flex justify-between items-center font-medium text-black hover:no-underline focus:no-underline"
11166           href="https://www.haibu.de/gerate/lockenstabe/"
11167        >
11168            Lockenstäbe
11169            <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">
11170    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
11171<title>moma-chevron-right</title></svg>
11172        </a>
11173    </li>
11174
11175    <li class="md:py-1">
11176        <a class="h-10 flex justify-between items-center font-medium text-black hover:no-underline focus:no-underline"
11177           href="https://www.haibu.de/gerate/glatteisen/"
11178        >
11179            Glätteisen
11180            <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">
11181    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
11182<title>moma-chevron-right</title></svg>
11183        </a>
11184    </li>
11185
11186    <li class="md:py-1">
11187        <a class="h-10 flex justify-between items-center font-medium text-black hover:no-underline focus:no-underline"
11188           href="https://www.haibu.de/gerate/trimmer/"
11189        >
11190            Schermaschinen
11191            <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">
11192    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 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
11192103 0.149967Z"/>
11193<title>moma-chevron-right</title></svg>
11194        </a>
11195    </li>
11196            </ul>
11197        </nav>
11198    </section>
11199</div>
11200
11201<div>
11202    <a href="https://www.haibu.de/beautyprodukte/"
11203       title="Beauty"
11204    >
11205        <picture>
11206            <source media="(max-width: 799px)" srcset="https://images.haibu.de/5dhmbwIK4g6avO3rUoy_MuApaKqIXZyGJWY6ZFMWthI/w:320/h:180/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hL2ZkMGI3ZWUxLWNmNGMtNDcxNy05YTMwLTdmMzE2ZDM2YjE5N19Ib21lcGFnZSstK2NhdGVnb3JpZStiZWF1dHkuanBnP2F1dG89Y29tcHJlc3MsZm9ybWF0JmFtcDtyZWN0PTAsMTA1LDY0MCwxNTEmYW1wO3c9MzQwJmFtcDtoPTgw.jpg">
11207            <source media="(min-width: 800px)" srcset="https://images.haibu.de/qlGCbht6kYwzPx2XKFapvlhnLSazneo4kS718Sk5FhE/w:320/h:180/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hL2ZkMGI3ZWUxLWNmNGMtNDcxNy05YTMwLTdmMzE2ZDM2YjE5N19Ib21lcGFnZSstK2NhdGVnb3JpZStiZWF1dHkuanBnP2F1dG89Y29tcHJlc3MsZm9ybWF0JmFtcDtyZWN0PTAsMCw2MzksMzYwJmFtcDt3PTI4NCZhbXA7aD0xNjA.jpg">
11208            <img src="https://images.haibu.de/qlGCbht6kYwzPx2XKFapvlhnLSazneo4kS718Sk5FhE/w:320/h:180/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hL2ZkMGI3ZWUxLWNmNGMtNDcxNy05YTMwLTdmMzE2ZDM2YjE5N19Ib21lcGFnZSstK2NhdGVnb3JpZStiZWF1dHkuanBnP2F1dG89Y29tcHJlc3MsZm9ybWF0JmFtcDtyZWN0PTAsMCw2MzksMzYwJmFtcDt3PTI4NCZhbXA7aD0xNjA.jpg"
11209                 alt="Beauty"
11210                 class="object-cover w-full rounded"
11211                 width="320"
11212                 height="180"
11213                 loading="lazy"
11214            >
11215        </picture>
11216    </a>
11217    <section aria-labelledby="cat-Beauty"
11218             class="divide-y divide-gray px-7 pb-2 md:pb-3 pt-3 md:pt-5 rounded border border-gray mt-4 md:mt-5">
11219        <h2 id="cat-Beauty" class="h-10 md:h-12 flex items-center text-sm mb-0">
11220            Beauty        </h2>
11221        <nav aria-label="Subcategorieën">
11222            <ul class="divide-y divide-gray">
11223                
11224    <li class="md:py-1">
11225        <a class="h-10 flex justify-between items-center font-medium text-black hover:no-underline focus:no-underline"
11226           href="https://www.haibu.de/beautyprodukte/hautpflege/"
11227        >
11228            Hautpflege
11229            <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">
11230    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
11231<title>moma-chevron-right</title></svg>
11232        </a>
11233    </li>
11234
11235    <li class="md:py-1">
11236        <a class="h-10 flex justify-between items-center font-medium text-black hover:no-underline focus:no-underline"
11237           href="https://www.haibu.de/beautyprodukte/make-up/"
11238        >
11239            Make-up
11240            <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">
11241    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
11241703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
11242<title>moma-chevron-right</title></svg>
11243        </a>
11244    </li>
11245
11246    <li class="md:py-1">
11247        <a class="h-10 flex justify-between items-center font-medium text-black hover:no-underline focus:no-underline"
11248           href="https://www.haibu.de/beautyprodukte/nagelprodukte/"
11249        >
11250            Nagelprodukte
11251            <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">
11252    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
11253<title>moma-chevron-right</title></svg>
11254        </a>
11255    </li>
11256
11257    <li class="md:py-1">
11258        <a class="h-10 flex justify-between items-center font-medium text-black hover:no-underline focus:no-underline"
11259           href="https://www.haibu.de/beautyprodukte/epileren/"
11260        >
11261            Epilation/Enthaarung
11262            <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">
11263    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
11264<title>moma-chevron-right</title></svg>
11265        </a>
11266    </li>
11267            </ul>
11268        </nav>
11269    </section>
11270</div>
11271
11272<div>
11273    <a href="https://www.haibu.de/zubehor/"
11274       title="Friseurbedarf"
11275    >
11276        <picture>
11277            <source media="(max-width: 799px)" srcset="https://images.haibu.de/yM5ZVy2Gn9oRE36ybB4RC0P7dSFXpdF4MscZFWIHYn8/w:320/h:180/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hL2VkYjYzOGJjLWNjZTEtNGZmOC05MTEyLWU3MDgxMWExYmZjOV9Ib21lcGFnZSstK2NhdGVnb3JpZStrYXBwZXJzYmVub2RpZ2RoZWRlbi5qcGc_YXV0bz1jb21wcmVzcyxmb3JtYXQmYW1wO3JlY3Q9MCwxMDUsNjQwLDE1MSZhbXA7dz0zNDAmYW1wO2g9ODA.jpg">
11278            <source media="(min-width: 800px)" srcset="https://images.haibu.de/MyGpKBSuo9k_-qRcv7JkGxJoR03avhx3bScEo3Zol9c/w:320/h:180/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hL2VkYjYzOGJjLWNjZTEtNGZmOC05MTEyLWU3MDgxMWExYmZjOV9Ib21lcGFnZSstK2NhdGVnb3JpZStrYXBwZXJzYmVub2RpZ2RoZWRlbi5qcGc_YXV0bz1jb21wcmVzcyxmb3JtYXQmYW1wO3JlY3Q9MCwwLDYzOSwzNjAmYW1wO3c9Mjg0JmFtcDtoPTE2MA.jpg">
11279            <img src="https://images.haibu.de/MyGpKBSuo9k_-qRcv7JkGxJoR03avhx3bScEo3Zol9c/w:320/h:180/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hL2VkYjYzOGJjLWNjZTEtNGZmOC05MTEyLWU3MDgxMWExYmZjOV9Ib21lcGFnZSstK2NhdGVnb3JpZStrYXBwZXJzYmVub2RpZ2RoZWRlbi5qcGc_YXV0bz1jb21wcmVzcyxmb3JtYXQmYW1wO3JlY3Q9MCwwLDYzOSwzNjAmYW1wO3c9Mjg0JmFtcDtoPTE2MA.jpg"
11280                 alt="Friseurbedarf"
11281                 class="object-cover w-full rounded"
11282                 width="320"
11283                 height="180"
11284                 loading="lazy"
11285            >
11286        </picture>
11287    </a>
11288    <section aria-labelledby="cat-Friseurbedarf"
11289             class="divide-y divide-gray px-7 pb-2 md:pb-3 pt-3 md:pt-5 rounded border border-gray mt-4 md:mt-5">
11290        <h2 id="cat-Friseurbedarf" class="h-10 md:h-12 flex items-center text-sm mb-0">
11291            Friseurbedarf        </h2>
11292        <nav aria-label="Subcategorieën">
11293            <ul class="divide-y divide-gray">
11294                
11295    <li class="md:py-1">
11296        <a class="h-10 flex justify-between items-center font-medium text-black hover:no-underline focus:no-underline"
11297           href="https://www.haibu.de/zubehor/farbebedarf/"
11298        >
11299            Färbebedarf
11300            <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">
11301    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
11301703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
11302<title>moma-chevron-right</title></svg>
11303        </a>
11304    </li>
11305
11306    <li class="md:py-1">
11307        <a class="h-10 flex justify-between items-center font-medium text-black hover:no-underline focus:no-underline"
11308           href="https://www.haibu.de/zubehor/schneidebedarf/"
11309        >
11310            Schneidebedarf
11311            <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">
11312    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
11313<title>moma-chevron-right</title></svg>
11314        </a>
11315    </li>
11316
11317    <li class="md:py-1">
11318        <a class="h-10 flex justify-between items-center font-medium text-black hover:no-underline focus:no-underline"
11319           href="https://www.haibu.de/zubehor/waschen/"
11320        >
11321            Wäschebedarf
11322            <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">
11323    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
11324<title>moma-chevron-right</title></svg>
11325        </a>
11326    </li>
11327
11328    <li class="md:py-1">
11329        <a class="h-10 flex justify-between items-center font-medium text-black hover:no-underline focus:no-underline"
11330           href="https://www.haibu.de/zubehor/dauerwelle/"
11331        >
11332            Dauerhafte Materialien
11333            <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">
11334    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 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
11334103 0.149967Z"/>
11335<title>moma-chevron-right</title></svg>
11336        </a>
11337    </li>
11338            </ul>
11339        </nav>
11340    </section>
11341</div>
11342</div></div><div class="mb-8 px-5 lg:px-0 py-6 lg:py-17.5 lg:mx-10 lg:mb-16 bg-gray-lighter lg:rounded"><div class="lg:container"><div class="text-2xl lg:text-4xl text-center mb-6 text-title">Neue Artikel</div><div class="snap-x snap-mandatory flex overflow-x-auto gap-8 w-full">    <div class="snap-center&#x20;shrink-0&#x20;w-70&#x20;lg&#x3A;w-80">
11343                
11344<form method="post"
11345    action="https://www.haibu.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGFpYnUuZGUv/product/54757/"
11346    id="product_addtocart_form-54757"
11347    class="!pt-0.5 !px-0.5 !pb-2.5 md:p-7 !border-0 md:border bg-white item product product-item product_addtocart_form card card-interactive flex flex-col h-full "
11348        x-data
11349    x-on:submit.prevent="
11350        $dispatch('add-to-cart', {
11351            action: 'https://www.haibu.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGFpYnUuZGUv/product/54757/',
11352            buttonSelector: '#product_addtocart_form-' + 54757 + ' .btn.add-to-cart',
11353            product_id: 54757,
11354            form_key: hyva.getFormKey(),
11355            qty: 1,
11356                    });"
11357>
11358    <input name="form_key" type="hidden" value="R24e2ZL7oyYVkTdR" />    <input type="hidden" name="product" value="54757"/>
11359            <div class="z-10 flex gap-1 items-center">
11360                                    <span class="flex h-7 lg:h-9 items-center justify-center rounded-full bg-orange-lighter text-4xs leading-4 text-orange font-semibold px-3 max-w-[112px] md:max-w-none overflow-hidden whitespace-nowrap">
11361                    Dyson-Partner                </span>
11362                                    <span x-data="initWishlist()" @click.prevent="addToWishlist(54757)"
11363              aria-label="Zur&#x20;Wunschliste&#x20;hinzuf&#xFC;gen"
11364              role="button"
11365              class="leading-[14px] md:leading-[30px] shrink-0 h-7 w-7 lg:h-9 lg:w-9 rounded-full cursor-pointer flex items-center justify-center bg-gray text-black hover:text-red-600 ml-auto">
11366            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" class="h-4 w-4 fill-current" width="24" height="24" role="img">
11367    <path d="M10.2812 1.19873C8.62299 1.19873 7.55757 2.28381 7 3.25873C6.44243 2.28381 5.37701 1.19873 3.71875 1.19873C1.61429 1.19873 0 2.81051 0 4.94821C0 7.26617 2.02245 8.84469 5.04254 11.2347C6.52135 12.404 6.61637 12.4928 7 12.8012C7.31309 12.5496 7.48636 12.3979 8.95746 11.2347C11.9775 8.84469 14 7.26617 14 4.94821C14 2.81053 12.3857 1.19873 10.2812 1.19873Z"/>
11368<title>moma-heart</title></svg>
11369        </span>
11370    </div>
11371
11372        <a href="https://www.haibu.de/catalog/product/view/id/54757/s/dyson-airwrap-i-d-straight-wavy-ceramic-patina-topaz/"
11373        class="relative product photo product-item-photo block mx-auto mb-3 "
11374        tabindex="-1">
11375        <img class="h-40 object-contain"
11376             loading="lazy"
11377             x-data=""
11378             @update-gallery-54757.window="$el.src = $event.detail"
11379             alt="Dyson&#x20;Airwrap&#x20;i.d.&#x20;Straight&#x20;&#x2B;&#x20;Wavy&#x20;Ceramic&#x20;Patina&#x2F;Topaz"
11380             title="Dyson&#x20;Airwrap&#x20;i.d.&#x20;Straight&#x20;&#x2B;&#x20;Wavy&#x20;Ceramic&#x20;Patina&#x2F;Topaz"
11381             src="https://images.haibu.de/QMmFxWkfxVfq75-7uVdlvcnISa4i2Vf5Pn9iBaDvvxw/w:360/h:360/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly93d3cuaGFpYnUuZGUvbWVkaWEvY2F0YWxvZy9wcm9kdWN0L2NhY2hlLzY3ZWU4OTc5OTY0MmM1NjdhNzFmYzkyZjM2OTlkOTM3L2QveS9keXNvbl81MzM1OTgtMDFfaW50XzEuanBn.jpg"
11382             width="360"
11383             height="360"
11384        />
11385                    </a>
11386    <div class="product-info flex flex-col flex-grow">
11387                <div class="leading-[1.1rem] items-center justify-center text-black font-semibold text-2xs md:text-4xs lg:text-sm leading-5 mb-2 text-center ">
11388            <a class="product-item-link text-black hover:no-underline focus:no-underline text-2xs md:text-sm"
11389               href="https://www.haibu.de/catalog/product/view/id/54757/s/dyson-airwrap-i-d-straight-wavy-ceramic-patina-topaz/">
11390                Dyson Airwrap i.d. Straight + Wavy Ceramic Patina/Topaz            </a>
11391        </div>
11392
11393                            
11394        <div class="mt-auto text-gray-900">
11395            <div class="price-box price-final_price" data-role="priceBox" data-product-id="54757">
11396<div x-data="initCustomer54757()"
11397     @private-content-loaded.window="getData(event.detail.data)"
11398     class="flex gap-2 items-center">
11399    
11400    <span class="font-bold text-sm lg:text-base" x-html="hyva.formatPrice(
11401        453.72    )"></span>
11402
11403    <template x-if="hasProPrice && customer && customer.signin_token && customer.pro">
11404        <span class="flex items-center gap-2">
11405            <span class="w-5 h-5 shrink-0 bg-black rounded-full text-white flex items-center justify-center">
11406                <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">
11407    <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"/>
11408<title>moma-check-mark</title></svg>
11409            </span>
11410        </span>
11411    </template>
11412</div>
11413
11414<script>
11415    function initCustomer54757() {
11416        return {
11417            hasProPrice: false,
11418            customer: {},
11419            init() {
11420                // x-defer delays init past the one-shot private-content-loaded event
11421                const storage = hyva.getBrowserStorage();
11422                const raw = storage && storage.getItem('mage-cache-storage');
11423                if (raw) {
11424                    this.getData(JSON.parse(raw));
11425                }
11426            },
11427            getData(data) {
11428                if (data.customer) {
11429                    this.customer = data.customer
11430                }
11431            }
11432        }
11433    }
11434</script>
11434
11435</div>        </div>
11436
11437        <div class="pt-0 md:pt-3 flex flex-wrap justify-center items-center h-[62px]">
11438                                                <button class="w-full btn btn-primary justify-center text-xs h-[50px] add-to-cart
11439                                mr-auto"
11440                            aria-label="In&#x20;den&#x20;Warenkorb"
11441                    >
11442                        <span class="item-loader hidden">
11443                            <!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL -->
11444<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 57 57" stroke="#fff" class="h-6 w-6 motion-safe:animate-spin" role="img">
11445    <g fill="none" fill-rule="evenodd">
11446        <g transform="translate(1 1)" stroke-width="2">
11447            <circle cx="5" cy="50" r="5">
11448                <animate attributeName="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcMode="linear" repeatCount="indefinite"/>
11449                <animate attributeName="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcMode="linear" repeatCount="indefinite"/>
11450            </circle>
11451            <circle cx="27" cy="5" r="5">
11452                <animate attributeName="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcMode="linear" repeatCount="indefinite"/>
11453                <animate attributeName="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcMode="linear" repeatCount="indefinite"/>
11454            </circle>
11455            <circle cx="49" cy="50" r="5">
11456                <animate attributeName="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcMode="linear" repeatCount="indefinite"/>
11457                <animate attributeName="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcMode="linear" repeatCount="indefinite"/>
11458            </circle>
11459        </g>
11460    </g>
11461<title>moma-loading</title></svg>
11462                        </span>
11463                        <span class="add-to-cart-text">
11464                            <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 border-current inline" width="25" height="25" role="img">
11465  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
11466<title>shopping-cart</title></svg>
11467                            <span class="hidden lg:ml-2 lg:inline">
11468                                In den Warenkorb                            </span>
11469                        </span>
11470                    </button>
11471                            
11472                                                </div>
11473        <div class="flex flex-wrap justify-around pt-0.5 md:pt-3.5">
11474                            <div class="flex text-4xs md:text-2xs items-center product-incl-price leading-4">
11475                                            (<span class="price">453,72 €</span> &nbsp; excl. MwSt.)                                    </div>
11476                                        <div class="delivery flex text-center lg:text-left justify-center items-center">
11477                                        
11478    
11479<div class="flex gap-2 items-center text-4xs lg:text-2xs">
11480    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 10 9" class="h-5 w-5 p-1 bg-green rounded-full text-white fill-current" role="img">
11481    <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"/>
11482<title>moma-check-mark</title></svg>
11483    <span>Lieferung 1-2 Werktage</span>
11484</div>
11485                    </div>
11486                    </div>
11487    </div>
11488</form>
11489    </div>
11490    <div class="snap-center&#x20;shrink-0&#x20;w-70&#x20;lg&#x3A;w-80">
11491                
11492<form method="post"
11493    action="https://www.haibu.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGFpYnUuZGUv/product/54936/"
11494    id="product_addtocart_form-54936"
11495    class="!pt-0.5 !px-0.5 !pb-2.5 md:p-7 !border-0 md:border bg-white item product product-item product_addtocart_form card card-interactive flex flex-col h-full "
11496        x-data
11497    x-on:submit.prevent="
11498        $dispatch('add-to-cart', {
11499            action: 'https://www.haibu.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGFpYnUuZGUv/product/54936/',
11500            buttonSelector: '#product_addtocart_form-' + 54936 + ' .btn.add-to-cart',
11501            product_id: 54936,
11502            form_key: hyva.getFormKey(),
11503            qty: 1,
11504                    });"
11505>
11506    <input name="form_key" type="hidden" value="R24e2ZL7oyYVkTdR" />    <input type="hidden" name="product" value="54936"/>
11507            <div class="z-10 flex gap-1 items-center">
11508                        <span x-data="initWishlist()" @click.prevent="addToWishlist(54936)"
11509              aria-label="Zur&#x20;Wunschliste&#x20;hinzuf&#xFC;gen"
11510              role="button"
11511              class="leading-[14px] md:leading-[30px] shrink-0 h-7 w-7 lg:h-9 lg:w-9 rounded-full cursor-pointer flex items-center justify-center bg-gray text-black hover:text-red-600 ml-auto">
11512            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" class="h-4 w-4 fill-current" width="24" height="24" role="img">
11513    <path d="M10.2812 1.19873C8.62299 1.19873 7.55757 2.28381 7 3.25873C6.44243 2.28381 5.37701 1.19873 3.71875 1.19873C1.61429 1.19873 0 2.81051 0 4.94821C0 7.26617 2.02245 8.84469 5.04254 11.2347C6.52135 12.404 6.61637 12.4928 7 12.8012C7.31309 12.5496 7.48636 12.3979 8.95746 11.2347C11.9775 8.84469 14 7.26617 14 4.94821C14 2.81053 12.3857 1.19873 10.2812 1.19873Z"/>
11514<title>moma-heart</title></svg>
11515        </span>
11516    </div>
11517
11518        <a href="https://www.haibu.de/redken-all-soft-argan-6-oil-100ml.html"
11519        class="relative product photo product-item-photo block mx-auto mb-3 "
11520        tabindex="-1">
11521        <img class="h-40 object-contain"
11522             loading="lazy"
11523             x-data=""
11524             @update-gallery-54936.window="$el.src = $event.detail"
11525             alt="Redken&#x20;All&#x20;Soft&#x20;Argan-6&#x20;Oil&#x20;100ml"
11526             title="Redken&#x20;All&#x20;Soft&#x20;Argan-6&#x20;Oil&#x20;100ml"
11527             src="https://images.haibu.de/xkrUhbFfmpVzfEY2R7gz-VzwkLuLUvYAWV4ZsXqdWeU/w:360/h:360/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly93d3cuaGFpYnUuZGUvbWVkaWEvY2F0YWxvZy9wcm9kdWN0L2NhY2hlLzY3ZWU4OTc5OTY0MmM1NjdhNzFmYzkyZjM2OTlkOTM3L3IvZS9yZWRrZW5fYWxsX3NvZnRfYXJnYW4tNl9vaWxfcGFja2FnaW5nLmpwZw.jpg"
11528             width="360"
11529             height="360"
11530        />
11531                            <div class="absolute left-0 top-3 z-10">
11532                <span class="h-12 w-12 rounded-full bg-pink text-white flex flex-col justify-center items-center">
11533                    <span class="block text-base font-bold">
11534                        7%                    </span>
11535                </span>
11536            </div>
11537            </a>
11538    <div class="product-info flex flex-col flex-grow">
11539                <div class="leading-[1.1rem] items-center justify-center text-black font-semibold text-2xs md:text-4xs lg:text-sm leading-5 mb-2 text-center ">
11540            <a class="product-item-link text-black hover:no-underline focus:no-underline text-2xs md:text-sm"
11541               href="https://www.haibu.de/redken-all-soft-argan-6-oil-100ml.html">
11542                Redken All Soft Argan-6 Oil 100ml            </a>
11543        </div>
11544
11545                            
11546        <div class="mt-auto text-gray-900">
11547            <div class="price-box price-final_price" data-role="priceBox" data-product-id="54936">
11548<div x-data="initCustomer54936()"
11549     @private-content-loaded.window="getData(event.detail.data)"
11550     class="flex gap-2 items-center">
11551            <span class="line-through text-2xs" x-html="hyva.formatPrice(
11552            33.962601        )"></span>
11553    
11554    <span class="font-bold text-sm lg:text-base" x-html="hyva.formatPrice(
11555        31.749201    )"></span>
11556
11557    <template x-if="hasProPrice && customer && customer.signin_token && customer.pro">
11558        <span class="flex items-center gap-2">
11559            <span class="w-5 h-5 shrink-0 bg-black rounded-full text-white flex items-center justify-center">
11560                <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">
11561    <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"/>
11562<title>moma-check-mark</title></svg>
11563            </span>
11564        </span>
11565    </template>
11566</div>
11567
11568<script>
11569    function initCustomer54936() {
11570        return {
11571            hasProPrice: false,
11572            customer: {},
11573            init() {
11574                // x-defer delays init past the one-shot private-content-loaded event
11575                const storage = hyva.getBrowserStorage();
11576                const raw = storage && storage.getItem('mage-cache-storage');
11577                if (raw) {
11578                    this.getData(JSON.parse(raw));
11579                }
11580            },
11581            getData(data) {
11582                if (data.customer) {
11583                    this.customer = data.customer
11584                }
11585            }
11586        }
11587    }
11588</script>
11588
11589</div>        </div>
11590
11591        <div class="pt-0 md:pt-3 flex flex-wrap justify-center items-center h-[62px]">
11592                                                <button class="w-full btn btn-primary justify-center text-xs h-[50px] add-to-cart
11593                                mr-auto"
11594                            aria-label="In&#x20;den&#x20;Warenkorb"
11595                    >
11596                        <span class="item-loader hidden">
11597                            <!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL -->
11598<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 57 57" stroke="#fff" class="h-6 w-6 motion-safe:animate-spin" role="img">
11599    <g fill="none" fill-rule="evenodd">
11600        <g transform="translate(1 1)" stroke-width="2">
11601            <circle cx="5" cy="50" r="5">
11602                <animate attributeName="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcMode="linear" repeatCount="indefinite"/>
11603                <animate attributeName="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcMode="linear" repeatCount="indefinite"/>
11604            </circle>
11605            <circle cx="27" cy="5" r="5">
11606                <animate attributeName="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcMode="linear" repeatCount="indefinite"/>
11607                <animate attributeName="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcMode="linear" repeatCount="indefinite"/>
11608            </circle>
11609            <circle cx="49" cy="50" r="5">
11610                <animate attributeName="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcMode="linear" repeatCount="indefinite"/>
11611                <animate attributeName="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcMode="linear" repeatCount="indefinite"/>
11612            </circle>
11613        </g>
11614    </g>
11615<title>moma-loading</title></svg>
11616                        </span>
11617                        <span class="add-to-cart-text">
11618                            <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 border-current inline" width="25" height="25" role="img">
11619  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
11620<title>shopping-cart</title></svg>
11621                            <span class="hidden lg:ml-2 lg:inline">
11622                                In den Warenkorb                            </span>
11623                        </span>
11624                    </button>
11625                            
11626                                                </div>
11627        <div class="flex flex-wrap justify-around pt-0.5 md:pt-3.5">
11628                            <div class="flex text-4xs md:text-2xs items-center product-incl-price leading-4">
11629                                            (<span class="price">26,68 €</span> &nbsp; excl. MwSt.)                                    </div>
11630                                        <div class="delivery flex text-center lg:text-left justify-center items-center">
11631                                        
11632
11633
11634    <div class="text-4xs lg:text-2xs text-orange">
11635    Lieferzeit 2 - 6 Tage</div>
11636                    </div>
11637                    </div>
11638    </div>
11639</form>
11640    </div>
11641    <div class="snap-center&#x20;shrink-0&#x20;w-70&#x20;lg&#x3A;w-80">
11642                
11643<form method="post"
11644    action="https://www.haibu.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGFpYnUuZGUv/product/54820/"
11645    id="product_addtocart_form-54820"
11646    class="!pt-0.5 !px-0.5 !pb-2.5 md:p-7 !border-0 md:border bg-white item product product-item product_addtocart_form card card-interactive flex flex-col h-full "
11647        x-data
11648    x-on:submit.prevent="
11649        $dispatch('add-to-cart', {
11650            action: 'https://www.haibu.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGFpYnUuZGUv/product/54820/',
11651            buttonSelector: '#product_addtocart_form-' + 54820 + ' .btn.add-to-cart',
11652            product_id: 54820,
11653            form_key: hyva.getFormKey(),
11654            qty: 1,
11655                    });"
11656>
11657    <input name="form_key" type="hidden" value="R24e2ZL7oyYVkTdR" />    <input type="hidden" name="product" value="54820"/>
11658            <div class="z-10 flex gap-1 items-center">
11659                                    <span class="flex h-7 lg:h-9 items-center justify-center rounded-full bg-orange-lighter text-4xs leading-4 text-orange font-semibold px-3 max-w-[112px] md:max-w-none overflow-hidden whitespace-nowrap">
11660                    Wahl-Partner                </span>
11661                                    <span x-data="initWishlist()" @click.prevent="addToWishlist(54820)"
11662              aria-label="Zur&#x20;Wunschliste&#x20;hinzuf&#xFC;gen"
11663              role="button"
11664              class="leading-[14px] md:leading-[30px] shrink-0 h-7 w-7 lg:h-9 lg:w-9 rounded-full cursor-pointer flex items-center justify-center bg-gray text-black hover:text-red-600 ml-auto">
11665            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" class="h-4 w-4 fill-current" width="24" height="24" role="img">
11666    <path d="M10.2812 1.19873C8.62299 1.19873 7.55757 2.28381 7 3.25873C6.44243 2.28381 5.37701 1.19873 3.71875 1.19873C1.61429 1.19873 0 2.81051 0 4.94821C0 7.26617 2.02245 8.84469 5.04254 11.2347C6.52135 12.404 6.61637 12.4928 7 12.8012C7.31309 12.5496 7.48636 12.3979 8.95746 11.2347C11.9775 8.84469 14 7.26617 14 4.94821C14 2.81053 12.3857 1.19873 10.2812 1.19873Z"/>
11667<title>moma-heart</title></svg>
11668        </span>
11669    </div>
11670
11671        <a href="https://www.haibu.de/wahl-vanquish-dryer-cool-blue.html"
11672        class="relative product photo product-item-photo block mx-auto mb-3 "
11673        tabindex="-1">
11674        <img class="h-40 object-contain"
11675             loading="lazy"
11676             x-data=""
11677             @update-gallery-54820.window="$el.src = $event.detail"
11678             alt="Wahl&#x20;Vanquish&#x20;Dryer&#x20;Cool&#x20;Blue"
11679             title="Wahl&#x20;Vanquish&#x20;Dryer&#x20;Cool&#x20;Blue"
11680             src="https://images.haibu.de/oDGZxB8qHlBqEoJeVdeyl-NvX9kcnPFXvA3qniCL5TM/w:360/h:360/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly93d3cuaGFpYnUuZGUvbWVkaWEvY2F0YWxvZy9wcm9kdWN0L2NhY2hlLzY3ZWU4OTc5OTY0MmM1NjdhNzFmYzkyZjM2OTlkOTM3L3cvYS93YWhsX3ZhbnF1aXNoX2RyeWVyX2Nvb2xfYmx1ZV9wYWNrYWdpbmdfMS5wbmc.png"
11681             width="360"
11682             height="360"
11683        />
11684                    </a>
11685    <div class="product-info flex flex-col flex-grow">
11686                <div class="leading-[1.1rem] items-center justify-center text-black font-semibold text-2xs md:text-4xs lg:text-sm leading-5 mb-2 text-center ">
11687            <a class="product-item-link text-black hover:no-underline focus:no-underline text-2xs md:text-sm"
11688               href="https://www.haibu.de/wahl-vanquish-dryer-cool-blue.html">
11689                Wahl Vanquish Dryer Cool Blue            </a>
11690        </div>
11691
11692                            
11693        <div class="mt-auto text-gray-900">
11694            <div class="price-box price-final_price" data-role="priceBox" data-product-id="54820">
11695<div x-data="initCustomer54820()"
11696     @private-content-loaded.window="getData(event.detail.data)"
11697     class="flex gap-2 items-center">
11698    
11699    <span class="font-bold text-sm lg:text-base" x-html="hyva.formatPrice(
11700        177.310001    )"></span>
11701
11702    <template x-if="hasProPrice && customer && customer.signin_token && customer.pro">
11703        <span class="flex items-center gap-2">
11704            <span class="w-5 h-5 shrink-0 bg-black rounded-full text-white flex items-center justify-center">
11705                <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">
11706    <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"/>
11707<title>moma-check-mark</title></svg>
11708            </span>
11709        </span>
11710    </template>
11711</div>
11712
11713<script>
11714    function initCustomer54820() {
11715        return {
11716            hasProPrice: false,
11717            customer: {},
11718            init() {
11719                // x-defer delays init past the one-shot private-content-loaded event
11720                const storage = hyva.getBrowserStorage();
11721                const raw = storage && storage.getItem('mage-cache-storage');
11722                if (raw) {
11723                    this.getData(JSON.parse(raw));
11724                }
11725            },
11726            getData(data) {
11727                if (data.customer) {
11728                    this.customer = data.customer
11729                }
11730            }
11731        }
11732    }
11733</script>
11733
11734</div>        </div>
11735
11736        <div class="pt-0 md:pt-3 flex flex-wrap justify-center items-center h-[62px]">
11737                                                <button class="w-full btn btn-primary justify-center text-xs h-[50px] add-to-cart
11738                                mr-auto"
11739                            aria-label="In&#x20;den&#x20;Warenkorb"
11740                    >
11741                        <span class="item-loader hidden">
11742                            <!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL -->
11743<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 57 57" stroke="#fff" class="h-6 w-6 motion-safe:animate-spin" role="img">
11744    <g fill="none" fill-rule="evenodd">
11745        <g transform="translate(1 1)" stroke-width="2">
11746            <circle cx="5" cy="50" r="5">
11747                <animate attributeName="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcMode="linear" repeatCount="indefinite"/>
11748                <animate attributeName="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcMode="linear" repeatCount="indefinite"/>
11749            </circle>
11750            <circle cx="27" cy="5" r="5">
11751                <animate attributeName="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcMode="linear" repeatCount="indefinite"/>
11752                <animate attributeName="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcMode="linear" repeatCount="indefinite"/>
11753            </circle>
11754            <circle cx="49" cy="50" r="5">
11755                <animate attributeName="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcMode="linear" repeatCount="indefinite"/>
11756                <animate attributeName="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcMode="linear" repeatCount="indefinite"/>
11757            </circle>
11758        </g>
11759    </g>
11760<title>moma-loading</title></svg>
11761                        </span>
11762                        <span class="add-to-cart-text">
11763                            <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 border-current inline" width="25" height="25" role="img">
11764  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
11765<title>shopping-cart</title></svg>
11766                            <span class="hidden lg:ml-2 lg:inline">
11767                                In den Warenkorb                            </span>
11768                        </span>
11769                    </button>
11770                            
11771                                                </div>
11772        <div class="flex flex-wrap justify-around pt-0.5 md:pt-3.5">
11773                            <div class="flex text-4xs md:text-2xs items-center product-incl-price leading-4">
11774                                            (<span class="price">149,00 €</span> &nbsp; excl. MwSt.)                                    </div>
11775                                        <div class="delivery flex text-center lg:text-left justify-center items-center">
11776                                        
11777    
11778<div class="flex gap-2 items-center text-4xs lg:text-2xs">
11779    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 10 9" class="h-5 w-5 p-1 bg-green rounded-full text-white fill-current" role="img">
11780    <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"/>
11781<title>moma-check-mark</title></svg>
11782    <span>Lieferung 1-2 Werktage</span>
11783</div>
11784                    </div>
11785                    </div>
11786    </div>
11787</form>
11788    </div>
11789    <div class="snap-center&#x20;shrink-0&#x20;w-70&#x20;lg&#x3A;w-80">
11790                
11791<form method="post"
11792    action="https://www.haibu.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGFpYnUuZGUv/product/55251/"
11793    id="product_addtocart_form-55251"
11794    class="!pt-0.5 !px-0.5 !pb-2.5 md:p-7 !border-0 md:border bg-white item product product-item product_addtocart_form card card-interactive flex flex-col h-full "
11795        x-data
11796    x-on:submit.prevent="
11797        $dispatch('add-to-cart', {
11798            action: 'https://www.haibu.de/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuaGFpYnUuZGUv/product/55251/',
11799            buttonSelector: '#product_addtocart_form-' + 55251 + ' .btn.add-to-cart',
11800            product_id: 55251,
11801            form_key: hyva.getFormKey(),
11802            qty: 1,
11803                    });"
11804>
11805    <input name="form_key" type="hidden" value="R24e2ZL7oyYVkTdR" />    <input type="hidden" name="product" value="55251"/>
11806            <div class="z-10 flex gap-1 items-center">
11807                                    <span class="h-7 w-7 lg:h-9 lg:w-9 rounded-full flex items-center justify-center bg-green-lighter text-green">
11808                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="h-4 w-4 lg:h-5 lg:w-5 fill-current" width="24" height="24" role="img">
11809    <path d="M6.65895 9.56869L12.4381 15.3479C12.4648 14.8351 12.4878 13.7033 12.2933 12.3473C11.9429 9.90341 11.0416 7.89548 9.68684 6.5408C8.33212 5.18607 6.32422 4.28474 3.88032 3.93431C2.06188 3.67353 0.645904 3.8038 0.586529 3.80955C0.295631 3.83736 0.0653573 4.06763 0.0375448 4.35853C0.0318417 4.41791 -0.0984318 5.83384 0.16231 7.65232C0.51274 10.0962 1.41403 12.1042 2.76879 13.4588C4.12352 14.8136 6.13141 15.7149 8.57532 16.0653C9.4754 16.1944 10.2766 16.2276 10.8637 16.2276C11.1611 16.2276 11.4034 16.2191 11.5758 16.2101L5.79665 10.431C5.55852 10.1929 5.55852 9.80681 5.79665 9.56865C6.03473 9.3306 6.42083 9.3306 6.65895 9.56869Z"/>
11810    <path d="M19.9727 8.03945C19.9449 7.74855 19.7146 7.51827 19.4237 7.49046C19.2607 7.47492 15.4062 7.13484 13.1616 9.37944C13.0743 9.46682 12.9909 9.55679 12.9111 9.64878C13.1739 10.4346 13.3719 11.2792 13.5003 12.1746C13.5414 12.4613 13.5734 12.7381 13.5982 13.0025L15.1915 11.4093C15.4296 11.1712 15.8157 11.1712 16.0538 11.4093C16.292 11.6474 16.2919 12.0335 16.0538 12.2716L13.6756 14.6499C13.675 15.2714 13.6396 15.6767 13.6319 15.7576C13.6182 15.9006 13.5878 16.0388 13.5431 16.1704C14.8976 16.0451 16.7674 15.6179 18.0837 14.3015C20.3283 12.057 19.9883 8.20249 19.9727 8.03945Z"/>
11811<title>moma-vegan</title></svg>
11812                </span>
11813                                    <span x-data="initWishlist()" @click.prevent="addToWishlist(55251)"
11814              aria-label="Zur&#x20;Wunschliste&#x20;hinzuf&#xFC;gen"
11815              role="button"
11816              class="leading-[14px] md:leading-[30px] shrink-0 h-7 w-7 lg:h-9 lg:w-9 rounded-full cursor-pointer flex items-center justify-center bg-gray text-black hover:text-red-600 ml-auto">
11817            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" class="h-4 w-4 fill-current" width="24" height="24" role="img">
11818    <path d="M10.2812 1.19873C8.62299 1.19873 7.55757 2.28381 7 3.25873C6.44243 2.28381 5.37701 1.19873 3.71875 1.19873C1.61429 1.19873 0 2.81051 0 4.94821C0 7.26617 2.02245 8.84469 5.04254 11.2347C6.52135 12.404 6.61637 12.4928 7 12.8012C7.31309 12.5496 7.48636 12.3979 8.95746 11.2347C11.9775 8.84469 14 7.26617 14 4.94821C14 2.81053 12.3857 1.19873 10.2812 1.19873Z"/>
11819<title>moma-heart</title></svg>
11820        </span>
11821    </div>
11822
11823        <a href="https://www.haibu.de/sol-de-janeiro-brazilian-crush-cheirosa-71-90ml.html"
11824        class="relative product photo product-item-photo block mx-auto mb-3 "
11825        tabindex="-1">
11826        <img class="h-40 object-contain"
11827             loading="lazy"
11828             x-data=""
11829             @update-gallery-55251.window="$el.src = $event.detail"
11830             alt="Sol&#x20;de&#x20;Janeiro&#x20;Brazilian&#x20;Crush&#x20;Cheirosa&#x20;&#x27;71&#x20;90ml"
11831             title="Sol&#x20;de&#x20;Janeiro&#x20;Brazilian&#x20;Crush&#x20;Cheirosa&#x20;&#x27;71&#x20;90ml"
11832             src="https://images.haibu.de/DsXFm85bDdjjVsf2YPtv7C0xwXUQBfEeE210WtF8o8M/w:360/h:360/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly93d3cuaGFpYnUuZGUvbWVkaWEvY2F0YWxvZy9wcm9kdWN0L2NhY2hlLzY3ZWU4OTc5OTY0MmM1NjdhNzFmYzkyZjM2OTlkOTM3L3Mvby9zb2xfZGVfamFuZWlyb19icmF6aWxpYW5fY3J1c2hfY2hlaXJvemFfNzFfOTBtbF9wYWNrYWdpbmcucG5n.png"
11833             width="360"
11834             height="360"
11835        />
11836                    </a>
11837    <div class="product-info flex flex-col flex-grow">
11838                <div class="leading-[1.1rem] items-center justify-center text-black font-semibold text-2xs md:text-4xs lg:text-sm leading-5 mb-2 text-center ">
11839            <a class="product-item-link text-black hover:no-underline focus:no-underline text-2xs md:text-sm"
11840               href="https://www.haibu.de/sol-de-janeiro-brazilian-crush-cheirosa-71-90ml.html">
11841                Sol de Janeiro Brazilian Crush Cheirosa &#039;71 90ml            </a>
11842        </div>
11843
11844                            
11845        <div class="mt-auto text-gray-900">
11846            <div class="price-box price-final_price" data-role="priceBox" data-product-id="55251">
11847<div x-data="initCustomer55251()"
11848     @private-content-loaded.window="getData(event.detail.data)"
11849     class="flex gap-2 items-center">
11850    
11851    <span class="font-bold text-sm lg:text-base" x-html="hyva.formatPrice(
11852        24.585401    )"></span>
11853
11854    <template x-if="hasProPrice && customer && customer.signin_token && customer.pro">
11855        <span class="flex items-center gap-2">
11856            <span class="w-5 h-5 shrink-0 bg-black rounded-full text-white flex items-center justify-center">
11857                <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">
11858    <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"/>
11859<title>moma-check-mark</title></svg>
11860            </span>
11861        </span>
11862    </template>
11863</div>
11864
11865<script>
11866    function initCustomer55251() {
11867        return {
11868            hasProPrice: false,
11869            customer: {},
11870            init() {
11871                // x-defer delays init past the one-shot private-content-loaded event
11872                const storage = hyva.getBrowserStorage();
11873                const raw = storage && storage.getItem('mage-cache-storage');
11874                if (raw) {
11875                    this.getData(JSON.parse(raw));
11876                }
11877            },
11878            getData(data) {
11879                if (data.customer) {
11880                    this.customer = data.customer
11881                }
11882            }
11883        }
11884    }
11885</script>
11885
11886</div>        </div>
11887
11888        <div class="pt-0 md:pt-3 flex flex-wrap justify-center items-center h-[62px]">
11889                                                <button class="w-full btn btn-primary justify-center text-xs h-[50px] add-to-cart
11890                                mr-auto"
11891                            aria-label="In&#x20;den&#x20;Warenkorb"
11892                    >
11893                        <span class="item-loader hidden">
11894                            <!-- By Sam Herbert (@sherb), for everyone. More @ http://goo.gl/7AJzbL -->
11895<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 57 57" stroke="#fff" class="h-6 w-6 motion-safe:animate-spin" role="img">
11896    <g fill="none" fill-rule="evenodd">
11897        <g transform="translate(1 1)" stroke-width="2">
11898            <circle cx="5" cy="50" r="5">
11899                <animate attributeName="cy" begin="0s" dur="2.2s" values="50;5;50;50" calcMode="linear" repeatCount="indefinite"/>
11900                <animate attributeName="cx" begin="0s" dur="2.2s" values="5;27;49;5" calcMode="linear" repeatCount="indefinite"/>
11901            </circle>
11902            <circle cx="27" cy="5" r="5">
11903                <animate attributeName="cy" begin="0s" dur="2.2s" from="5" to="5" values="5;50;50;5" calcMode="linear" repeatCount="indefinite"/>
11904                <animate attributeName="cx" begin="0s" dur="2.2s" from="27" to="27" values="27;49;5;27" calcMode="linear" repeatCount="indefinite"/>
11905            </circle>
11906            <circle cx="49" cy="50" r="5">
11907                <animate attributeName="cy" begin="0s" dur="2.2s" values="50;50;5;50" calcMode="linear" repeatCount="indefinite"/>
11908                <animate attributeName="cx" from="49" to="49" begin="0s" dur="2.2s" values="49;5;27;49" calcMode="linear" repeatCount="indefinite"/>
11909            </circle>
11910        </g>
11911    </g>
11912<title>moma-loading</title></svg>
11913                        </span>
11914                        <span class="add-to-cart-text">
11915                            <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 border-current inline" width="25" height="25" role="img">
11916  <path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"/>
11917<title>shopping-cart</title></svg>
11918                            <span class="hidden lg:ml-2 lg:inline">
11919                                In den Warenkorb                            </span>
11920                        </span>
11921                    </button>
11922                            
11923                                                </div>
11924        <div class="flex flex-wrap justify-around pt-0.5 md:pt-3.5">
11925                            <div class="flex text-4xs md:text-2xs items-center product-incl-price leading-4">
11926                                            (<span class="price">20,66 €</span> &nbsp; excl. MwSt.)                                    </div>
11927                                        <div class="delivery flex text-center lg:text-left justify-center items-center">
11928                                        
11929    
11930<div class="flex gap-2 items-center text-4xs lg:text-2xs">
11931    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 10 9" class="h-5 w-5 p-1 bg-green rounded-full text-white fill-current" role="img">
11932    <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"/>
11933<title>moma-check-mark</title></svg>
11934    <span>Lieferung 1-2 Werktage</span>
11935</div>
11936                    </div>
11937                    </div>
11938    </div>
11939</form>
11940    </div>
11941</div></div></div><div class="blog-banner-container container mb-2 lg:mb-10">
11942    <div class="text-2xl text-center lg:text-4xl lg:pb-3 text-title mb-4">
11943        Blogs    </div>
11944    <div class="flex flex-col lg:flex-row-reverse gap-x-10">
11945        <a class="lg:flex lg:w-1/2" href="https://www.haibu.de/blog/beste-toner-für-einen-gelben-schimmer-in-deinem-haar">
11946            <div class="mb-5 lg:mb-0 rounded overflow-hidden w-full relative">
11947                <img loading="lazy" class="w-full h-full object-cover min-h-[120px]"
11948                     src="https://www.haibu.de/media/converted/amasty/blog/Blog_-_top_toners-401.webp" alt="Die&#x20;besten&#x20;Toner&#x20;f&#xFC;r&#x20;einen&#x20;gelben&#x20;Schimmer&#x20;in&#x20;Ihrem&#x20;Haar"
11949                    width="680"
11950                    height="400">
11951
11952                <div class="flex w-full justify-between items-center blog-banner-title-large-post absolute bottom-0 top-0 md:top-auto left-0 px-5 py-6 md:px-12">
11953                    Die besten Toner für einen gelben Schimmer in Ihrem Haar                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="h-3 w-3 fill-current text-white hidden md:block" width="24" height="24" role="img">
11954    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
11954703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
11955<title>moma-chevron-right</title></svg>
11956                </div>
11957            </div>
11958        </a>
11959
11960        <div class="lg:w-1/2 mb-7 lg:my-0 flex flex-col gap-y-2.5 lg:gap-y-5 justify-between">
11961                                                            <div class="bg-gray-lighter flex flex-row rounded overflow-hidden">
11962                    <div class="m-2.5 lg:m-5 flex items-center shrink-0">
11963                                                <img loading="lazy" class="h-10 w-10 md:w-20 md:h-20 object-cover rounded-lg overflow-hidden"
11964                             src="https://images.haibu.de/OBmYkWywTCh7b1RvuNirG-vWi-KLN-XGbeOBXJNTahs/w:80/h:80/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly93d3cuaGFpYnUuZGUvbWVkaWEvYW1hc3R5L2Jsb2cvZ2VzcGxldGVuX2hhYXJwdW50ZW5fLV9ibG9nX2hlYWRlci5qcGc.jpg" alt="Spliss&#x3A;&#x20;Ursachen,&#x20;Pflege&#x20;und&#x20;wie&#x20;man&#x20;ihn&#x20;wirklich&#x20;verhindern&#x20;kann"
11965                            width="80"
11966                            height="80">
11967                    </div>
11968                    <div class="flex justify-between items-center truncate mr-3 md:mr-10 w-full">
11969                        <div class="blog-banner-title truncate">
11970                            <a href="https://www.haibu.de/blog/gespaltene-haarspitzen-ursache-und-vorbeugung">
11971                                Spliss: Ursachen, Pflege und wie man ihn wirklich verhindern kann                            </a>
11972                        </div>
11973                        <div class="md:ml-8">
11974                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="hidden md:block h-3 w-3 fill-current text-black" width="24" height="24" role="img">
11975    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
11976<title>moma-chevron-right</title></svg>
11977                        </div>
11978                    </div>
11979                </div>
11980                                            <div class="bg-gray-lighter flex flex-row rounded overflow-hidden">
11981                    <div class="m-2.5 lg:m-5 flex items-center shrink-0">
11982                                                <img loading="lazy" class="h-10 w-10 md:w-20 md:h-20 object-cover rounded-lg overflow-hidden"
11983                             src="https://images.haibu.de/76B7znZrIsooiVtQDTPEyqMhRu6c2XjPOuW7ZxxhlbQ/w:80/h:80/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly93d3cuaGFpYnUuZGUvbWVkaWEvYW1hc3R5L2Jsb2cvemlsdmVyc2hhbXBvb18tX2Jsb2dfaGVhZGVyX2RlX2Jlc3RlLmpwZw.jpg" alt="Dies&#x20;ist&#x20;derzeit&#x20;das&#x20;beste&#x20;Silbershampoo."
11984                            width="80"
11985                            height="80">
11986                    </div>
11987                    <div class="flex justify-between items-center truncate mr-3 md:mr-10 w-full">
11988                        <div class="blog-banner-title truncate">
11989                            <a href="https://www.haibu.de/blog/dies-ist-derzeit-das-beste-silbershampoo">
11990                                Dies ist derzeit das beste Silbershampoo.                            </a>
11991                        </div>
11992                        <div class="md:ml-8">
11993                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="hidden md:block h-3 w-3 fill-current text-black" width="24" height="24" role="img">
11994    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 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
11994703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
11995<title>moma-chevron-right</title></svg>
11996                        </div>
11997                    </div>
11998                </div>
11999                                            <div class="bg-gray-lighter flex flex-row rounded overflow-hidden">
12000                    <div class="m-2.5 lg:m-5 flex items-center shrink-0">
12001                                                <img loading="lazy" class="h-10 w-10 md:w-20 md:h-20 object-cover rounded-lg overflow-hidden"
12002                             src="https://images.haibu.de/JOpWSj72rAZeLjMDk9h-ct2Ohbp0Ph4Vsxwff0juD_M/w:80/h:80/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly93d3cuaGFpYnUuZGUvbWVkaWEvYW1hc3R5L2Jsb2cvaGFhcmJvcnN0ZWxzXy1fYmxvZ19oZWFkZXJfd2Vsa2Vfdm9vcl9qb3UuanBn.jpg" alt="Welche&#x20;Haarb&#xFC;rste&#x20;passt&#x20;zu&#x20;Ihrem&#x20;Haartyp&#x3F;"
12003                            width="80"
12004                            height="80">
12005                    </div>
12006                    <div class="flex justify-between items-center truncate mr-3 md:mr-10 w-full">
12007                        <div class="blog-banner-title truncate">
12008                            <a href="https://www.haibu.de/blog/welche-haarburste-passt-zu-ihremhaartyp">
12009                                Welche Haarbürste passt zu Ihrem Haartyp?                            </a>
12010                        </div>
12011                        <div class="md:ml-8">
12012                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 10" class="hidden md:block h-3 w-3 fill-current text-black" width="24" height="24" role="img">
12013    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
12014<title>moma-chevron-right</title></svg>
12015                        </div>
12016                    </div>
12017                </div>
12018                    </div>
12019    </div>
12020    <div class="flex justify-center">
12021        <div class="flex justify-center mt-0 lg:mt-12 border border-gray-lighter rounded py-3 px-5">
12022            <a href="https://www.haibu.de/blog/"
12023               class="text-xs font-semibold text-black">
12024                <div class="flex gap-1 items-center">
12025                    Alle Blogs lesen                    <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">
12026    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 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
12026103 0.149967Z"/>
12027<title>moma-chevron-right</title></svg>
12028                </div>
12029            </a>
12030        </div>
12031    </div>
12032</div>
12033<div class="container flex relative py-0 md:pb-10"><div class="big-text-with-image max-w-xl lg:w-1/2 mx-auto py-10"><h2>Täglich neue Produkte zu den besten Preisen!</h2></div>
12034    <picture>
12035                <source srcset="https://images.haibu.de/gi-HhJaehsv_3zxgAMp5-n_FcGn4gOYFK-BRuW4fJQ0/w:459/h:350/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hLzQ3YzdlMDMzLTZkYjktNDUyYS05Njc2LTlhY2MwYmQyNDhjZV9pbWFnZSsyNislMjgxJTI5LnBuZz9hdXRvPWNvbXByZXNzLGZvcm1hdCZhbXA7cmVjdD0wLDAsMTA4Myw4MjYmYW1wO3c9NDU5JmFtcDtoPTM1MA.png"
12036                media="(min-width: 768px)">
12037        <img
12038            class="hidden&#x20;xl&#x3A;block&#x20;w-96&#x20;2xl&#x3A;w-auto&#x20;object-cover&#x20;rounded-md&#x20;absolute&#x20;right-8&#x20;2xl&#x3A;-bottom-12"
12039            width="459"
12040            height="350"
12041            src="https://images.haibu.de/gi-HhJaehsv_3zxgAMp5-n_FcGn4gOYFK-BRuW4fJQ0/w:459/h:350/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hLzQ3YzdlMDMzLTZkYjktNDUyYS05Njc2LTlhY2MwYmQyNDhjZV9pbWFnZSsyNislMjgxJTI5LnBuZz9hdXRvPWNvbXByZXNzLGZvcm1hdCZhbXA7cmVjdD0wLDAsMTA4Myw4MjYmYW1wO3c9NDU5JmFtcDtoPTM1MA.png"
12042            alt=""
12043            loading="lazy"
12044        />
12045    </picture>
12046    </div><div class="container mb-10">
12047<div class="flex&#x20;items-center&#x20;gap-5&#x20;lg&#x3A;justify-around flex-col lg:flex-row-reverse">
12048    <div class="flex flex-col content-with-image-text">
12049        <h2>Pflege bis in die Spitzen</h2>        <p>Wir liefern die besten Haar- und Schönheitsprodukte schnell und zu einem günstigen Preis und sind der Großhändler für Haar- und Schönheitsprofis. Und nicht nur das. Wir geben Ihnen auch die richtigen Werkzeuge an die Hand, um sich und Ihre Kunden bis ins kleinste Detail zu betreuen.</p>    </div>
12050    
12051    <picture>
12052                    <source srcset="https://images.haibu.de/Vyjd2SzztmDGdP4CvmmE3cg31D3Y19VMk-CWfcLfAtk/w:700/h:524/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hL2UyN2E0NGU0LTQzYWUtNDA0NS04YTk0LWE1OWE2NjgxODAyNF9Hcm91cCs3Ni5wbmc_YXV0bz1jb21wcmVzcyxmb3JtYXQmYW1wO3JlY3Q9MTIsMCwxNDc2LDExMjImYW1wO3c9Mzc1JmFtcDtoPTI4NQ.png"
12053                    media="(max-width: 767px)">
12054                <source srcset="https://images.haibu.de/4TWQWpPNtn5Mg3Usbukfl5x9hQH8UTS-Yw8PCVe2HZs/w:700/h:524/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hL2UyN2E0NGU0LTQzYWUtNDA0NS04YTk0LWE1OWE2NjgxODAyNF9Hcm91cCs3Ni5wbmc_YXV0bz1jb21wcmVzcyxmb3JtYXQmYW1wO3JlY3Q9MCwwLDE0OTksMTEyMiZhbXA7dz03MDAmYW1wO2g9NTI0.png"
12055                media="(min-width: 768px)">
12056        <img
12057            class="block&#x20;object-cover&#x20;rounded-md&#x20;max-w-xl&#x20;w-full&#x20;md&#x3A;w-3&#x2F;4&#x20;mx-auto&#x20;xl&#x3A;mx-0&#x20;xl&#x3A;w-full"
12058            width="700"
12059            height="524"
12060            src="https://images.haibu.de/4TWQWpPNtn5Mg3Usbukfl5x9hQH8UTS-Yw8PCVe2HZs/w:700/h:524/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hL2UyN2E0NGU0LTQzYWUtNDA0NS04YTk0LWE1OWE2NjgxODAyNF9Hcm91cCs3Ni5wbmc_YXV0bz1jb21wcmVzcyxmb3JtYXQmYW1wO3JlY3Q9MCwwLDE0OTksMTEyMiZhbXA7dz03MDAmYW1wO2g9NTI0.png"
12061            alt=""
12062            loading="lazy"
12063        />
12064    </picture>
12065    </div>
12066
12067<div class="flex&#x20;items-center&#x20;gap-5&#x20;lg&#x3A;justify-around flex-col lg:flex-row">
12068    <div class="flex flex-col content-with-image-text">
12069        <h2>Friseurgroßhandel mit dem größten Sortiment</h2>        <p>Ihr Spezialist für Haar- und Beautyprodukte in Deutschland! Bei uns finden Sie ein riesiges Produktsortiment mit unglaublichen Rabatten, was ein erfreuliches Online-Shoppingerlebnis verspricht. Haibu.de bietet mehr als 15.000 Produkte von 180 verschiedenen Top-Marken an, die sich aus professionellem Friseursbedarf und beliebten Beautybedarf zusammensetzen. Haibu.de arbeitet mit den größten Friseurmarken aus Deutschland zusammen! In unserem Webshop finden Sie Produkte der Topmarken L’Oréal Professional, Wella Professionals, Schwarzkopf, Goldwell, BaByliss, Glynt und noch viele mehr.</p>    </div>
12070    
12071    <picture>
12072                    <source srcset="https://images.haibu.de/-fW3H6yodLVRRC1hKshGJFRuEAUcih5r8Boz23xyX0s/w:700/h:412/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hLzA1MTVlYTkwLTI5ZmItNDZmNC05NWNiLTAwNDEwNTAwNGExY19SZWN0YW5nbGUrMTgrJTI4MSUyOS5wbmc_YXV0bz1jb21wcmVzcyxmb3JtYXQmYW1wO3JlY3Q9NzcsMCw1MjYsNDAwJmFtcDt3PTM3NSZhbXA7aD0yODU.png"
12073                    media="(max-width: 767px)">
12074                <source srcset="https://images.haibu.de/nx-hSH0_geNqIF95sQE7qpmSS5_CHR__hPLmeP36OUM/w:700/h:412/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hLzA1MTVlYTkwLTI5ZmItNDZmNC05NWNiLTAwNDEwNTAwNGExY19SZWN0YW5nbGUrMTgrJTI4MSUyOS5wbmc_YXV0bz1jb21wcmVzcyxmb3JtYXQmYW1wO3JlY3Q9MCwwLDY4MCw0MDAmYW1wO3c9NzAwJmFtcDtoPTQxMg.png"
12075                media="(min-width: 768px)">
12076        <img
12077            class="block&#x20;object-cover&#x20;rounded-md&#x20;max-w-xl&#x20;w-full&#x20;md&#x3A;w-3&#x2F;4&#x20;mx-auto&#x20;xl&#x3A;mx-0&#x20;xl&#x3A;w-full"
12078            width="700"
12079            height="412"
12080            src="https://images.haibu.de/nx-hSH0_geNqIF95sQE7qpmSS5_CHR__hPLmeP36OUM/w:700/h:412/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hLzA1MTVlYTkwLTI5ZmItNDZmNC05NWNiLTAwNDEwNTAwNGExY19SZWN0YW5nbGUrMTgrJTI4MSUyOS5wbmc_YXV0bz1jb21wcmVzcyxmb3JtYXQmYW1wO3JlY3Q9MCwwLDY4MCw0MDAmYW1wO3c9NzAwJmFtcDtoPTQxMg.png"
12081            alt=""
12082            loading="lazy"
12083        />
12084    </picture>
12085    </div>
12086</div>
12087<section class="md:container mb-8 lg:mb-20" aria-labelledby="populaire-merken-title">
12088    <header class="text-center mb-4 lg:mb-6 xl:mb-10">
12089        <h2 id="populaire-merken-title" class="text-xl lg:text-3xl text-title">Top-Marken
12090</h2>    </header>
12091
12092    <ul class="snap-x snap-mandatory w-full flex overflow-x-auto lg:grid lg:grid-cols-8 gap-4" aria-label="Merkenoverzicht">
12093        
12094<li class="shrink-0 first:ml-4 first:md:ml-0">
12095    <a href="https://www.haibu.de/marken/elleure/"
12096       class="w-20 h-20 md:w-24 md:h-24 xl:w-full xl:h-32 flex items-center justify-center border border-gray rounded snap-center"
12097       aria-label="Bekijk&#x20;merk&#x20;Elleure"
12098    >
12099        <img src="https://images.haibu.de/xGZ8F3uiEGxpi12SBnlgy7YPFESk3QKwQTvGC0tU5so/w:188/h:80/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hL2M4MGM4YzAyLTQyYTQtNDA2OS1iYzJiLTdkMjdiMWM1NDdiOV9FbGxldXJlMi5qcGc_YXV0bz1jb21wcmVzcyxmb3JtYXQmcmVjdD0wLDAsMzAwLDEyOCZ3PTE4OCZoPTgw.jpg" alt="" width="188" height="80" class="w-12 md:w-16 xl:w-20" loading="lazy" />    </a>
12100</li>
12101
12102<li class="shrink-0 first:ml-4 first:md:ml-0">
12103    <a href="https://www.haibu.de/marken/goldwell/"
12104       class="w-20 h-20 md:w-24 md:h-24 xl:w-full xl:h-32 flex items-center justify-center border border-gray rounded snap-center"
12105       aria-label="Bekijk&#x20;merk&#x20;Goldwell"
12106    >
12107        <img src="https://images.haibu.de/GasFGeMxlCNPu-A_quK-FfeADWp8rUBkLd0JDGvIFAo/w:188/h:80/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hLzQ1ODVkZDMwLTU5N2MtNDhiZi05NDkwLWU3MTg4MWU4NDc5Y19nb2xkd2VsbC5qcGc_YXV0bz1jb21wcmVzcyxmb3JtYXQmcmVjdD0wLDAsMzAwLDEyOCZ3PTE4OCZoPTgw.jpg" alt="" width="188" height="80" class="w-12 md:w-16 xl:w-20" loading="lazy" />    </a>
12108</li>
12109
12110<li class="shrink-0 first:ml-4 first:md:ml-0">
12111    <a href="https://www.haibu.de/marken/redken/"
12112       class="w-20 h-20 md:w-24 md:h-24 xl:w-full xl:h-32 flex items-center justify-center border border-gray rounded snap-center"
12113       aria-label="Bekijk&#x20;merk&#x20;Redken"
12114    >
12115        <img src="https://images.haibu.de/VhFWf7nxDQidLOKOCuJw9H_Nnf6rbcXXUqV2SKiYXsA/w:302/h:80/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hLzJlM2UzYzQ0LTI4MDktNDc5O
12115C1hYzk0LTMwZDVjYmFjNTQ2ZV9SZWRrZW4tMjAyMS1Mb2dvLUJLLnBuZz9hdXRvPWNvbXByZXNzLGZvcm1hdCZyZWN0PTAsMCwzODA3LDEwMDgmdz0zMDImaD04MA.png" alt="" width="302" height="80" class="w-12 md:w-16 xl:w-20" loading="lazy" />    </a>
12116</li>
12117
12118<li class="shrink-0 first:ml-4 first:md:ml-0">
12119    <a href="https://www.haibu.de/marken/kerastase/"
12120       class="w-20 h-20 md:w-24 md:h-24 xl:w-full xl:h-32 flex items-center justify-center border border-gray rounded snap-center"
12121       aria-label="Bekijk&#x20;merk&#x20;K&#xE9;rastase"
12122    >
12123        <img src="https://images.haibu.de/5gXcRcb7MPUTLYzGwAI_qMooW1U_HrkOL3F3Qofg5AY/w:284/h:80/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hL2Y2NmM3MTNjLTVkNDctNGNjMy04OTdmLWFmYTg1ZmZjOGU0Zl9MTzAwNTY2LnBuZz9hdXRvPWNvbXByZXNzLGZvcm1hdCZyZWN0PTAsMCwyMTI0LDU5OCZ3PTI4NCZoPTgw.png" alt="" width="284" height="80" class="w-12 md:w-16 xl:w-20" loading="lazy" />    </a>
12124</li>
12125
12126<li class="shrink-0 first:ml-4 first:md:ml-0">
12127    <a href="https://www.haibu.de/marken/max-pro/"
12128       class="w-20 h-20 md:w-24 md:h-24 xl:w-full xl:h-32 flex items-center justify-center border border-gray rounded snap-center"
12129       aria-label="Bekijk&#x20;merk&#x20;Kevin&#x20;Murphy"
12130    >
12131        <img src="https://images.haibu.de/Yi8yGdKynHDEUq8M61_SCbBJ4a4qjfn1JDX4vx_QUSI/w:405/h:80/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hL2UyNWRkNWViLTAyODktNGNjZS1hYzE1LWQ5N2M2OGM1OTZkMF9Mb2dvX01heF9Qcm9fLnBuZz9hdXRvPWNvbXByZXNzLGZvcm1hdCZyZWN0PTAsMCwxNDI1NSwyODE2Jnc9NDA1Jmg9ODA.png" alt="" width="405" height="80" class="w-12 md:w-16 xl:w-20" loading="lazy" />    </a>
12132</li>
12133
12134<li class="shrink-0 first:ml-4 first:md:ml-0">
12135    <a href="https://www.haibu.de/marken/loreal/"
12136       class="w-20 h-20 md:w-24 md:h-24 xl:w-full xl:h-32 flex items-center justify-center border border-gray rounded snap-center"
12137       aria-label="Bekijk&#x20;merk&#x20;L&#x27;Or&#xE9;al"
12138    >
12139        <img src="https://images.haibu.de/vaL26a5VeMwWGoJ7QLtcOn23LyMpftAIQnpDTFLB-Ic/w:229/h:80/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hLzUwNDFlNmJjLWU3MDUtNDQ1Yy1iNjU5LTYxZmMyNjBhZjRiZl9Mb3JlYWwrUHJvZmVzc2lvbm5lbCt6d2FydC5wbmc_YXV0bz1jb21wcmVzcyxmb3JtYXQmcmVjdD0wLDAsMjk5NCwxMDQ2Jnc9MjI5Jmg9ODA.png" alt="" width="229" height="80" class="w-12 md:w-16 xl:w-20" loading="lazy" />    </a>
12140</li>
12141
12142<li class="shrink-0 first:ml-4 first:md:ml-0">
12143    <a href="https://www.haibu.de/marken/schwarzkopf/"
12144       class="w-20 h-20 md:w-24 md:h-24 xl:w-full xl:h-32 flex items-center justify-center border border-gray rounded snap-center"
12145       aria-label="Bekijk&#x20;merk&#x20;Schwarzkopf"
12146    >
12147        <img src="https://images.haibu.de/pDdVUfE8F_7Y0H6j-Nge0kHn4GuBdd5EOK4h2ij1fIc/w:188/h:80/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hLzY4NjIxNWM5LTk0ZWYtNDZmNS1iZTAwLTg2N2I1MTM0MWRiNF9zY2h3YXJ6a29wZi5wbmc_YXV0bz1jb21wcmVzcyxmb3JtYXQmcmVjdD0wLDAsMzAwLDEyOCZ3PTE4OCZoPTgw.png" alt="" width="188" height="80" class="w-12 md:w-16 xl:w-20" loading="lazy" />    </a>
12148</li>
12149
12150<li class="shrink-0 first:ml-4 first:md:ml-0">
12151    <a href="https://www.haibu.de/marken/wella/"
12152       class="w-20 h-20 md:w-24 md:h-24 xl:w-full xl:h-32 flex items-center justify-center border border-gray rounded snap-center"
12153       aria-label="Bekijk&#x20;merk&#x20;Wella"
12154    >
12155        <img src="https://images.haibu.de/h9U0kDHgRQjWHyCodGKD3j3OnKaS67LcenkzJEsAtpY/w:188/h:80/rt:fit/g:sm/el:1/ex:1:ce:0:0/aHR0cHM6Ly9pbWFnZXMucHJpc21pYy5pby9tb21hL2YwMjQ5ZTFkLTM3MmEtNDNkNS05NjIxLWQyMjY1Yjc5NmUxN19XZWxsYS5qcGc_YXV0bz1jb21wcmVzcyxmb3JtYXQmcmVjdD0wLDAsMzAwLDEyOCZ3PTE4OCZoPTgw.jpg" alt="" width="188" height="80" class="w-12 md:w-16 xl:w-20" loading="lazy" />    </a>
12156</li>
12157    </ul>
12158</section>
12159</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">
12160    <form
12161        class="form subscribe flex w-full"
12162        action="https://www.haibu.de/newsletter/subscriber/new/"
12163        method="post"
12164        x-data="initNewsletterForm"
12165        @submit.prevent="submitForm"
12166        id="newsletter-validate-detail"
12167        aria-label="Newsletter&#x20;abonnieren"
12168    >
12169
12170        <label for="newsletter-subscribe" class="sr-only">
12171            E-Mailadresse        </label>
12172
12173        <div class="flex w-full">
12174            <input name="email"
12175                   type="email"
12176                   required
12177                   id="newsletter-subscribe"
12178                   class="form-input w-full border-transparent text-xs placeholder:text-black placeholder:font-medium focus:border-transparent roun
12178ded-r-none"
12179                   placeholder="Ihre&#x20;E-Mail&#x20;Adresse"
12180                   autocomplete="email"
12181                   aria-describedby="footer-newsletter-heading">
12182
12183            <input name="form_key" type="hidden" value="R24e2ZL7oyYVkTdR" />
12184            <button class="flex md:w-48 items-center btn btn-secondary rounded-l-none">
12185                <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">
12186<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"/>
12187<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"/>
12188<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"/>
12189<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"/>
12190<title>moma-envelope</title></svg>
12191                <span class="ml-2">Abonnieren</span>
12192            </button>
12193        </div>
12194
12195                <div>
12196            <template x-if="displayErrorMessage">
12197                <p class="flex items-center text-red">
12198                    <span class="inline-block w-8 h-8 mr-3">
12199                        <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">
12200  <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
12201</svg>
12202                    </span>
12203                    <template x-for="errorMessage in errorMessages">
12204                        <span x-html="errorMessage"></span>
12205                    </template>
12206                </p>
12207            </template>
12208        </div>
12209    </form>
12210
12211    <div class="w-full">
12212            </div>
12213
12214    
12214<script>
12215        function initNewsletterForm() {
12216            return {
12217                errors: 0,
12218                hasCaptchaToken: 0,
12219                displayErrorMessage: false,
12220                errorMessages: [],
12221                setErrorMessages(messages) {
12222                    this.errorMessages = [messages]
12223                    this.displayErrorMessage = this.errorMessages.length
12224                },
12225                submitForm() {
12226                    // Do not rename $form, the variable is expected to be declared in the recaptcha output
12227                    const $form = document.querySelector('#newsletter-validate-detail');
12228                    
12229                    if (this.errors === 0) {
12230                        $form.submit();
12231                    }
12232                }
12233            }
12234        }
12235
12236        window.addEventListener('alpine:init', () => Alpine.data('initNewsletterForm', initNewsletterForm), {once: true})
12237    </script>
12237
12238    </div>
12239</div></div></main><footer class="page-footer"><div class="footer content"><div class="container"><section aria-label="Onze&#x20;voordelen">
12240    <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">
12241        
12242<li>
12243    <a href="https://www.haibu.de/versand"
12244       class="flex items-center text-black hover:no-underline focus:no-underline"
12245    >
12246                <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">
12247    <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"/>
12248</svg>
12249        <div class="usp-item text-2xs font-semibold ml-3.5">
12250            Lieferung innerhalb von <strong>1-2 Tagen</strong>*        </div>
12251    </a>
12252</li>
12253
12254<li>
12255    <a href="https://www.haibu.de/versand"
12256       class="flex items-center text-black hover:no-underline focus:no-underline"
12257    >
12258                <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">
12259    <g clip-path="url(#clip0_349_382_2)">
12260        <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
12260699 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"/>
12261    </g>
12262    <defs>
12263        <clipPath id="clip0_349_382_2">
12264            <rect width="14.5308" height="16" fill="white"/>
12265        </clipPath>
12266    </defs>
12267</svg>
12268        <div class="usp-item text-2xs font-semibold ml-3.5">
12269            <strong>Versandkostenfrei </strong>ab 50&euro;* <em>(inkl. MwSt.)</em>        </div>
12270    </a>
12271</li>
12272
12273<li>
12274    <a href="https://www.haibu.de/pro"
12275       class="flex items-center text-black hover:no-underline focus:no-underline"
12276    >
12277                <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">
12278    <g clip-path="url(#clip0_349_372_2)">
12279        <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"/>
12280    </g>
12281    <defs>
12282        <clipPath id="clip0_349_372_2">
12283            <rect width="16" height="19.5363"/>
12284        </clipPath>
12285    </defs>
12286</svg>
12287        <div class="usp-item text-2xs font-semibold ml-3.5">
12288            Beratung von <strong>Profis</strong>        </div>
12289    </a>
12290</li>
12291
12292<li>
12293    <a href="https://www.haibu.de/contact-service"
12294       class="flex items-center text-black hover:no-underline focus:no-underline"
12295    >
12296                <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">
12297    <g clip-path="url(#clip0_349_376_2)">
12298        <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
1229873 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"/>
12299    </g>
12300    <defs>
12301        <clipPath id="clip0_349_376_2">
12302            <rect width="18" height="13.5"/>
12303        </clipPath>
12304    </defs>
12305</svg>
12306        <div class="usp-item text-2xs font-semibold ml-3.5">
12307            <strong>Sicheres </strong>Zahlen        </div>
12308    </a>
12309</li>
12310
12311<li>
12312    <a href="https://www.haibu.de/ruecksendung"
12313       class="flex items-center text-black hover:no-underline focus:no-underline"
12314    >
12315                <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">
12316    <g clip-path="url(#clip0_349_368_2)">
12317        <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 
123170.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"/>
12318    </g>
12319    <defs>
12320        <clipPath id="clip0_349_368_2">
12321            <rect width="18" height="17.7537" fill="white"/>
12322        </clipPath>
12323    </defs>
12324</svg>
12325        <div class="usp-item text-2xs font-semibold ml-3.5">
12326            <strong>Einfache </strong>R&uuml;cksendung        </div>
12327    </a>
12328</li>
12329    </ul>
12330</section>
12331</div>
12332<footer class="bg-black" aria-labelledby="footer-heading">
12333    <h2 id="footer-heading" class="sr-only">Fußzeile></h2>
12334    <div class="container bg-black text-white" x-data="{activeFooterTab: '0'}">
12335        <div class="pt-4 pb-8 lg:px-0 lg:py-12 relative z-10">
12336            <div class="lg:grid lg:grid-cols-4 lg:gap-x-10">
12337                <div class="space-y-8 col-span-2 row-span-1 border-b border-white/10 py-6 lg:pt-0 lg:pb-10">
12338                    <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
12339                            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"
12340       class="social-media-icon"
12341   title="Telefonnummer">
12342    <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">
12343    <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"/>
12344<title>moma-telephone</title></svg>
12345    </a>
12346    <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"
12347       class="social-media-icon"
12348   title="Whatsapp">
12349    <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">
12350    <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.
1235068984 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"/>
12351<title>moma-whatsapp</title></svg>
12352    </a>
12353    <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>
12354<div class="flex justify-between flex-row xl:block">
12355    <div id="robin_tab_container" x-data="initRobinHq()" x-bind="eventListeners" class="flex xl:flex-row lg:pb-3">
12356        <span @click.prevent="openRobin()" class="social-media-icon cursor-pointer">
12357            <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">
12358    <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"/>
12359    <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"/>
12360    <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"/>
12361<title>moma-chat</title></svg>
12362        </span>
12363        <div class="cursor-pointer hidden xs:flex ml-6 font-semibold text-sm items-center">
12364            <span @click.prevent="openRobin()">Chatten mit...</span>
12365        </div>
12366    </div>
12367    <div id="robin_tab_container" x-data="initRobinHq()" x-bind="eventListeners" class="flex items-center contact-options-value">
12368        <p @click.prevent="openRobin()" class="cursor-pointer flex items-center">
12369            <strong x-text="activeUser"></strong>
12370            <span x-show="status" class="h-2 w-2 bg-green rounded-full ml-2"></span>
12371        </p>
12372    </div>
12373</div>
12374
12375
12376<script>
12377    var robin_settings = {
12378        callback: function(event, data){
12379            if (event === 'init') {
12380                const isOnline = __robin.getOnlineStatus();
12381
12382                window.dispatchEvent(
12383                    new CustomEvent(
12384                        "retrieve-status",
12385                        {detail: isOnline}
12386                    )
12387                );
12388
12389                if (isOnline) {
12390                    window.dispatchEvent(
12391                        new CustomEvent(
12392                            "retrieve-users",
12393                            {detail: __robin.getAllUsers()}
12394                        )
12395                    );
12396
12397                    window.dispatchEvent(
12398                        new CustomEvent(
12399                            "init-robin-icon"
12400                        )
12401                    )
12402                }
12403            }
12404        }
12405    };
12406
12407    function initRobinHq() {
12408        return {
12409            status: false,
12410            users: [],
12411            activeUser: 'Offline',
12412
12413            openRobin() {
12414                __robin.show()
12415            },
12416
12417            eventListeners: {
12418                ['@retrieve-status.window'](event) {
12419                    this.status = event.detail;
12420                },
12421                ['@retrieve-users.window'](event) {
12422                    this.users = event.detail
12423
12424                    var activeUser = this.users.find(function (user) {
12425                        return user.presence === "online";
12426                    });
12427
12428                    this.activeUser = activeUser.name
12429                },
12430                ['@init-robin-icon.window'](event) {
12431                    if(this.status) {
12432                        const tab = document.getElementById("robin_tab");
12433                        if (tab) {
12434                            tab.className += " robin-online";
12435                        }
12436
12437                        const customRobinButtonWrapper = document.getElementById("customRobinButtonWrapper");
12438                        if (customRobinButtonWrapper) {
12439                            customRobinButtonWrapper.className += " online";
12440                        }
12441                    }
12442                }
12443            }
12444        }
12445    }
12446</script>
12446
12447
12448
12449
12450</div></div>                </div>
12451                <div class="row-span-1 border-b border-white/10 py-3.5 lg:pt-0 lg:pb-10">
12452                                            <a href="https://www.trustedshops.de/bewertung/info_X58AE1F430672E02040339F5ADD541C04.html" target="_blank" class="text-white hover:no-underline">
12453                                            <div class="font-semibold text-[17px]">
12454                            Gut 4.5 von 5                        </div>
12455                                                <div class="h-[22px] w-[110px]" style="
12456                            background: transparent url('https://www.haibu.de/static/version1791360036/frontend/Moma/default_DE/de_DE/images/trustedshops_star_grey-1x.png');
12457                            background-size: contain;">
12458                                <span class="inline-block bg-auto h-[22px]"
12459                                      style="
12460                                                  background: transparent url('https://www.haibu.de/static/version1791360036/frontend/Moma/default_DE/de_DE/images/trustedshops_star_yellow-1x.png');
12461                                                  width: 80%;
12462                                                  background-size: contain;
12463                                                  "></span>
12464                        </div>
12465                        <div class="mt-2">
12466                            <strong>1522 Kunden </strong>haben auf Trusted Shops eine Bewertung zu einem unserer Produkte geschrieben                        </div>
12467                                            </a>
12468                    
12469                </div>
12470
12471                <div class="lg:border-b border-white/10 lg:pb-10 row-span-1">
12472                    <div class="border-b border-white/10 lg:border-none">
12473                        <p class="flex justify-between items-center relative py-3.5 lg:pt-0 lg:py-0 lg:px-0">
12474                            <span
12475                                class="font-semibold text-[17px]">Kontakt</span>
12476                            <span class="transform lg:hidden"
12477                                  :class="{'rotate-90': activeFooterTab === '6ac7401408811'}">
12478                                <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">
12479    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
12480<title>moma-chevron-right</title></svg>
12481                            </span>
12482                            <span
12483                                @click="activeFooterTab = (activeFooterTab === '6ac7401408811' ? '0' : '6ac7401408811')"
12484                                class="absolute w-full h-full block top-0 left-0 lg:hidden"></span>
12485                        </p>
12486                        <ul :class="{'block': activeFooterTab === '6ac7401408811', 'hidden lg:block': activeFooterTab !== '6ac7401408811'}"
12487                            class="">
12488                            <div class="pb-3.5 lg:pb-0"><p>Haibu<br />
12489Heinrich-Hertz-Straße 13<br />
1249046399 Bocholt, Deutschland</p></div>
12491                        </ul>
12492                    </div>
12493                </div>
12494
12495                <div class="lg:grid row-span-2 col-span-2 lg:border-b border-white/10 grid-cols-2 lg:py-10">
12496                    <div class="col-span-1">
12497                        
12498<div class="border-b border-white/10 lg:border-none">
12499    <p class="flex justify-between items-center relative py-3 lg:px-0 lg:pb-2 lg:pt-0">
12500        <span class="font-semibold text-[17px]">Kundenservice</span>
12501        <span class="transform lg:hidden" :class="{'rotate-90': activeFooterTab === '6ac740140e364'}">
12502        <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">
12503    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
12504<title>moma-chevron-right</title></svg>
12505        </span>
12506        <span  @click="activeFooterTab = (activeFooterTab === '6ac740140e364' ? '0' : '6ac740140e364')"
12507              class="absolute w-full h-full block top-0 left-0 lg:hidden"></span>
12508    </p>
12509    <ul :class="{'block pb-3.5': activeFooterTab === '6ac740140e364', 'hidden lg:block': activeFooterTab !== '6ac740140e364'}"
12510        class="">
12511        <li>
12512    <a href="https://www.haibu.de/faq-hilfe"
12513       class="text-xs text-white">
12514        FAQ - Hilfe    </a>
12515</li>
12516<li>
12517    <a href="https://www.haibu.de/sicheres-zahlen"
12518       class="text-xs text-white">
12519        Sicheres zahlen    </a>
12520</li>
12521<li>
12522    <a href="https://www.haibu.de/service-kontakt"
12523       class="text-xs text-white">
12524        Service und kontakt    </a>
12525</li>
12526<li>
12527    <a href="https://www.haibu.de/versand"
12528       class="text-xs text-white">
12529        Versand    </a>
12530</li>
12531<li>
12532    <a href="https://www.haibu.de/ruecksendung"
12533       class="text-xs text-white">
12534        Rücksendung    </a>
12535</li>
12536<li>
12537    <a href="https://www.haibu.de/widerrufsrecht"
12538       class="text-xs text-white">
12539        Widerrufsrecht    </a>
12540</li>
12541    </ul>
12542</div>
12543                    </div>
12544
12545                    <div class="lg:grid col-span-1">
12546                        
12547<div class="border-b border-white/10 lg:border-none">
12548    <p class="flex justify-between items-center relative py-3 lg:px-0 lg:pb-2 lg:pt-0">
12549        <span class="font-semibold text-[17px]">Über Haibu</span>
12550        <span class="transform lg:hidden" :class="{'rotate-90': activeFooterTab === '6ac7401410460'}">
12551        <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">
12552    <path d="M1.54103 0.149967C1.49702 0.102404 1.44366 0.0644531 1.38429 0.0384983C1.32492 0.0125436 1.26082 -0.000854492 1.19603 -0.000854492C1.13123 -0.000854492 1.06713 0.0125436 1.00776 0.0384983C0.948393 0.0644531 0.89503 0.102404 0.851027 0.149967L0.171027 0.869967C0.0787776 0.965117 0.0271895 1.09244 0.0271895 1.22497C0.0271895 1.35749 0.0787776 1.48482 0.171027 1.57997L3.46103 4.99997L0.141027 8.41997C0.0503632 8.51793 0 8.64649 0 8.77997C0 8.91344 0.0503632 9.04201 0.141027 9.13997L0.831027 9.84997C0.874135 9.89727 0.926641 9.93506 0.985185 9.96092C1.04373 9.98677 1.10703 10.0001 1.17103 10.0001C1.23503 10.0001 1.29832 9.98677 1.35687 9.96092C1.41541 9.93506 1.46792 9.89727 1.51103 9.84997L5.86103 5.33997C5.95328 5.24482 6.00486 5.11749 6.00486 4.98497C6.00486 4.85244 5.95328 4.72512 5.86103 4.62997L1.54103 0.149967Z"/>
12553<title>moma-chevron-right</title></svg>
12554        </span>
12555        <span  @click="activeFooterTab = (activeFooterTab === '6ac7401410460' ? '0' : '6ac7401410460')"
12556              class="absolute w-full h-full block top-0 left-0 lg:hidden"></span>
12557    </p>
12558    <ul :class="{'block pb-3.5': activeFooterTab === '6ac7401410460', 'hidden lg:block': activeFooterTab !== '6ac7401410460'}"
12559        class="">
12560        <li>
12561    <a href="https://www.haibu.de/uber-uns"
12562       class="text-xs text-white">
12563        Über uns    </a>
12564</li>
12565<li>
12566    <a href="https://www.haibu.de/pro"
12567       class="text-xs text-white">
12568        Vorteile für Geschäftskunden (Profis)    </a>
12569</li>
12570<li>
12571    <a href="https://www.haibu.de/aktionen-an-der-kasse"
12572       class="text-xs text-white">
12573        Aktionen an der Kasse    </a>
12574</li>
12575<li>
12576    <a href="https://www.haibu.de/blog"
12577       class="text-xs text-white">
12578        Blog    </a>
12579</li>
12580<li>
12581    <a href="https://www.haibu.de/nachhaltigkeit-csr"
12582       class="text-xs text-white">
12583        Nachhaltigkeit    </a>
12584</li>
12585<li>
12586    <a href="https://www.haibu.de/newsletter"
12587       class="text-xs text-white">
12588        Newsletter    </a>
12589</li>
12590    </ul>
12591</div>
12592                    </div>
12593                </div>
12594
12595                <div class="hidden lg:block pt-10">
12596                    <div class="font-semibold text-[17px]">
12597                        Ausgewählte Bewertung                    </div>
12598
12599                    <div class="mt-5 p-5 rounded bg-white/10">
12600                        <div class="flex items-center">
12601
12602                                                        <div class="h-[22px] w-[110px]" style="
12603                                background: transparent url('https://www.haibu.de/static/version1791360036/frontend/Moma/default_DE/de_DE/images/trustedshops_star_grey-1x.png');
12604                                background-size: contain;">
12605                                    <span class="inline-block bg-auto h-[22px]"
12606                                          style="
12607                                              background: transparent url('https://www.haibu.de/static/version1791360036/frontend/Moma/default_DE/de_DE/images/trustedshops_star_yellow-1x.png');
12608                                              width: 100%;
12609                                              background-size: contain;
12610                                              "></span>
12611                            </div>
12612
12613                            <span class="text-white/50 ml-3">
12614                                13/02/2026                            </span>
12615                        </div>
12616
12617                        <div class="mt-2">
12618                            <div class="font-bold">
12619                                Alles gut gelaufen                            </div>
12620                            <p class="text-white/50">
12621                                Alles gut gelaufen                            </p>
12622                        </div>
12623                    </div>
12624                </div>
12625
12626                <div class="hidden lg:block lg:border-b border-white/10 py-10 row-span-1">
12627                    <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">
12628    <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"/>
12629<title>moma-telephone</title></svg>
12630    </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">
12631<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"/>
12632<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"/>
12633<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"/>
12634<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"/>
12635<title>moma-envelope</title></svg>
12636    </div><div class="text-pink"> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="7f140a111b1a110c1a0d09161c1a3f171e161d0a511b1a">[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">
12637    <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.
1263768984 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"/>
12638<title>moma-whatsapp</title></svg>
12639    </div><div class="text-pink">+31(0)850871062</div></div></div></div>                </div>
12640
12641                <div class="hidden lg:block col-start-4 pt-10 row-span-2">
12642                    <span class="font-semibold text-[17px]"></span>
12643                    <span><p></p></span>
12644                </div>
12645
12646                <div class="col-span-2 row-span-1 lg:pt-10">
12647                    <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"
12648            target="_blank"
12649       class="social-media-icon"
12650   title="Facebook">
12651    <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">
12652    <g clip-path="url(#clip0_129_3150)">
12653        <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"/>
12654    </g>
12655    <defs>
12656        <clipPath id="clip0_129_3150">
12657            <rect width="16" height="16"/>
12658        </clipPath>
12659    </defs>
12660<title>moma-facebook</title></svg>
12661    </a>
12662    <a href="https://www.instagram.com/haibu_de"
12663            target="_blank"
12664       class="social-media-icon"
12665   title="Instagram">
12666    <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">
12667    <g clip-path="url(#clip0_129_3154)">
12668        <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
126685.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"/>
12669        <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
1266976C7.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"/>
12670        <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"/>
12671    </g>
12672    <defs>
12673        <clipPath id="clip0_129_3154">
12674            <rect width="16" height="16"/>
12675        </clipPath>
12676    </defs>
12677<title>moma-instagram</title></svg>
12678    </a>
12679    <a href="https://www.pinterest.de/HaibuDeutschland/"
12680            target="_blank"
12681       class="social-media-icon"
12682   title="Pinterest">
12683    <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">
12684    <g clip-path="url(#clip0_129_3160)">
12685        <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"/>
12686    </g>
12687    <defs>
12688        <clipPath id="clip0_129_3160">
12689            <rect width="16" height="16"/>
12690        </clipPath>
12691    </defs>
12692<title>moma-pinterest</title></svg>
12693    </a>
12694    </div></div>                </div>
12695            </div>
12696        </div>
12697    </div>
12698</footer>
12699<div class="bg-white my-8">
12700    <div class="container">
12701        <div class="grid grid-cols-5 lg:flex lg:flex-row justify-between gap-4 lg:gap-8">
12702            <div class="col-span-2 flex flex-row lg:flex-col xl:flex-row h-max md:gap-4 order-1">
12703                <div>
12704<a href="https://www.haibu.de/"
12705   class="grow&#x20;lg&#x3A;grow-0&#x20;mb-&#x5B;10px&#x5D;&#x20;lg&#x3A;mb-0"
12706   title="Haibu.de&#x20;-&#x20;Hair&#x20;&amp;&#x20;Beauty&#x20;Professionals"
12707   aria-label="store logo">
12708    <img class="mx-auto&#x20;lg&#x3A;mx-0&#x20;w-32"
12709         src="https://www.haibu.de/static/version1791360036/frontend/Moma/default_DE/de_DE/images/logo.svg"
12710         title="Haibu.de&#x20;-&#x20;Hair&#x20;&amp;&#x20;Beauty&#x20;Professionals"
12711         alt="Haibu.de&#x20;-&#x20;Hair&#x20;&amp;&#x20;Beauty&#x20;Professionals"
12712         width="130"
12713         height="40"
12714    />
12715</a>
12716</div>
12717                <div class="text-2xs self-center hidden md:flex">Ⓒ2026 Haibu</div>
12718            </div>
12719
12720            <div class="col-span-5 flex flex-col gap-4 order-3 lg:order-2">
12721                <div class="flex flex-wrap md:flex-nowrap gap-1 order-2 lg:order-1">
12722                    
12723<a
12724            href="https://www.haibu.de/sicheres-zahlen"
12725            class="h-10&#x20;w-16&#x20;border&#x20;border-gray-lighter&#x20;rounded&#x20;flex&#x20;items-center&#x20;justify-center"
12726    title="Sofort&#x20;Banking">
12727
12728    <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>
12729
12730<a
12731            href="https://www.haibu.de/sicheres-zahlen"
12732            class="h-10&#x20;w-16&#x20;border&#x20;border-gray-lighter&#x20;rounded&#x20;flex&#x20;items-center&#x20;justify-center"
12733    title="Bancontact">
12734
12735    <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>
12736
12737<a
12738            href="https://www.haibu.de/sicheres-zahlen"
12739            class="h-10&#x20;w-16&#x20;border&#x20;border-gray-lighter&#x20;rounded&#x20;flex&#x20;items-center&#x20;justify-center"
12740    title="PayPal">
12741
12742    <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>
12743
12744<a
12745            href="https://www.haibu.de/sicheres-zahlen"
12746            class="h-10&#x20;w-16&#x20;border&#x20;border-gray-lighter&#x20;rounded&#x20;flex&#x20;items-center&#x20;justify-center"
12747    title="Visa">
12748
12749    <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>
12750
12751<a
12752            href="https://www.haibu.de/sicheres-zahlen"
12753            class="h-10&#x20;w-16&#x20;border&#x20;border-gray-lighter&#x20;rounded&#x20;flex&#x20;items-center&#x20;justify-center"
12754    title="Mastercard">
12755
12756    <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>
12757
12758<a
12759            href="https://www.haibu.de/sicheres-zahlen"
12760            class="h-10&#x20;w-16&#x20;border&#x20;border-gray-lighter&#x20;rounded&#x20;flex&#x20;items-center&#x20;justify-center"
12761    title="Klarna">
12762
12763    <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>
12764
12765<a
12766            href="https://www.haibu.de/versand"
12767            class="h-10&#x20;w-16&#x20;border&#x20;border-gray-lighter&#x20;rounded&#x20;flex&#x20;items-center&#x20;justify-center"
12768    title="">
12769
12770    <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>
12771
12772<a
12773            href="https://www.haibu.de/versand"
12774            class="h-10&#x20;w-16&#x20;border&#x20;border-gray-lighter&#x20;rounded&#x20;flex&#x20;items-center&#x20;justify-center"
12775    title="">
12776
12777    <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>
12778                </div>
12779
12780                <div class="text-2xs leading-5 order-1 lg:order-2">
12781                    <!-- Same flex row so the withdrawal link sits next to the other legal links. -->
12782                    <div class="flex flex-wrap gap-x-4 lg:gap-4 items-baseline">
12783                        
12784<div class="flex flex-wrap gap-x-4 lg:gap-4 text-xs md:text-2xs">
12785    <p><a href="https://www.haibu.de/datenschutzerklarung">Datenschutzerkl&auml;
12785rung</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>
12786                                            </div>
12787                </div>
12788            </div>
12789
12790            <div class="col-span-3 flex items-center justify-self-end lg:items-start gap-2 lg:gap-8 order-2 lg:order-3">
12791                            </div>
12792
12793        </div>
12794    </div>
12795</div>
12796
12797
12798
12799</div></footer>
vendor: 108 bytes, line 12799
12799<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
12799<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 12799
12799
12800<script>try {
12801smileTracker.addPageVar('type.identifier', 'prismicio_direct_page');
12802smileTracker.addPageVar('type.label', '');
12803smileTracker.addPageVar('locale', 'de_DE');
12804} catch (err) { ; }</script>
vendor: 1 bytes, line 12804
12804
12805<script>
12806    let SnapSlider = class {
12807        constructor(el, {
12808            labelSepparator = 'von',
12809            autoPager,
12810            groupPager,
12811            loop
12812        } = {}) {
12813            this.el = el;
12814            this.track = this.el.querySelector("[data-track]");
12815            if (!this.track) {
12816                console.warn(
12817                    "No Slider track defined, reverting back to CSS slider.\nPlease create a wrapper for your slides with the attribute data-track",
12818                    this.el
12819                );
12820                return;
12821            }
12822            this.initialLoad = true;
12823            this.slides = [];
12824            this.inViewObserver;
12825            this.mutationObserver;
12826            this.resizeObserver;
12827            this.pager = this.el.querySelector("[data-pager]");
12828            this.navBtns = Array.from(
12829                this.el.querySelectorAll("[data-next], [data-prev]")
12830            );
12831            this.slideLabelSepparator = this.el.dataset.slideLabelSepparator || labelSepparator;
12832            this.useAutoPager = autoPager || this.el.hasAttribute("data-auto-pager") || false;
12833            this.useGroupPager = groupPager || this.el.hasAttribute("data-group-pager") || false;
12834            this.useLoop = loop || this.el.hasAttribute("data-loop") || false;
12835            this.sliderLabel = this.el.hasAttribute("aria-label") && this.el.getAttribute("aria-label").toLowerCase().trim().replace(/[^a-z0-9_-]+/g, "-").replace(/^-+|-+$/g, "");
12836            this.sliderId = this.el.id || this.sliderLabel || "slider";
12837            this.markerIdName = "data-target-id";
12838            this.pagerClasses = this.el.dataset.pagerClass || "snap-pager";
12839            this.markerClasses = this.el.dataset.markerClass || "snap-marker";
12840            this.init();
12841        }
12842        init() {
12843            this.setupSlides();
12844            this.setupNav();
12845            if (this.useAutoPager) {
12846                this.createPager();
12847            } else {
12848                this.setupPager();
12849            }
12850            this.setupObservers();
12851            this.setupMutationObserver();
12852            this.setupResizeObserver();
12853            this.el.addEventListener("click", this.eventHandler.bind(this));
12854            this.el.addEventListener("keydown", this.eventHandler.bind(this));
12855            if ("onscrollend" in window) {
12856                this.track.addEventListener("scrollend", () => {
12857                    this.isNavigating = false;
12858                });
12859            } else {
12860                this.track.addEventListener("scroll", () => {
12861                    clearTimeout(this.scrollEndTimer);
12862                    this.scrollEndTimer = setTimeout(() => {
12863                        this.isNavigating = false;
12864                    }, 100);
12865                });
12866            }
12867        }
12868        destroy() {
12869            this.inViewObserver?.disconnect();
12870            this.mutationObserver?.disconnect();
12871            this.resizeObserver?.disconnect();
12872            this.el.removeEventListener("click", this.eventHandler.bind(this));
12873            this.el.removeEventListener("keydown", this.eventHandler.bind(this));
12874        }
12875        roundUpIfGreaterThan(number, min = 8) {
12876            const decimalPart = number - Math.floor(number);
12877            return decimalPart >= min ? Math.ceil(number) : Math.floor(number);
12878        }
12879        getInViewItems() {
12880            const inViewSlides = Array.from(this.track.querySelectorAll("[data-in-view]")).filter((el) => this.slides.includes(el));
12881            const firstInViewSlide = inViewSlides[0] || null;
12882            const lastInViewSlide = inViewSlides[inViewSlides.length - 1] || null;
12883            const isAtStart = firstInViewSlide === this.slides[0];
12884            const isAtEnd = lastInViewSlide === this.slides[this.slides.length - 1];
12885            return {
12886                inViewSlides,
12887                totalInViewSlides: inViewSlides.length,
12888                firstInViewSlide,
12889                lastInViewSlide,
12890                isAtStart,
12891                isAtEnd,
12892                hasNoOverflow: isAtStart && isAtEnd
12893            };
12894        }
12895        groupPagerMarkers() {
12896            if (this.slides.length === 0 || !this.pager || !this.useGroupPager) return;
12897            const totalVisibleSlides = this.roundUpIfGreaterThan(
12898                this.track.offsetWidth / this.slides[0].offsetWidth
12899            );
12900            const markers = Array.from(this.pager.querySelectorAll("a, button"));
12901            markers.forEach((marker, index) => {
12902                marker.style.display = index % totalVisibleSlides === 0 ? null : "none";
12903            });
12904        }
12905        handleInView(entries) {
12906            entries.forEach((entry) => {
12907                const marker = this.pager && (this.pager.querySelector(`[href="#${entry.target.id}"]`) || this.pager.querySelector(
12908                    `[${this.markerIdName}="${entry.target.id}"]`
12909                ));
12910                entry.target.toggleAttribute("data-in-view", entry.isIntersecting);
12911                entry.target.toggleAttribute("inert", !entry.isIntersecting);
12912                marker?.setAttribute("aria-current", entry.isIntersecting);
12913                marker?.setAttribute("tabindex", entry.isIntersecting ? "0" : "-1");
12914            });
12915            const { isAtStart, isAtEnd, hasNoOverflow } = this.getInViewItems();
12916            this.navBtns.forEach((btn) => {
12917                if (btn.hasAttribute("data-next")) {
12918                    btn.style.visibility = hasNoOverflow ? "hidden" : null;
12919                    isAtEnd && !this.useLoop ? btn.setAttribute("disabled", "") : btn.removeAttribute("disabled");
12920                }
12921                if (btn.hasAttribute("data-prev")) {
12922                    btn.style.visibility = hasNoOverflow ? "hidden" : null;
12923                    isAtStart && !this.useLoop ? btn.setAttribute("disabled", "") : btn.removeAttribute("disabled");
12924                }
12925            });
12926            if (this.pager) {
12927                this.pager.style.visibility = hasNoOverflow ? "hidden" : null;
12928                this.pager.toggleAttribute("inert", hasNoOverflow);
12929            }
12930            if (!this.initialLoad) {
12931                this.el.dispatchEvent(
12932                    new CustomEvent("slideChange", {
12933                        detail: this.getInViewItems()
12934                    })
12935                );
12936            } else {
12937                this.initialLoad = false;
12938            }
12939            if (document.activeElement.parentElement.hasAttribute("data-pager")) {
12940                const activeItems = this.pager.querySelectorAll('[tabindex="0"]');
12941                if (activeItems.length) {
12942                    activeItems[0].focus({ preventScroll: true });
12943                }
12944            }
12945        }
12946        getSlides() {
12947            if (!this.track) return [];
12948            return Array.from(this.track.children).filter(
12949                (child) => child.tagName.toLowerCase() !== "template" && child.tagName.toLowerCase() !== "style" && child.tagName.toLowerCase() !== "script" && child.style.display !== "none"
12950            );
12951        }
12952        refreshSlides() {
12953            this.initialLoad = true;
12954            this.slides = this.getSlides();
12955            this.setupSlides();
12956            if (this.useAutoPager) {
12957                this.createPager();
12958            } else {
12959                this.setupPager();
12960            }
12961            this.groupPagerMarkers();
12962            this.setupObservers();
12963        }
12964        setupSlides() {
12965            this.slides = this.getSlides();
12966            this.slides.forEach((slide, index) => {
12967                const totalSlides = this.slides.length;
12968                const currentSlide = index + 1;
12969                const existingLabel = slide.getAttribute("aria-label") || "";
12970                const isImage = slide.tagName.toLowerCase() === "img" || slide.tagName.toLowerCase() === "picture";
12971                const slideLabelTag = isImage ? "alt" : "aria-label";
12972                const hasAutoLabel = existingLabel.startsWith(
12973                    `${currentSlide} ${this.slideLabelSepparator} `
12974                );
12975                if (!slide.hasAttribute("id")) {
12976                    slide.setAttribute(
12977                        "id",
12978                        `${this.sliderId}-item-${currentSlide}`
12979                    );
12980                }
12981                if (!slide.hasAttribute(slideLabelTag) || slide.getAttribute(slideLabelTag) === "" || hasAutoLabel) {
12982                    slide.setAttribute(
12983                        slideLabelTag,
12984                        `${currentSlide} ${this.slideLabelSepparator} ${totalSlides}`
12985                    );
12986                }
12987                if (slide.tagName.toLowerCase() === "div" && !slide.hasAttribute("role")) {
12988                    slide.setAttribute("role", "group");
12989                }
12990                if (this.pager && !isImage) {
12991                    slide.setAttribute("role", "tabpanel");
12992                }
12993                if (slide.getAttribute("role") === "group") {
12994                    slide.setAttribute("aria-roledescription", "item");
12995                }
12996            });
12997            if (!this.el.hasAttribute("role") && this.el.tagName !== "SECTION") {
12998                this.el.setAttribute("role", "region");
12999            }
13000            if (!this.el.hasAttribute("aria-roledescription")) {
13001                this.el.setAttribute("aria-roledescription", "carousel");
13002            }
13003            if (!this.track.hasAttribute("tabindex")) {
13004                this.track.setAttribute("tabindex", 0);
13005            }
13006            this.track.setAttribute("aria-live", "polite");
13007        }
13008        setupNav() {
13009            this.navBtns.forEach((btn) => {
13010                btn.setAttribute("disabled", "");
13011                btn.removeAttribute("hidden");
13012                btn.classList.remove("invisible");
13013                btn.style.visibility = null;
13014            });
13015        }
13016        createPager() {
13017            const newPager = document.createElement("nav");
13018            newPager.setAttribute("data-pager", "");
13019            newPager.setAttribute("role", "tablist");
13020            newPager.classList.add(...this.pagerClasses.split(" "));
13021            this.slides.forEach((slide, index) => {
13022                const marker = document.createElement("button");
13023                const slideId = slide.id || `${this.sliderId}-item-${index + 1}`;
13024                marker.setAttribute(this.markerIdName, slideId);
13025                marker.classList.add(...this.markerClasses.split(" "));
13026                this.setupPagerMarker(marker, index);
13027                newPager.appendChild(marker);
13028                if (slide.tagName.toLowerCase() !== "img" && slide.tagName.toLowerCase() !== "picture") {
13029                    slide.removeAttribute("aria-roledescription");
13030                    slide.setAttribute("role", "tabpanel");
13031                }
13032            });
13033            if (this.pager) {
13034                this.pager.setAttribute("role", "tablist");
13035                this.pager.replaceChildren(...newPager.children);
13036            } else {
13037                this.track.after(newPager);
13038                this.pager = this.el.querySelector("[data-pager]");
13039            }
13040        }
13041        setupPager() {
13042            if (!this.pager) return;
13043            this.pager.setAttribute("role", "tablist");
13044            const items = Array.from(this.pager.querySelectorAll("a, button"));
13045            items.forEach((marker, index) => this.setupPagerMarker(marker, index));
13046        }
13047        setupPagerMarker(marker, index) {
13048            const markerId = marker.getAttribute("href")?.slice(1) || marker.getAttribute(this.markerIdName);
13049            const slideId = markerId || `${this.sliderId}-item-${index + 1}`;
13050            if (!markerId) {
13051                marker.setAttribute(this.markerIdName, slideId);
13052            }
13053            marker.setAttribute("role", "tab");
13054            marker.setAttribute("aria-controls", slideId);
13055            marker.setAttribute("aria-posinset", index + 1);
13056            marker.setAttribute("aria-setsize", this.slides.length);
13057            marker.setAttribute("tabindex", "-1");
13058            if (!marker.hasAttribute("aria-label")) {
13059                marker.setAttribute("aria-label", `Slide ${index + 1}`);
13060            }
13061        }
13062        setupObservers() {
13063            if (this.inViewObserver) {
13064                this.inViewObserver.disconnect();
13065            }
13066            this.inViewObserver = new IntersectionObserver(
13067                this.handleInView.bind(this), {
13068                    root: this.track,
13069                    threshold: 0.8
13070                }
13071            );
13072            this.slides.forEach((slide) => this.inViewObserver.observe(slide));
13073        }
13074        setupMutationObserver() {
13075            this.mutationObserver = new MutationObserver((mutations) => {
13076                if (mutations.some((m) => m.type === "childList" || m.target.parentElement === this.track)) {
13077                    this.refreshSlides();
13078                }
13079            });
13080            this.mutationObserver.observe(this.track, {
13081                childList: true,
13082                subtree: true,
13083                attributeFilter: ["style"]
13084            });
13085        }
13086        setupResizeObserver() {
13087            this.resizeObserver = new ResizeObserver(
13088                this.groupPagerMarkers.bind(this)
13089            );
13090            this.resizeObserver.observe(this.el);
13091        }
13092        goToSlideDir(dir = "next") {
13093            if (this.isNavigating) return;
13094            const { firstInViewSlide, lastInViewSlide } = this.getInViewItems();
13095            const isPrev = dir === "prev";
13096            const referenceSlide = isPrev ? firstInViewSlide : lastInViewSlide;
13097            const currentIndex = this.slides.indexOf(referenceSlide);
13098            let targetIndex = isPrev ? currentIndex - 1 : currentIndex + 1;
13099            if (targetIndex < 0 || targetIndex >= this.slides.length) {
13100                if (!this.useLoop) return;
13101                targetIndex = isPrev ? this.slides.length - 1 : 0;
13102            }
13103            const targetSlide = this.slides[targetIndex];
13104            if (!targetSlide) return;
13105            this.isNavigating = true;
13106            targetSlide.scrollIntoView({
13107                block: "nearest",
13108                inline: isPrev ? "end" : "start"
13109            });
13110        }
13111        pagerToSlide(event) {
13112            if (!event.target.closest("[data-pager]")) return;
13113            const marker = event.target.closest("a, button");
13114            if (!marker) return;
13115            event.preventDefault();
13116            const slideId = marker.getAttribute("href")?.slice(1) || marker.getAttribute(this.markerIdName);
13117            const targetSlide = this.track.querySelector(`#${slideId}`);
13118            targetSlide?.scrollIntoView({ block: "nearest", inline: "start" });
13119        }
13120        eventHandler(event) {
13121            const target = event.target.closest(
13122                "[data-next], [data-prev], [data-pager]"
13123            );
13124            if (!target) return;
13125            if (event.type === "click") {
13126                if (target.hasAttribute("data-next")) {
13127                    this.goToSlideDir("next");
13128                } else if (target.hasAttribute("data-prev")) {
13129                    this.goToSlideDir("prev");
13130                } else if (target.closest("[data-pager]")) {
13131                    this.pagerToSlide(event);
13132                }
13133            }
13134            if (event.type === "keydown" && target.closest("[data-pager]")) {
13135                if (event.key === "ArrowRight" || event.key === "ArrowDown") {
13136                    event.preventDefault();
13137                    this.goToSlideDir("next");
13138                } else if (event.key === "ArrowLeft" || event.key === "ArrowUp") {
13139                    event.preventDefault();
13140                    this.goToSlideDir("prev");
13141                }
13142            }
13143        }
13144    };
13145
13146    (() => {
13147        function alpineSnapSlider(Alpine) {
13148            Alpine.directive("snap-slider", (el, {
13149                modifiers
13150            }, {
13151                cleanup
13152            }) => {
13153                const slider = new SnapSlider(el, {
13154                    autoPager: modifiers.includes("auto-pager"),
13155                    groupPager: modifiers.includes("group-pager"),
13156                    loop: modifiers.includes("loop")
13157                });
13158                cleanup(() => {
13159                    slider.destroy();
13160                });
13161            });
13162        }
13163
13164        document.addEventListener("alpine:init", () => {
13165            window.Alpine.plugin(alpineSnapSlider);
13166        });
13167    })();
13168    //# sourceURL=alpine-snap-slider.js
13169</script>
vendor: 1 bytes, line 13169
13169
13170<script>
13171    (() => {
13172        // src/dialog.js
13173        function dialog_default(Alpine) {
13174            Alpine.directive("htmldialog", fylgjaAlpineDialog);
13175            function fylgjaAlpineDialog(el, { expression, modifiers }, { evaluateLater, cleanup }) {
13176            const evaluate = expression.length ? evaluateLater(expression) : () => {};
13177            const lockPageScroll = modifiers.includes("noscroll");
13178            const isModeless = modifiers.includes("modeless");
13179            const closeBy = el.getAttribute("closeby") || modifierValue(modifiers, "closeby", "closerequest");
13180            el.style.display = null;
13181            el.style.length === 0 && el.removeAttribute("style");
13182            if (el._x_isShown) {
13183                open();
13184            }
13185            const closeBySupported = (() => {
13186                return "closedBy" in HTMLDialogElement.prototype;
13187            })();
13188            function scrollLock(use = true) {
13189                document.body.style.overflow = use ? "hidden" : "";
13190            }
13191            function dialogSubmit(event) {
13192                if (event.target.getAttribute("method") === "dialog" || event.submitter?.getAttribute("formmethod") === "dialog") {
13193                event.preventDefault();
13194                evaluate();
13195                }
13196            }
13197            function escapeDialog(event) {
13198                if (event.key !== "Escape") return;
13199                event.preventDefault();
13200                if (closeBy === "none") return;
13201                evaluate();
13202            }
13203            function handleCloseByEvent(event) {
13204                if (event.target !== el) return;
13205                const rect = el.getBoundingClientRect();
13206                const isInDialog = rect.top <= event.clientY && event.clientY <= rect.top + rect.height && rect.left <= event.clientX && event.clientX <= rect.left + rect.width;
13207                if (!isInDialog) {
13208                if (closeBy === "any") {
13209                    if (closeBySupported) {
13210                    event.preventDefault();
13211                    }
13212                    evaluate();
13213                }
13214                }
13215            }
13216            function handleCloseEvent() {
13217                evaluate();
13218            }
13219            function open() {
13220                if (el.hasAttribute("open")) return;
13221                isModeless ? el.show() : el.showModal();
13222                scrollLock(lockPageScroll);
13223            }
13224            function close() {
13225                if (!el.hasAttribute("open")) return;
13226                el.close();
13227                scrollLock(false);
13228            }
13229            el._x_doShow = () => open();
13230            el._x_doHide = () => close();
13231            el.addEventListener("keydown", escapeDialog);
13232            el.addEventListener("submit", dialogSubmit);
13233            el.addEventListener("click", handleCloseByEvent);
13234            el.addEventListener("cancel", handleCloseEvent);
13235            cleanup(() => {
13236                el.removeEventListener("keydown", escapeDialog);
13237                el.removeEventListener("submit", dialogSubmit);
13238                el.removeEventListener("click", handleCloseByEvent);
13239                el.removeEventListener("cancel", handleCloseEvent);
13240                scrollLock(false);
13241            });
13242            }
13243        }
13244        function modifierValue(modifiers, key, fallback) {
13245            if (modifiers.indexOf(key) === -1) return fallback;
13246            const rawValue = modifiers[modifiers.indexOf(key) + 1];
13247            if (!rawValue) return fallback;
13248            if (key === "closeby") {
13249            const allowedValues = ["auto", "none", "closerequest", "any"];
13250            const options = allowedValues.join(", ");
13251            if (!allowedValues.includes(rawValue)) {
13252                console.warn(
13253                `"${rawValue}" is not one of the allowed values for closeby: ${options}`
13254                );
13255                return fallback;
13256            }
13257            }
13258            return rawValue;
13259        }
13260
13261        // src/cdn.js
13262        document.addEventListener("alpine:init", () => {
13263            window.Alpine.plugin(dialog_default);
13264        });
13265    })();
13266    //# sourceURL=alpine-htmldialog.js
13267</script>
vendor: 1 bytes, line 13267
13267
13268<script>
13269    (() => {
13270        function src_default(Alpine) {
13271            Alpine.directive("intersect", Alpine.skipDuringClone((el, { value, expression, modifiers }, { evaluateLater, cleanup }) => {
13272                let evaluate = evaluateLater(expression);
13273                let options = {
13274                    rootMargin: getRootMargin(modifiers),
13275                    threshold: getThreshold(modifiers)
13276                };
13277                let observer = new IntersectionObserver((entries) => {
13278                    entries.forEach((entry) => {
13279                        if (entry.isIntersecting === (value === "leave"))
13280                            return;
13281                        evaluate();
13282                        modifiers.includes("once") && observer.disconnect();
13283                    });
13284                }, options);
13285                observer.observe(el);
13286                cleanup(() => {
13287                    observer.disconnect();
13288                });
13289            }));
13290        }
13291        function getThreshold(modifiers) {
13292            if (modifiers.includes("full"))
13293                return 0.99;
13294            if (modifiers.includes("half"))
13295                return 0.5;
13296            if (!modifiers.includes("threshold"))
13297                return 0;
13298            let threshold = modifiers[modifiers.indexOf("threshold") + 1];
13299            if (threshold === "100")
13300                return 1;
13301            if (threshold === "0")
13302                return 0;
13303            return Number(`.${threshold}`);
13304        }
13305        function getLengthValue(rawValue) {
13306            let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/);
13307            return match ? match[1] + (match[2] || "px") : void 0;
13308        }
13309        function getRootMargin(modifiers) {
13310            const key = "margin";
13311            const fallback = "0px 0px 0px 0px";
13312            const index = modifiers.indexOf(key);
13313            if (index === -1)
13314                return fallback;
13315            let values = [];
13316            for (let i = 1; i < 5; i++) {
13317                values.push(getLengthValue(modifiers[index + i] || ""));
13318            }
13319            values = values.filter((v) => v !== void 0);
13320            return values.length ? values.join(" ").trim() : fallback;
13321        }
13322
13323        document.addEventListener("alpine:init", () => {
13324            window.Alpine.plugin(src_default);
13325        });
13326    })();
13327    //# sourceURL=alpine-intersect.js
13328</script>
13328
13329
13330<script>
13331    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"})) {
13332        document.querySelectorAll(selector).forEach(el => el.setAttribute('x-defer', `${deferUntil}`));
13333    }
13334    //# sourceURL=alpine-defer-rules.js
13335</script>
vendor: 1 bytes, line 13335
13335
13336<script>
13337    (() => {
13338        const hasAlpine = new Promise(resolve => {
13339            window.addEventListener('alpine:initialized', resolve, {once: true, passive: true});
13340        });
13341
13342        const hasInteract = new Promise(resolve => {
13343            (events => {
13344                const onInteract = () => {
13345                    resolve();
13346                    events.forEach(type => window.removeEventListener(type, onInteract));
13347                }
13348                events.forEach(type => window.addEventListener(type, onInteract, {once: true, passive: true}))
13349            })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown'])
13350        });
13351
13352        const onIntersect = (el) => {
13353            return new Promise(resolve => {
13354                const observer = new IntersectionObserver(entries => {
13355                    for (const entry of entries) {
13356                        if (entry.isIntersecting) {
13357                            observer.disconnect()
13358                            resolve();
13359                        }
13360                    }
13361                }, {});
13362                observer.observe(el);
13363            });
13364        }
13365
13366        function runComponent(el) {
13367            hasAlpine.then(() => {
13368                el.removeAttribute('x-ignore');
13369                queueMicrotask(() => Alpine.initTree(el));
13370            });
13371        }
13372
13373        function initDeferredComponents() {
13374            document.querySelectorAll('[x-data][x-defer]').forEach(el => {
13375                el.setAttribute('x-ignore', '');
13376                const deferUntil = (el.getAttribute('x-defer') || '').trim();
13377                switch (deferUntil) {
13378                    case 'interact':
13379                        hasInteract.then(() => runComponent(el));
13380                        break;
13381                    case 'intersect':
13382                        onIntersect(el).then(() => runComponent(el))
13383                        break;
13384                    case 'idle':
13385                        window.requestIdleCallback
13386                            ? window.requestIdleCallback(() => runComponent(el), {timeout: 4000})
13387                            : setTimeout(() => runComponent(el), 4000);
13388                        break;
13389                    case 'eager':
13390                        runComponent(el);
13391                        break;
13392                    default:
13393                        if (deferUntil.startsWith('event:') && deferUntil.length > 6) {
13394                            window.addEventListener(deferUntil.substring(6), () => runComponent(el), {once: true, passive: true});
13395                        }
13396                }
13397            });
13398        }
13399
13400        window.addEventListener('alpine:init', initDeferredComponents, {once: true, passive: true});
13401    })();
13402    //# sourceURL=alpine-defer.js
13403</script>
13403
13404
13405
13406<script type="module"
13407        src="https://www.haibu.de/static/version1791360036/frontend/Moma/default_DE/de_DE/Hyva_Theme/js/alpine3.min.js"
13408        defer
13409        crossorigin
13410></script>
vendor: 1 bytes, line 13410
13410
13411<script>
13412    function dispatchMessages(messages, hideAfter) {
13413        const messagesEvent = new CustomEvent("messages-loaded", {
13414            detail: {
13415                messages: messages,
13416                hideAfter: hideAfter
13417            }
13418        });
13419        window.dispatchEvent(messagesEvent);
13420    }
13421
13422    if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
13423        console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
13424    }
13425
13426    (function( hyva, undefined ) {
13427
13428        hyva.initFormKey = () => {
13429            const inputSelector = 'input[name="form_key"]',
13430                formKey = hyva.getFormKey();
13431
13432            Array.from(document.querySelectorAll(inputSelector)).map(function (input) {
13433                input.value = formKey
13434            });
13435        }
13436
13437        hyva.initMessages = () => {
13438            try {
13439                const messages = hyva.getCookie('mage-messages');
13440                window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : [];
13441
13442                dispatchMessages(window.mageMessages);
13443
13444                                // empty `mage-messages` cookie
13445                const skipSetDomain = true;
13446                hyva.setCookie('mage-messages','', -1, skipSetDomain);
13447
13448            } catch (error) {
13449                console.warn('Error parsing Cookie Messages:', error);
13450            }
13451        }
13452
13453        window.addEventListener('DOMContentLoaded', hyva.initFormKey);
13454        hyva.alpineInitialized(hyva.initMessages)
13455
13456    }( window.hyva = window.hyva || {} ));
13457    //# sourceURL=hyva-cookies.js
13458</script>
vendor: 1 bytes, line 13458
13458
13459<script>
13460    {
13461        const private_content_key = 'mage-cache-storage';
13462        const private_content_expire_key = 'mage-cache-timeout';
13463        const private_content_version_key = 'private_content_version';
13464        const section_data_ids_key = 'section_data_ids';
13465        const mage_cache_session_id_key = 'mage-cache-sessid';
13466        const last_visited_store_key = 'last_visited_store';
13467
13468        const ttl = 254000;
13469
13470        if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
13471            console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
13472        }
13473
13474        function loadSectionData () {
13475            const browserStorage = hyva.getBrowserStorage();
13476            if (!browserStorage) {
13477                typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
13478                    [{
13479                        type: "warning",
13480                        text: "Please enable LocalStorage in your browser."
13481                    }]
13482                );
13483                return;
13484            }
13485            try {
13486                let isInvalid = false;
13487
13488                if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) {
13489                    isInvalid = true;
13490                }
13491                hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false);
13492
13493                if (!hyva.getCookie(mage_cache_session_id_key)) {
13494                    isInvalid = true;
13495                    browserStorage.removeItem(private_content_key);
13496                    const skipSetDomain = true;
13497                    const days = false;
13498                    hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain)
13499                }
13500
13501                const cookieVersion = hyva.getCookie(private_content_version_key);
13502                const storageVersion = browserStorage.getItem(private_content_version_key);
13503
13504                if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) {
13505                    isInvalid = true;
13506                }
13507
13508                const privateContentExpires = browserStorage.getItem(private_content_expire_key);
13509                if (privateContentExpires && new Date(privateContentExpires) < new Date()) {
13510                    browserStorage.removeItem(private_content_key);
13511                }
13512
13513                if (isInvalid && cookieVersion) {
13514                    fetchPrivateContent([]);
13515                } else if (cookieVersion && storageVersion && cookieVersion === storageVersion) {
13516                    const privateContent = JSON.parse(browserStorage.getItem(private_content_key));
13517                    if (
13518                        privateContent &&
13519                        privateContentExpires &&
13520                        privateContent.cart &&
13521                        privateContent.customer
13522                    ) {
13523                        dispatchPrivateContent(privateContent);
13524                    } else {
13525                        fetchPrivateContent([]);
13526                    }
13527                } else {
13528                    if (document.getElementById('default-section-data')) {
13529                        const privateContent = JSON.parse(document.getElementById('default-section-data').innerText.trim());
13530                        dispatchPrivateContent(privateContent);
13531                    } else {
13532                        dispatchPrivateContent({});
13533                    }
13534                }
13535
13536            } catch (error) {
13537                console.warn('Error retrieving Private Content:', error);
13538            }
13539        }
13540
13541        hyva.alpineInitialized(loadSectionData)
13542        window.addEventListener('reload-customer-section-data', loadSectionData);
13543
13544        window.processSectionDataBeforeDispatch = window.processSectionDataBeforeDispatch || (data => data);
13545
13546        function dispatchPrivateContent(data) {
13547
13548            const privateContentEvent = new CustomEvent("private-content-loaded", {
13549                detail: {
13550                    data: window.processSectionDataBeforeDispatch(data)
13551                }
13552            });
13553            window.dispatchEvent(privateContentEvent);
13554        }
13555
13556        function fetchPrivateContent(sections) {
13557            fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, {
13558                method: 'GET',
13559                headers: {
13560                    'Content-Type': 'application/json',
13561                    'X-Requested-With': 'XMLHttpRequest'
13562                }
13563            })
13564                .then(response => response.ok && response.json())
13565                .then(
13566                    data => {
13567                        if (data) {
13568                            try {
13569                                const browserStorage = hyva.getBrowserStorage();
13570
13571                                // merge new data preserving non-invalidated sections
13572                                const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}') || {};
13573
13574                                                                if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) {
13575                                    delete oldSectionData['checkout-data'];
13576                                }
13577                                const newSectionData = Object.assign(oldSectionData, data);
13578
13579                                dispatchPrivateContent(newSectionData);
13580
13581                                // don't persist messages, they've been dispatched already
13582                                if (newSectionData.messages && newSectionData.messages.messages ) {
13583                                    newSectionData.messages.messages = [];
13584                                }
13585
13586                                browserStorage.setItem(private_content_key, JSON.stringify(newSectionData));
13587
13588                                const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString();
13589                                browserStorage.setItem(private_content_expire_key, expiresAt);
13590
13591                                const newCookieVersion = hyva.getCookie(private_content_version_key);
13592                                browserStorage.setItem(private_content_version_key, newCookieVersion);
13593
13594                                // We don't need the section_data_ids in Hyvä, but we store them for compatibility
13595                                // with Luma Fallback. Otherwise, not all sections are loaded in Luma Checkout
13596                                hyva.setCookie(
13597                                    section_data_ids_key,
13598                                    JSON.stringify(
13599                                        Object.keys(data).reduce((sectionDataIds, sectionKey) => {
13600                                            sectionDataIds[sectionKey] = data[sectionKey]['data_id'];
13601                                            return sectionDataIds;
13602                                        }, {})
13603                                    ),
13604                                    false,
13605                                    true
13606                                );
13607                            } catch (error) {
13608                                console.warn("Couldn't store privateContent", error);
13609                            }
13610                        }
13611                    }
13612                )
13613                .catch(error => {
13614                    console.warn("Couldn't fetch privateContent", error);
13615                });
13616        }
13617    }
13618    //# sourceURL=hyva-private-content.js
13619</script>
vendor: 1 bytes, line 13619
13619
13620<script>
13621    (() => {
13622        document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc()));
13623    })()
13624</script>
vendor: 1 bytes, line 13624
13624
13625<script>
13626    (events => {
13627        const dispatchUserInteractionEvent = () => {
13628            events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent))
13629            window.dispatchEvent(new Event('init-external-scripts'))
13630        };
13631        events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true}))
13632    })(['touchstart', 'mousemove', 'wheel', 'scroll', 'keydown']);
13633    //# sourceURL=hyva-init-external-scripts.js
13634</script>
13634
13635
13636<script>
13637    'use strict';
13638
13639    (function() {
13640
13641        const robinhqScriptUrl = "https://selfservice.robinhq.com/external/robin/bho08e5m.js";
13642
13643        const loadRobinhqScript = (event) => {
13644            let scriptExists = document.getElementById('robinhq-script');
13645            if (scriptExists) {
13646                return;
13647            }
13648
13649            let script = document.createElement('script');
13650            script.setAttribute('type', 'text/javascript');
13651            script.setAttribute('src', robinhqScriptUrl);
13652            script.setAttribute('id', 'robinhq-script');
13653            document.head.appendChild(script);
13654        }
13655
13656        // trigger load on mobile by any interaction
13657        document.body.addEventListener('touchstart', loadRobinhqScript, {once: true});
13658
13659        // trigger load on desktop on any mouse movement
13660        document.body.addEventListener('mouseover', loadRobinhqScript, {once: true});
13661
13662    }());
13663
13664</script>
vendor: 1 bytes, line 13664
13664
13665<script>
13666    function initWishlist() {
13667        return {
13668            addToWishlist(productId) {
13669                const formKey = hyva.getFormKey();
13670                fetch(BASE_URL + "wishlist/index/add/", {
13671                    "headers": {
13672                        "content-type": "application/x-www-form-urlencoded; charset=UTF-8",
13673                    },
13674                    "body": "form_key="+ formKey + "&product="+productId+"&uenc="+btoa(window.location.href),
13675                    "method": "POST",
13676                    "mode": "cors",
13677                    "credentials": "include"
13678                }).then(function (response) {
13679                    if (response.redirected) {
13680                        window.location.href = response.url;
13681                    } else if (response.ok) {
13682                        return response.json();
13683                    } else {
13684                        typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
13685                            [{
13686                                type: "warning",
13687                                text: "Could not add item to wishlist."
13688                            }], 5000
13689                        );
13690                    }
13691                }).then(function (response) {
13692                    if (!response) { return }
13693                    typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
13694                        [{
13695                            type: (response.success) ? "success" : "error",
13696                            text: (response.success)
13697                                ? "Produkt wurde zu Ihrer Wunschliste hinzugefügt."
13698                                : response.error_message
13699                        }], 5000
13700                    );
13701                    const reloadCustomerDataEvent = new CustomEvent("reload-customer-section-data");
13702                    window.dispatchEvent(reloadCustomerDataEvent);
13703                }).catch(function (error) {
13704                    typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
13705                        [{
13706                            type: "error",
13707                            text: error
13708                        }], 5000
13709                    );
13710                });
13711            }
13712        }
13713    }
13714</script>
vendor: 1 bytes, line 13714
13714
13715<script>
13716    window.addEventListener('alpine:init', () => {
13717        Alpine.data('mapCmsElement', () => ({
13718            mapEl: null,
13719            locations: [],
13720            apiKey: null,
13721            mapId: null,
13722            zoom: 8,
13723            showControls: false,
13724            mapTarget: null,
13725
13726            async init() {
13727                this.mapEl = this.$el;
13728                this.apiKey = this.mapEl.dataset.apiKey;
13729                this.mapId = this.mapEl.dataset.mapId;
13730                this.showControls = this.mapEl.getAttribute('data-show-controls') === 'true';
13731                this.mapTarget = this.$refs.mapTarget || this.mapEl;
13732
13733                const locationEls = this.mapEl.querySelectorAll('[data-latitude][data-longitude]');
13734                if (!locationEls.length) return;
13735
13736                locationEls.forEach((el) => {
13737                    const lat = parseFloat(el.getAttribute('data-latitude'));
13738                    const lng = parseFloat(el.getAttribute('data-longitude'));
13739                    if (isNaN(lat) || isNaN(lng)) return;
13740                    this.locations.push({
13741                        position: { lat, lng },
13742                        locationName: el.getAttribute('data-location-name') || '',
13743                        content: el.innerHTML.trim()
13744                    });
13745                });
13746
13747                if (!this.locations.length || !this.apiKey) return;
13748
13749                this.bootstrapGoogleMaps();
13750                try {
13751                    await this.renderMap();
13752                } catch (e) {
13753                    console.error('Google Maps failed to load:', e);
13754                }
13755            },
13756
13757            bootstrapGoogleMaps() {
13758                if (window.google && window.google.maps && window.google.maps.importLibrary) return;
13759                // prettier-ignore
13760                (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"});
13761            },
13762
13763            async renderMap() {
13764                const { Map, InfoWindow } = await google.maps.importLibrary('maps');
13765                const bounds = [];
13766                let activeInfoWindow;
13767
13768                const map = new Map(this.mapTarget, {
13769                    ...(this.mapId ? { mapId: this.mapId } : {}),
13770                    zoom: this.zoom,
13771                    center: this.locations[0].position,
13772                    scrollwheel: false,
13773                    disableDefaultUI: !this.showControls,
13774                    mapTypeControl: this.showControls,
13775                    mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.DEFAULT }
13776                });
13777
13778                if (this.mapId) { /* If mapId is set use advanced marker */
13779                    const { AdvancedMarkerElement } = await google.maps.importLibrary('marker');
13780                    this.locations.forEach(({ locationName, content, position }) => {
13781                        const hasPopup = !!(locationName || content);
13782                        const marker = new AdvancedMarkerElement({ map, position, title: locationName, gmpClickable: hasPopup });
13783
13784                        if (hasPopup) {
13785                            const infowindow = new InfoWindow({ content, maxWidth: 350 });
13786                            marker.addEventListener('gmp-click', () => {
13787                                if (activeInfoWindow) activeInfoWindow.close();
13788                                infowindow.open(map, marker);
13789                                activeInfoWindow = infowindow;
13790                            });
13791                        }
13792                        bounds.push(position);
13793                    });
13794                } else { /* Else use legacy */
13795                    const { Marker } = await google.maps.importLibrary('marker');
13796                    this.locations.forEach(({ locationName, content, position }) => {
13797                        const hasPopup = !!(locationName || content);
13798                        const marker = new Marker({ map, position, title: locationName });
13799
13800                        if (hasPopup) {
13801                            const infowindow = new InfoWindow({ content, maxWidth: 350 });
13802                            marker.addListener('click', () => {
13803                                if (activeInfoWindow) activeInfoWindow.close();
13804                                infowindow.open(map, marker);
13805                                activeInfoWindow = infowindow;
13806                            });
13807                        }
13808                        bounds.push(position);
13809                    });
13810                }
13811
13812                if (bounds.length > 1) {
13813                    const latLngBounds = new google.maps.LatLngBounds();
13814                    bounds.forEach(b => latLngBounds.extend(b));
13815                    map.fitBounds(latLngBounds);
13816                } else {
13817                    map.setCenter(bounds[0]);
13818                    map.setZoom(this.zoom);
13819                }
13820            }
13821        }));
13822    }, { once: true });
13823</script>
vendor: 1 bytes, line 13823
13823
13824<script>
13825    document.addEventListener("alpine:init", () => {
13826        Alpine.data('hyvaCmsToggle', () => ({
13827            open: false,
13828            notOpen() {
13829                return !this.open;
13830            },
13831            show() {
13832                this.open = true
13833            },
13834            hide() {
13835                this.open = false
13836            },
13837            toggle() {
13838                this.open = !this.open
13839            }
13840        }))
13841    });
13842</script>
vendor: 1 bytes, line 13842
13842
13843<script type="text/json" id="default-section-data">
13844    {"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"}
13844,"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"}
13844,"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"}
13844,"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"}
13844,"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"}
13844,"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"}
13844,"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"}
13844,"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"}
13844,"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"}
13844,"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"}
13844,"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"}
13844,"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":1791442964},"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 13844
13844
13845<script>
13846    window.processSectionDataBeforeDispatch && (window.processSectionDataBeforeDispatch = new Proxy(window.processSectionDataBeforeDispatch, {
13847        apply(target, thisArg, [data]) {
13848            data.hyva_commerce_messages = data.hyva_commerce_messages || {};
13849            return target.call(thisArg, data);
13850        }
13851    }));
13852</script>
13852
13853</div><div class="addtocart-popup-wrapper" data-bind='scope: "addtocart-popup"'>
13854    <div class="addtocart-popup" style="display: none" data-bind='visible: visible'>
13855                    <!-- ko template: "Dnovo_AddtocartPopup/addtocart-popup-before" --><!-- /ko -->
13856                    <!-- ko template: "Dnovo_AddtocartPopup/addtocart-popup" --><!-- /ko -->
13857                    <!-- ko template: "Dnovo_AddtocartPopup/addtocart-popup-after" --><!-- /ko -->
13858            </div>
13859    <div class="addtocart-popup-backdrop" style="display: none" data-bind="click: function () { visible(!visible()) }, visible: visible"></div>
13860</div>
13861<script type="text/x-magento-init">
13862        {
13863            "*": {
13864                "Magento_Ui/js/core/app": {
13865                    "components": {
13866                        "addtocart-popup": {
13867                            "component": "Dnovo_AddtocartPopup/js/addtocart-popup"
13868                        }
13869                    }
13870                }
13871            }
13872        }
13873</script>
vendor: 1 bytes, line 13873
13873
13874<script nonce="YmxiMGZtYWFmbDF4NWpjOXk4cXcwb3J2aTNjZHh6ZDU=">
13875    yireoGoogleTagManager2Pusher({"version":"3.10.7","page_type":"prismicio\/direct\/page","page_path":"https:\/\/www.haibu.de\/","page_title":"Meine Bestellungen","virtual_page":"","breadcrumb":[],"user":{"has_transacted":false},"0":{"currency_code":"EUR"}}, 'push (initial page) [data-layer.phtml]');
13876        yireoGoogleTagManager2Pusher({"currency_code":"EUR"}, 'push (page-based event) [data-layer.phtml]');
13877    </script>
vendor: 1 bytes, line 13877
13877
13878<script nonce="YmxiMGZtYWFmbDF4NWpjOXk4cXcwb3J2aTNjZHh6ZDU=">
13879    function yireoGoogleTagManager2FindParentElementWithName(element, parentTagName) {
13880        if (!element.parentElement) {
13881            return null;
13882        }
13883
13884        if (element.parentElement.tagName.toLowerCase() === parentTagName) {
13885            return element.parentElement;
13886        }
13887
13888        return yireoGoogleTagManager2FindParentElementWithName(element.parentElement, parentTagName);
13889    }
13890
13891    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');
13892    if (products && products.length > 0) {
13893        products.forEach(function(product) {
13894            product.addEventListener('click', function(event, s) {
13895                let parentElement = yireoGoogleTagManager2FindParentElementWithName(event.target, 'form');
13896                if (!parentElement) {
13897                    return;
13898                }
13899
13900                const inputElement = parentElement.querySelector('input[name="product"]');
13901                const productId = inputElement.value;
13902                const productData = window['YIREO_GOOGLETAGMANAGER2_PRODUCT_DATA_ID_' + productId] || {};
13903                productData.item_id = productId;
13904
13905                const eventData = {
13906                    'event': 'select_item',
13907                    'ecommerce': {
13908                        'items': [productData]
13909                    }
13910                }
13911
13912                yireoGoogleTagManager2Pusher(eventData, 'push (page event "select_item") [script-product-clicks.phtml]');
13913
13914                if (window['YIREO_GOOGLETAGMANAGER2_DEBUG_CLICKS'] && confirm("Press to continue with redirect") === false) {
13915                    event.preventDefault();
13916                }
13917            });
13918        })
13919    }
13920</script>
vendor: 1 bytes, line 13920
13920
13921<script nonce="YmxiMGZtYWFmbDF4NWpjOXk4cXcwb3J2aTNjZHh6ZDU=">
13922    window.addEventListener('private-content-loaded', function(event) {
13923        window.dataLayer = window.dataLayer || [];
13924
13925        var isEmpty = function (variable) {
13926            if (typeof variable === 'undefined') {
13927                return true;
13928            }
13929
13930            if (Array.isArray(variable) && variable.length === 0) {
13931                return true;
13932            }
13933
13934            return typeof variable === 'object' && Object.keys(variable).length === 0;
13935        }
13936
13937        var getSectionNames = function () {
13938            return ['cart', 'customer'];
13939        }
13940
13941        getSectionNames().forEach(function (sectionName) {
13942            if (!event.detail.data[sectionName].gtm) {
13943                return;
13944            }
13945
13946            const attributes = event.detail.data[sectionName].gtm;
13947            if (!Object.keys(attributes).length > 0) {
13948                return;
13949            }
13950
13951            yireoGoogleTagManager2Pusher(attributes, 'push (attributes) [script-additions.phtml]');
13952        });
13953
13954        let attributes = {};
13955        getSectionNames().forEach(function (sectionName) {
13956            if (!event.detail.data[sectionName].gtm_events) {
13957                return;
13958            }
13959
13960            const gtmEvents = event.detail.data[sectionName].gtm_events;
13961            for (const [eventId, eventData] of Object.entries(gtmEvents)) {
13962                yireoGoogleTagManager2Logger('found event in section "' + sectionName + '"', eventData);
13963
13964                const metaData = eventData.meta;
13965                yireoGoogleTagManager2Pusher(eventData, 'push (customerData "' + sectionName + '"  event "' + eventId + '")');
13966
13967                if (!metaData || metaData.cacheable !== true) {
13968                    yireoGoogleTagManager2Logger('removing event "' + eventId + '" from section "' + sectionName + '"')
13969
13970                    let mageCacheStorage = event.detail.data;
13971
13972                    if (mageCacheStorage !== null
13973                        && typeof mageCacheStorage[sectionName] !== 'undefined'
13974                        && typeof mageCacheStorage[sectionName].gtm_events !== 'undefined'
13975                        && eventId in mageCacheStorage[sectionName].gtm_events) {
13976                        delete mageCacheStorage[sectionName].gtm_events[eventId];
13977                    }
13978
13979                    window.localStorage.setItem('mage-cache-storage', JSON.stringify(mageCacheStorage));
13980                }
13981            }
13982        });
13983
13984        if (false === isEmpty(attributes)) {
13985            yireoGoogleTagManager2Pusher(attributes, 'dataLayer (initial js) [script-additions.phtml]');
13986        }
13987    });
13988
13989    window.addEventListener('toggle-cart', (event) => {
13990        if (!event.detail || !event.detail.isOpen) {
13991            return;
13992        }
13993
13994        window.dispatchEvent(new CustomEvent('minicart_collapse'));
13995    });
13996</script>
vendor: 1 bytes, line 13996
13996
13997<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>
13997
13998</body>
13999</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.