PageSourceSearch

https://www.vedia.ch/i-kontakt/

html vedia.ch collected 2026-09-26 15:48:25 UTC 624,111 bytes, 8,036 lines download raw bytes

1<!doctype html>
2<html lang="de">
3<head >
4    <meta charset="utf-8"/>
5<meta name="title" content="Kontakt - VEDIA"/>
6<meta name="description" content="Haben Sie Fragen oder Anliegen? So erreichen Sie uns: ✔ Formular ✔ Telefon ✔ Email ✔ Adresse ✔ Zahlungsinformationen"/>
7<meta name="robots" content="INDEX,FOLLOW"/>
8<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5.0"/>
9<title>Kontakt - VEDIA</title>
10        <link rel="stylesheet" type="text/css" media="all" href="https://www.vedia.ch/static/version1790063611/frontend/Vedia/hyva/de_CH/css/styles.css" />
11<link rel="icon" type="image/x-icon" href="https://www.vedia.ch/static/version1790063611/frontend/Vedia/hyva/de_CH/Magento_Theme/favicon.ico" />
12<link rel="shortcut icon" type="image/x-icon" href="https://www.vedia.ch/static/version1790063611/frontend/Vedia/hyva/de_CH/Magento_Theme/favicon.ico" />
13<link rel="canonical" href="https://www.vedia.ch/i-kontakt/" />
14    <!-- BEGIN TRACKJS -->
15<script type="text/javascript" src="https://cdn.trackjs.com/agent/v3/latest/t.js" crossorigin></script>
vendor: 1 bytes, line 15
15
16<script>
17window.TrackJS && TrackJS.install({
18    token: 'c75ba9dc3b0a4ee0904ab6d07dc048bb',
19    application: 've-m2',
20    onError: function(payload) {
21        if (payload.file)
22            payload.file = payload.file.replace(/\/version\d+\//, '/version0000000000/'); // remove static version key
23        if (payload.message) {
24            payload.message = payload.message
25                .replace(/\/version\d+\//, '/version0000000000/') // remove static version key
26                .replace(/^\[20\d\d-\d\d-\d\d \d\d:\d\d:\d\d\]/, '') // remove logger timestamp at start of message
27            ;
28        }
29        return true;
30    }
31});
32</script>
32
33<!-- END TRACKJS -->
34<script>
35    var BASE_URL = 'https://www.vedia.ch/';
36    var require = {
37        "baseUrl": "https://www.vedia.ch/static/version1790063611/frontend/Vedia/hyva/de_CH"
38    };
39</script>
vendor: 1 bytes, line 39
39
40<script>
41    'use strict';
42    (function( hyva, undefined ) {
43
44        function lifetimeToExpires(options, defaults) {
45
46            const lifetime = options.lifetime || defaults.lifetime;
47
48            if (lifetime) {
49                const date = new Date;
50                date.setTime(date.getTime() + lifetime * 1000);
51                return date;
52            }
53
54            return null;
55        }
56
57        function generateRandomString() {
58
59            const allowedCharacters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ',
60                length = 16;
61
62            let formKey = '',
63                charactersLength = allowedCharacters.length;
64
65            for (let i = 0; i < length; i++) {
66                formKey += allowedCharacters[Math.round(Math.random() * (charactersLength - 1))]
67            }
68
69            return formKey;
70        }
71
72        const sessionCookieMarker = {noLifetime: true}
73
74        const cookieTempStorage = {};
75
76        const internalCookie = {
77            get(name) {
78                const v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)');
79                return v ? v[2] : null;
80            },
81            set(name, value, days, skipSetDomain) {
82                let expires,
83                    path,
84                    domain,
85                    secure,
86                    samesite;
87
88                const defaultCookieConfig = {
89                    expires: null,
90                    path: '/',
91                    domain: null,
92                    secure: false,
93                    lifetime: null,
94                    samesite: 'lax'
95                };
96
97                const cookieConfig = window.COOKIE_CONFIG || {};
98
99                expires = days && days !== sessionCookieMarker
100                    ? lifetimeToExpires({lifetime: 24 * 60 * 60 * days, expires: null}, defaultCookieConfig)
101                    : lifetimeToExpires(window.COOKIE_CONFIG, defaultCookieConfig) || defaultCookieConfig.expires;
102
103                path = cookieConfig.path || defaultCookieConfig.path;
104                domain = !skipSetDomain && (cookieConfig.domain || defaultCookieConfig.domain);
105                secure = cookieConfig.secure || defaultCookieConfig.secure;
106                samesite = cookieConfig.samesite || defaultCookieConfig.samesite;
107
108                document.cookie = name + "=" + encodeURIComponent(value) +
109                    (expires && days !== sessionCookieMarker ? '; expires=' + expires.toGMTString() : '') +
110                    (path ? '; path=' + path : '') +
111                    (domain ? '; domain=' + domain : '') +
112                    (secure ? '; secure' : '') +
113                    (samesite ? '; samesite=' + samesite : 'lax');
114            },
115            isWebsiteAllowedToSaveCookie() {
116                const allowedCookies = this.get('user_allowed_save_cookie');
117                if (allowedCookies) {
118                    const allowedWebsites = JSON.parse(unescape(allowedCookies));
119
120                    return allowedWebsites[CURRENT_WEBSITE_ID] === 1;
121                }
122                return false;
123            },
124            getGroupByCookieName(name) {
125                const cookieConsentConfig = window.cookie_consent_config || {};
126                let group = null;
127                for (let prop in cookieConsentConfig) {
128                    if (!cookieConsentConfig.hasOwnProperty(prop)) continue;
129                    if (cookieConsentConfig[prop].includes(name)) {
130                        group = prop;
131                        break;
132                    }
133                }
134                return group;
135            },
136            isCookieAllowed(name) {
137                const cookieGroup = this.getGroupByCookieName(name);
138                return cookieGroup
139                    ? window.cookie_consent_groups[cookieGroup]
140                    : this.isWebsiteAllowedToSaveCookie();
141            },
142            saveTempStorageCookies() {
143                for (const [name, data] of Object.entries(cookieTempStorage)) {
144                    if (this.isCookieAllowed(name)) {
145                        this.set(name, data['value'], data['days'], data['skipSetDomain']);
146                        delete cookieTempStorage[name];
147                    }
148                }
149            }
150        };
151
152        hyva.getCookie = (name) => {
153            const cookieConfig = window.COOKIE_CONFIG || {};
154
155            if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
156                return cookieTempStorage[name] ? cookieTempStorage[name]['value'] : null;
157            }
158
159            return internalCookie.get(name);
160        }
161
162        hyva.setCookie = (name, value, days, skipSetDomain) => {
163            const cookieConfig = window.COOKIE_CONFIG || {};
164
165            if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) {
166                cookieTempStorage[name] = {value, days, skipSetDomain};
167                return;
168            }
169            return internalCookie.set(name, value, days, skipSetDomain);
170        }
171
172
173        hyva.setSessionCookie = (name, value, skipSetDomain) => {
174            return hyva.setCookie(name, value, sessionCookieMarker, skipSetDomain)
175        }
176
177        hyva.getBrowserStorage = () => {
178            const browserStorage = window.localStorage || window.sessionStorage;
179            if (!browserStorage) {
180                console.warn('Browser Storage is unavailable');
181                return false;
182            }
183            try {
184                browserStorage.setItem('storage_test', '1');
185                browserStorage.removeItem('storage_test');
186            } catch (error) {
187                console.warn('Browser Storage is not accessible', error);
188                return false;
189            }
190            return browserStorage;
191        }
192
193        hyva.postForm = (postParams) => {
194            const form = document.createElement("form");
195
196            let data = postParams.data;
197
198            if (! postParams.skipUenc && ! data.uenc) {
199                data.uenc = btoa(window.location.href);
200            }
201            form.method = "POST";
202            form.action = postParams.action;
203
204            Object.keys(postParams.data).map(key => {
205                const field = document.createElement("input");
206                field.type = 'hidden'
207                field.value = postParams.data[key];
208                field.name = key;
209                form.appendChild(field);
210            });
211
212            const form_key = document.createElement("input");
213            form_key.type = 'hidden';
214            form_key.value = hyva.getFormKey();
215            form_key.name="form_key";
216            form.appendChild(form_key);
217
218            document.body.appendChild(form);
219
220            form.submit();
221        }
222
223        hyva.getFormKey = function () {
224            let formKey = hyva.getCookie('form_key');
225
226            if (!formKey) {
227                formKey = generateRandomString();
228                hyva.setCookie('form_key', formKey);
229            }
230
231            return formKey;
232        }
233
234        hyva.formatPrice = (value, showSign, additionalClassNames = "", showCurrency = false) => {
235
236            if(showCurrency) {
237                var formatter = new Intl.NumberFormat(
238                    'en-CH', {
239                        style: 'currency',
240                        currency: 'CHF',
241                        signDisplay: showSign ? "always" : "auto"
242                    }
243                );
244                return (typeof Intl.NumberFormat.prototype.formatToParts === 'function') ?
245                    formatter.formatToParts(value).map(({type, value}) => {
246                        switch (type) {
247                            case 'currency':
248                                return (additionalClassNames !== "")? '<span id="priceformat" class="' + additionalClassNames + '">CHF</span>' || value
249                                                                    : 'CHF' || value;
250                            case 'minusSign':
251                                return '- ';
252                            case 'plusSign':
253                                return '+ ';
254                            default :
255                                return value;
256                        }
257                    }).reduce((string, part) => string + part) :
258                    formatter.format(value);
259            } else return new Intl.NumberFormat('en-CH', { minimumFractionDigits: 2, maximumFractionDigits: 2 }).format(value);
260        }
261
262        const formatStr = function (str, nStart) {
263            const args = Array.from(arguments).slice(2);
264
265            return str.replace(/(%+)([0-9]+)/g, (m, p, n) => {
266                const idx = parseInt(n) - nStart;
267
268                if (args[idx] === null || args[idx] === void 0) {
269                    return m;
270                }
271                return p.length % 2
272                    ? p.slice(0, -1).replace('%%', '%') + args[idx]
273                    : p.replace('%%', '%') + n;
274            })
275        }
276
277        hyva.str = function (string) {
278            const args = Array.from(arguments);
279            args.splice(1, 0, 1);
280
281            return formatStr.apply(undefined, args);
282        }
283
284        hyva.strf = function () {
285            const args = Array.from(arguments);
286            args.splice(1, 0, 0);
287
288            return formatStr.apply(undefined, args);
289        }
290
291        /**
292         * Take a html string as `content` parameter and
293         * extract an element from the DOM to replace in
294         * the current page under the same selector,
295         * defined by `targetSelector`
296         */
297        hyva.replaceDomElement = (targetSelector, content) => {
298            // Parse the content and extract the DOM node using the `targetSelector`
299            const parser = new DOMParser();
300            const doc = parser.parseFromString(content, 'text/html');
301            const contentNode = doc.querySelector(targetSelector);
302
303            // Bail if content or target can't be found
304            if (!contentNode || !document.querySelector(targetSelector)) {
305                return;
306            }
307
308                        hyva.activateScripts(contentNode);
309            
310            // Replace the old DOM node with the new content
311            document.querySelector(targetSelector).replaceWith(contentNode);
312
313            // Reload customerSectionData and display cookie-messages if present
314            window.dispatchEvent(new CustomEvent("reload-customer-section-data"));
315            hyva.initMessages();
316        }
317
318        hyva.removeScripts = (contentNode) => {
319            const scripts = contentNode.getElementsByTagName('script');
320            for (let i = 0; i < scripts.length; i++) {
321                scripts[i].parentNode.removeChild(scripts[i]);
322            }
323            const templates = contentNode.getElementsByTagName('template');
324            for (let i = 0; i < templates.length; i++) {
325                const container = document.createElement('div');
326                container.innerHTML = templates[i].innerHTML;
327                hyva.removeScripts(container);
328                templates[i].innerHTML = container.innerHTML;
329            }
330        }
331
332        hyva.activateScripts = (contentNode) => {
333            // Create new array from HTMLCollection to avoid mutation of collection while manipulating the DOM.
334            const scripts = Array.from(contentNode.getElementsByTagName('script'));
335
336            // Iterate over all script tags to duplicate+inject each into the head
337            for (const original of scripts) {
338                const script = document.createElement('script');
339                script.innerHTML = original.innerHTML;
340
341                // Remove the original (non-executing) script from the contentNode
342                original.parentNode.removeChild(original)
343
344                // Add script to head
345                document.head.appendChild(script);
346            }
347
348            return contentNode;
349        }
350
351        const replace = {['+']: '-', ['/']: '_', ['=']: ','};
352        hyva.getUenc = () => btoa(window.location.href).replace(/[+/=]/g, match => replace[match]);
353
354        let currentTrap;
355
356        const focusableElements = (rootElement) => {
357            const selector = 'button, [href], input, select, textarea, details, [tabindex]:not([tabindex="-1"]';
358            return Array.from(rootElement.querySelectorAll(selector))
359                .filter(el => {
360                    return el.style.display !== 'none'
361                        && !el.disabled
362                        && el.tabIndex !== -1
363                        && (el.offsetWidth || el.offsetHeight || el.getClientRects().length)
364                })
365        }
366
367        const focusTrap = (e) => {
368            const isTabPressed = e.key === 'Tab' || e.keyCode === 9;
369            if (!isTabPressed) return;
370
371            const focusable = focusableElements(currentTrap)
372            const firstFocusableElement = focusable[0]
373            const lastFocusableElement = focusable[focusable.length - 1]
374
375            e.shiftKey
376                ? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), e.preventDefault())
377                : document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), e.preventDefault())
378        };
379
380        hyva.releaseFocus = (rootElement) => {
381            if (currentTrap && (!rootElement || rootElement === currentTrap)) {
382                currentTrap.removeEventListener('keydown', focusTrap)
383                currentTrap = null
384            }
385        }
386        hyva.trapFocus = (rootElement) => {
387            if (!rootElement) return;
388            hyva.releaseFocus()
389            currentTrap = rootElement
390            rootElement.addEventListener('keydown', focusTrap)
391            const firstElement = focusableElements(rootElement)[0]
392            firstElement && firstElement.focus()
393        }
394
395        hyva.safeParseNumber = (rawValue) => {
396            const number = rawValue ? parseFloat(rawValue) : null;
397
398            return Array.isArray(number) || isNaN(number) ? rawValue : number;
399        }
400
401        const toCamelCase = s => s.split('_').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join('');
402        hyva.createBooleanObject = (name, value = false, additionalMethods = {}) => {
403
404            const camelCase = toCamelCase(name);
405            const key = '__hyva_bool_' + name
406
407            return new Proxy(Object.assign(
408                additionalMethods,
409                {
410                    [key]: !!value,
411                    [name]() {return !!this[key]},
412                    ['!' + name]() {return !this[key]},
413                    ['toggle' + camelCase]() {this[key] = !this[key]},
414                    [`set${camelCase}True`]() {this[key] = true},
415                    [`set${camelCase}False`]() {this[key] = false},
416                }
417            ), {
418                set(target, prop, value) {
419                    return prop === name
420                        ? (target[key] = !!value)
421                        : Reflect.set(...arguments);
422                }
423            })
424        }
425
426                hyva.alpineInitialized = (fn) => window.addEventListener('alpine:initialized', fn, {once: true})
427                window.addEventListener('user-allowed-save-cookie', () => internalCookie.saveTempStorageCookies())
428
429    }( window.hyva = window.hyva || {} ));
430</script>
vendor: 1 bytes, line 430
430
431<script>
432    var BASE_URL = 'https://www.vedia.ch/';
433    var THEME_PATH = 'https://www.vedia.ch/static/version1790063611/frontend/Vedia/hyva/de_CH';
434    var COOKIE_CONFIG = {
435        "expires": null,
436        "path": "\u002F",
437        "domain": ".www.vedia.ch",
438        "secure": true,
439        "lifetime": "604800",
440        "cookie_restriction_enabled": false    };
441    var CURRENT_STORE_CODE = 've_de';
442    var CURRENT_WEBSITE_ID = '6';
443
444    window.hyva = window.hyva || {}
445
446    window.cookie_consent_groups = window.cookie_consent_groups || {}
447    window.cookie_consent_groups['necessary'] = true;
448
449    window.cookie_consent_config = window.cookie_consent_config || {};
450    window.cookie_consent_config['necessary'] = [].concat(
451        window.cookie_consent_config['necessary'] || [],
452        [
453            'user_allowed_save_cookie',
454            'form_key',
455            'mage-messages',
456            'private_content_version',
457            'mage-cache-sessid',
458            'last_visited_store',
459            'section_data_ids'
460        ]
461    );
462    //# sourceURL=hyva-variables.js
463</script>
463
464
465<script >
466    window.getWpGA4Cookie = function(name) {
467        match = document.cookie.match(new RegExp(name + '=([^;]+)'));
468        if (match) return decodeURIComponent(match[1].replace(/\+/g, ' ')) ;
469    };
470
471        window.ga4AllowServices = false;
472    var isCookieRestrictionModeEnabled = 0,
473        currentWebsiteId = 6,
474        cookieRestrictionName = 'user_allowed_save_cookie';
475
476    if (isCookieRestrictionModeEnabled) {
477        allowedCookies = window.getWpGA4Cookie(cookieRestrictionName);
478
479        if (allowedCookies !== undefined) {
480            allowedWebsites = JSON.parse(allowedCookies);
481
482            if (allowedWebsites[currentWebsiteId] === 1) {
483                window.ga4AllowServices = true;
484            }
485        }
486    } else {
487        window.ga4AllowServices = true;
488    }
489    </script>
489
490
491        <!-- Google Tag Manager -->
492<script  > if (window.ga4AllowServices) {
vendor: 327 bytes, lines 492-496
492(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
493new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
494j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
495'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
496})(window,document,'script','dataLayer','
496GTM-5R9HJ9V
vendor: 3 bytes, line 496
496');
496} 
497<!-- End Google Tag Manager -->        </script>
497
498    
499        
499<script >
500        if (window.ga4AllowServices) {
501            window.dataLayer = window.dataLayer || [];
502                        var dl4Objects = [{"pageName":"Kontakt - VEDIA","pageType":"other"}];
503            for (var i in dl4Objects) {
504                window.dataLayer.push({ecommerce: null});
505                window.dataLayer.push(dl4Objects[i]);
506            }
507                        var wpGA4Cookies = ['wp_ga4_user_id','wp_ga4_customerGroup'];
508            var orderCustomerGroupCookie = 'wp_ga4_customerGroupForOrder';
509            var regularCustomerGroupCookie = 'wp_ga4_customerGroup';
510            var orderCustomerGroupValue = window.getWpGA4Cookie(orderCustomerGroupCookie);
511
512            wpGA4Cookies.map(function (cookieName) {
513                var cookieValue = window.getWpGA4Cookie(cookieName);
514                if (cookieValue) {
515                    var dl4Object = {};
516                    var cookieKey = cookieName.replace('wp_ga4_', '');
517                    // Use order customerGroup cookie instead of regular customerGroup cookie if it exists
518                    if (cookieName === regularCustomerGroupCookie && orderCustomerGroupValue) {
519                        dl4Object[cookieKey] = orderCustomerGroupValue;
520                    } else {
521                        dl4Object[cookieKey] = cookieValue;
522                    }
523                    window.dataLayer.push(dl4Object);
524                }
525            });
526        }
527    </script>
527
528    
528<script type="text/javascript">
529        window._bxq = window._bxq || [];
530
531        function bxq(arguments) {
532            _bxq.push(arguments);
533        }
534    </script>
534
535    
535<script type="text/javascript">
536    {
537        var rtuxOptions = {
538            "account": "lehner_vedia",
539            "key": "b0f3e046-6d7c-4701-9128-972bd63df3cb",
540            "endpoint": "https://main-gw1.wi-platform-cloud.com/narrative/lehner_vedia/api/1",
541            "language": "de",
542            "dev": false,
543            "test": false,
544            "isRestricted": false,
545            "isNavigation": false,
546            "isSearch": false,
547            "isProduct": false,
548            "activeId": null,
549            "currencyCode": "CHF",
550            "isRti":false        };
551        window.rtuxOptions = rtuxOptions;
552        (function (i, s, o, g, a, m) {
553            a = s.createElement(o), m = s.getElementsByTagName(o)[0];
554            a.async = true;
555            a.src = g;
556            m.parentNode.insertBefore(a, m)
557        })(window, document, 'script', "//bx-cdn.com/static/bav2.min.js");
558
559        bxq(["setAccount", rtuxOptions.account]);
560    }
561</script>
561
562    
562<script type="text/javascript">
563        document.addEventListener("DOMContentLoaded", function () {
564            //search
565            if (window.rtuxOptions.isSearch) {
566                let searchInput;
567                if (document.getElementById('search')) {
568                    searchInput = document.getElementById('search').value;
569                } else if (document.querySelectorAll('input[id^="search_"]').length) {
570                    searchInput = document.querySelectorAll('input[id^="search_"]')[0].value;
571                }
572                if (searchInput) {
573                    /*global bxq */
574                    bxq(['trackSearch', searchInput]);
575                }
576            }
577
578            //product
579            if (window.rtuxOptions.isProduct) {
580                let activeId = window.rtuxOptions.activeId;
581                if (activeId) {
582                    /*global bxq */
583                    bxq(['trackProductView', activeId]);
584                }
585            }
586
587            // page
588            bxq(['trackPageView']);
589
590            // navigation
591            if (window.rtuxOptions.isNavigation) {
592                let activeId = window.rtuxOptions.activeId;
593                if (activeId) {
594                    /*global bxq */
595                    bxq(['trackCategoryView', activeId]);
596                }
597            }
598
599            // hyva add-to-cart
600            window.fetch = new Proxy(window.fetch, {
601                apply(fetch, that, args) {
602                    const result = fetch.apply(that, args);
603                    result.then((response) => {
604                        let url;
605                        if (typeof args[0] === 'string') {
606                            url = args[0];
607                        } else if (args[0] instanceof Request) {
608                            url = args[0].url;
609                        } else {
610                            return result;
611                        }
612
613                        if (!url.includes('cart/add')) {
614                            return result;
615                        }
616                        let params = [];
617                        for (let pair of args[1].body.entries()) {
618                            params.push(pair);
619                        }
620                        trackAddToCart(params);
621                    });
622                    return result;
623                }
624            });
625
626            function trackAddToCart(params) {
627                let prices = [];
628
629                if (document.querySelectorAll("span.price[x-html]") !== undefined &&
630                    document.querySelectorAll("span.price[x-html]")[0] &&
631                    document.querySelectorAll("span.price[x-html]")[0].innerHTML.search('<del>') < 0) {
632                    prices = document.querySelectorAll("span.price[x-html]");
633                }
634                if (prices.length === 0 && document.querySelectorAll("span[x-html=selectedCombinationPrice]") !== undefined) {
635                    prices = document.querySelectorAll("span[x-html=selectedCombinationPrice]");
636                }
637                if (prices.length === 0 && document.querySelectorAll("span[name=selected_price]") !== undefined) {
638                    prices = document.querySelectorAll("span[name=selected_price]");
639                }
640                if (prices.length === 0 && document.querySelectorAll("span[class=
640price]") !== undefined) {
641                    prices = document.querySelectorAll("span[class=price]");
642                }
643                let product, qty, attributes = [], simpleProducts = [];
644                for (let i = 0, j = 0; i < params.length; i++) {
645                    if (params[i][0] === 'product') {
646                        product = params[i][1];
647                    }
648                    if (params[i][0] === 'qty') {
649                        qty = params[i][1];
650                    }
651                    // config product
652                    if (typeof (confSwatchOptions) !== 'undefined' && params[i][0].search('super_attribute') > -1) {
653                        let a = [];
654                        a['id'] = parseInt(params[i][0].match(/\d+/));
655                        a['value'] = parseInt(params[i][1].match(/\d+/));
656                        attributes = attributes.concat([a]);
657                    }
658                    // group config product
659                    if (params[i][0].search('super_group') > -1) {
660                        if (params[i][1] > 0) {
661                            let price, p = [];
662
663                            if (typeof (prices[j]) === 'undefined') {
664                                price = prices[0];
665                            } else {
666                                price = prices[j];
667                            }
668                            p['id'] = parseInt(params[i][0].match(/\d+/));
669                            p['qty'] = parseInt(params[i][1].match(/\d+/));
670                            p['price'] = parseFloat(Number(price.innerText.replace(/[^0-9.]+/g, ""))).toFixed(2);
671                            simpleProducts = simpleProducts.concat([p]);
672                        }
673                        j++;
674                    }
675                }
676
677                // configurable product
678                if (typeof (confSwatchOptions) !== 'undefined' && attributes.length === 2) {
679                    let array1 = filterProducts(confSwatchOptions.jsonConfig.attributes[attributes[0]['id']].options, attributes[0]['value']);
680                    let array2 = filterProducts(confSwatchOptions.jsonConfig.attributes[attributes[1]['id']].options, attributes[1]['value']);
681                    product = array1.filter(value => array2.includes(value))[0];
682                }
683
684                // simple product
685                if (simpleProducts.length === 0) {
686                    if (prices.length === 2) {
687                        prices = [...prices].reverse();
688                    }
689                    simpleProducts = [{
690                        'id': product,
691                        'qty': qty,
692                        'price': parseFloat(Number(prices[0].innerText.replace(/[^0-9.]+/g, ""))).toFixed(2)
693                    }];
694                }
695
696                /*global bxq */
697                if (simpleProducts.length > 0) {
698                    for (let simpleProduct of simpleProducts) {
699                        bxq(['trackAddToBasket',
700                            simpleProduct['id'],
701                            simpleProduct['qty'],
702                            simpleProduct['price'],
703                            window.rtuxOptions.currencyCode,
704                        ]);
705                    }
706                }
707
708                function filterProducts(array, value) {
709                    for (let a in array) {
710                        if (array[a]['id'] == value) {
711                            return array[a].products;
712                        }
713                    }
714                }
715            }
716        });
717    </script>
717
718    
718<script type="speculationrules">
719{
720    "tag": "Hyva Theme",
721    "prefetch": [{
722        "source": "document",
723        "where": {
724            "and": [
725                { "href_matches": "/*" },
726                { "not": {
727                    "href_matches": ["/customer/*","/search/*","/sales/*","/wishlist/*","/checkout/*","/paypal/*","/newsletter/*","/stores/store/redirect/*"]                }},
728                { "not": {
729                    "selector_matches": [".no-preload", ".do-not-prerender", "[download]", "[rel~=nofollow]", "[target]"]
730                }}
731            ]
732        },
733        "eagerness": "moderate"
734    }]
735}
736</script>
736
737</head>
738<body id="html-body" class="cms-cms-contact cms-page-view page-layout-2columns-left">
739<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 739-740
739
740<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
740GTM-5R9HJ9V
vendor: 83 bytes, lines 740-741
740"
741height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
742<!-- End Google Tag Manager (noscript) -->
743    
743<script async src="//bx-cdn.com/static/rti.min.js"></script>
743
744<input name="form_key" type="hidden" value="vikNMoQUCKDguHMW" />
745    <noscript>
746        <section
747            class="message global noscript border-b-2 border-blue-500 bg-blue-50 shadow-none m-0 px-0 rounded-none font-normal"
748            aria-labelledby="messageGlobalNoScriptMessage"
749        >
750            <div class="container text-center">
751                <p id="messageGlobalNoScriptMessage">
752                    <strong>JavaScript scheint in Ihrem Browser deaktiviert zu sein.</strong>
753                    <span>
754                        Um unsere Website in bester Weise zu erfahren, aktivieren Sie Javascript in Ihrem Browser.                    </span>
755                </p>
756            </div>
757        </section>
758    </noscript>
759
760
761
762<script>
763    'use strict';
764
765    (function () {
766        window.amGdprCookieBar = {
767            isEnabled: 1,
768
769            /**
770             * @public
771             * @returns {int}
772             */
773            getIsEnabled() {
774                return this.isEnabled;
775            }
776        }
777    })();
778</script>
778
779
780<script data-cfasync="false">
781    window.amastyCookieManager = window.amastyCookieManager || {};
782</script>
782
783
784<div x-data="initAmastyCookieBar"
785     x-bind="eventListeners"
786     x-cloak
787     id="am-cookie-bar"
788            class="&#x20;w-full&#x20;fixed&#x20;bottom-0&#x20;z-40"
789    >
790    <dialog
791    class="am-cookie-classic&#x20;flex&#x20;w-full&#x20;p-6&#x20;relative&#x20;bottom-0&#x20;z-50&#x20;inset-y-0"
792    data-dialog-ref-name="am-cookie-bar"
793    closeby="any"
794            aria-label="Cookie&#x20;Bar"
795            x-bind="dialogConfig"
796            x-htmldialog.modeless="hide"
797        x-ref="am-cookie-bar"
798    >
799<div class="w-full lg:w-[80%] flex justify-between items-center flex-wrap">
800        <div class="flex w-full lg:w-2/3">
801                <div x-data="privacyPolicyModal"
802     x-cloak>
803    <p class="text-sm text-ambar-policy-text">
804        Diese Webseite nutzt Cookies und andere Technologien, um die Benutzerfreundlichkeit zu verbessern
805        und die Leistung der Webseite und unserer Werbemassnahmen zu messen. Weitere Informationen und Ihre Optionen
806        entnehmen Sie bitte unserer
807        <span aria-label="Datenschutzerklärung" x-on:click.prevent="openModal"
808              class="text-sm text-primary hover:text-primary-darker cursor-pointer transition text-right">
809        Datenschutzerklärung.
810        </span>
811    </p>
812    <div x-ref="backdrop"
813         class="opacity-0 fixed top-0 left-0 flex items-end md:items-center justify-center w-full h-full md:p-10 z-50  bg-black bg-opacity-60 transition cursor-pointer"
814         :class="getOpenOpacityClasses"
815         x-cloak>
816        <div class="relative h-98 md:h-full w-full md:w-200 overflow-y-auto py-6 px-5 md:px-12 lg:px-28 bg-white shadow-md text-left rounded-tl-2xl rounded-tr-2xl md:rounded-none cursor-auto">
817            <button x-on:click.prevent="closeModal"
818                    class="absolute top-3 right-3 flex items-center text-curre justify-center text-xl w-11 h-11 rounded-full bg-primary text-white leadinone">
819                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15" class="w-3.5 h-3.5 text-current" role="img"><path d="M6.26 7.461.248 1.451A.85.85 0 0 1 1.451.249l6.01 6.01 6.01-6.01a.85.85 0 0 1 1.203 1.202l-6.01 6.01 6.01 6.01a.85.85 0 0 1-1.202 1.203l-6.01-6.01-6.011 6.01a.85.85 0 0 1-1.202-1.202l6.01-6.01z" fill="currentColor" fill-rule="evenodd"/><title>close</title></svg>
820
821            </button>
822            <div class="l-cms agb">
823
824                <section class="-mx-4 md:-ml-5 pb-4">
825                    <div class="px-4 pt-4">
826                        <h2 class="mb-5">Datenschutzerklärung</h2>
827                        <strong>Allgemeiner Hinweis</strong>
828                        <p class="mt-2"> Gestützt auf Artikel 13 der schweizerischen Bundesverfassung und den datenschutzrechtlichen
829                            Bestimmungen
830                            des Bundes (Datenschutzgesetz, DSG) hat jede Person Anspruch auf Schutz ihrer Privatsphäre sowie auf
831                            Schutz vor Missbrauch
832                            ihrer persönlichen Daten. Die Betreiber dieser Seiten nehmen den Schutz Ihrer persönlichen Daten sehr
833                            ernst.
834                            Wir behandeln Ihre personenbezogenen Daten vertraulich und entsprechend der gesetzlichen
835                            Datenschutzvorschriften sowie dieser Datenschutzerklärung.
836                        </p>
837                        <p class="mt-2">
838                            In Zusammenarbeit mit unseren Hosting-Providern bemühen wir uns, die Datenbanken so gut wie möglich vor
839                            fremden Zugriffen, Verlusten, Missbrauch oder vor Fälschung zu schützen.
840                        </p>
841                        <p class="mt-2">
842                            Wir weisen darauf hin, dass die Datenübertragung im Internet (z.B. bei der Kommunikation per E-Mail)
843                            Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist
844                            nicht möglich.
845                        </p>
846                        <p class="mt-2 mb-3">
847                            Durch die Nutzung dieser Website erklären Sie sich mit der Erhebung, Verarbeitung und Nutzung von Daten
848                            gemäss der nachfolgenden Beschreibung einverstanden. Diese Website kann grundsätzlich ohne Registrierung
849                            besucht werden.
850                            Dabei werden Daten wie beispielsweise aufgerufene Seiten bzw. Namen der abgerufenen Datei, Datum und
851                            Uhrzeit zu statistischen Zwecken auf dem Server gespeichert, ohne dass diese Daten unmittelbar auf Ihre
852                            Person bezogen werden.
853                            Personenbezogene Daten, insbesondere Name, Adresse oder E-Mail-Adresse werden soweit möglich auf
854                            freiwilliger Basis erhoben. Ohne Ihre Einwilligung erfolgt keine Weitergabe der Daten an Dritte.
855                        </p>
856                        <strong>Kontakt</strong>
857                        <p class="mt-2">
858                            Bei Fragen zu dieser Datenschutzerklärung oder der Bearbeitung Ihrer Personen
858daten können Sie uns gerne
859                            wie folgt kontaktieren:
860                        </p>
861                        <div class="mt-3">
862                            <strong>Lehner Versand AG</strong>
863                            <p class="mt-2">Postfach</p>
864                            <p class="mt-3">6210 Sursee</p>
865
866                            <a href="/cdn-cgi/l/email-protection#e88c899c8d869b8b809d9c92a8848d80868d9ac59e8d9a9b89868cc68b80"><span class="__cf_email__" data-cfemail="06626772636875656e73727c466a636e6863742b7063747567686228656e">[email&#160;protected]</span></a>
867
868                        </div>
869                        <div class="my-4">
870                            <div class="flex items-center">
871                                <img class="h-fit rounded-sm mr-2"
872                                     src=https://www.vedia.ch/media/static/cms/impressum/DE.png
873                                     alt="de flag">
874                                <p>0848 840 600 (deutsch)</p>
875                            </div>
876                            <div class="mt-2 flex items-center ">
877                                <img class="h-fit rounded-sm mr-2"
878                                     src=https://www.vedia.ch/media/static/cms/impressum/FR.png
879                                     alt="fr flag">
880                                <p>0848 840 601 (französisch)</p>
881                            </div>
882                            <div class="mt-2 flex items-center ">
883                                <img class="h-fit rounded-sm mr-2"
884                                     src=https://www.vedia.ch/media/static/cms/impressum/IT.png
885                                     alt="it flag">
886                                <p>0848 840 602 (italienisch)</p>
887                            </div>
888                        </div>
889
890                        <strong>Ihre Rechte</strong>
891
892
893                    </div>
894
895                    <div data-cms-accordion
896                         class="mt-4 sm:mt-auto -mx-4 md:mx-auto px-4 pt-4 accordion-wrapper transition-colors"
897                         data-selected-class="bg-white" data-unselected-class="bg-primary-lighter sm:bg-white" data-cms-accordion-class="accordionClass">
898                        <div class="mt-auto sm:mt-3 cursor-pointer sm:cursor-auto flex items-center justify-between"
899                             data-cms-accordion-toggle>
900                            <p> Sofern die gesetzlichen Voraussetzungen erfüllt sind, haben Sie als von einer Datenbearbeitung
901                                betroffene Person die folgenden Rechte: </p>
902                            <span class=" block sm:hidden transform transition-all rotate-0" data-cms-accordion-icon>
903                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="fas" data-icon="chevron-down" viewBox="0 0 448 512" class="w-3.5 h-3.5 text-purple mt-px" role="img"><path fill="currentColor" d="M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/><title>chevron-down</title></svg>
904
905                    </span>
906                        </div>
907                        <div class="mt-auto sm:mt-3 max-h-0 sm:max-h-full overflow-hidden transition-all"
908                             x-ref="container1" data-cms-accordion-content
909                             x-cloak>
910                            <ul class="list -bullet-p mt-4">
911                                <li class="mt-4">
912                                    <p class="text-base">Recht auf Auskunft: Sie haben das Recht, jederzeit unentgeltlich Einsicht
913                                        in Ihre bei uns gespeicherten personenbezogenen Daten zu verlangen, wenn wir diese
914                                        bearbeiten.
915                                        So haben Sie die Möglichkeit, zu prüfen, welche personenbezogene Daten wir über Sie
916                                        bearbeiten, und dass wir diese gemäss geltenden Datenschutz-bestimmungen verwenden. </p>
917                                </li>
918                                <li class="mt-4">
919                                    <p class="text-base"> Recht auf Berichtigung: Sie haben das Recht, unrichtige oder
920                                        unvollständige personenbezogene Daten berichtigen zu lassen und über die Berichtigung
921                                        informiert zu werden.
922                                        Wir informieren in diesem Fall die Empfänger der betroffenen Daten über die
923                                        vorgenommenen Anpassungen, sofern dies nicht unmöglich oder mit unverhältnismässigem
924                                        Aufwand verbunden ist.</p>
925                                </li>
926                                <li class="mt-4">
927                                    <p class="text-base">Recht auf Löschung: Sie haben das Recht, dass Ihre personenbezogenen
928                                        Daten unter bestimmten Umständen gelöscht werden. Im Einzelfall, insbesondere bei
929                                        gesetzlichen Aufbewahrungspflichten,
930                                        kann das Recht auf Löschung ausgeschlossen sein. In diesem Fall kann bei gegebenen
931                                        Voraussetzungen an die Stelle der Löschung eine Sperrung der Daten treten.</p>
932                                </li>
933                                <li class="mt-4">
934                                    <p class="text-base">Recht auf Einschränkung der Bearbeitung: Sie haben das Recht, zu
935                                        verlangen, dass die Bearbeitung Ihrer personenbezogenen Daten eingeschränkt wird. </p>
936                                </li>
937                                <li class="mt-4">
938                                    <p class="text-base">Recht auf Datenübertragung: Sie haben das Recht, von uns die
939                                        personenbezogenen Daten, welche Sie uns bereitgestellt haben, unentgeltlich in einem
940                                        lesbaren Format zu erhalten.</p>
941                                </li>
942                                <li class="mt-4 mb-4 sm:mb-0">
943                                    <p class="text-base">Widerspruchsrecht: Sie können Datenverarbeitungen jederzeit
944                                        widersprechen, insbesondere für die Datenverarbeitung im Zusammenhang mit Direktwerbung
945                                        (z.B. Werbe-E-Mails).</p>
946                                </li>
947                                <li class="mt-4 mb-4 sm:mb-0">
948                                    <p class="text-base">Widerrufsrecht: Sie haben grundsätzlich das Recht, eine erteilte
949                                        Einwilligung jederzeit zu widerrufen. In der Vergangenheit auf Ihre Einwilligung
950                                        gestützte Bearbeitungstätigkeiten werden durch
951                                        Ihren Widerruf allerdings nicht unrechtmässig.</p>
952                                </li>
953                            </ul>
954                        </div>
955                    </div>
956                    <p class="px-4 mt-2"> Zur Ausübung dieser Rechte senden Sie uns bitte eine E-Mail an folgende Adresse: <a href="/cdn-cgi/l/email-protection#33575247565d40505b464749735f565b5d56411e45564140525d571d505b"><span class="__cf_email__" data-cfemail="ddb9bca9b8b3aebeb5a8a9a79db1b8b5b3b8aff0abb8afaebcb3b9f3beb5">[email&#160;protected]</span></a></p>
957
958
959                    <div class="px-4 pt-4">
960                        <strong>Datenschutzerklärung für Cookies</strong>
961                        <p class="mt-2"> Diese Website verwendet Cookies. Cookies sind Textdateien, die Daten von besuchten Websites
962                            oder Domains
963                            enthalten und von einem Browser auf dem Computer des Benutzers gespeichert werden. Ein Cookie dient in
964                            erster Linie dazu, die Informationen über einen Benutzer während oder nach
965                            seinem Besuch innerhalb eines Onlineangebotes zu speichern. Zu den gespeicherten Angaben können z.B. die
966                            Spracheinstellungen auf einer Webseite, der Loginstatus, ein Warenkorb oder die Stelle, an der ein Video
967                            geschaut wurde, gehören. Zu dem Begriff der Cookies zählen wir ferner andere
968                            Technologien, die die gleichen Funktionen wie Cookies erfüllen (z.B. wenn Angaben der Nutzer anhand
969                            pseudonymer Onlinekennzeichnungen gespeichert werden, auch als "Nutzer-IDs" bezeichnet) </p>
970                    </div>
971
972                    <div data-cms-accordion
973                         class="mt-4 sm:mt-auto -mx-4 md:mx-auto p-4 accordion-wrapper transition-colors"
974                         data-selected-class="bg-white" data-unselected-class="bg-primary-lighter sm:bg-white" data-cms-accordion-class="accordionClass">
975                        <div class="mt-auto sm:mt-3 cursor-pointer sm:cursor-auto flex items-center justify-between"
976                             data-cms-accordion-toggle>
977                            <p> Die folgenden Cookie-Typen und Funktionen werden
978                                unterschieden: </p>
979                            <span class=" block sm:hidden transform transition-all rotate-0" data-cms-accordion-icon>
980                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="fas" data-icon="chevron-down" viewBox="0 0 448 512" class="w-3.5 h-3.5 text-purple mt-px" role="img"><path fill="currentColor" d="M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/><title>chevron-down</title></svg>
981
982                    </span>
983                        </div>
984                        <div class="mt-auto sm:mt-3 max-h-0 sm:max-h-full overflow-hidden transition-all"
985                             x-ref="container1" data-cms-accordion-content
986                             x-cloak>
987                            <ul class="list -bullet-p mt-4">
988                                <li class="mt-4">
989                                    <p class="text-base">Temporäre Cookies (auch: Session- oder Sitzungs-Cookies): Temporäre
990                                        Cookies werden
991                                        spätestens gelöscht, nachdem ein Nutzer ein Online-Angebot verlassen und seinen
992                                        Browser geschlossen hat.</p>
993                                </li>
994                                <li class="mt-4">
995                                    <p class="text-base">Permanente Cookies: Permanente Cookies bleiben auch nach dem
996                                        Schliessen des Browsers
997                                        gespeichert. So kann beispielsweise der Login-Status gespeichert oder bevorzugte
998                                        Inhalte direkt angezeigt werden, wenn der Nutzer eine Website erneut besucht.
999                                        Ebenso können die Interessen von Nutzern, die zur Reichweitenmessung oder zu
1000                                        Marketingzwecken verwendet werden, in einem solchen Cookie gespeichert werden.</p>
1001                                </li>
1002                                <li class="mt-4">
1003                                    <p class="text-base">First-Party-Cookies: First-Party-Cookies werden von uns selbst
1004                                        gesetzt.</p>
1005                                </li>
1006                                <li class="mt-4">
1007                                    <p class="text-base">Third-Party-Cookies (auch: Drittanbieter-Cookies):
1008                                        Drittanbieter-Cookies werden
1009                                        hauptsächlich von Werbetreibenden (sog. Dritten) verwendet, um Benutzerinformationen
1010                                        zu verarbeiten.</p>
1011                                </li>
1012                                <li class="mt-4">
1013                                    <p class="text-base">Notwendige (auch: essenzielle oder unbedingt erforderliche) Cookies:
1014                                        Cookies können
1015                                        zum einen für den Betrieb einer Webseite unbedingt erforderlich sein (z.B. um Logins
1016                                        oder andere Nutzereingaben zu speichern oder aus Gründen der Sicherheit).</p>
1017                                </li>
1018                                <li class="mt-4 mb-4 sm:mb-0">
1019                                    <p class="text-base">Statistik-, Marketing- und Personalisierungs-Cookies: Ferner werden
1020                                        Cookies im
1021                                        Regelfall auch im Rahmen der Reichweitenmessung eingesetzt sowie dann, wenn die
1022                                        Interessen eines Nutzers oder sein Verhalten (z.B. Betrachten bestimmter Inhalte,
1023                                        Nutzen von Funktionen etc.) auf
1024                                        einzelnen Webseiten in einem Nutzerprofil gespeichert werden. Solche Profile dienen
1025                                        dazu, den Nutzern z.B. Inhalte anzuzeigen, die ihren potenziellen Interessen
1026                                        entsprechen.
1027                                        Dieses Verfahren wird auch als "Tracking", d.h., Nachverfolgung der potenziellen
1028                                        Interessen der Nutzer bezeichnet. Soweit wir Cookies oder "Tracking"-Technologien
1029                                        einsetzen,
1030                                        informieren wir Sie gesondert in unserer Datenschutzerklärung oder im Rahmen der
1031                                        Einholung einer Einwilligung.profitieren von professioneller Beratung</p>
1032                                </li>
1033                            </ul>
1034                        </div>
1035                    </div>
1036                    <div class="px-4 pt-4">
1037                        <p>Hinweise zu Rechtsgrundlagen: Auf welcher Rechtsgrundlage wir Ihre personenbezogenen Daten
1038                            mithilfe von
1039                            Cookies verarbeiten, hängt davon ab, ob wir Sie um eine Einwilligung bitten.
1040                            Falls dies zutrifft und Sie in die Nutzung von Cookies einwilligen, ist die Rechtsgrundlage der
1041                            Verarbeitung Ihrer Daten die erklärte Einwilligung. Andernfalls werden die mithilfe von Cookies
1042                            verarbeiteten
1043                            Daten auf Grundlage unserer berechtigten Interessen (z.B. an einem betriebswirtsc
1043haftlichen Betrieb
1044                            unseres Onlineangebotes und dessen Verbesserung) verarbeitet oder, wenn der Einsatz von Cookies
1045                            erforderlich ist, um unsere vertraglichen Verpflichtungen zu erfüllen. </p>
1046
1047                        <p class="mt-3">Speicherdauer: Sofern wir Ihnen keine expliziten Angaben zur Speicherdauer von permanenten
1048                            Cookies
1049                            mitteilen (z. B. im Rahmen eines sog. Cookie-Opt-Ins), gehen Sie bitte davon aus, dass die Speicherdauer
1050                            bis zu zwei Jahre betragen kann. </p>
1051
1052                        <p class="my-3">Allgemeine Hinweise zum Widerruf und Widerspruch (Opt-Out): Abhängig davon, ob die
1053                            Verarbeitung auf
1054                            Grundlage einer Einwilligung oder gesetzlichen Erlaubnis erfolgt, haben Sie jederzeit die Möglichkeit,
1055                            eine erteilte Einwilligung zu widerrufen oder der Verarbeitung Ihrer Daten durch Cookie-Technologien zu
1056                            widersprechen (zusammenfassend als "Opt-Out" bezeichnet). Sie können Ihren Widerspruch zunächst mittels
1057                            der Einstellungen Ihres Browsers erklären, z.B., indem Sie die Nutzung von Cookies deaktivieren (wobei
1058                            hierdurch auch die Funktionsfähigkeit unseres Onlineangebotes eingeschränkt werden kann). Ein
1059                            Widerspruch gegen den Einsatz von Cookies zu Zwecken des Onlinemarketings kann auch mittels einer
1060                            Vielzahl von Diensten, vor allem im Fall des Trackings, über die Webseiten https://optout.aboutads.info
1061                            und https://www.youronlinechoices.com/ erklärt werden. Daneben können Sie weitere Widerspruchshinweise
1062                            im Rahmen der Angaben zu den eingesetzten Dienstleistern und Cookies erhalten.</p>
1063
1064                        <strong>Datenschutzerklärung für SSL-/TLS-Verschlüsselung</strong>
1065                        <p class="my-3">Diese Website nutzt aus Gründen der Sicherheit und zum Schutz der Übertragung vertraulicher
1066                            Inhalte, wie
1067                            zum Beispiel der Anfragen, die Sie an uns als Seitenbetreiber senden, eine SSL-/TLS-Verschlüsselung.
1068                            Eine verschlüsselte Verbindung erkennen Sie daran, dass die Adresszeile des Browsers von "http://" auf
1069                            "https://" wechselt und an dem Schloss-Symbol in Ihrer Browserzeile.
1070
1071                            Wenn die SSL bzw. TLS Verschlüsselung aktiviert ist, können die Daten, die Sie an uns übermitteln, nicht
1072                            von Dritten mitgelesen werden. </p>
1073
1074
1075                        <strong>Zahlungsabwicklung Online</strong>
1076                        <p class="my-3">Wenn Sie auf unserer Website kostenpflichtig Leistungen oder Produkte erwerben, ist je nach Produkt oder Leistung und
1077                            gewünschter Zahlungsart die Angabe weiterer Daten erforderlich, wie z.B. Ihre Kreditkarteninformationen oder das Login bei Ihrem
1078                            Zahlungsdienstleister. Diese Informationen sowie der Umstand, dass Sie bei uns eine Leistung zum betreffenden Betrag und Zeitpunkt
1079                            erworben haben, werden an die jeweiligen Zahlungsdienstleister (z.B. Anbieter von Zahlungslösungen, Kreditkarteherausgeber und
1080                            Kreditkarten-Acquirer) weitergeleitet. Beachten Sie dabei stets auch die Informationen des jeweiligen Unternehmens, insbesondere die
1081                            Datenschutzerklärung und die Allgemeinen Geschäftsbedingungen. Zur Vermeidung von Zahlungsfällen kann ferner eine Übermittlung der
1082                            erforderlichen Daten, insbesondere Ihrer Personalien, an eine Auskunftei zur automatisierten Einschätzung Ihrer Bonität erfolgen. In
1083                            diesem Rahmen kann Ihnen die Auskunftei einen sogenannten Score-Wert zuordnen. Es handelt sich dabei um einen Schätz-wert über das
1084                            künftige Risiko eines Zahlungsausfalls, z.B. anhand einer Prozentangabe. Der Wert wird unter Anwendung von
1085                            mathematisch-statistischen Verfahren und unter Einbezug von Daten der Auskunftei aus anderen Quellen erhoben. Wir behalten uns vor,
1086                            entsprechend der erhaltenen Auskunft, Ihnen die Zahlungsart "Rechnung" nicht anzubieten. </p>
1087
1088
1089                        <strong>
1089Datenschutzerklärung für Kontaktformular</strong>
1090                        <p class="my-3">Wenn Sie uns per Kontaktformular Anfragen zukommen lassen, werden Ihre Angaben aus dem
1091                            Anfrageformular
1092                            inklusive der von Ihnen dort angegebenen Kontaktdaten zwecks Bearbeitung
1093                            der Anfrage und für den Fall von Anschlussfragen bei uns gespeichert. Diese Daten geben wir nicht ohne
1094                            Ihre Einwilligung weiter.</p>
1095
1096                        <strong>Datenschutzerklärung für Newsletterdaten</strong>
1097                        <p class="mt-3">Wenn Sie den auf dieser Website angebotenen Newsletter beziehen möchten, benötigen wir von
1098                            Ihnen eine
1099                            E-Mail-Adresse sowie Informationen, welche uns die Überprüfung gestatten, dass Sie der Inhaber der
1100                            angegebenen E-Mail-Adresse
1101                            sind und mit dem Empfang des Newsletters einverstanden sind. Weitere Daten werden nicht erhoben. Diese
1102                            Daten verwenden wir ausschliesslich für den Versand der angeforderten Informationen und geben sie nicht
1103                            an Dritte weiter.</p>
1104
1105                        <p class="my-3">Die erteilte Einwilligung zur Speicherung der Daten, der E-Mail-Adresse sowie deren Nutzung
1106                            zum Versand
1107                            des Newsletters können Sie jederzeit widerrufen, etwa über den «Newsletter abbestellen» Link im
1108                            Newsletter.</p>
1109
1110                        <strong>Datenschutzerklärung für Widerspruch Werbe-Mails</strong>
1111                        <p class="mt-3">Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten zur
1112                            Übersendung von nicht
1113                            ausdrücklich angeforderter Werbung und Informationsmaterialien wird hiermit widersprochen.
1114                            Die Betreiber der Seiten behalten sich ausdrücklich rechtliche Schritte im Falle der unverlangten
1115                            Zusendung von Werbeinformationen, etwa durch Spam-E-Mails, vor.</p>
1116                    </div>
1117                </section>
1118
1119                <section data-cms-accordion
1120                         class="-mx-4 md:-ml-5 pb-0 sm:pb-4 border border-gray-300 bg-gray-50"
1121                         data-selected-class="bg-gray-50" data-unselected-class="bg-primary-lighter sm:bg-gray-50" data-cms-accordion-class="accordionClass">
1122                    <div class="p-0 sm:p-4">
1123                        <div class="accordion-wrapper">
1124                            <div class="p-4 sm:p-0 mt-auto sm:mt-3 cursor-pointer sm:cursor-auto flex items-center justify-between"
1125                                 data-cms-accordion-toggle>
1126                                <h3>Verwendung von Google</h3>
1127                                <span class=" block sm:hidden transform transition-all rotate-0" data-cms-accordion-icon>
1128                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="fas" data-icon="chevron-down" viewBox="0 0 448 512" class="w-3.5 h-3.5 text-purple mt-px" role="img"><path fill="currentColor" d="M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/><title>chevron-down</title></svg>
1129
1130                    </span>
1131                            </div>
1132                            <div class="accordion-content mt-auto sm:mt-4 max-h-0 sm:max-h-full overflow-hidden transition-all"
1133                                 x-ref="container1" data-cms-accordion-content
1134                                 x-cloak>
1135                                <strong class="px-4 sm:px-0">Google Maps</strong>
1136                                <p class="px-4 sm:px-0 my-3 pt-4 sm:pt-0">
1137                                    Diese Website nutzt das Angebot von Google Maps. Dadurch können wir Ihnen interaktive Karten
1138                                    direkt in der Website anzeigen und ermöglichen Ihnen die komfortable Nutzung der
1139                                    Karten-Funktion.
1140                                    Durch den Besuch auf der Website erhält Google die Information, dass Sie die entsprechende
1141                                    Unterseite unserer Website aufgerufen haben. Dies erfolgt unabhängig davon, ob Google ein
1142                                    Nutzerkonto bereitstellt,
1143                                    über das Sie eingeloggt sind, oder ob kein Nutzerkonto besteht. Wenn Sie bei Google eingeloggt
1144                                    sind, werden Ihre Daten direkt Ihrem Konto zugeordnet. Wenn Sie die Zuordnung mit Ihrem Profil
1145                                    bei Google nicht wünschen,
1146                                    müssen Sie sich vor Aktivierung des Buttons ausloggen. Google speichert Ihre Daten als
1147                                    Nutzungsprofile und nutzt sie für Zwecke der Werbung, Marktforschung und/oder bedarfsgerechten
1148                                    Gestaltung seiner Website.
1149                                    Eine solche Auswertung erfolgt insbesondere (selbst für nicht eingeloggte Nutzer) zur Erbringung
1150                                    von bedarfsgerechter Werbung und um andere Nutzer des sozialen Netzwerks über Ihre Aktivitäten
1151                                    auf unserer Website zu informieren.
1152                                    Ihnen steht ein Widerspruchsrecht zu gegen die Bildung dieser Nutzerprofile, wobei Sie sich zur
1153                                    Ausübung dessen an Google richten müssen. Weitere Informationen zu Zweck und Umfang der
1154                                    Datenerhebung und ihrer Verarbeitung durch
1155                                    Google erhalten Sie neben weiteren Informationen zu Ihren diesbezüglichen Rechten und
1156                                    Einstellungsmöglichkeiten zum Schutze Ihrer Privatsphäre unter:
1157                                    www.google.de/intl/de/policies/privacy.
1158                                </p>
1159                                <strong class="px-4 sm:px-0">Google Ads</strong>
1160                                <p class="px-4 sm:px-0 mt-3">Diese Website nutzt das Google Conversion-Tracking. Sind Sie über eine
1161                                    von Google
1162                                    geschaltete
1163                                    Anzeige auf unsere Website gelangt, wird von Google Ads ein Cookie auf Ihrem Rechner gesetzt.
1164                                    Das Cookie für Conversion-Tracking
1165                                    wird gesetzt, wenn ein Nutzer auf eine von Google geschaltete Anzeige klickt. Diese Cookies
1166                                    verlieren nach 30 Tagen ihre Gültigkeit und dienen nicht der persönlichen Identifizierung.
1167                                    Besucht der Nutzer bestimmte Seiten unserer Website und
1168                                    das Cookie ist noch nicht abgelaufen, können wir und Google erkennen, dass der Nutzer auf die
1169                                    Anzeige geklickt hat und zu dieser Seite weitergeleitet wurde. Jeder Google Ads-Kunde erhält ein
1170                                    anderes Cookie.
1171                                    Cookies können somit nicht über die Websites von Ads-Kunden nachverfolgt werden. Die mithilfe
1172                                    des Conversion-Cookies eingeholten Informationen dienen dazu, Conversion-Statistiken für
1173                                    Ads-Kunden zu erstellen, die sich für
1174                                    Conversion-Tracking entschieden haben. Die Kunden erfahren die Gesamtanzahl der Nutzer, die auf
1175                                    ihre Anzeige geklickt haben und zu einer mit einem Conversion-Tracking-Tag versehenen Seite
1176                                    weitergeleitet wurden.
1177                                    Sie erhalten jedoch keine Informationen, mit denen sich Nutzer persönlich identifizieren lassen.
1178                                </p>
1179                                <p class="px-4 sm:px-0 mt-3">Möchten Sie nicht am Tracking teilnehmen, können Sie das hierfür
1180                                    erforderliche
1181                                    Setzen eines
1182                                    Cookies ablehnen – etwa per Browser-Einstellung, die das automatische Setzen von Cookies
1183                                    generell deaktiviert oder Ihren
1184                                    Browser so einstellen, dass Cookies von der Domain «googleleadservices.com» blockiert werden.
1185                                </p>
1186                                <p class="px-4 sm:px-0 mt-3">Bitte beachten Sie, dass Sie die Opt-out-Cookies nicht löschen dürfen,
1187                                    solange Sie
1188                                    keine
1189                                    Aufzeichnung von Messdaten wünschen. Haben Sie alle Ihre Cookies im Browser gelöscht, müssen Sie
1190                                    das jeweilige Opt-out Cookie erneut setzen.</p>
1191                                <p class="px-4 sm:px-0 my-3">Die Webseite nutzt "erweiterte Conversions" von Google Ads. Dazu werden
1192                                    verschlüsselte
1193                                    Nutzerdaten an Google übertragen und mit angemeldeten Google-Konten abgeglichen, um Conversions
1194                                    zuzuordnen.</p>
1195                                <strong class="px-4 sm:px-0">Google Analytics</strong>
1196                                <p class="px-4 sm:px-0 mt-3">
1196Diese Website benutzt Google Analytics, einen Webanalysedienst der
1197                                    Google Ireland
1198                                    Limited. Wenn
1199                                    der Verantwortliche für die Datenverarbeitung auf dieser Website ausserhalb des Europäischen
1200                                    Wirtschaftsraumes oder der Schweiz sitzt, dann erfolgt die Google Analytics Datenverarbeitung
1201                                    durch Google LLC. Google LLC und Google Ireland Limited werden nachfolgend «Google» genannt.</p>
1202                                <p class="px-4 sm:px-0 mt-3">Über die gewonnenen Statistiken können wir unser Angebot verbessern und
1203                                    für Sie als
1204                                    Nutzer
1205                                    interessanter ausgestalten. Diese Website verwendet Google Analytics zudem für eine
1206                                    geräteübergreifende Analyse von Besucherströmen,
1207                                    die über eine User-ID durchgeführt wird. Sofern Sie über ein Google-Benutzerkonto verfügen,
1208                                    können Sie in den dortigen Einstellungen unter «Meine Daten», «persönliche Daten» die
1209                                    geräteübergreifende Analyse Ihrer Nutzung deaktivieren.</p>
1210                                <p class="px-4 sm:px-0 mt-3">Rechtsgrundlage für die Nutzung von Google Analytics ist Art. 6 Abs. 1
1211                                    S. 1 lit. f
1212                                    DS-GVO. Die im
1213                                    Rahmen von Google Analytics von Ihrem Browser übermittelte IP-Adresse wird nicht mit anderen
1214                                    Daten von Google zusammengeführt. Wir weisen Sie darauf hin, dass auf dieser
1215                                    Website Google Analytics um den Code «_anonymizeIp();» erweitert wurde, um eine anonymisierte
1216                                    Erfassung von IP-Adressen zu gewährleisten.
1217                                    Dadurch werden IP-Adressen gekürzt weiterverarbeitet, eine Personenbeziehbarkeit kann damit
1218                                    ausgeschlossen werden. Soweit den über Sie erhobenen Daten ein Personenbezug zukommt, wird
1219                                    dieser also sofort ausgeschlossen und
1220                                    die personenbezogenen Daten damit umgehend gelöscht.</p>
1221                                <p class="px-4 sm:px-0 mt-3">Nur in Ausnahmefällen wird die volle IP-Adresse an einen Server von
1222                                    Google in den
1223                                    USA übertragen
1224                                    und dort gekürzt. Im Auftrag des Betreibers dieser Website wird Google diese Informationen
1225                                    benutzen, um Ihre Nutzung der Website auszuwerten,
1226                                    um Reports über die Websitenaktivitäten zusammenzustellen und um weitere mit der Websitennutzung
1227                                    und der Internetnutzung verbundene Dienstleistungen gegenüber dem Websitenbetreiber zu
1228                                    erbringen.</p>
1229                                <p class="px-4 sm:px-0 mt-3">Google Analytics verwendet Cookies. Die durch das Cookie erzeugten
1230                                    Informationen
1231                                    über Ihre
1232                                    Benutzung dieser Website werden in der Regel an einen Server von Google in den USA übertragen
1233                                    und dort gespeichert. Sie können die Speicherung der Cookies durch eine entsprechende
1234                                    Einstellung Ihrer Browser-Software verhindern; wir weisen Sie jedoch darauf hin, dass Sie in
1235                                    diesem Fall gegebenenfalls nicht sämtliche Funktionen dieser Website vollumfänglich werden
1236                                    nutzen können.
1237                                    Sie können darüber hinaus die Erfassung der durch das Cookie erzeugten und auf Ihre Nutzung der
1238                                    Website bezogenen Daten (inkl. Ihrer IP-Adresse) an Google sowie die Verarbeitung dieser Daten
1239                                    durch
1240                                    Google verhindern, indem Sie das unter dem folgenden Link verfügbare Browser-Plugin
1241                                    herunterladen und installieren: Google Analytics deaktivieren.</p>
1242                                <p class="px-4 sm:px-0 my-3">Ausserdem können Sie die Nutzung von Google Analytics auch verhindern,
1243                                    indem Sie auf
1244                                    diesen Link
1245                                    klicken: Google Analytics deaktivieren. Hierdurch wird ein sog. opt-out Cookie auf Ihrem
1246                                    Datenträger gespeichert, der die Verarbeitung personenbezogener Daten
1247                                    durch Google Analytics verhindert. Bitte beachten Sie, dass bei einem Löschen sämtlicher Cookies
1248                                    auf Ihrem Endgerät auch diese Opt-out-Cookies gelöscht werden, d.h., dass Sie erneut die
1249                                    Opt-out-Cookies setzen müssen, wenn Sie weiterhin diese
1250                                    Form der Datenerhebung verhindern wollen. Die Opt-out-Cookies sind pro Browser und
1251                                    Rechner/Endgerät gesetzt und müssen daher für jeden Browser, Rechner oder anderes Endgerät
1252                                    gesondert aktiviert werden.</p>
1253                                <strong class="px-4 sm:px-0">Google Web Fonts</strong>
1254                                <p class="px-4 sm:px-0 my-3">Diese Seite nutzt zur einheitlichen Darstellung von Schriftarten
1255                                    sogenannte Web
1256                                    Fonts, die von
1257                                    der Google Ireland Limited, Gordon House, 4 Barrow St, Dublin, D04 E5W5, Irland („Google“)
1258                                    bereitgestellt werden.
1259                                    Beim Aufruf einer Seite lädt Ihr Browser die benötigten Web Fonts in Ihren Browser-Cache, um
1260                                    Texte und Schriftarten korrekt anzuzeigen. Zu diesem Zweck muss der von Ihnen verwendete Browser
1261                                    Verbindung zu den Servern
1262                                    von Google aufnehmen. Hierbei kann es auch zu einer Übermittlung von personenbezogenen Daten an
1263                                    die Server der Google LLC. in den USA kommen. Auf diese Weise erlangt Google Kenntnis darüber,
1264                                    dass über
1265                                    Ihre IP-Adresse unsere Website aufgerufen wurde. Die Nutzung von Google Web Fonts erfolgt im
1266                                    Interesse einer einheitlichen und ansprechenden Darstellung unserer Online-Angebote.
1267                                    Wenn Ihr Browser Web Fonts nicht unterstützt, wird eine Standardschrift von Ihrem Computer
1268                                    genutzt. Weitere Informationen zu Google Web Fonts finden Sie unter
1269                                    https://developers.google.com/fonts/faq und in der Datenschutzerklärung von
1270                                    Google: https://www.google.com/policies/privacy/.</p>
1271                                <strong class="px-4 sm:px-0">Google Kundenrezensionen</strong>
1272                                <p class="px-4 sm:px-0 my-3 mb-4 sm:mb-0">Wir arbeiten mit Google im Rahmen des Programms „Google
1273                                    Kundenrezensionen“ zusammen.
1274                                    Der Anbieter
1275                                    ist Google Ireland Limited, Gordon House, 4 Barrow St, Dublin, D04 E5W5, Irland (“Google”).
1276                                    Dieses Programm gibt uns die Möglichkeit, Kundenrezensionen
1277                                    von Nutzern unserer Website einzuholen. Hierbei werden Sie nach einem Einkauf auf unserer
1278                                    Website gefragt, ob Sie an einer E-Mail-Umfrage von Google teilnehmen möchten. Wenn Sie Ihre
1279                                    Einwilligung erteilen, übermitteln wir Ihre E-Mail-Adresse an Google.
1280                                    Sie erhalten eine E-Mail von Google Kundenrezensionen, in der Sie gebeten werden, die
1281                                    Kauferfahrung auf unserer Website zu bewerten. Die von Ihnen abgegebene Bewertung wird
1282                                    anschliessend mit unseren anderen
1283                                    Bewertungen zusammengefasst und in unserem Logo Google Kundenrezensionen sowie in unserem
1284                                    Merchant Center-Dashboard angezeigt. Ausserdem wird Ihre Bewertung für Google
1285                                    Verkäuferbewertungen genutzt. Im Rahmen der Nutzung von
1286                                    Google Kundenrezensionen kann es auch zu einer Übermittlung von personenbezogenen Daten an die
1287                                    Server der Google LLC. in den USA kommen.</p>
1288                                <strong class="px-4 sm:px-0 mt-3 block">Google Tag Manager</strong>
1289                                <p class="px-4 sm:px-0 my-3 mb-4 sm:mb-0">Diese Webseite verwendet den Google Tag Manager. Durch
1290                                    diesen Dienst können Website-Tags über eine Oberfläche verwaltet werden. Der Google Tool Manager
1291                                    implementiert lediglich Tags.
1292                                    Das bedeutet: Es werden keine Cookies eingesetzt und es werden keine personenbezogenen Daten
1293                                    erfasst. Der Google Tool Manager löst andere Tags aus, die wiederum ggf. Daten erfassen.
1294                                    Jedoch greift der Google Tag Manager nicht auf diese Daten zu.
1295                                    Nutzungsrichtlinien: https://www.google.com/intl/de/tagmanager/use-policy.html</p>
1296                            </div>
1297                        </div>
1298                    </div>
1299                </section>
1300
1301                <section data-cms-accordion
1302                         class="-mx-4 md:-ml-5 pb-0 sm:pb-4 border border-t-0 border-gray-300"
1303                         data-selected-class="bg-white" data-unselected-class="bg-primary-lighter sm:bg-white" data-cms-accordion-class="accordionClass">
1304                    <div class="p-0 sm:p-4">
1305                        <div class="p-4 sm:p-0 mt-auto sm:mt-3 cursor-pointer sm:cursor-auto flex items-center justify-between"
1306                             data-cms-accordion-toggle>
1307                            <h3>Facebook</h3>
1308                            <span class=" block sm:hidden transform transition-all rotate-0" data-cms-accordion-icon>
1309                    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="fas" data-icon="chevron-down" viewBox="0 0 448 512" class="w-3.5 h-3.5 text-purple mt-px" role="img"><path fill="currentColor" d="M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/><title>chevron-down</title></svg>
1310
1311                </span>
1312                        </div>
1313                        <div class="accordion-content mt-0 sm:mt-4 max-h-0 sm:max-h-full overflow-hidden transition-all"
1314                             x-ref="container1" data-cms-accordion-content
1315                             x-cloak>
1316                            <p class="mt-3 px-4 sm:px-0 mb-4 sm:mb-0"> Diese Website verwendet Funktionen von Facebook Inc., 1601
1317                                S.
1318                                California Ave, Palo
1319                                Alto, CA
1320                                94304, USA . Bei Aufruf unserer Seiten mit Facebook-Plug-Ins wird eine Verbindung zwischen Ihrem
1321                                Browser und den Servern von Facebook aufgebaut.
1322                                Dabei werden bereits Daten an Facebook übertragen. Besitzen Sie einen Facebook-Account, können
1323                                diese Daten damit verknüpft werden. Wenn Sie keine Zuordnung dieser Daten zu Ihrem
1324                                Facebook-Account wünschen, loggen Sie sich bitte vor dem
1325                                Besuch unserer Seite bei Facebook aus. Interaktionen, insbesondere das Nutzen einer
1326                                Kommentarfunktion oder das Anklicken eines „Like“- oder „Teilen“-Buttons werden ebenfalls an
1327                                Facebook weitergegeben.
1328                                Mehr erfahren Sie unter: <a class="link__pink"
1329                                                            href="https://www.facebook.com/about/privacy/"
1330                                                            target="_blank">https://www.facebook.com/about/privacy/</a>.
1331                            </p>
1332                        </div>
1333                    </div>
1334                </section>
1335
1336                <section data-cms-accordion
1337                         class="-mx-4 md:-ml-5 pb-0 sm:pb-4 border border-t-0 border-gray-300 bg-gray-50"
1338                         data-selected-class="bg-gray-50" data-unselected-class="bg-primary-lighter sm:bg-gray-50" data-cms-accordion-class="accordionClass">
1339                    <div class="p-0 sm:p-4">
1340                        <div class="accordion-wrapper">
1341                            <div class="p-4 sm:p-0 mt-auto sm:mt-3 cursor-pointer sm:cursor-auto flex items-center justify-between"
1342                                 data-cms-accordion-toggle>
1343                                <h3>Instagram</h3>
1344                                <span class=" block sm:hidden transform transition-all rotate-0" data-cms-accordion-icon>
1345                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="fas" data-icon="chevron-down" viewBox="0 0 448 512" class="w-3.5 h-3.5 text-purple mt-px" role="img"><path fill="currentColor" d="M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/><title>chevron-down</title></svg>
1346
1347                    </span>
1348                            </div>
1349                            <div class="accordion-content mt-0 sm:mt-4 max-h-0 sm:max-h-full overflow-hidden transition-all"
1350                                 x-ref="container1" data-cms-accordion-content
1351                                 x-cloak>
1352                                <p class="px-4 sm:px-0 mb-4 sm:mb-0"> Auf unserer Website sind Funktionen des Dienstes Instagram
1353                                    eingebunden. Diese
1354                                    Funktionen werden
1355                                    angeboten durch die Instagram Inc., 1601 Willow Road, Menlo Park, CA, 94025, USA. Wenn Sie in
1356                                    Ihrem Instagram-Account eingeloggt sind,
1357                                    können Sie durch Anklicken des Instagram-Buttons die Inhalte unserer Seiten mit Ihrem
1358                                    Instagram-Profil verlinken. Dadurch kann Instagram den Besuch unserer Seiten Ihrem Benutzerkonto
1359                                    zuordnen.
1360                                    Wir weisen darauf hin, dass wir als Anbieter der Seiten keine Kenntnis vom Inhalt der
1361                                    übermittelten Daten sowie deren Nutzung durch Instagram erhalten. Weitere Informationen hierzu
1362                                    finden Sie in der Datenschutzerklärung von Instagram: <a class="link__pink"
1363                                                                                             href="https://instagram.com/about/legal/privacy/"
1364                                                                                             target="_blank">http://instagram.com/about/legal/privacy/</a>.
1365                                </p>
1366                            </div>
1367                        </div>
1368                    </div>
1369                </section>
1370
1371                <section data-cms-accordion
1372                         class="-mx-4 md:-ml-5 pb-0 sm:pb-4 border border-t-0 border-gray-300"
1373                         data-selected-class="bg-white" data-unselected-class="bg-primary-lighter sm:bg-white" data-cms-accordion-class="accordionClass">
1374                    <div class="p-0 sm:p-4">
1375                        <div class="accordion-wrapper">
1376                            <div class="p-4 sm:p-0 mt-auto sm:mt-3 cursor-pointer sm:cursor-auto flex items-center justify-between"
1377                                 data-cms-accordion-toggle>
1378                                <h3>YouTube</h3>
1379                                <span class=" block sm:hidden transform transition-all rotate-0" data-cms-accordion-icon>
1380                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="fas" data-icon="chevron-down" viewBox="0 0 448 512" class="w-3.5 h-3.5 text-purple mt-px" role="img"><path fill="currentColor" d="M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/><title>chevron-down</title></svg>
1381
1382                    </span>
1383                            </div>
1384                            <div class="accordion-content mt-auto sm:mt-4 max-h-0 sm:max-h-full overflow-hidden transition-all"
1385                                 x-ref="container1" data-cms-accordion-content
1386                                 x-cloak>
1387                                <p class="px-4 sm:px-0 mb-4 sm:mb-0"> Auf dieser Website sind Funktionen des Dienstes «YouTube»
1388                                    eingebunden.
1389                                    «YouTube» gehört der
1390                                    Google Ireland Limited, einer nach irischem Recht eingetragenen und betriebenen Gesellschaft mit
1391                                    Sitz
1392                                    in Gordon House, Barrow Street, Dublin 4, Irland, welche die Dienste im Europäischen
1393                                    Wirtschaftsraum und der Schweiz betreibt. Ihre rechtliche Vereinbarung mit «YouTube» besteht aus
1394                                    den unter folgendem Link zu entnehmenden Bestimmungen und Bedingungen: <a class="link__pink"
1395                                                                                                              href="https://www.youtube.com/static?gl=de&template=terms&hl=de"
1396                                                                                                              target="_blank">http://www.youtube.com/static?gl=de&template=terms&hl=de/</a>.
1397                                    Diese
1398                                    Bestimmungen bilden eine rechtlich bindende Vereinbarung zwischen Ihnen und «YouTube»
1399                                    bezüglich der Nutzung der Dienste. In der Datenschutzerklärung von Google wird erläutert, wie
1400                                    «YouTube» mit Ihren personenbezogenen Daten verfährt und Ihre Daten schützt, wenn Sie den Dienst
1401                                    nutzen.
1402                                </p>
1403                            </div>
1404                        </div>
1405                    </div>
1406                </section>
1407
1408                <section data-cms-accordion
1409                         class="-mx-4 md:-ml-5 pb-0 sm:pb-4 border border-t-0 border-gray-300"
1410                         data-selected-class="bg-white" data-unselected-class="bg-primary-lighter sm:bg-white" data-cms-accordion-class="accordionClass">
1411                    <div class="p-0 sm:p-4">
1412                        <div class="accordion-wrapper">
1413                            <div class="p-4 sm:p-0 mt-auto sm:mt-3 cursor-pointer sm:cursor-auto flex items-center justify-between"
1414                                 data-cms-accordion-toggle>
1415                                <h3>Pinterest</h3>
1416                                <span class=" block sm:hidden transform transition-all rotate-0" data-cms-accordion-icon>
1417                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="fas" data-icon="chevron-down" viewBox="0 0 448 512" class="w-3.5 h-3.5 text-purple mt-px" role="img"><path fill="currentColor" d="M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/><title>chevron-down</title></svg>
1418
1419                    </span>
1420                            </div>
1421                            <div class="accordion-content mt-auto sm:mt-4 max-h-0 sm:max-h-full overflow-hidden transition-all"
1422                                 x-ref="container1" data-cms-accordion-content
1423                                 x-cloak>
1424                                <p class="px-4 sm:px-0 mb-4 sm:mb-0"> Auf dieser Website sind Funktionen des Dienstes «Pinterest»
1425                                    eingebunden. «Pinterest gehört der Pinterest Inc, einer nach US-amerikanischen eingetragenen und
1426                                    betriebenen
1427                                    Gesellschaft mit Sitz in 808 Brannan Street, San Francisco, CA 94103-490, USA, welche die
1428                                    Dienste im Europäischen Wirtschaftsraum und Schweiz betreibt. Wenn Sie die Website aufrufen und
1429                                    gleichzeitig in Ihrem Pinterest-Account eingeloggt sind, kann
1430                                    Pinterest den Besuch unserer Website Ihrem Pinterest-Account unmittelbar zuordnen. Wenn Sie
1431                                    nicht möchten, dass Pinterest Ihre Daten Ihrem Konto zuordnet, müssen Sie sich vor Ihrem Besuch
1432                                    unserer Website
1433                                    bei Pinterest ausloggen. Wir weisen darauf hin, dass wir als Anbieter der Seiten keine Kenntnis
1434                                    vom Inhalt der übermittelten Daten sowie deren Nutzung durch Pinterest erhalten.
1435
1436                                    Weitere Informationen hierzu finden Sie in der Datenschutzerklärung von Pinterest: <a
1437                                            class="link__pink"
1438                                            href="https://policy.pinterest.com/de/privacy-policy"
1439                                            target="_blank">https://policy.pinterest.com/de/privacy-policy</a>
1440
1441
1442                                </p>
1443                            </div>
1444                        </div>
1445                    </div>
1446                </section>
1447
1448                <section data-cms-accordion
1449                         class="-mx-4 md:-ml-5 pb-0 sm:pb-4 border border-t-0 border-gray-300 bg-gray-50"
1450                         data-selected-class="bg-gray-50" data-unselected-class="bg-primary-lighter sm:bg-gray-50" data-cms-accordion-class="accordionClass">
1451                    <div class="p-0 sm:p-4">
1452                        <div class="accordion-wrapper">
1453                            <div class="p-4 sm:p-0 mt-auto sm:mt-3 cursor-pointer sm:cursor-auto flex items-center justify-between"
1454                                 data-cms-accordion-toggle>
1455                                <h3>Adresult</h3>
1456                                <span class=" block sm:hidden transform transition-all rotate-0" data-cms-accordion-icon>
1457                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="fas" data-icon="chevron-down" viewBox="0 0 448 512" class="w-3.5 h-3.5 text-purple mt-px" role="img"><path fill="currentColor" d="M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/><title>chevron-down</title></svg>
1458
1459                    </span>
1460                            </div>
1461                            <div class="accordion-content mt-auto sm:mt-4 max-h-0 sm:max-h-full overflow-hidden transition-all"
1462                                 x-ref="container1" data-cms-accordion-content
1463                                 x-cloak>
1464                                <p class="px-4 sm:px-0 mb-4 sm:mb-0"> Der für die Verarbeitung Verantwortliche hat auf dieser
1465                                    Internetseite
1466                                    Komponenten des
1467                                    Unternehmens adresult integriert. Adresult ist eine Agentur, welche diverse Affiliate-Programme
1468                                    betreut und Affiliate-Marketing anbietet. Affiliate-Marketing ist eine internetgestützte
1469                                    Vertriebsform, die es
1470                                    kommerziellen Betreibern von Internetseiten, den sogenannten Merchants oder Advertisern,
1471                                    ermöglicht, Werbung, die meist über Klick- oder Sale-Provisionen vergütet wird, auf
1472                                    Internetseiten Dritter, also bei Vertriebspartnern, die auch Affiliates oder Publisher genannt
1473                                    werden, einzublenden.
1474                                    Der Merchant stellt über das Affiliate-Netzwerk ein Werbemittel, also einen Werbebanner oder
1475                                    andere geeignete Mittel der Internetwerbung, zur Verfügung, welche in der Folge von einem
1476                                    Affiliate auf eigenen Internetseiten eingebunden oder über sonstige Kanäle, wie etwa das
1477                                    Keyword-
1478                                    Advertising oder E-Mail-Marketing, beworben werden. Betreibergesellschaft von adresult ist die
1479                                    adresult AG, Hönggerstrasse 65, 8037 Züric
1479h, Schweiz. Adresult setzt ein Cookie auf dem
1480                                    informationstechnologischen System der betroffenen Person. Was Cookies sind, wurde oben bereits
1481                                    erläutert. Das Tracking-Cookie von adresult speichert keinerlei personenbezogene Daten.
1482                                    Gespeichert werden lediglich die Identifikationsnummer des Affiliate, also des den potentiellen
1483                                    Kunden vermittelnden Partners, sowie die Ordnungsnummer des Besuchers einer Internetseite und
1484                                    des angeklickten Werbemittels. Zweck der Speicherung dieser Daten ist die Abwicklung von
1485                                    Provisionszahlungen zwischen einem Merchant und dem Affiliate, welche über das
1486                                    Affiliate-Netzwerk, also adresult, abgewickelt werden.
1487                                    Die betroffene Person kann die Setzung von Cookies durch unsere Internetseite, wie oben bereits
1488                                    dargestellt, jederzeit mittels einer entsprechenden Einstellung des genutzten Internetbrowsers
1489                                    verhindern und damit der Setzung von Cookies dauerhaft widersprechen.
1490                                    Eine solche Einstellung des genutzten Internetbrowsers würde auch verhindern, dass adresult ein
1491                                    Cookie auf dem informationstechnologischen System der betroffenen Person setzt. Zudem können von
1492                                    adresult bereits gesetzte Cookies jederzeit über einen Internetbrowser oder andere
1493                                    Softwareprogramme gelöscht werden. Die geltenden Datenschutzbestimmungen von adresult können
1494                                    unter <a class="link__pink"
1495                                             href="https://www.adresult.ch/impressum/"
1496                                             target="_blank">https://www.adresult.ch/impressum/</a> abgerufen werden. </p>
1497                            </div>
1498                        </div>
1499                    </div>
1500                </section>
1501
1502                <section data-cms-accordion
1503                         class="-mx-4 md:-ml-5 pb-0 sm:pb-4 border border-t-0 border-gray-300"
1504                         data-selected-class="bg-white" data-unselected-class="bg-primary-lighter sm:bg-white" data-cms-accordion-class="accordionClass">
1505                    <div class="p-0 sm:p-4">
1506                        <div class="accordion-wrapper">
1507                            <div class="p-4 sm:p-0 mt-auto sm:mt-3 cursor-pointer sm:cursor-auto flex items-center justify-between"
1508                                 data-cms-accordion-toggle>
1509                                <h3>Personalisierte Banner</h3>
1510                                <span class=" block sm:hidden transform transition-all rotate-0" data-cms-accordion-icon>
1511                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="fas" data-icon="chevron-down" viewBox="0 0 448 512" class="w-3.5 h-3.5 text-purple mt-px" role="img"><path fill="currentColor" d="M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/><title>chevron-down</title></svg>
1512
1513                    </span>
1514                            </div>
1515                            <div class="accordion-content mt-auto sm:mt-4 max-h-0 sm:max-h-full overflow-hidden transition-all"
1516                                 x-ref="container1" data-cms-accordion-content
1517                                 x-cloak>
1518                                <p class="px-4 sm:px-0">Unsere Webseite verwendet Cookies/Werbungs-IDs zu Werbezwecken. Dadurch
1519                                    können wir unsere Werbung
1520                                    Besuchern, die sich für unsere Produkte interessieren, auf Partner-Webseiten, Apps und E-Mails
1521                                    zeigen.
1522                                    Retargeting-Technologien verwenden Cookies oder Werbe-IDs und zeigen Werbung ausgehend von Ihrem
1523                                    bisherigen Browsing-Verhalten an. Um diese interessenbasierte Werbung abzulehnen, besuchen Sie
1524                                    bitte die folgenden Webseiten:
1525                                </p>
1526                                <p class="px-4 sm:px-0 mt-3">
1527                                    <a class="link__pink"
1528                                       href="https://optout.networka
1528dvertising.org/?c=1/"
1529                                       target="_blank">https://optout.networkadvertising.org/?c=1/</a>.
1530                                </p>
1531                                <p class="px-4 sm:px-0 mt-3">
1532                                    <a class="link__pink"
1533                                       href="https://www.youronlinechoices.com/"
1534                                       target="_blank">https://www.youronlinechoices.com/</a>.
1535                                </p>
1536                                <p class="px-4 sm:px-0 mt-3 mb-4 sm:mb-0">
1537                                    Wir können Informationen wie technische Kennungen aus Ihrer Anmeldungsinformation auf unserer
1538                                    Webseite oder unserem CRM-System mit zuverlässigen Werbepartnern austauschen.
1539                                    Dadurch können Ihre Geräte und/oder Umgebungen verknüpft und Ihnen eine nahtlose
1540                                    Nutzungserfahrung
1541                                    mit den von Ihnen verwendeten Geräten und Umgebungen angeboten werden.
1542                                    Nähere Einzelheiten zu diesen Verknüpfungsfähigkeiten entnehmen Sie bitte der
1543                                    Datenschutzrichtlinie,
1544                                    die Sie in den vorgenannten Plattformen finden oder den nachstehenden Erläuterungen. </p>
1545                                </p>
1546                            </div>
1547                        </div>
1548                    </div>
1549                </section>
1550
1551                <section data-cms-accordion
1552                         class="-mx-4 md:-ml-5 pb-0 sm:pb-4 border border-t-0 border-gray-300"
1553                         data-selected-class="bg-gray-50" data-unselected-class="bg-primary-lighter sm:bg-gray-50" data-cms-accordion-class="accordionClass">
1554                    <div class="p-0 sm:p-4">
1555                        <div class="accordion-wrapper">
1556                            <div class="p-4 sm:p-0 mt-auto sm:mt-3 cursor-pointer sm:cursor-auto flex items-center justify-between"
1557                                 data-cms-accordion-toggle>
1558                                <h3>Criteo</h3>
1559                                <span class=" block sm:hidden transform transition-all rotate-0" data-cms-accordion-icon>
1560                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="fas" data-icon="chevron-down" viewBox="0 0 448 512" class="w-3.5 h-3.5 text-purple mt-px" role="img"><path fill="currentColor" d="M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/><title>chevron-down</title></svg>
1561
1562                    </span>
1563                            </div>
1564                            <div class="accordion-content mt-auto sm:mt-4 max-h-0 sm:max-h-full overflow-hidden transition-all"
1565                                 x-ref="container1" data-cms-accordion-content
1566                                 x-cloak>
1567                                <p class="px-4 sm:px-0 mb-4 sm:mb-0">Auf dieser Webseite werden durch Technologien von Criteo
1568                                    Interaktionsdaten
1569                                    des
1570                                    Webseiten-Besuchers in anonymisierter Form zu Marketingzwecken gesammelt und gespeichert. Die
1571                                    Daten werden nicht dazu benutzt, den
1572                                    Besucher dieser Webseite persönlich zu identifizieren. Wenn Sie keine personalisierten Banner im
1573                                    Criteo-Werbenetzwerk mehr sehen möchten, können Sie sich durch Klick auf den nachfolgenden Link
1574                                    austragen: <a class="link__pink"
1575                                                  href=" https://www.criteo.com/de/privacy/"
1576                                                  target="_blank">
1577                                        https://www.criteo.com/de/privacy/</a>.
1578                                </p>
1579                            </div>
1580                        </div>
1581                    </div>
1582                </section>
1583
1584                <section data-cms-accordion
1585                         class="-mx-4 md:-ml-5 pb-0 sm:pb-4 border border-t-0 border-gray-300"
1586                         data-selected-class="bg-white" data-unselected-class="bg-primary-lighter sm:bg-white" data-cms-accordion-class="accordionClass">
1587                    <div class="p-0 sm:p-4">
1588                        <div class="accordion-wrapper">
1589                            <div class="p-4 sm:p-0 mt-auto sm:mt-3 cursor-pointer sm:cursor-auto flex items-center justify-between"
1590                                 data-cms-accordion-toggle>
1591                                <h3>Getback</h3>
1592                                <span class=" block sm:hidden transform transition-all rotate-0" data-cms-accordion-icon>
1593                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="fas" data-icon="chevron-down" viewBox="0 0 448 512" class="w-3.5 h-3.5 text-purple mt-px" role="img"><path fill="currentColor" d="M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/><title>chevron-down</title></svg>
1594
1595                    </span>
1596                            </div>
1597                            <div class="accordion-content mt-auto sm:mt-4 max-h-0 sm:max-h-full overflow-hidden transition-all"
1598                                 x-ref="container1" data-cms-accordion-content
1599                                 x-cloak>
1600                                <p class="px-4 sm:px-0 mb-4 sm:mb-0">Wir verwenden in unserem Shop das Angebot „Getback“ der adfocus
1601                                    GmbH,
1602                                    Theilerstrasse 7, 6300 Zug,
1603                                    Schweiz (im Folgenden „Getback“), um unsere Besucher und Kunden mit Hilfe von Benachrichtigungen
1604                                    im jeweiligen
1605                                    Browser auf unsere Produkte und Angebote aufmerksam zu machen. Mithilfe der durch die Cookies
1606                                    erzeugten Informationen über Ihre Benutzung unseres Shops (einschliesslich Ihrer IP-Adresse)
1607                                    können wir bzw.
1608                                    Getback Ihnen bei Ihrem nächsten Besuch unseres Shops Benachrichtigungen anzeigen lassen, um Sie
1609                                    über aktuelle Angebote und Rabatte zu informieren sowie personalisierte Produktempfehlungen
1610                                    anzuzeigen.
1611                                    Für weitere Informationen zum Datenschutz und zu den eingesetzten Cookies von Getback verweisen
1612                                    wir auf die Webseite <a class="link__pink"
1613                                                            href=" https://www.getback.app/about/privacy/"
1614                                                            target="_blank"> https://www.getback.app/about/privacy/</a>.
1615                                </p>
1616                            </div>
1617                        </div>
1618                    </div>
1619                </section>
1620
1621                <section data-cms-accordion
1622                         class="-mx-4 md:-ml-5 pb-0 sm:pb-4 border border-t-0 border-gray-300"
1623                         data-selected-class="bg-gray-50" data-unselected-class="bg-primary-lighter sm:bg-gray-50" data-cms-accordion-class="accordionClass">
1624                    <div class="p-0 sm:p-4">
1625                        <div class="accordion-wrapper">
1626                            <div class="p-4 sm:p-0 mt-auto sm:mt-3 cursor-pointer sm:cursor-auto flex items-center justify-between"
1627                                 data-cms-accordion-toggle>
1628                                <h3>Gutscheinangebote der Sovendus GmbH</h3>
1629                                <span class=" block sm:hidden transform transition-all rotate-0" data-cms-accordion-icon>
1630                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="fas" data-icon="chevron-down" viewBox="0 0 448 512" class="w-3.5 h-3.5 text-purple mt-px" role="img"><path fill="currentColor" d="M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/><title>chevron-down</title></svg>
1631
1632                    </span>
1633                            </div>
1634                            <div class="accordion-content mt-auto sm:mt-4 max-h-0 sm:max-h-full overflow-hidden transition-all"
1635                                 x-ref="container1" data-cms-accordion-content
1636                                 x-cloak>
1637                                <p class="px-4 sm:px-0">Für die Auswahl eines für Sie aktuell interessanten Gutscheinangebots werden
1638                                    von uns
1639                                    pseudonymisiert und verschlüsselt der Hashwert Ihrer E-Mail-Adresse und Ihre IP-Adresse an die
1640                                    Sovendus GmbH, Moltkestr. 11, 76133 Karlsruhe (Sovendus) übermittelt (Art. 6 Abs.1 f DSGVO).
1641                                    Der pseudonymisierte Hashwert der E-Mail-Adresse wird zur Berücksichtigung eines möglicherweise
1642                                    vorliegenden Widerspruchs gegen Werbung von Sovendus verwendet (Art. 21 Abs.3, Art. 6 Abs.1 c
1643                                    DSGVO). Die IP-Adresse wird von Sovendus ausschliesslich zu Zwecken
1644                                    der Datensicherheit verwendet und im Regelfall nach sieben Tagen anonymisiert (Art. 6 Abs.1 f
1645                                    DSGVO). Ausserdem übermitteln wir zu Abrechnungszwecken pseudonymisiert Bestellnummer,
1646                                    Bestellwert mit Währung,
1647                                    Session-ID, Vorteilscode und Zeitstempel an Sovendus (Art. 6 Abs.1 f DSGVO). Wenn Sie sich für
1648                                    ein Gutscheinangebot von Sovendus interessieren, zu Ihrer E-Mail-Adresse kein Werbewiderspruch
1649                                    vorliegt und auf das nur in diesem Fall
1650                                    angezeigte Gutschein-Banner klicken, werden von uns verschlüsselt Anrede, Name und Ihre
1651                                    E-Mail-Adresse an Sovendus zur Vorbereitung des Gutscheins übermittelt (Art. 6 Abs.1 b, f
1652                                    DSGVO).
1653                                </p>
1654                                <p class="px-4 sm:px-0 mt-3">Weitere Informationen zur Verarbeitung Ihrer Daten durch Sovendus
1655                                    entnehmen Sie
1656                                    bitte den
1657                                    Online-Datenschutzhinweisen unter </p>
1658                                <p class="px-4 sm:px-0 mt-2 mb-4 sm:mb-0"><a class="link__pink"
1659                                                                             href="https://www.sovendus.com/ch/datenschutz/"
1660                                                                             target="_blank">https://www.sovendus.com/ch/datenschutz/</a>.
1661                                </p>
1662                            </div>
1663                        </div>
1664                    </div>
1665                </section>
1666
1667                <section data-cms-accordion
1668                         class="-mx-4 md:-ml-5 pb-0 sm:pb-4 border border-t-0 border-gray-300"
1669                         data-selected-class="bg-white" data-unselected-class="bg-primary-lighter sm:bg-white" data-cms-accordion-class="accordionClass">
1670                    <div class="p-0 sm:p-4">
1671                        <div class="accordion-wrapper">
1672                            <div class="p-4 sm:p-0 mt-auto sm:mt-3 cursor-pointer sm:cursor-auto flex items-center justify-between"
1673                                 data-cms-accordion-toggle>
1674                                <h3>Microsoft Advertising</h3>
1675                                <span class=" block sm:hidden transform transition-all rotate-0" data-cms-accordion-icon>
1676                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="fas" data-icon="chevron-down" viewBox="0 0 448 512" class="w-3.5 h-3.5 text-purple mt-px" role="img"><path fill="currentColor" d="M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/><title>chevron-down</title></svg>
1677
1678                    </span>
1679                            </div>
1680                            <div class="accordion-content mt-auto sm:mt-4 max-h-0 sm:max-h-full overflow-hidden transition-all"
1681                                 x-ref="container1" data-cms-accordion-content
1682                                 x-cloak>
1683                                <p class="px-4 sm:px-0">Wir nutzen das Online-Werbeprogramm „Micorosoft Advertising“ des Anbieters
1684                                    Microsoft Corporation,
1685                                    One Microsoft Way, Redmond, WA 98052-6399, USA (im Folgenden „Microsoft“), um mit Hilfe von
1686                                    Werbemitteln
1687                                    (sogenannten „Ads“) auf unsere Angebote im Shop auf Webseiten von Dritten aufmerksam zu machen.
1688                                    Über unseren Cookie-Banner binden wir Funktionen von Bing Ads auf unserer Website ein und
1689                                    ermöglichen Microsoft die Auswertung Ihres Surfverhaltens. Wenn Sie auf eine von Microsoft
1690                                    geschaltete Anzeige klicken, wird ein Cookie für das Conversion-Tracking auf Ihrem jeweilig
1691                                    genutzten Endgerät abgelegt.
1692                                </p>
1693                                <p class="px-4 sm:px-0 mt-2">Wenn Sie bestimmte Internetseiten unserer Webseite besuchen und das
1694                                    Cookie noch
1695                                    nicht abgelaufen
1696                                    ist, kann Microsoft erkennen, dass Sie auf die Anzeige geklickt haben und zu dieser Seite
1697                                    weitergeleitet wurden. £
1698                                    Jeder Ads-Kunde erhält eine spezifische Identifikationskennung. Somit besteht keine Möglichkeit,
1699                                    dass Cookies über die Webseiten von Ads-Kunden nachverfolgt werden können.
1700                                </p>
1701                                <p class="px-4 sm:px-0 mt-2 mb-4 sm:mb-0">Die Informationen, die mithilfe des Conversion-Cookies
1702                                    eingeholten
1703                                    werden, dienen
1704                                    dazu,
1705                                    Conversion-Statistiken für Ads-Kunden zu erstellen, die sich für Conversion-Tracking entschieden
1706                                    haben. Hierbei erfahren die Kunden die Gesamtanzahl der Nutzer,
1707                                    die auf ihre Anzeige geklickt haben und zu einer mit einem Conversion-Tracking-Tag versehenen
1708                                    Seite weitergeleitet wurden. Microsoft erhebt, verarbeitet und nutzt über das Cookie
1709                                    Informationen, aus denen unter Verwendung von
1710                                    Pseudonymen Nutzungsprofile erstellt werden. Diese Nutzungsprofile dienen der Analyse des
1711                                    Besucherverhaltens und werden zur Ausspielung von Werbeanzeigen verwendet. Es werden keine
1712                                    persönlichen Informationen zur Identität des Nutzers verarbeitet.
1713                                    Für weitere Informationen zum Datenschutz und zu den eingesetzten Cookies von Microsoft Ads
1714                                    verweisen wir auf die Webseite: <a class="link__pink"
1715                                                                       href="https://privacy.microsoft.com/de-de/privacystatement"
1716                                                                       target="_blank">https://privacy.microsoft.com/de-de/privacystatement/</a>
1717                                </p>
1718                            </div>
1719                        </div>
1720                    </div>
1721                </section>
1722
1723                <section data-cms-accordion
1724                         class="-mx-4 md:-ml-5 pb-0 sm:pb-4 border border-t-0 border-gray-300"
1725                         data-selected-class="bg-gray-50" data-unselected-class="bg-primary-lighter sm:bg-gray-50" data-cms-accordion-class="accordionClass">
1726                    <div class="p-0 sm:p-4">
1727                        <div class="accordion-wrapper">
1728                            <div class="p-4 sm:p-0 mt-auto sm:mt-3 cursor-pointer sm:cursor-auto flex items-center justify-between"
1729                                 data-cms-accordion-toggle>
1730                                <h3>TrackJS</h3>
1731                                <span class=" block sm:hidden transform transition-all rotate-0" data-cms-accordion-icon>
1732                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="fas" data-icon="chevron-down" viewBox="0 0 448 512" class="w-3.5 h-3.5 text-purple mt-px" role="img"><path fill="currentColor" d="M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/><title>chevron-down</title></svg>
1733
1734                    </span>
1735                            </div>
1736                            <div class="accordion-content mt-auto sm:mt-4 max-h-0 sm:max-h-full overflow-hidden transition-all"
1737                                 x-ref="container1" data-cms-accordion-content
1738                                 x-cloak>
1739                                <p class="px-4 sm:px-0 mb-4 sm:mb-0">TrackJS ist ein Dienst zum Error-Tracking in Java Script.
1740                                    Programmfehler in
1741                                    Java Script werden
1742                                    durch TrackJS aufgezeichnet und können analysiert werden. Da es sich um Software as a Service
1743                                    handelt, werden Nutzerdaten an das Unternehmen übermittelt.
1744                                    TrackJS ist nicht durch das EU-US-Privacy-Shield zertifiziert, daher hat das Unternehmen von der
1745                                    EU-Kommission genehmigte Standardvertragsklauseln in seine Allgemeinen Geschäftsbedingungen
1746                                    integriert
1747                                    (Additional Data Processing Agreement <a class="link__pink"
1748                                                                             href="https://trackjs.com/dpa/"
1749                                                                             target="_blank">https://trackjs.com/dpa/</a> ). Ein
1750                                    gesonderter Auftragsverarbeitungsvertrag
1751                                    ist nicht erforderlich.
1752                                </p>
1753                            </div>
1754                        </div>
1755                    </div>
1756                </section>
1757
1758                <section data-cms-accordion
1759                         class="-mx-4 md:-ml-5 pb-0 sm:pb-4 border border-t-0 border-gray-300"
1760                         data-selected-class="bg-white" data-unselected-class="bg-primary-lighter sm:bg-white" data-cms-accordion-class="accordionClass">
1761                    <div class="p-0 sm:p-4">
1762                        <div class="accordion-wrapper">
1763                            <div class="p-4 sm:p-0 mt-auto sm:mt-3 cursor-pointer sm:cursor-auto flex items-center justify-between"
1764                                 data-cms-accordion-toggle>
1765                                <h3>Einsatz und Verwendung von Boxalino</h3>
1766                                <span class=" block sm:hidden transform transition-all rotate-0" data-cms-accordion-icon>
1767                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="fas" data-icon="chevron-down" viewBox="0 0 448 512" class="w-3.5 h-3.5 text-purple mt-px" role="img"><path fill="currentColor" d="M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/><title>chevron-down</title></svg>
1768
1769                    </span>
1770                            </div>
1771                            <div class="accordion-content mt-auto sm:mt-4 max-h-0 sm:max-h-full overflow-hidden transition-all"
1772                                 x-ref="container1" data-cms-accordion-content
1773                                 x-cloak>
1774                                <p class="px-4 sm:px-0">Der für die Verarbeitung Verantwortliche hat auf dieser Internetseite
1775                                    Komponenten von Boxalino
1776                                    integriert. Boxalino ist ein Web-Analyse-Dienst. Web-Analyse ist die Erhebung, Sammlung und
1777                                    Auswertung von Daten über das Verhalten von Besuchern von Internetseiten.
1778                                    Ein Web-Analyse-Dienst erfasst unter anderem Daten darüber, von welcher Internetseite eine
1779                                    betroffene Person auf eine Internetseite gekommen ist (sogenannte Referrer), auf welche
1780                                    Unterseiten der Internetseite zugegriffen oder wie oft und für welche Verweildauer eine
1781                                    Unterseite
1782                                    betrachtet wurde. Eine Web-Analyse wird überwiegend zur Optimierung einer Internetseite und zur
1783                                    Kosten-Nutzen-Analyse von Internetwerbung eingesetzt.
1784                                </p>
1785                                <p class="px-4 sm:px-0 mt-2">Betreibergesellschaft von Boxalino ist die winning interactoins AG,
1786                                    Hertistrasse 27a, 8304 Wallisellen, Schweiz. Boxalino setzt ein Cookie auf dem
1787                                    informationstechnologischen System der betroffenen
1788                                    Person. Was Cookies sind, wurde oben bereits erläutert. Durch jeden Aufruf einer
1789                                    der Einzelseiten dieser Internetseite, die durch den für die Verarbeitung Verantwortlichen
1790                                    betrieben wird und auf welcher eine Boxalino-Komponente integriert wurde, wird der
1791                                    Internetbrowser auf dem informationstechnologischen System
1792                                    der betroffenen Person automatisch durch die jeweilige Boxalino-Komponente veranlasst, Daten zu
1793                                    Marketing- und Optimierungszwecken an Boxalino zu übermitteln. Im Rahmen dieses technischen
1794                                    Verfahrens erhält Boxalino Kenntnis über Daten, die in der
1795                                    Folge zur Erstellung von pseudonymen Nutzungsprofilen verwendet werden. Die so gewonnenen
1796                                    Nutzungsprofile dienen der Analyse des Verhaltens der betroffenen Person, welche auf die
1797                                    Internetseite des für die Verarbeitung Verantwortlichen zugegriffen
1798                                    hat und werden mit dem Ziel, die Internetseite zu verbessern und zu optimieren, ausgewertet. Die
1799                                    über die Boxalino-Komponente erhobenen Daten werden nicht ohne vorherige Einholung einer
1800                                    gesonderten und ausdrücklichen
1801                                    Einwilligung der betroffenen Person dazu genutzt, die betroffene Person zu identifizieren. Diese
1802                                    Daten werden nicht mit personenbezogenen Daten oder mit anderen Daten, die das gleiche Pseudonym
1803                                    enthalten, zusammengeführt.
1804
1805                                </p>
1806                                <p class="px-4 sm:px-0 mt-2 mb-4 sm:mb-0">Die betroffene Person kann die Setzung von Cookies durch
1807                                    unsere
1808                                    Internetseite, wie
1809                                    oben bereits
1810                                    dargestellt, jederzeit mittels einer entsprechenden Einstellung des genutzten Internetbrowsers
1811                                    verhindern und damit der Setzung von Cookies dauerhaft widersprechen.
1812                                    Eine solche Einstellung des genutzten Internetbrowsers würde auch verhindern, dass Boxalino ein
1813                                    Cookie auf dem informationstechnologischen System der betroffenen Person setzt. Zudem können von
1814                                    Boxalino bereits
1815                                    gesetzte Cookies jederzeit über einen Internetbrowser oder andere Softwareprogramme gelöscht
1816                                    werden. Die geltenden Datenschutzbestimmungen von Boxalino können unter: <a class="link__pink"
1817                                                                                                                href="https://www.winning-interactions.ai/legal---terms.html/"
1818                                                                                                                target="_blank">http://www.boxalino.com/de/impressum/</a>
1819                                    abgerufen werden.</p>
1820                            </div>
1821                        </div>
1822                    </div>
1823                </section>
1824
1825                <section data-cms-accordion
1826                         class="-mx-4 md:-ml-5 pb-0 sm:pb-4 border border-t-0 border-gray-300"
1827                         data-selected-class="bg-gray-50" data-unselected-class="bg-primary-lighter sm:bg-gray-50" data-cms-accordion-class="accordionClass">
1828                    <div class="p-0 sm:p-4">
1829                        <div class="accordion-wrapper">
1830                            <div class="p-4 sm:p-0 mt-auto sm:mt-3 cursor-pointer sm:cursor-auto flex items-center justify-between"
1831                                 data-cms-accordion-toggle>
1832                                <h3>Mautic</h3>
1833                                <span class=" block sm:hidden transform transition-all rotate-0" data-cms-accordion-icon>
1834                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="fas" data-icon="chevron-down" viewBox="0 0 448 512" class="w-3.5 h-3.5 text-purple mt-px" role="img"><path fill="currentColor" d="M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/><title>chevron-down</title></svg>
1835
1836                    </span>
1837                            </div>
1838                            <div class="accordion-content mt-auto sm:mt-4 max-h-0 sm:max-h-full overflow-hidden transition-all"
1839                                 x-ref="container1" data-cms-accordion-content
1840                                 x-cloak>
1841                                <p class="px-4 sm:px-0">Wir setzen auf dieser Website "Mautic" als Open-Source Werkzeug zur
1842                                    Marketing Automatisierung ein. Dies ist Tool zur zeitgerechten Ausgabe von passgenauen
1843                                    Informationen auf Basis der zustimmungsbasierten Erfassung und Analyse von Nutzungsdaten (u.a.
1844                                    verwendeter Browser, besuchte Seite, Dauer des Aufenthaltes).
1845                                    Mautic wird auf betriebenen Servern in der EU gehostet. Eine Weitergabe der Daten an Dritte
1846                                    findet nicht statt. Wir erfassen und verarbeiten Daten mit Mautic nur insoweit, wie für die
1847                                    Erreichung der geschäftlichen Ziele sinnvoll und erforderlich ist.
1848                                </p>
1849
1850                                <p class="px-4 sm:px-0 mt-2">Unsere Mautic-Nutzung kann (muss aber nicht) umfassen:</p>
1851
1852                                <p class="px-4 sm:px-0 mt-2">Zwar kann ein absoluter Schutz nicht garantiert werden, aber wir legen
1853                                    grössten Wert auf die
1854                                    Sicherheit Ihrer Daten:</p>
1855
1856                                <ol class="px-4 sm:px-0 numbered-ol mt-4">
1857                                    <li>
1858                                        <p class="text-base">
1859                                            Sämtliche Daten des Registrierungsdialoges werden verschlüsselt übertragen.
1860                                        </p>
1861                                    </li>
1862                                    <li class="mt-2">
1863                                        <p class="text-base">
1864                                            a) Newsletter / E-Mail-Marketing und Kampagnen
1865                                            Beim sog. E-Mail-Marketing werden Ihnen personalisierte E-Mails zugesandt. Diese
1866                                            basieren auf Ihren Newsletter-Präferenzen und ggf. auch auf dem Nutzungsverhalten auf
1867                                            unseren Websites, beim Lesen unserer E-Mails und beim Interagieren mit den darin
1868                                            enthaltenen Links. Des Weiteren versenden wir E-Mails auch im Rahmen von Kampagnen.
1869                                            Dem Versand solcher Marketing-E-Mails liegt immer eine gesonderte Zustimmung zu Grunde.
1870                                        </p>
1871                                    </li>
1872                                    <li class="mt-2 mb-4 sm:mb-0">
1873                                        <p class="text-base">
1874                                            b) Erfassung von Interaktionen
1875                                            Auf unseren Web-Ressourcen inkl. Shop werden auf Basis Ihrer Zustimmung Interaktionen
1876                                            erfasst, um Präferenzen der Nutzenden möglichst gut einzuordnen (Profilbildung) und
1877                                            Inhalte darauf anzupassen. Für die Zuordnung der Einzelaktivitäten zu anonymen oder
1878                                            bekannten Nutzenden setzt die Software verschiedene technische Verfahren ein:
1879                                        </p>
1880                                        <p> Zählpixel: Um zu erkennen, ob z.B. eine E-Mail geöffnet wurde, setzt Mautic sogenannte
1881                                            Zählpixel (Tracking Pixel) ein. Durch diese wird eine kleine Grafik vom Server des
1882                                            Anbieters geladen, die zuvor einem individuellen Nutzerprofil zugeordnet wurde.
1883                                            Personalisierte Weblinks: Um zu erkennen, ob z.B. ein Nutzer einen Link aus einer
1884                                            E-Mail, QR-Code oder SMS aufruft, fügt Mautic diesen Links eine eindeutige Kennung
1885                                            hinzu, die zuvor einem individuellen Nutzerprofil zugeordnet wurde.
1886                                            Bei den dabei erhobenen Daten handelt es sich um:
1887                                    <li> die Aktivität auf unserer Website</li>
1888                                    <li> Anzahl der Seitenaufrufe und Verweildauer des Webseiten Besuchers</li>
1889                                    <li> der Klickpfad des jeweiligen Besuchers</li>
1890                                    <li> Downloads von Dateien die über die Webseite bereitgestellt werden</li>
1891                                    <li> Besuche von Landingpages</li>
1892                                    <li> Öffnungen von E-Mails aus Newsletter und Kampagnen</li>
1893                                    <li> Aufrufen von Links aus z.B. E-Mails, SMS oder QR-Codes</li>
1894                                    </p>
1895
1896                                    </li>
1897                                </ol>
1898                                <p class="px-4 sm:px-0 mt-3"> Die von Webseitenbesuchern aktuell genutzte IP Adresse wird bei jedem
1899                                    Aufruf unserer Webseite an uns übertragen. Mautic speichert diese nur anonymisiert. </p>
1900                            </div>
1901                        </div>
1902                    </div>
1903                </section>
1904
1905                <section data-cms-accordion
1906                         class="-mx-4 md:-ml-5 pb-0 sm:pb-4 border border-t-0 border-gray-300"
1907                         data-selected-class="bg-white" data-unselected-class="bg-primary-lighter sm:bg-white" data-cms-accordion-class="accordionClass">
1908                    <div class="p-0 sm:p-4">
1909                        <div class="accordion-wrapper">
1910                            <div class="p-4 sm:p-0 mt-auto sm:mt-3 cursor-pointer sm:cursor-auto flex items-center justify-between"
1911                                 data-cms-accordion-toggle>
1912                                <h3>Cloudflare</h3>
1913                                <span class=" block sm:hidden transform transition-all rotate-0" data-cms-accordion-icon>
1914                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="fas" data-icon="chevron-down" viewBox="0 0 448 512" class="w-3.5 h-3.5 text-purple mt-px" role="img"><path fill="currentColor" d="M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/><title>chevron-down</title></svg>
1915
1916                    </span>
1917                            </div>
1918                            <div class="accordion-content mt-auto sm:mt-4 max-h-0 sm:max-h-full overflow-hidden transition-all"
1919                                 x-ref="container1" data-cms-accordion-content
1920                                 x-cloak>
1921                                <p class="px-4 sm:px-0">Wir nutzen den Service „Cloudflare“. Anbieter ist die Cloudflare Inc., 101
1922                                    Townsend St., San Francisco, CA 94107, USA (im Folgenden „Cloudflare”). Cloudflare bietet ein
1923                                    weltweit verteiltes Content Delivery Network mit DNS und SSL Zertifizierung an. Dabei wird
1924                                    technisch der Informationstransfer zwischen Ihrem Browser und unserer Website über das Netzwerk
1925                                    von Cloudflare geleitet. Das versetzt Cloudflare in die Lage, den Datenverkehr zwischen Ihrem
1926                                    Browser und unserer Website zu analysieren und als Filter zwischen unseren Servern und
1927                                    potenziell bösartigem Datenverkehr aus dem Internet zu dienen. Hierbei kann Cloudflare auch
1928                                    Cookies oder sonstige Technologien zur Wiedererkennung von Internetnutzern einsetzen, die jedoch
1929                                    allein zum hier beschriebenen Zweck verwendet werden. Cloudflare ist zertifizierter Teilnehmer
1930                                    des „EU-US Privacy Shield Frameworks“. Cloudflare hat sich dazu verpflichtet, sämtliche aus den
1931                                    Mitgliedstaaten der Europäischen Union (EU) erhaltenen personenbezogenen Daten gemäß dem
1932                                    „Privacy Shield Framework“ zu handhaben. Der Einsatz von Cloudflare beruht auf unserem
1933                                    berechtigten Interesse an einer möglichst fehlerfreien und sicheren Bereitstellung unseres
1934                                    Webangebotes (Art. 6 Abs. 1 lit. f DSGVO).Weitere Informationen zum Thema Sicherheit und
1935                                    Datenschutz bei Cloudflare finden Sie hier: <a target="_blank" href="https://www.cloudflare.com/privacypolicy/">Cloudflare
1936                                        Privacy Policy</a> .
1937                                </p>
1938                            </div>
1939                        </div>
1940                    </div>
1941                </section>
1942
1943                <section data-cms-accordion
1944                         class="-mx-4 md:-ml-5 pb-0 sm:pb-4 border border-t-0 border-gray-300"
1945                         data-selected-class="bg-white" data-unselected-class="bg-primary-lighter sm:bg-white" data-cms-accordion-class="accordionClass">
1946                    <div class="p-0 sm:p-4">
1947                        <div class="accordion-wrapper">
1948                            <div class="p-4 sm:p-0 mt-auto sm:mt-3 cursor-pointer sm:cursor-auto flex items-center justify-between"
1949                                 data-cms-accordion-toggle>
1950                                <h3>Sichere Datenübertragung</h3>
1951                                <span class=" block sm:hidden transform transition-all rotate-0" data-cms-accordion-icon>
1952                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="fas" data-icon="chevron-down" viewBox="0 0 448 512" class="w-3.5 h-3.5 text-purple mt-px" role="img">
1952<path fill="currentColor" d="M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/><title>chevron-down</title></svg>
1953
1954                    </span>
1955                            </div>
1956                            <div class="accordion-content mt-auto sm:mt-4 max-h-0 sm:max-h-full overflow-hidden transition-all"
1957                                 x-ref="container1" data-cms-accordion-content
1958                                 x-cloak>
1959                                <p class="px-4 sm:px-0 mb-4 sm:mb-0">Ihre persönlichen Daten werden bei uns sicher durch
1960                                    Verschlüsselung übertragen. Dies gilt für
1961                                    Ihre Bestellung und auch für das Kundenlogin. Wir bedienen uns dabei des Codierungssystems SSL.
1962                                </p>
1963                                <p class="px-4 sm:px-0 mb-4 sm:mb-0">SSL steht für "Secure Socket Layer" und wird heute als Standard
1964                                    eingesetzt.</p>
1965                                <p class="px-4 sm:px-0 mb-4 sm:mb-0">Zwar kann ein absoluter Schutz nicht garantiert werden, aber
1966                                    wir legen grössten Wert auf die
1967                                    Sicherheit Ihrer Daten:</p>
1968
1969                                <ol class="px-4 sm:px-0 numbered-ol mt-4">
1970                                    <li>
1971                                        <p> Sämtliche Daten des Registrierungsdialoges werden verschlüsselt übertragen.</p>
1972                                    </li>
1973
1974                                    <li>
1975                                        <p>Alle Systeme, in denen Ihre Daten gespeichert sind, sind passwortgeschützt und nur einem
1976                                            sehr eingeschränkten Personenkreis zugänglich.</p>
1977                                    </li>
1978
1979                                    <li>
1980                                        <p> Ihre Daten werden nur zu dem Zwecke genutzt, zu dem Sie uns beauftragt haben.</p>
1981                                    </li>
1982                                </ol>
1983                            </div>
1984                        </div>
1985                    </div>
1986                </section>
1987
1988                <section data-cms-accordion
1989                         class="-mx-4 md:-ml-5 pb-0 sm:pb-4 border border-t-0 border-gray-300"
1990                         data-selected-class="bg-gray-50" data-unselected-class="bg-primary-lighter sm:bg-gray-50" data-cms-accordion-class="accordionClass">
1991                    <div class="p-0 sm:p-4">
1992                        <div class="accordion-wrapper">
1993                            <div class="p-4 sm:p-0 mt-auto sm:mt-3 cursor-pointer sm:cursor-auto flex items-center justify-between"
1994                                 data-cms-accordion-toggle>
1995                                <h3>Sichere Kreditkartenzahlung</h3>
1996                                <span class=" block sm:hidden transform transition-all rotate-0" data-cms-accordion-icon>
1997                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="fas" data-icon="chevron-down" viewBox="0 0 448 512" class="w-3.5 h-3.5 text-purple mt-px" role="img"><path fill="currentColor" d="M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/><title>chevron-down</title></svg>
1998
1999                    </span>
2000                            </div>
2001                            <div class="accordion-content mt-auto sm:mt-4 max-h-0 sm:max-h-full overflow-hidden transition-all"
2002                                 x-ref="container1" data-cms-accordion-content
2003                                 x-cloak>
2004                                <p class="px-4 sm:px-0"
2005                                   `>Mit dem PCI-DSS-Zertifikat garantieren wir Ihnen, dass wir ein sicherer Anbieter für
2006                                    Kreditkartenzahlungen sind. PCI DSS steht für Payment Card Industry Data Security Standard und
2007                                    stellt den weltweit gültigen Sicherheitsstandard für Kartendaten dar.
2008                                    Die Sicherheitsrichtlinien von PCI wirken Diebstahl und Missbrauch wirkungsvoll entgegen.
2009                                    PCI-DSS enthält 12 verbindliche Anforderungen, deren Einhaltung jährlich mit einem Zertifikat
2010                                    bescheinigt wird. Weitere Informationen dazu finden Sie unter:
2011                                    <a class="link__pink"
2012                                       href="https://assurance.sysnetgs.com/assurancecard/be8e7fbc4499573fd49c094e465c61e60d83cf8135657915/assurancecard/"
2013                                       target="_blank">https://assurance.sysnetgs.com/assurancecard</a>
2014                                </p>
2015                            </div>
2016
2017
2018                        </div>
2019                    </div>
2020                </section>
2021                <section data-cms-accordion
2022                         class="-mx-4 md:-ml-5 pb-0 sm:pb-4 border border-t-0 border-gray-300"
2023                         data-selected-class="bg-gray-50" data-unselected-class="bg-primary-lighter sm:bg-gray-50" data-cms-accordion-class="accordionClass">
2024                    <div class="p-0 sm:p-4">
2025                        <div class="accordion-wrapper">
2026                            <div class="p-4 sm:p-0 mt-auto sm:mt-3 cursor-pointer sm:cursor-auto flex items-center justify-between"
2027                                 data-cms-accordion-toggle>
2028                                <h3>New Relic</h3>
2029                                <span class=" block sm:hidden transform transition-all rotate-0" data-cms-accordion-icon>
2030                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="fas" data-icon="chevron-down" viewBox="0 0 448 512" class="w-3.5 h-3.5 text-purple mt-px" role="img"><path fill="currentColor" d="M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/><title>chevron-down</title></svg>
2031
2032                    </span>
2033                            </div>
2034                            <div class="accordion-content mt-auto sm:mt-4 max-h-0 sm:max-h-full overflow-hidden transition-all"
2035                                 x-ref="container1" data-cms-accordion-content
2036                                 x-cloak>
2037                                <p class="px-4 sm:px-0">Wir setzen auf unserer Webseite die Software NewRelic ein. Hierdurch wird
2038                                    eine Analyse Ihrer Websitenutzung ermöglicht. Die durch das Cookie gespeicherten Informationen
2039                                    über Ihre Benutzung dieser Website (einschliesslich Ihrer IP-Adresse),
2040                                    werden an einen Server von NewRelic in den USA übertragen. Die Daten verarbeiten wir aufgrund
2041                                    unseres überwiegenden Interesses an der optimalen Vermarktung unseres Onlineangebotes nach Art.6
2042                                    Abs. 1 f) DSGVO. NewRelic wird die gespeicherten Informationen verwenden,
2043                                    um Ihre Nutzung der Website auszuwerten, um Reports über die Websiteaktivitäten für die
2044                                    Websitebetreiber zusammenzustellen und um weitere mit der Websitenutzung und der Internetnutzung
2045                                    verbundene Dienstleistungen zu erbringen. </p>
2046                                <p class="px-4 sm:px-0 mt-2">NewRelic ist nach dem Privacy Shield Agreement zertifiziert und
2047                                    garantiert damit die
2048                                    Einhaltung
2049                                    der europäischen Datenschutzgesetzgebung: <a class="link__pink"
2050                                                                                 href="https://www.privacyshield.gov/participant?id=a2zt0000000TNPiAAO&status=Active"
2051                                                                                 target="_blank">https://www.privacyshield.gov/participant?id=a2zt0000000TNPiAAO&status=Active</a>
2052                                    ).</p>
2053                                <p class="px-4 sm:px-0 mt-2 mb-4 sm:mb-0"> Weitere Informationen zum Datenschutz finden Sie unter:
2054                                    <a class="link__pink"
2055                                       href="https://newrelic.com/termsandconditions/privacy"
2056                                       target="_blank">https://newrelic.com/termsandconditions/privacy</a>
2057                                </p>
2058                            </div>
2059                        </div>
2060                    </div>
2061                </section>
2062
2063
2064                <section data-cms-accordion
2065                         class="-mx-4 md:-ml-5 pb-0 sm:pb-4 border border-t-0 border-gray-300"
2066                         data-selected-class="bg-white" data-unselected-class="bg-primary-lighter sm:bg-white" data-cms-accordion-class="accordionClass">
2067                    <div class="p-0 sm:p-4">
2068                        <div class="accordion-wrapper">
2069                            <div class="p-4 sm:p-0 mt-auto sm:mt-3 cursor-pointer sm:cursor-auto flex items-center justify-between"
2070                                 data-cms-accordion-toggle>
2071
2072                                <h3>Nutzung unserer Chat-Funktion</h3>
2073                                <span class=" block sm:hidden transform transition-all rotate-0" data-cms-accordion-icon>
2074                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="fas" data-icon="chevron-down" viewB
2074ox="0 0 448 512" class="w-3.5 h-3.5 text-purple mt-px" role="img"><path fill="currentColor" d="M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/><title>chevron-down</title></svg>
2075
2076                    </span>
2077                            </div>
2078                            <div class="accordion-content mt-auto sm:mt-4 max-h-0 sm:max-h-full overflow-hidden transition-all"
2079                                 x-ref="container1" data-cms-accordion-content
2080                                 x-cloak>
2081                                <p class="px-4 sm:px-0">Wir setzen auf unserer Website die Software Typewise ein. Typewise gehört
2082                                    zur Typewise AG mit Sitz an der Buckhauserstrasse 36, 8048 Zürich, Schweiz.</p>
2083
2084                                <p class="px-4 sm:px-0 mt-2">Wenn Sie uns per Chat kontaktieren, werden Ihre personenbezogenen Daten
2085                                    bearbeitet. Bearbeitet werden die Daten, die Sie uns zur Verfügung stellen, zum Beispiel Ihr Name,
2086                                    Ihre E-Mail-Adresse, Ihr Anliegen sowie weitere Informationen, die Sie im Rahmen der Chat-Anfrage
2087                                    freiwillig mitteilen. Darüber hinaus können technische Informationen sowie der Zeitpunkt des
2088                                    Eingangs der Anfrage dokumentiert werden. Pflichtangaben sind mit einem Sternchen (*)
2089                                    gekennzeichnet.</p>
2090
2091                                <p class="px-4 sm:px-0 mt-2">Die Chat-Funktion wird durch einen virtuellen Assistenten unterstützt.
2092                                    Dieser kann einen grossen Teil der Anfragen mithilfe künstlicher Intelligenz automatisiert
2093                                    beantworten. Je nach Anliegen kann die Anfrage durch Mitarbeitende von Lehner
2094                                    weiterbearbeitet werden.</p>
2095
2096                                <p class="px-4 sm:px-0 mt-2">Wir verarbeiten diese Daten ausschliesslich, um Ihr Anliegen zu
2097                                    bearbeiten, zum Beispiel zur Erteilung einer Auskunft über ein Produkt, zur Unterstützung bei der
2098                                    Vertragsabwicklung, etwa bei Rücksendungen, oder zur Verbesserung unseres Services.</p>
2099
2100                                <p class="px-4 sm:px-0 mt-2">Ihre Daten können im Rahmen der Bereitstellung der Chat-Funktion durch
2101                                    Typewise bearbeitet werden. Dies kann Typewise den Zugriff auf Ihre Daten ermöglichen, soweit dies
2102                                    für die Bereitstellung, den Betrieb, die Wartung und die Unterstützung bei der Nutzung der
2103                                    Software erforderlich ist.</p>
2104
2105                                <p class="px-4 sm:px-0 mt-2">Bitte geben Sie im Chat keine besonders schützenswerten Personendaten
2106                                    oder vertraulichen Informationen ein, sofern diese für die Bearbeitung Ihres Anliegens nicht
2107                                    erforderlich sind.</p>
2108
2109                                <p class="px-4 sm:px-0 mt-2">Weitere Informationen hierzu finden Sie in der Datenschutzerklärung von
2110                                    Typewise:</p> <a class="link__pink" href="https://www.typewise.app/legal/privacy-policy"
2111                                                     target="_blank">https://www.typewise.app/legal/privacy-policy</a>.
2112                            </div>
2113                        </div>
2114                    </div>
2115                </section>
2116
2117                <section data-cms-accordion
2118                         class="-mx-4 md:-ml-5 pb-0 sm:pb-4 border border-t-0 border-gray-300"
2119                         data-selected-class="bg-white" data-unselected-class="bg-primary-lighter sm:bg-white" data-cms-accordion-class="accordionClass">
2120                    <div class="p-0 sm:p-4">
2121                        <div class="accordion-wrapper">
2122                            <div class="p-4 sm:p-0 mt-auto sm:mt-3 cursor-pointer sm:cursor-auto flex items-center justify-between"
2123                                 data-cms-accordion-toggle>
2124                                <h3>Allgemeiner Haftungsausschluss</h3>
2125                                <span class=" block sm:hidden transform transition-all rotate-0" data-cms-accordion-icon>
2126                        <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="fas" data-icon="chevron-down" viewBox="0 0 448 512" class="w-3.5 h-3.5 text-purple mt-px" role="img"><path fill="currentColor" d="M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/><title>chevron-down</title></svg>
2127
2128                    </span>
2129                            </div>
2130                            <div class="accordion-content mt-auto sm:mt-4 max-h-0 sm:max-h-full overflow-hidden transition-all"
2131                                 x-ref="container1" data-cms-accordion-content
2132                                 x-cloak>
2133                                <p class="px-4 sm:px-0">Alle Angaben unseres Internetangebotes wurden sorgfältig geprüft. Wir
2134                                    bemühen uns, unser
2135                                    Informationsangebot aktuell, inhaltlich richtig und vollständig anzubieten. Trotzdem kann das
2136                                    Auftreten von Fehlern nicht völlig ausgeschlossen werden,
2137                                    womit wir keine Garantie für Vollständigkeit, Richtigkeit und Aktualität von Informationen auch
2138                                    journalistisch-redaktioneller Art übernehmen können. Haftungsansprüche aus Schäden materieller
2139                                    oder ideeller Art, die durch die
2140                                    Nutzung der angebotenen Informationen verursacht wurden, sind ausgeschlossen, sofern kein
2141                                    nachweislich vorsätzliches oder grob fahrlässiges Verschulden vorliegt.
2142                                </p>
2143                                <p class="px-4 sm:px-0 mt-2">Der Herausgeber kann nach eigenem Ermessen und ohne Ankündigung Texte
2144                                    verändern oder
2145                                    löschen und
2146                                    ist nicht verpflichtet, Inhalte dieser Website zu aktualisieren. Die Benutzung bzw. der Zugang
2147                                    zu dieser Website geschieht auf eigene Gefahr des Besuchers.
2148                                    Der Herausgeber, seine Auftraggeber oder Partner sind nicht verantwortlich für Schäden, wie
2149                                    direkte, indirekte, zufällige, vorab konkret zu bestimmende oder Folgeschäden, die angeblich
2150                                    durch den Besuch
2151                                    dieser Website entstanden sind und übernehmen hierfür folglich keine Haftung.</p>
2152
2153                                <p class="px-4 sm:px-0 mt-2">Der Herausgeber übernimmt ebenfalls keine Verantwortung und Haftung für
2154                                    die Inhalte
2155                                    und die
2156                                    Verfügbarkeit von Webseiten Dritter, die über externe Links dieser Website erreichbar sind. Für
2157                                    den Inhalt der verlinkten Seiten
2158                                    sind ausschliesslich deren Betreiber verantwortlich. Der Herausgeber distanziert sich damit
2159                                    ausdrücklich von allen Inhalten Dritter, die möglicherweise straf- oder haftungsrechtlich
2160                                    relevant sind oder gegen die guten Sitten verstossen.</p>
2161
2162                                <h3 class="px-4 sm:px-0 mt-4">Änderungen</h3>
2163
2164                                <p class="px-4 sm:px-0 mt-2">Wir können diese Datenschutzerklärung jederzeit ohne Vorankündigung
2165                                    anpassen. Es
2166                                    gilt die jeweils
2167                                    aktuelle, auf unserer Website publizierte Fassung. Soweit die Datenschutzerklärung Teil einer
2168                                    Vereinbarung mit Ihnen ist,
2169                                    werden wir Sie im Falle einer Aktualisierung 
2169über die Änderung per E-Mail oder auf andere
2170                                    geeignete Weise informieren. </p>
2171
2172                                <p class="px-4 sm:px-0 mt-2 mb-4 sm:mb-0">Schenkon, 23.06.2026</p>
2173                            </div>
2174                        </div>
2175                    </div>
2176                </section>
2177            </div>
2178        </div>
2179    </div>
2180</div>        </div>
2181    <div class="gap-2 mt-4">
2182        
2183<div class="flex flex-row justify-center lg:justify-start">
2184                                                
2185<button
2186        type="button"
2187        x-data="initAmCookieActionDispatcherBtn"
2188        data-dispatch-action="cookiebar-action-allow"
2189                @click.prevent="actiondispatchHandler"
2190        class="primary&#x20;btn&#x20;btn-primary&#x20;mr-5&#x20;py-2&#x20;leading-5&#x20;text-sm"
2191>
2192    Schliessen</button>
2193            </div>
2194    </div>
2195</div>
2196
2197</dialog>
2198</div>
vendor: 110 bytes, lines 2198-2200
2198
2199
2200<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
2200<script data-cfasync="false">
2201    'use strict';
2202
2203    function initAmastyCookieBar() {
2204        return {
2205            ...hyva.modal({
2206                duration: 150,
2207                transitionEnter: 'transform duration-150',
2208                transitionLeave: 'transform duration-150'
2209            }),
2210            eventListeners: {
2211                ['@close-cookie-bar']() {
2212                    this.hide('am-cookie-bar');
2213                },
2214                ['@open-cookie-bar']() {
2215                    this.show('am-cookie-bar');
2216                    this.$nextTick(() => hyva.trapFocus(this.modalElement));
2217                },
2218                ['@amasty-cookie-group-updated.window']() {
2219                    const lastUpdate = Alpine.store('AmastyCookieGroups').lastUpdate;
2220
2221                    if (this.isShowNotificationBar(this.firstShowProcess, lastUpdate)) {
2222                        if (!this.opened['am-cookie-bar']) {
2223                            this.show('am-cookie-bar');
2224                            window.dispatchEvent(new CustomEvent('amcookie-show-notification-bar'));
2225                        }
2226                        this.$nextTick(() => hyva.trapFocus(this.modalElement));
2227                    } else {
2228                        !!this.opened['am-cookie-bar'] &&
2229                        this.hide('am-cookie-bar');
2230                    }
2231                }
2232            },
2233
2234            firstShowProcess: '0',
2235
2236            /**
2237             * @returns {void}
2238             */
2239            init: function () {
2240                window.isGdprCookieEnabled = true;
2241                Alpine.store('AmastyCookieGroups').updateGroupData();
2242                this.modalElement = this.$refs['am-cookie-bar'];
2243                this.modalElement.setAttribute('aria-describedby', 'amcookie-bar-content');
2244            },
2245
2246            /**
2247             * @param {string|number} firstShowProcess
2248             * @param {number} lastUpdate
2249             * @returns {boolean}
2250             */
2251            isShowNotificationBar: function (firstShowProcess, lastUpdate) {
2252                return (this.isNeedFirstShow(firstShowProcess, lastUpdate) && !hyva.getCookie('amcookie_allowed')
2253                    || this.isNeedShowOnUpdate(lastUpdate));
2254            },
2255
2256            /**
2257             * @param {string|number} firstShowProcess
2258             * @param {number} lastUpdate
2259             * @returns {boolean}
2260             */
2261            isNeedFirstShow: function (firstShowProcess, lastUpdate) {
2262                hyva.getBrowserStorage().setItem('amCookieBarFirstShowTime', lastUpdate);
2263
2264                if (firstShowProcess === '0') {
2265                    return true;
2266                }
2267
2268                if (hyva.getBrowserStorage().getItem('amCookieBarFirstShow') !== '1') {
2269                    hyva.getBrowserStorage().setItem('amCookieBarFirstShow', '1');
2270
2271                    return true;
2272                }
2273
2274                return false;
2275            },
2276
2277            /**
2278             * @param {number} lastUpdate
2279             * @returns {boolean}
2280             */
2281            isNeedShowOnUpdate: function (lastUpdate) {
2282                if (!lastUpdate) {
2283                    return false;
2284                }
2285
2286                return this.isNeedShowAfterLastVisit(lastUpdate) || this.isNeedShowAfterLastAccept(lastUpdate);
2287            },
2288
2289            /**
2290             * @param {number} lastUpdate
2291             * @returns {boolean}
2292             */
2293            isNeedShowAfterLastVisit: function (lastUpdate) {
2294                let needToShowAfterLastVisit =
2295                    lastUpdate > hyva.getBrowserStorage().getItem('amCookieBarFirstShowTime');
2296
2297                if (needToShowAfterLastVisit) {
2298                    hyva.getBrowserStorage().setItem('amCookieBarFirstShow', null);
2299                    this.clearAmCookieAllowed();
2300                }
2301
2302                return needToShowAfterLastVisit;
2303            },
2304
2305            /**
2306             * @param {number} lastUpdate
2307             * @returns {boolean}
2308             */
2309            isNeedShowAfterLastAccept: function (lastUpdate) {
2310                let needToShowAfterLastAccept = false;
2311
2312                if (hyva.getBrowserStorage().getItem('am-last-cookie-acceptance')) {
2313                    needToShowAfterLastAccept =
2314                        lastUpdate > hyva.getBrowserStorage().getItem('am-last-cookie-acceptance');
2315                }
2316
2317                if (needToShowAfterLastAccept) {
2318                    this.clearAmCookieAllowed(needToShowAfterLastAccept);
2319                }
2320
2321                return needToShowAfterLastAccept;
2322            },
2323
2324            /**
2325             * @returns {void}
2326             */
2327            closeCookieBarHandler: function () {
2328                this.$dispatch('close-cookie-bar');
2329            },
2330
2331            /**
2332             * @param {boolean} needToShowAfterLastAccept
2333             * @returns {void}
2334             */
2335            clearAmCookieAllowed: function (needToShowAfterLastAccept = false) {
2336                hyva.setCookie('amcookie_allowed', '', -1, true);
2337
2338                const amastyCookieManager = window.amastyCookieManager ?? {};
2339                const groupData = amastyCookieManager.getAmastyCookieGroupStorage?.()?.groupData ?? [];
2340
2341                if (needToShowAfterLastAccept && !!groupData.length) {
2342                    const disallowedCookies = groupData
2343                        .filter(group => !group.isEssential)
2344                        .flatMap(group => group.cookies?.map(cookie => cookie.name) ?? []);
2345
2346                    hyva.setCookie('amcookie_disallowed', disallowedCookies.join(','));
2347
2348                    amastyCookieManager.deleteDisallowedCookie?.();
2349                    amastyCookieManager.getAmastyCookieGroupStorage?.()?.updateGroupDataPermanently(
2350                        groupData.map((group) => {
2351                            return {
2352                                ...group,
2353                                checked: group.isEssential
2354                            }
2355                        })
2356                    );
2357                }
2358            }
2359        };
2360    }
2361
2362    window.addEventListener('alpine:init', () => Alpine.data('initAmastyCookieBar', initAmastyCookieBar), {once: true});
2363</script>
2363
2364<div class="page-wrapper"><div class="m-siteNav placeholder"><!-- --></div><header class="page-header"><a class="action skip sr-only focus:not-sr-only focus:absolute focus:z-40 focus:bg-white
2365   contentarea"
2366   href="#contentarea">
2367    <span>
2368        Direkt zum Inhalt    </span>
2369</a>
2370<div class="header content">
2370<script>
2371    function initHeader() {
2372        return {
2373            menuOpen: false,
2374            searchOpen: false,
2375            isMobile: false,
2376            cart: {},
2377            bodyEl: document.querySelector('body'),
2378            htmlEl: document.querySelector('html'),
2379            menuContent: document.querySelector('#menu-content'),
2380            serviceMenuContent: document.querySelector('#service-menu'),
2381            stickyHeader: false,
2382            onGetCartData: function onGetCartData(data) {
2383                const cart = data && data.data && data.data.cart;
2384                if (data.data.cart) {
2385                    this.cart = cart
2386                    this.updateCartTracking(cart)
2387                }
2388            },
2389            updateCartTracking: function updateCartTracking(cart) {
2390                const el = this.$refs.cartTracking;
2391                if (!el) {
2392                    return;
2393                }
2394                el.dataset.cartSubtotal = cart.subtotal_value ?? 0;
2395                el.dataset.cartGrandTotal = cart.grand_total ?? 0;
2396                el.dataset.cartDiscountTotal = cart.discount_total ?? 0;
2397                el.dataset.cartItemsCount = cart.items_count ?? 0;
2398                el.dataset.cartItems = JSON.stringify(cart.tracking_items || []);
2399            },
2400
2401            checkIsMobileResolution() {
2402                this.isMobile = window.matchMedia('(max-width: 1170px)').matches;
2403                if (this.isMobile) {
2404                    this.menuOpen = false;
2405                    this.open = !this.open;
2406                } else {
2407                    this.open = true;
2408                }
2409
2410            },
2411
2412            fixContent() {
2413
2414                if (this.menuOpen && this.isMobile) {
2415                    this.htmlEl.classList.add('overflow-hidden');
2416
2417                    if(this.stickyHeader) {
2418                        this.menuContent.style.position = 'fixed'
2419                        if( window.matchMedia('(max-width: 768px)').matches) {
2420                            this.menuContent.style.top = '9rem';
2421                        } else {
2422                            this.menuContent.style.top = '7rem';
2423
2424                        }
2425                    }
2426                } else {
2427                    this.htmlEl.classList.remove('overflow-hidden');
2428                    if(this.stickyHeader) {
2429                        this.menuContent.style = ""
2430                        this.serviceMenuContent.setAttribute("style","")
2431
2432                    }
2433                }
2434            }
2435        }
2436    }
2437
2438</script>
2438
2439<div id="header" class="z-30 w-full top-0 fixed shadow bg-white sm:bg-primary-light" x-cloak x-data="initHeader()" x-init="checkIsMobileResolution()" @resize.window.debounce="checkIsMobileResolution()" @keydown.window.escape="searchOpen = false;" @private-content-loaded.window="onGetCartData($event.detail)" @scroll.window="stickyHeader = window.pageYOffset > 1200 ? true : false" :class="stickyHeader ? 'xl:top-0': 'xl:relative bg-bottom-full-gray'">
2440    <div class="absolute xl:relative w-full z-30">
2441        <div class="md:px-5 xl:container mx-auto">
2442
2443            <div class="relative flex md:-mx-5 md:items-center pt-4" :class="stickyHeader ? 'xl:h-0 xl:pb-0' : ''">
2444                <!--Logo-->
2445                <div class="store-logo absolute xl:relative xl:ml-0 xl:left-0 xl:transform xl:translate-x-0 w-fit left-1/2 transform -translate-x-1/2 xl:w-max pt-4 py-2 md:pb-4 lg:py-5 xl:py-0 flex justify-center top-0 " :class="stickyHeader ? 'xl:top-8' : 'xl:top-0'">
2446                    <div class="w-full">
2447    <a class="flex items-center text-xl font-medium tracking-wide text-gray-800
2448        no-underline hover:no-underline font-title" href="https://www.vedia.ch/" title="vedia.ch" aria-label="store logo">
2449        <img src="https://www.vedia.ch/static/version1790063611/frontend/Vedia/hyva/de_CH/images/vedia-logo.svg" title="vedia.ch" alt="vedia.ch" class="h-7 xl:h-9" />
2450    </a>
2451</div>
2452                </div>
2453                <div id="service-menu" class="absolute flex items-center bg-white xl:block border-b border-gray-border xl:border-b-transparent xl:p-0 xl:relative top-[7.25rem] xl:top-0 w-full ml-auto xl:w-max xl:bg-primary-lighter xl:bg-transparent transform transition z-30" :class="[menuOpen ? 'translate-y-0 opacity-100 pointer-events-auto' : '-translate-y-4 md:translate-y-0 opacity-0 xl:opacity-100 pointer-events-none xl:pointer-events-auto', stickyHeader ? 'xl:hidden' : '']" x-cloak>
2454                    <div class="flex text-sm max-w-max">
2455    <div x-data="{ isOpened: false }" @click.away="isOpened = false" class="md:relative">
2456        <button @click="isOpened = !isOpened" class="relative z-50 flex items-center py-3 px-5 leading-none transition" :class="isOpened ? 'bg-white text-primary hover:text-primary-darker' : ''">
2457            Kundenservice            <span class="relative top-px ml-1.5 transform transition rotate-90" :class="isOpened ? '-rotate-90' : 'rotate-90'">
2458                <svg xmlns="http://www.w3.org/2000/svg" class="text-current" fill="none" viewBox="0 0 24 24" stroke="currentColor" width="14" height="14" role="img"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 5 7 7-7 7"/><title>chevron-right</title></svg>
2459            </span>
2460        </button>
2461        <div class="absolute left-0 w-full md:w-max z-40 bg-white p-4 transform translate-y-full shadow-3xl transition-all" :class="isOpened ? 'bottom-0 opacity-100 pointer-events-auto' : 'bottom-4 opacity-0 pointer-events-none'" x-cloak>
2462            <div class="flex justify-between flex-wrap md:flex-no-wrap">
2463                <div class="w-60 mr-10">
2464    <div>
2465        <h4 class="text-[18px]">Kontakt</h4>
2466        <p class="text-sm font-[500] mt-4">Kundendienst</p>
2467        <a class="font-[500] mt-3 block text-primary" href="tel:0848 840 140"
2468                onclick="window.gtag && gtag('event', 'Click-Out', {'event_category' : 'Footer', 'event_label' : 'Telephone'});"><strong> 0848 840 140</strong></a>
2469        <ul class="list">
2470            <li><a class="font-[500] mt-3 block" href="/cdn-cgi/l/email-protection#d9b0b7bfb699afbcbdb0b8f7bab1" onclick="window.gtag && gtag('event', 'Click-Out', {'event_category' : 'Footer', 'event_label' : 'Mail'});"><span class="__cf_email__" data-cfemail="99f0f7fff6d9effcfdf0f8b7faf1">[email&#160;protected]</span></a>
2471            </li>
2472            <li><a class="font-[500] mt-3 block" href="/i-kontakt/">Weitere Kontaktmöglichkeiten</a></li>
2473        </ul>
2474    </div>
2475</div>
2476
2477<div class="w-60 md:order-2 mt-8 md:mt-0">
2478    <div>
2479        <h4 class="text-[18px]">Hilfe</h4>
2480        <ul class="list mt-2.5">
2481            <li><a class="font-[500] mt-2 block" href="/i-lieferung-versand/">Lieferung und Versand</a></li>
2482            <li>
2482<a class="font-[500] mt-2 block" href="/i-ruecksendungen/">Rücksendungen</a></li>
2483            <li><a class="font-[500] mt-2 block" href="/i-groessentabellen/">Grössentabellen</a></li>
2484            <li style="display: none;"><a class="font-[500] mt-2 block" href="/m-blackweek/">Black Week</a></li>
2485            <li><a class="font-[500] mt-2 block" href="/i-aktueller-katalog/">Katalog anfordern</a></li>
2486        </ul>
2487    </div>
2488</div>            </div>
2489        </div>
2490    </div>
2491        <div x-data="{ isOpened: false }" @click.away="isOpened = false" class="md:relative">
2492        <button @click="isOpened = !isOpened" class="relative z-50 flex items-center py-3 px-5 leading-none transition border-l border-gray-300" :class="isOpened ? 'bg-white text-primary hover:text-primary-darker' : ''">
2493            Newsletter            <span class="relative top-px ml-1.5 transform transition rotate-90" :class="isOpened ? '-rotate-90' : 'rotate-90'">
2494                <svg xmlns="http://www.w3.org/2000/svg" class="text-current" fill="none" viewBox="0 0 24 24" stroke="currentColor" width="14" height="14" role="img"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 5 7 7-7 7"/><title>chevron-right</title></svg>
2495            </span>
2496        </button>
2497        <div class="absolute left-0 w-full md:w-max z-40 bg-white p-4 xl:py-0 transform translate-y-full shadow-3xl transition-all" :class="isOpened ? 'bottom-0 opacity-100 pointer-events-auto' : 'bottom-4 opacity-0 pointer-events-none'" x-cloak>
2498            <div class="w-full md:w-96">
2499    
2500<div class="m-newsletterWrap this newsletter">
2501    <div class="p-4">
2502        <h4 class="flex items-center">
2503            Newsletter abonnieren        </h4>
2504        <div class="mt-2.5 flex">
2505            <ul class="list -split -check w-full xl:w-full md:order-2 xl:order-1 h-full">
2506                <li><span>Exklusive Gutscheine</span></li>
2507                <li><span>Top-Schnäppchen</span></li>
2508                <li><span>Attraktive Rabatte</span></li>
2509                <li><span>Gewinnspiele</span></li>
2510                <li><span>Aktuelle Neuheiten</span></li>
2511                <li><span>Und vieles mehr</span></li>
2512            </ul>
2513        </div>
2514    </div>
2515
2516    <div class="w-full xl:w-full ord xl:order-2 bg-grayish-lighter p-4 mt-2.5 md:mr-8 xl:mr-0 xl:mb-4">
2517        <p class="desc">Melden Sie sich für unseren Newsletter an</p>
2518        <form x-data="initFormData()" class="m-newsletterForm--form form subscribe mt-3.5" novalidate :action="'https://www.vedia.ch/newsletter/subscriber/new/' + '?form_key=' + form_key" method="post" data-mage-init='{"validation": {"errorClass": "mage-error"}}' id="newsletter-validate-detail">
2519                            <div class="control flex items-center justify-between">
2520                    <label for="newsletter-email-header" class="opacity-0 pointer-events-none h-0 w-0"></label>
2521                    <input id="newsletter-email-header" name="email" type="email" placeholder="E-Mail" data-mage-init='{"mage/trim-input":{}}' data-validate="{required:true, 'validate-email':true}" class="w-1/2 leading-none py-1.5 text-sm placeholder:text-gray-600" />
2522                    <input type="submit" value="Abonnieren" placeholder="E-Mail" data-mage-init='{"mage/trim-input":{}}' data-validate="{required:true, 'validate-email':true}" class="action subscribe primary btn btn-secondary ml-5 py-2 leading-none text-sm" />
2523                </div>
2524                    </form>
2525    </div>
2526</div>
vendor: 109 bytes, lines 2526-2527
2526
2527<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
2527<script>
2528    function initFormData() {
2529        return {
2530            form_key: hyva.getFormKey()
2531        }
2532    }
2533</script>
2533
2534
2535</div>        </div>
2536    </div>
2537    </div>
2538                    <div class="xl:hidden">
2539                        
2540    <div x-data="refusionLanguageSwitcher"
2541         data-ui-id="language-switcher"
2542         x-on:click="toggle"
2543         x-on:click.away="close"
2544         class="switcher language switcher-language flex xl:relative text-sm"
2545         id="switcher-language">
2546                    
2547
2548                            <div class="flex lg:last:border-0 lg:last:border-t-0 lg:last:border-b-0 lg:last:border-gray-300 order-1 lg:order-none z-40">
2549                    <span class="flex items-center lg:font-bold px-4 py-3 text-gray transition cursor-pointer lg:cursor-auto uppercase xl:hidden"
2550                          :class="getBackgroundClasses">
2551                       De                        <span class="relative xl:hidden top-px ml-1.5 transform transition rotate-90"
2552                              :class="getRotateClasses">
2553                            <svg xmlns="http://www.w3.org/2000/svg" class="text-current" fill="none" viewBox="0 0 24 24" stroke="currentColor" width="14" height="14" role="img"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 5 7 7-7 7"/><title>chevron-right</title></svg>
2554                        </span>
2555                    </span>
2556                </div>
2557            
2558                    
2559
2560            
2561                                                    
2562
2563            <div class="language-switcher flex-col xl:flex-row flex w-full order-2 xl:order-none absolute xl:relative left-0 z-40 bg-white text-black xl:bg-transparent transform translate-y-full xl:translate-y-0 shadow-3xl xl:shadow-none transition-all opacity-0 xl:opacity-100"
2564                 :class="getPointersClasses"
2565                 x-cloak>
2566                <a class="relative w-full z-50 p-4 xl:p-1 xl:py-0 text-black font-bold transition flex items-center justify-between" href="https://www.vedia.ch/fr/i-contact/" onclick="window.gtag && gtag('event', 'Change-Language', {'event_category' : 'Header', 'event_label' : 've_fr'});" x-cloak>  Deutsch <span class="text-primary xl:hidden"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" width="16" height="16" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="stroke-primary" role="img"><path d="M20 6 9 17l-5-5"/><title>check</title></svg>
2567</span></a>
2568                <span class="text-gray-500 hidden xl:inline-block">/</span>
2569                <a class="relative w-full z-50 text-black transition p-4 xl:p-1 xl:py-0" href="https://www.vedia.ch/fr/i-contact/" onclick="window.gtag && gtag('event', 'Change-Language', {'event_category' : 'Header', 'event_label' : 've_fr'});" x-cloak>
2570                        Français                    </a>
2571
2572                </div>
2573            
2574            </div>
2575<script>
2576    'use strict';
2577    function refusionLanguageSwitcher() {
2578        return {
2579            open: false,
2580            toggle() {
2581                this.open = !this.open;
2582            },
2583            close() {
2584                this.open = false;
2585            },
2586            getBackgroundClasses() {
2587                if (this.open)
2588                   return 'bg-gray-200 xl:bg-white text-black xl:hidden';
2589                else
2590                    return '';
2591            },
2592            getRotateClasses() {
2593                if (this.open)
2594                    return '-rotate-90';
2595                else
2596                    return 'rotate-90';
2597            },
2598            getPointersClasses() {
2599                if (this.open)
2600                    return 'bottom-0 xl:bottom-0 xl:transform-none xl:transition-none opacity-100 pointer-events-auto';
2601                else
2602                    return '-bottom-4 xl:bottom-0 pointer-events-none xl:pointer-events-auto';
2603            }
2604        }
2605    }
2606    window.addEventListener('alpine:init', () => {Alpine.data('refusionLanguageSwitcher', refusionLanguageSwitcher)}, {once: true})
2607</script>
2607
2608
2609                    </div>
2610                </div>
2611                <div class="absolute hidden xl:block top-[70vh] right-0 xl:top-0 z-60 w-full xl:w-auto bg-white md:bg-transparent pb-40 md:pb-0 md:border-t-none lg:relative -translate-y-20 md:translate-y-0 left-0 lg:right-auto md:left-auto transform transition" :class="[menuOpen ? 'translate-y-0 opacity-100 pointer-events-auto' : '-translate-y-4 md:translate-y-0 opacity-0 xl:opacity-100 pointer-events-none xl:pointer-events-auto',  stickyHeader ? 'xl:hidden' : '']" x-cloak>
2612                    
2613    <div x-data="refusionLanguageSwitcher"
2614         data-ui-id="language-switcher"
2615         x-on:click="toggle"
2616         x-on:click.away="close"
2617         class="switcher language switcher-language flex xl:relative text-sm"
2618         id="switcher-language">
2619                    
2620
2621                            <div class="flex lg:last:border-0 lg:last:border-t-0 lg:last:border-b-0 lg:last:border-gray-300 order-1 lg:order-none z-40">
2622                    <span class="flex items-center lg:font-bold px-4 py-3 text-gray transition cursor-pointer lg:cursor-auto uppercase xl:hidden"
2623                          :class="getBackgroundClasses">
2624                       De                        <span class="relative xl:hidden top-px ml-1.5 transform transition rotate-90"
2625                              :class="getRotateClasses">
2626                            <svg xmlns="http://www.w3.org/2000/svg" class="text-current" fill="none" viewBox="0 0 24 24" stroke="currentColor" width="14" height="14" role="img"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 5 7 7-7 7"/><title>chevron-right</title></svg>
2627                        </span>
2628                    </span>
2629                </div>
2630            
2631                    
2632
2633            
2634                                                    
2635
2636            <div class="language-switcher flex-col xl:flex-row flex w-full order-2 xl:order-none absolute xl:relative left-0 z-40 bg-white text-black xl:bg-transparent transform translate-y-full xl:translate-y-0 shadow-3xl xl:shadow-none transition-all opacity-0 xl:opacity-100"
2637                 :class="getPointersClasses"
2638                 x-cloak>
2639                <a class="relative w-full z-50 p-4 xl:p-1 xl:py-0 text-black font-bold transition flex items-center justify-between" href="https://www.vedia.ch/fr/i-contact/" onclick="window.gtag && gtag('event', 'Change-Language', {'event_category' : 'Header', 'event_label' : 've_fr'});" x-cloak>  Deutsch <span class="text-primary xl:hidden"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" width="16" height="16" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="stroke-primary" role="img"><path d="M20 6 9 17l-5-5"/><title>check</title></svg>
2640</span></a>
2641                <span class="text-gray-500 hidden xl:inline-block">/</span>
2642                <a class="relative w-full z-50 text-black transition p-4 xl:p-1 xl:py-0" href="https://www.vedia.ch/fr/i-contact/" onclick="window.gtag && gtag('event', 'Change-Language', {'event_category' : 'Header', 'event_label' : 've_fr'});" x-cloak>
2643                        Français                    </a>
2644
2645                </div>
2646            
2647            </div>
2648<script>
2649    'use strict';
2650    function refusionLanguageSwitcher() {
2651        return {
2652            open: false,
2653            toggle() {
2654                this.open = !this.open;
2655            },
2656            close() {
2657                this.open = false;
2658            },
2659            getBackgroundClasses() {
2660                if (this.open)
2661                   return 'bg-gray-200 xl:bg-white text-black xl:hidden';
2662                else
2663                    return '';
2664            },
2665            getRotateClasses() {
2666                if (this.open)
2667                    return '-rotate-90';
2668                else
2669                    return 'rotate-90';
2670            },
2671            getPointersClasses() {
2672                if (this.open)
2673                    return 'bottom-0 xl:bottom-0 xl:transform-none xl:transition-none opacity-100 pointer-events-auto';
2674                else
2675                    return '-bottom-4 xl:bottom-0 pointer-events-none xl:pointer-events-auto';
2676            }
2677        }
2678    }
2679    window.addEventListener('alpine:init', () => {Alpine.data('refusionLanguageSwitcher', refusionLanguageSwitcher)}, {once: true})
2680</script>
2680
2681
2682                </div>
2683                <div class="mr-0 top-0 xl:top-0 right-10 py-0 xl:left-0 lg:right-inherit z-30 search-remove transform translate-y-0 absolute xl:relative" :class="stickyHeader ? 'xl:hidden xl:mt-auto' : 'xl:mt-0'">
2684                    
2685<div x-data="{ isOpened: false }" @click.outside="isOpened = false" class="relative inline-block lg:mr-0">
2686            <a aria-label="Zum Benutzerprofil gehen" class="flex items-center text-sm text-gray pt-5 xl:pt-4 py-4 px-2 mx-2 xl:px-5" onclick="hyva.setCookie && hyva.setCookie(
2687            'login_redirect',
2688            window.location.href,
2689            1
2690            )" href="https://www.vedia.ch/customer/account/index/">
2691            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 19" class="mr-0 sm:mr-3 h-[20px] xl:h-[14px] text-gray-600" width="20" height="20" role="img"><g transform="translate(1 1)" stroke="currentColor" stroke-width="1.5" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M15 16.625V14.75A3.75 3.75 0 0 0 11.25 11h-7.5A3.75 3.75 0 0 0 0 14.75v1.875"/><circle cx="7.75" cy="3.75" r="3.75"/></g><title>user</title></svg>
2692            <span class="hidden xl:block">
2693                Anmelden            </span>
2694        </a>
2695    
2696    <nav class="dropdown-arrow sm-left-md-right absolute -right-10 w-screen sm:w-auto xl:left-auto sm:right-0 z-40 bg-white transform translate-y-full sm:shadow-3xl transition-all sm:border border-gray-300"
2697         :class="isOpened ? '-bottom-2.5 border-0 sm:-bottom-4 opacity-100 pointer-events-auto dropdown-backdrop' : 'bottom-4 sm:border opacity-0 pointer-events-none'"
2698         x-cloak
2699         aria-labelledby="customer-menu">
2700            </nav>
2701</div>
2702                </div>
2703            </div>
2704        </div>
2705    </div>
2706    <div x-cloak class="z-20 mx-auto xl:container flex flex-wrap header-height items-center justify-between md:justify-start w-full md:pr-0 md:pl-0 md:pt-4 mx-auto mt-[13px] md:mt-0 bg-white sm:bg-primary-light transition" :class="stickyHeader ? 'pb-5' : 'pb-3 xl:pt-5 xl:pb-[36px]'">
2707        <button @click="menuOpen = !menuOpen;fixContent()" class="relative w-3/12 xl:w-auto order-3 xl:order-3 flex items-center xl:hidden px-4 pt-[9px] xl:pt-5 pb-3 transition border-r border-transparent z-20" x-cloak>
2708            <span x-show="!menuOpen" class="w-6">
2709                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="h-5 text-gray md:text-primary" role="img"><path d="M1 4h18M1 10h18M1 16h18" stroke="#404040" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><title>menu</title></svg>
2710            </span>
2711            <span x-show="menuOpen" class="w-6 text-black pl-1">
2712                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15" class="h-3 mt-2 fill-inherit" width="15" height="15" aria-hidden="true"><path d="M6.26 7.461.248 1.451A.85.85 0 0 1 1.451.249l6.01 6.01 6.01-6.01a.85.85 0 0 1 1.203 1.202l-6.01 6.01 6.01 6.01a.85.85 0 0 1-1.202 1.203l-6.01-6.01-6.011 6.01a.85.85 0 0 1-1.202-1.202l6.01-6.01z" fill="currentColor" fill-rule="evenodd"/></svg>
2713            </span>
2714        </button>
2715
2716
2717        <div class="order-4 xl:order-2 md:mt-4 lg:mt-0" :class="stickyHeader ? 'mx-3 sm:mx-4 xl:ml-auto xl:mr-0 w-full xl:w-8/12' : 'w-full xl:w-10/12 mx-3 sm:mx-4 xl:mx-0'">
2718            
2718<script>
2719    'use strict';
2720
2721    function initMiniSearch() {
2722        return {
2723            searchInputValue: false,
2724            minSearchLength: 0,
2725            results: [],
2726            suggestions: [],
2727            endpoint: "https://main-gw1.wi-platform-cloud.com/narrative/lehner_vedia/api/1",
2728            imageUrl: "https://www.vedia.ch/media/catalog/product/cache/118c277d36880e995352bb5114dbca5e/",
2729            discountUpTo: "bis zu -%1%",
2730            discountRegular: "-%1%",
2731            isOpen: false,
2732            stickyHeader: false,
2733            initialHeight: window.innerHeight,
2734            typedChars: '',
2735            getBoxalinoParameters() {
2736                let json = {"username":"lehner_vedia","apiKey":"b0f3e046-6d7c-4701-9128-972bd63df3cb","widget":"autocomplete","dev":false,"test":false,"hitCount":5,"language":"de","groupBy":"products_group_id","acQueriesHitCount":6,"acHighlight":true,"acHighlightPre":"<em>","acHighlightPost":"</em>","filters":[{"field":"visibility","values":[3,4]},{"field":"status","values":[1]}],"queries":[{"name":"brand","minHitcount":3},{"name":"categories","minHitcount":4}
2736]};
2737                json.sessionId = this.getApiSessionId();
2738                json.profileId = this.getApiProfileId();
2739                json.query = this.$refs.searchInput.value;
2740                return JSON.stringify(json)
2741            },
2742            stringReplace(str) {
2743                if (str.toString() === '')
2744                    return "https://www.vedia.ch/static/version1790063611/frontend/Vedia/hyva/de_CH/Magento_Catalog/images/product/placeholder/image.jpg";
2745                return this.imageUrl
2746                    + str.toString().replace('media/catalog/product/', '');
2747            },
2748            setResults(result) {
2749                let results = result.blocks;
2750                this.results = [];
2751                for (let i = 0; i < results.length; ++i) {
2752                    if (results[i]['content'][0] === 'product')
2753                        this.results['products'] = results[i];
2754
2755                    if (results[i]['content'][0] != 'suggestion')
2756                        continue;
2757
2758                    if (results[i]['accessor'][0] === '')
2759                        this.results['suggestions'] = results[i];
2760
2761                    if (results[i].accessor[0].search('categories') > 0)
2762                        this.results['categories'] = results[i];
2763
2764                    if (results[i].accessor[0].search('brand') > 0)
2765                        this.results['brands'] = results[i];
2766
2767                    if (results[i].accessor[0].search('TRENDS') > 0)
2768                        this.results['trends'] = results[i];
2769                }
2770                return this.results;
2771            },
2772            getCookie(name) {
2773                let arg = name + '=',
2774                    aLength = arg.length,
2775                    cookie = document.cookie,
2776                    cLength = cookie.length,
2777                    i = 0,
2778                    j = 0;
2779
2780                while (i < cLength) {
2781                    j = i + aLength;
2782
2783                    if (cookie.substring(i, j) === arg) {
2784                        return this.getCookieVal(j);
2785                    }
2786                    i = cookie.indexOf(' ', i) + 1;
2787
2788                    if (i === 0) {
2789                        break;
2790                    }
2791                }
2792                return null;
2793            },
2794            getCookieVal(offset) {
2795                let cookie = document.cookie,
2796                    endstr = cookie.indexOf(';', offset);
2797
2798                if (endstr === -1) {
2799                    endstr = cookie.length;
2800                }
2801
2802                return decodeURIComponent(cookie.substring(offset, endstr));
2803            },
2804            getApiProfileId() {
2805                return this.getCookie('cemv');
2806            },
2807            getApiRequestUrl() {
2808                return this.endpoint
2809                    + '?profileId='
2810                    + encodeURIComponent(this.getApiProfileId());
2811            },
2812            getApiSessionId() {
2813                return this.getCookie('cems');
2814            },
2815            suggest() {
2816                const term = this.$refs.searchInput.value;
2817                this.typedChars = this.$refs.searchInput.value;
2818                if (term.length >= this.minSearchLength) {
2819                    this.fetchBoxalino();
2820                }
2821            },
2822            async fetchBoxalino() {
2823                let requestData = this.getBoxalinoParameters();
2824
2825                try {
2826                    await fetch(
2827                        this.getApiRequestUrl(),
2828                        {
2829                            headers: {
2830                                'Accept': 'application/json',
2831                                'Content-Type': 'application/json'
2832                            },
2833                            method: "POST",
2834                            cache: "no-cache",
2835                            mode: "cors",
2836                            body: requestData
2837                        }
2838                    )
2839                        .then(response => response.json())
2840                        .then(result => this.setResults(result));
2841                } catch (e) {
2842                    console.log('Autocomplete error: ', e, requestData);
2843                    this.fetchSuggestions(this.$refs.searchInput.value); //fallback
2844                }
2845            },
2846            fetchSuggestions(term) {
2847                fetch(
2848                    window.BASE_URL + 'search/ajax/suggest?' + new URLSearchParams({
2849                        q: term
2850                    }), {
2851                        headers: {
2852                            'X-Requested-With': 'XMLHttpRequest'
2853                        }
2854                    }
2855                )
2856                    .then(response => response.json())
2857                    .then(result => this.suggestions = result);
2858            },
2859            search(term) {
2860                this.$refs.searchInput.value = term;
2861                document.getElementById('search_mini_form').submit();
2862            },
2863            autocomplete(term) {
2864                this.$refs.searchInput.value = term;
2865                this.searchInputValue = true;
2866                this.fetchBoxalino();
2867            },
2868            hasSpecialPrice(oldPrice, specialPrice) {
2869
2870                if (!oldPrice || !specialPrice) {
2871                    return false;
2872                }
2873
2874                return oldPrice.length > 0 && specialPrice.length > 0 && (oldPrice[0] !== specialPrice[0]);
2875            },
2876            focusElement(element) {
2877                if (element && element.nodeName === "DIV") {
2878                    element.focus();
2879                    return true;
2880                } else {
2881                    return false;
2882                }
2883            },
2884            getProductUrl(url) {
2885                const baseUrl = "https://www.vedia.ch/";
2886                return baseUrl + url;
2887            },
2888            displayResultCount() {
2889                return this.$refs.searchInput.value;
2890            },
2891            getSearchResultUrl() {
2892                const baseUrl = "https://www.vedia.ch/";
2893                return baseUrl + 'catalogsearch/result/?q=' + this.$refs.searchInput.value;
2894            },
2895
2896            checkOpen() {
2897                let initialViewportHeight = window.innerHeight;
2898                let _body = document.querySelector('body');
2899                let _html = document.querySelector('html');
2900                _body.classList.remove('searchOpened');
2901                _html.classList.remove('searchOpened');
2902                if (this.isOpen) {
2903                    _body.classList.add('searchOpened');
2904                    _html.classList.add('searchOpened');
2905                } else {
2906                    _html.classList.remove('searchOpened');
2907                }
2908
2909
2910                function adjustWrapperHeight() {
2911                    const wrapper = document.querySelector('.h-safe');
2912                    const viewportHeight = window.innerHeight;
2913                    const keyboardHeight = 108;
2914
2915                    const activeElement = document.activeElement;
2916                    const currentViewportHeight = window.innerHeight - keyboardHeight;
2917                    wrapper.style.maxHeight = `${currentViewportHeight}px`;
2918                    activeElement.scrollIntoView({behavior: 'smooth', block: 'center'});
2919
2920                }
2921
2922                if(window.matchMedia('(max-width: 768px)').matches) {
2923                    adjustWrapperHeight();
2924                    window.addEventListener('resize', adjustWrapperHeight);
2925                    window.addEventListener('focus', adjustWrapperHeight);
2926                    window.addEventListener('orientationchange', () => {
2927                        initialViewportHeight = window.innerHeight;
2928                        adjustWrapperHeight();
2929                    });
2930                }
2931            },
2932
2933            checkClose() {
2934                let _body = document.querySelector('body');
2935                let _html = document.querySelector('html');
2936                _body.classList.remove('searchOpened');
2937                _html.classList.remove('searchOpened');
2938                if (!this.isOpen) {
2939                    _body.classList.remove('searchOpened');
2940                    _html.classList.remove('searchOpened');
2941                }
2942            },
2943
2944            removeTerm() {
2945                this.$refs.searchInput.value = '';
2946                this.$refs.searchInput.focus();
2947                this.suggest();
2948            },
2949
2950            getPrefixByProductId(product) {
2951                let discountPrices = product.product_group_sales_price_distincts ?? 0;
2952                return discountPrices > 1 ? "ab" : '';
2953            },
2954
2955            getDiscountString(minDiscount, maxDiscount) {
2956                if (maxDiscount && maxDiscount > 0) {
2957                    const discount = Math.floor(100 * parseFloat(maxDiscount));
2958                    if (Math.abs(maxDiscount * 100 - minDiscount * 100) > 0.1) {
2959                        return this.discountUpTo.replace('%1', discount.toString());
2960                    } else {
2961                        return this.discountRegular.replace('%1', discount.toString());
2962                    }
2963                }
2964                return '';
2965            }
2966        }
2967    }
2968
2969    function preventJump() {
2970        if(window.matchMedia('(max-width: 768px)').matches) {
2971            setTimeout(() => {
2972                window.scrollTo(0, 0);
2973                document.body.scrollTop = 0;
2974            }, 100)
2975        }
2976    }
2977
2978</script>
2978
2979<div x-data="initMiniSearch()" class="flex mt-4 md:mt-0">
2980
2981    <div id="search-arrow" @click="isOpen = false; checkClose()"
2982         class="absolute z-30 bottom-[16px] left-[16px] p-2 md:bottom-11 sm:hidden" :class="isOpen ? '' : 'hidden'">
2983        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" class="ml-2 text-primary" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
2984    </div>
2985    <div class="w-full xl:relative" @click.away="isOpen = false; checkClose();"
2986         @keydown.esc="isOpen = false" @scroll.window="stickyHeader = window.pageYOffset > 50 ? true : false;">
2987        <span @click="removeTerm()" class="absolute bottom-[21px] sm:bottom-11 md:bottom-1 right-20 z-50 p-2"
2988              :class="isOpen === false ? 'hidden' : ''"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15" class="text-black font-bold" width="12" height="12" role="img"><path d="M6.26 7.461.248 1.451A.85.85 0 0 1 1.451.249l6.01 6.01 6.01-6.01a.85.85 0 0 1 1.203 1.202l-6.01 6.01 6.01 6.01a.85.85 0 0 1-1.202 1.203l-6.01-6.01-6.011 6.01a.85.85 0 0 1-1.202-1.202l6.01-6.01z" fill="currentColor" fill-rule="evenodd"/><title>close</title></svg>
2989</span>
2990
2991        <form class="form minisearch" id="search_mini_form"
2992             action="https://www.vedia.ch/catalogsearch/result/" method="get">
2993            <div class="relative">
2994
2995                <label class="hidden" for="search" data-role="minisearch-label">
2996                    <span>Suchen</span>
2997                </label>
2998
2999                <input onfocus="preventJump()"
3000                       @input="$event.target.value.length >= minSearchLength ? searchInputValue = true : searchInputValue = false"
3001                       id="search" x-ref="searchInput" type="text" autocomplete="off"
3002                       name="q"
3003                       value=""
3004                       placeholder="Suche"
3005                       maxlength="128"
3006                       class="relative z-10 w-full max-h-[40px] py-[10px] pr-28 sm:pl-6 text-sm transition appearance-none text-grey-800
3007                    focus:outline-none focus:border-transparent -rounded-full"
3008                       :class="isOpen ? 'pl-10' : 'pl-6'"
3009                       @click="suggest;isOpen = true;checkOpen();" @input.debounce.300="suggest"
3010                       @keydown.arrow-down.prevent="focusElement($el.querySelector('[tabindex]'))"/>
3011                <button type="submit" title="Suchen"
3012                        class="action search px-[10px] py-[8px] w-[52px] md:w-[56px] h-[40px] flex justify-center absolute right-0 top-0 z-20 btn btn-primary"
3013                        :disabled="!searchInputValue"
3014                        aria-label="Suchen ">
3015                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-6 h-6 flex-[0_0_auto]" width="25" height="25" role="img">
3016  <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/>
3017<title>search</title></svg>
3018                </button>
3019            </div>
3020            <div id="h-safe"
3021                 class="h-safe relative md:absolute md:-bottom-7 md:left-0 md:right-0 bg-white rounded md:transform md:translate-y-full z-50 shadow-3xl"
3022                 x-show="isOpen">
3023                <div
3024                    class="z-50 p-4 pt-0 flex flex-wrap md:h-auto grid grid-area-c overflow-hidden">
3025                    <!-- trends-->
3026                    <template x-if="results['trends'] && results['trends'].blocks.length > 0">
3027                        <div class="pt-3 pb-2 w-full">
3028                            <h4 class="p-2 font-medium" x-text="results['trends'].title"></h4>
3029                            <div
3030                                class=" w-full leading-normal transition appearance-none text-grey-800 flex-col mt-1 text-primary">
3031                                <template x-for="trend in results['trends'].blocks">
3032                                    <div
3033                                        class="flex justify-between items-center py-2 border-b border-gray-200 hover:bg-container-darker cursor-pointer">
3034                                        <div class="flex px-2 py-1 cursor-pointer" tabindex="0"
3035                                             @keydown.enter="search(trend['bx-acQuery'].suggestion)"
3036                                             @keydown.arrow-up.prevent="
3037                                    focusElement($event.target.previousElementSibling) || $refs.searchInput.focus()
3038                                " @keydown.arrow-down.prevent="focusElement($event.target.nextElementSibling)"
3039                                             @click="search(trend['bx-acQuery'].suggestion)">
3040                                            <div class="flex">
3041                                                <span
3042                                                    class="suggestion-name text-base text-gray-900 capitalize bg-transparent"
3043                                                    x-text="trend['bx-acQuery'].suggestion"></span>
3044                                            </div>
3045                                        </div>
3046                                        <span class="self-center cursor-pointer"
3047                                              @click="autocomplete(trend['bx-acQuery'].suggestion)"><svg xmlns="http://www.w3.org/2000/svg" class="mx-2  text-gray-900 basis-auto self-end" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" width="18" height="18" role="img"><path d="M0 0h24v24H0z" stroke="none"/><path d="m7 7 10 10M16 7H7v9"/><title>external</title></svg>
3048</span>
3049                                    </div>
3050                                </template>
3051                            </div>
3052                        </div>
3053                    </template>
3054                    <!-- suggestions-->
3055                    <template x-if="results['suggestions'] && results['suggestions'].blocks.length > 0">
3056                        <div class="pt-3 pb-2 w-full">
3057                            <div
3058                                class=" w-full leading-normal transition appearance-none text-grey-800 flex-col mt-1 text-primary m-autocomplete--suggestions-area">
3059                                <template x-for="suggestion in results['suggestions'].blocks">
3060                                    <div
3061                                        class="flex justify-between items-center py-2 border-b border-gray-200 hover:bg-container-darker cursor-pointer">
3062                                        <div class="flex px-2 py-1 cursor-pointer" tabindex="0"
3063                                             @keydown.enter="search(suggestion['bx-acQuery'].suggestion)"
3064                                             @keydown.arrow-up.prevent="
3065                                    focusElement($event.target.previousElementSibling) || $refs.searchInput.focus()
3066                                " @keydown.arrow-down.prevent="focusElement($event.target.nextElementSibling)"
3067                                             @click="search(suggestion['bx-acQuery'].suggestion)">
3068                                            <div class="flex">
3069
3070
3071                                                <span
3072                                                    class="suggestion-name text-base text-gray-900 capitalize bg-transparent"
3073                                                    x-html="suggestion['bx-acQuery'].highlighted ? suggestion['bx-acQuery'].highlighted.replaceAll('<em>', '<em class=&quot;not-italic font-bold lowercase&quot;>') : suggestion['bx-acQuery'].suggestion"></span>
3074                                            </div>
3075                                        </div>
3076                                        <span class="self-center cursor-pointer"
3077                                              @click="autocomplete(suggestion['bx-acQuery'].suggestion)"><svg xmlns="http://www.w3.org/2000/svg" class="mx-2 text-gray-900 basis-auto self-end" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" width="18" height="18" role="img"><path d="M0 0h24v24H0z" stroke="none"/><path d="m7 7 10 10M16 7H7v9"/><title>external</title></svg>
3078</span>
3079                                    </div>
3080                                </template>
3081                            </div>
3082                        </div>
3083                    </template>
3084
3085                    <!-- products-->
3086                    <template x-if="results['products'] && results['products'].blocks.length > 0">
3087                        <div
3088                            class="pt-3 pb-2 w-full m-autocomplete--products-area md:ml-4 md:h-3/4 md:overflow-y-auto xl:h-auto xl:overflow-visible">
3089                            <h4 class="p-2 font-medium" x-text="results['products'].title"></h4>
3090                            <div class=" w-full leading-normal transition appearance-none text-grey-800 flex-col mt-1">
3091                                <template x-for="product in results['products'].blocks">
3092                                    <a :href="getProductUrl(product['bx-hit'].selected_link)" tabindex="0">
3093                                        <div class="flex items-center p-2 bg-container-lighter even:bg-container cursor-pointer
3094                                        border border-container hover:bg-container-darker"
3095                                             @keydown.enter="search(product['bx-hit'].selected_title)"
3096                                             @keydown.arrow-up.prevent="focusElement($event.target.previousElementSibling) || $refs.searchInput.focus()"
3097                                             @keydown.arrow-down.prevent="focusElement($event.target.nextElementSibling)">
3098                                            <div class="product-image w-[15%] h-[15%] mr-4 basis-auto"><img
3099                                                    class="object-cover border border-gray-300 basis-full"
3100                                                    :src="`${stringReplace(product['bx-hit'].selected_image)}`"/>
3101                                            </div>
3102
3103                                            <div class="flex flex-col">
3104                                                <span class="product-name text-base text-gray-900 font-light order-2"
3105                                                      x-text="product['bx-hit'].selected_title"></span>
3106                                                <template
3107                                                    x-if="hasSpecialPrice(product['bx-hit'].selected_sales_price, product['bx-hit'].selected_list_price)">
3108                                                    <div class="flex items-center">
3109                                                        <span class="special-price">
3110                                                            <span class="price-container price-final_price tax flex gap-0.5">
3111                                                                <span class="price-prefix text-lg text-gray-900" x-text="getPrefixByProductId(product['bx-hit'])"></span>
3112                                                                <span id="old-price" class="price-wrapper">
3113                                                                     <span class="price text-lg font-extrabold text-gray-900 mr-2"
3114                                                                         x-text="hyva.formatPrice(product['bx-hit'].selected_sales_price)">
3115                                                                     </span>
3116                                                                </span>
3117                                                            </span>
3118                                                        </span>
3119                                                        <span class="old-price sly-old-price line-through text-gray-400 text-sm mr-1">
3120                                                            <span class="price-container price-final_price tax flex gap-0.5">
3121                                                                <span class="price-prefix text-sm text-secondary font-normal" x-text="getPrefixByProductId(product['bx-hit'])"></span>
3122                                                                <span id="old-price" class="price-wrapper">
3123                                                                    <span class="price text-sm text-secondary font-normal"
3124                                                                          x-text="hyva.formatPrice(product['bx-hit'].selected_list_price)">
3125                                                                    </span>
3126                                                                </span>
3127                                                            </span>
3128                                                        </span>
3129                                                        <span class="badge sale items-center justify-center bg-red text-white rounded-full px-3 flex" x-show="getDiscountString(product['bx-hit'].product_group_discount_percent_min, product['bx-hit'].product_group_discount_percent_max) !== ''">
3130                                                            <span class="promotion-badge sale text-white text-sm font-semibold items-center rounded-full" x-text="getDiscountString(product['bx-hit'].product_group_discount_percent_min, product['bx-hit'].product_group_discount_percent_max)"></span>
3131                                                        </span>
3132                                                    </div>
3133                                                </template>
3134                                                <template
3135                                                    x-if="!hasSpecialPrice(product['bx-hit'].selected_sales_price, product['bx-hit'].selected_list_price)">
3136                                                <span class="price-container price-final_price tax flex gap-0.5">
3137                                                    <span class="price-prefix text-lg text-gray-900" x-text="getPrefixByProductId(product['bx-hit'])"></span>
3138                                                    <span id="old-price" class="price-wrapper">
3139                                                        <span class="price text-lg font-extrabold text-gray-900"
3140                                                              x-text="hyva.formatPrice(product['bx-hit'].selected_list_price)"></span>
3141                                                    </span>
3142                                                </span>
3143                                                </template>
3144                                            </div>
3145                                        </div>
3146                                    </a>
3147                                </template>
3148                            </div>
3149                        </div>
3150                    </template>
3151                    <div class="m-autocomplete--extras-area">
3152
3153                        <!-- categories-->
3154                        <template x-if="results['categories'] && results['categories'].blocks.length > 0">
3155                            <div class="pt-3 pb-2">
3156                                <h4 class="p-2" x-text="results['categories'].title"></h4>
3157                                <div
3158                                    class=" w-full leading-normal transition appearance-none text-grey-800 flex-col mt-1 text-primary">
3159                                    <template x-for="category in results['categories'].blocks">
3160                                        <div class="flex justify-between items-center">
3161                                            <div class="flex px-2 py-1 bg-container-lighter even:bg-container cursor-pointer
3162                                        border border-container hover:bg-container-darker" tabindex="0"
3163                                                 @keydown.enter="search(category['bx-acQuery'].suggestion)"
3164                                                 @keydown.arrow-up.prevent="
3165                                    focusElement($event.target.previousElementSibling) || $refs.searchInput.focus()
3166                                " @keydown.arrow-down.prevent="focusElement($event.target.nextElementSibling)"
3167                                                 @click="search(category['bx-acQuery'].suggestion)">
3168                                                <span
3169                                                    class="text-primary"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="stroke-current mr-2 basis-auto" width="18" height="18" role="img"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/><title>search</title></svg>
3170</span>
3171                                                <strong class="category-name text-sm"
3172                                                        x-html="category['bx-acQuery'].highlighted ? category['bx-acQuery'].highlighted.replaceAll('<em>', '<em class=&quot;not-italic font-bold lowercase&quot;>') : category['bx-acQuery'].suggestion"></strong>
3173                                            </div>
3174                                            <span class="z-50 self-center cursor-pointer"
3175                                                  @click="autocomplete(category['bx-acQuery'].suggestion)"><svg xmlns="http://www.w3.org/2000/svg" class="mx-2 text-primary basis-auto self-end" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" width="18" height="18" role="img"><path d="M0 0h24v24H0z" stroke="none"/><path d="m7 7 10 10M16 7H7v9"/><title>external</title></svg>
3176</span>
3177
3178                                        </div>
3179
3180                                    </template>
3181                                </div>
3182                            </div>
3183                        </template>
3184                        <!-- brands-->
3185                        <template x-if="results['brands'] && results['brands'].blocks.length > 0">
3186                            <div class="pt-3 pb-2">
3187                                <h4 class="p-2" x-text="results['brands'].title"></h4>
3188                                <div
3189                                    class=" w-full leading-normal transition appearance-none text-grey-800 flex-col mt-1 text-primary">
3190                                    <template x-for="brand in results['brands'].blocks">
3191                                        <div class="flex items-center">
3192                                            <div class="flex px-2 py-1 bg-container-lighter even:bg-container cursor-pointer
3193                                        border border-container hover:bg-container-darker" tabindex="0"
3194                                                 @keydown.enter="search(brand['bx-acQuery'].suggestion)"
3195                                                 @keydown.arrow-up.prevent="
3196                                    focusElement($event.target.previousElementSibling) || $refs.searchInput.focus()
3197                                " @keydown.arrow-down.prevent="focusElement($event.target.nextElementSibling)"
3198                                                 @click="search(brand['bx-acQuery'].suggestion)">
3199                                                <div class="flex">
3200                                                    <span
3201                                                        class="text-primary"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-2 stroke-current basis-auto" width="18" height="18" role="img"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/><title>search</title></svg>
3202</span>
3203                                                    <span class="brand-name text-sm" x-text="typedChars"
3204                                                          x-show="brand['bx-acQuery'].suggestion.toLowerCase().includes(typedChars.toLowerCase())"></span>
3205                                                </div>
3206                                                <strong class="brand-name text-sm"
3207                                                        :class="(brand['bx-acQuery'].suggestion).toLowerCase().replace(typedChars.toLowerCase().trim(), '').startsWith(' ') ? 'ml-1' : ''"
3208                                                        x-text="(brand['bx-acQuery'].suggestion).toLowerCase().replace(typedChars.toLowerCase(), '')"
3209                                                        @click="`${search(brand['bx-acQuery'].suggestion)}`"></strong>
3210                                            </div>
3211                                            <span class="ml-auto z-50 self-center cursor-pointer"
3212                                                  @click="autocomplete(brand['bx-acQuery'].suggestion)"><svg xmlns="http://www.w3.org/2000/svg" class="mr-2 text-primary basis-auto self-end ml-auto" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" width="18" height="18" role="img"><path d="M0 0h24v24H0z" stroke="none"/><path d="m7 7 10 10M16 7H7v9"/><title>external</title></svg>
3213</span>
3214
3215                                        </div>
3216
3217                                    </template>
3218                                </div>
3219                            </div>
3220                        </template>
3221                        <div class="spacer"></div>
3222                    </div>
3223
3224                    <!-- fallback-->
3225                    <template x-if="suggestions.length > 0">
3226                        <div
3227                            class=" w-full leading-normal transition appearance-none text-grey-800 hidden flex-col mt-1 m-autocomplete--suggestions-area">
3228                            <template x-for="suggestion in suggestions">
3229                                <div class="flex px-2 py-1 bg-container-lighter even:bg-container cursor-pointer
3230                                    border border-container hover:bg-container-darker" tabindex="0"
3231                                     @click="search(suggestion.title)"
3232                                     @keydown.enter="search(suggestion.title)" @keydown.arrow-up.prevent="
3233                                focusElement($event.target.previousElementSibling) || $refs.searchInput.focus()
3234                            " @keydown.arrow-down.prevent="focusElement($event.target.nextElementSibling)">
3235                                    <span class="suggestion-name" x-text="suggestion.title"></span>
3236                                    <span class="suggestion-number" x-text="suggestion.num_results"></span>
3237                                </div>
3238                            </template>
3239                        </div>
3240                    </template>
3241                </div>
3242            </div>
3243        </form>
3244    </div>
3245</div>
3246
3247        </div>
3248        <div x-cloak class="order-2 md:order-3 absolute top-0.5 right-1 xl:relative xl:top-inherit xl:right-inherit search-remove mb-0.5" :class="stickyHeader ? 'xl:ml-2' : 'xl:ml-auto'">
3249            <div class="flex items-center" x-ref="cartTracking"
3250                 data-cart-subtotal="0"
3251                 data-cart-grand-total="0"
3252                 data-cart-discount-total="0"
3253                 data-cart-items-count="0"
3254                 data-cart-items="[]">
3255                <!--Cart Icon-->
3256                <a id="menu-cart-icon"  class="relative flex ml-0 sm:ml-1 no-underline border-0 btn btn-cart xl:bg-white xl:border xl:border-gray-border xl:text-gray-900 less-padding px-2 xl:px-6 mx-2 xl:ml-3 pt-[19px] md:pt-[16px] xl:py-3" href="https://www.vedia.ch/checkout/cart/">
3257                    <div class="relative text-primary">
3258                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" class="h-5 w-5 md:h-6 md:w-6 stroke-current" width="25" height="25" role="img"><path d="M6.636 19.273a1.636 1.636 0 1 1 0-3.273 1.636 1.636 0 0 1 0 3.273zm9.819 0a1.636 1.636 0 1 1 0-3.273 1.636 1.636 0 0 1 0 3.273zM4.82 5.09H19l-1.375 6.865a1.636 1.636 0 0 1-1.636 1.318H7.341a1.636 1.636 0 0 1-1.636-1.424L4.46 2.424A1.636 1.636 0 0 0 2.84 1H1" stroke="currentColor" stroke-width="1.5" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"/><title>cart</title></svg>
3259                        <span
3260                            x-text="cart.summary_count"
3261                            class="absolute -top-1 -right-2 xl:-right-2
3262                                     hidden h-4 min-w-4 px-1
3263                                     items-center justify-center
3264                                     rounded-full bg-primary
3265                                     text-[11px] leading-none font-semibold text-white"
3266                            :class="{ 'hidden': !cart.summary_count, 'flex': cart.summary_count }"
3267                        ></span>
3268                    </div>
3269                    <span class="hidden xl:block ml-2.5 xl:font-bold text-sm xl:text-base">
3270                        Warenkorb                    </span>
3271                </a>
3272            </div>
3273        </div>
3274    </div>
3275    <div id="menu-content" class="mx-auto xl:container absolute top-36
3276     w-full left-0 bg-white xl:static mt-px md:mt-2 lg:mt-0 search-remove h-screen xl:h-auto" :class="[menuOpen ? 'flex' : 'hidden', stickyHeader ? 'xl:hidden' : 'xl:flex']">
3277        <div x-data="initMenuDesktop_6ab7e891be13e()"  class="z-10 order-2 sm:order-1 xl:order-2 navigation flex w-full" x-init="checkIsMobileResolution();" @resize.window.debounce="checkIsMobileResolution()" @scroll.window = "stickyHeader = window.pageYOffset > 117 ? true : false" >
3278    <!-- desktop -->
3279    <div x-ref="nav-desktop" @load.window="setActiveMenu($root)" class="xl:block xl:relative min-h-full xl:min-h-0 xl:w-full xl:pt-0 w-full pb-2.5 xl:pb-0">
3280        <nav class="scrollbox h-[calc(100svh-160px)] xl:bg-none xl:bg-transparent pb-44 xl:pb-0 w-full mt-4 xl:mt-0 xl:pt-0 transform transition flex flex-col xl:flex-row xl:justify-start
3281            xl:gap-x-6 relative transition-display ease-out xl:min-h-0 xl:h-auto overflow-y-auto overflow-x-hidden xl:overflow-visible" aria-label="Hauptmen&#xFC;">
3282            <p class="xl:hidden pl-4 text-gray-900 font-bold mt-2 mb-3">Unser Sortiment</p>
3283                            <div class="level-0 xl:py-[12px] border-b xl:border-b-0 border-gray-200 flex justify-between static xl:relative px-4 xl:px-0" @focus="setUrl()" @mouseenter="setUrl(); isExecuted = true; isMobile === false ?  hoverPanelActiveId = 'category-node-284286528'  : null" @mouseleave="isMobile === false ? hoverPanelActiveId = 0 : null">
3284                    <a class="menu-item-hover w-full py-[12px] xl:py-0 xl:w-full font-medium xl:text-[15px] level-0 flex justify-between items-center  whitespace-nowrap text-black xl:text-white hover:text-black" @focus="setUrl()" @click="setUrl(); isMobile ? slideNav($event, 'category-node-284286528') : ''"
3285                       href="https://www.vedia.ch/k-heimtextilien/" title="Heimtextilien">
3286                        <span class="mr-2">Heimtextilien</span>
3287                                                    <span class="transform rotate-360 xl:rotate-90 text-black xl:text-white" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="w-2.5 h-2.5 xl:w-2 xl:h-2 2xl:w-2.5 2xl:h-2.5" width="10" height="10" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
3288</span>
3289                                            </a>
3290                                            <div x-cloak class="js-navigation scrollbox h-[calc(100svh-160px)] pb-44 js-level absolute z-10 level-1 min-h-full pt-4 xl:pt-0 xl:translate-y-full left-0 md:w-full xl:w-auto xl:left-0 w-screen xl:shadow-lg bg-container-lighter transform ease-out md:h-auto xl:pb-0 xl:min-h-full overflow-x-hidden overflow-y-auto md:overflow-y-hidden xl:overflow-visible transition-all category-node-284286528" :class="{
3291                                'xl:opacity-0 top-0 xl:top-auto xl:-bottom-4 xl:pointer-events-none' : hoverPanelActiveId !== 'category-node-284286528',
3292                                'xl:opacity-100 top-0 xl:top-auto xl:bottom-0 xl:pointer-events-auto' : hoverPanelActiveId === 'category-node-284286528',
3293                                'opacity-0 translate-x-2.5 xl:translate-x-0 pointer-events-none': mobilePanelActiveId !== 'category-node-284286528',
3294                                'opacity-100 translate-x-0 pointer-events-auto': mobilePanelActiveId == 'category-node-284286528'
3295                            }">
3296                            <div class="flex pl-4 xl:hidden ">
3297                                <span class="pr-2 left font-bold text-black flex items-center hover:cursor-pointer" @click="mobilePanelActiveId = 0;allowOverflow(0)">
3298                                    <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
3299</span>
3300                                </span>
3301                                <a class="font-bold text-lg text-black" href="https://www.vedia.ch/k-heimtextilien/"><span class="text-lg">Heimtextilien</span></a>
3302                            </div>
3303
3304
3305                            <a class="xl:hidden px-4 text-black flex items-center flex-wrap mt-4 font-bold gap-y-2 border-b border-gray-300 pb-2" href="https://www.vedia.ch/k-heimtextilien/">
3306
3307                                <span class="w-full inline-block font-base font-[500]">Alles entdecken</span>
3308                            </a>
3309                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286531' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3310                                    <a href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/badtextilien/" title="Badtextilien" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286531', 3, 'category-node-284286528') : ''">
3311                                        <span class="xl:text-sm text-gray-900 font-medium">
3312                                            Badtextilien                                        </span>
3313                                                                                    <span class="transform rotate-360 text-gray xl:text-gray" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="fill-inherit w-auto h-2" width="8" height="8" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
3314</span>
3315                                        
3316                                    </a>
3317                                                                    <div x-cloak class="scrollbox h-[calc(100svh-160px)] pb-44 fixed xl:absolute level-2 top-0 left-0 flex flex-col bg-white w-full z-10 overflow-y-auto xl:overflow-y-hidden js-subItem
3318                                    xl:min-h-auto xl:h-auto transform transition pt-4 xl:pt-0 xl:pb-4 xl:shadow-lg" @mouseleave="isMobile === false ?  subMenuCategoryActiveId = 0 : null" :class="[subMenuCategoryActiveId == 'category-node-284286531' ? 'translate-x-0 opacity-100 pointer-events-auto xl:translate-x-full' : 'translate-x-2.5 xl:translate-x-full opacity-0 pointer-events-none', 3 > 16 ? 'h-[70vh]': 'min-h-full']">
3319                                        <div class="flex flex-wrap pl-4 xl:mt-0 font-bold gap-y-2 border-b xl:border-b-0 border-gray-300 pb-2 xl:pb-0">
3320                                            <a class="xl:hidden font-bold text-black flex items-center mr-2" @click.prevent="subMenuCategoryActiveId = 0;allowOverflow(1);" href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/">
3321                                                <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
3322</span>
3323                                            </a>
3324                                            <a class="xl:hidden font-bold text-lg text-black" href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/badtextilien/">Badtextilien</a>
3325                                            <a class="xl:hidden text-black block w-full mt-2" href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/badtextilien/"><span class="inline-block font-[500] font-base">Alles entdecken</span></a>
3326                                        </div>
3327
3328                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/badtextilien/frotteewaesche-handtuecher/">Frotteewäsche & Handtücher</a>
3329                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/badtextilien/badteppiche-badematten/">Badteppiche & Badematten</a>
3330                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/badtextilien/duschvorhaenge/">Duschvorhänge</a>
3331                                                                            </div>
3332
3333                                                                </div>
3334
3335                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286534' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3336                                    <a href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/bettwaesche/" title="Bettw&#xE4;sche" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286534', 7, 'category-node-284286528') : ''">
3337                                        <span class="xl:text-sm text-gray-900 font-medium">
3338                                            Bettwäsche                                        </span>
3339                                                                                    <span class="transform rotate-360 text-gray xl:text-gray" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="fill-inherit w-auto h-2" width="8" height="8" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
3340</span>
3341                                        
3342                                    </a>
3343                                                                    <div x-cloak class="scrollbox h-[calc(100svh-160px)] pb-44 fixed xl:absolute level-2 top-0 left-0 flex flex-col bg-white w-full z-10 overflow-y-auto xl:overflow-y-hidden js-subItem
3344                                    xl:min-h-auto xl:h-auto transform transition pt-4 xl:pt-0 xl:pb-4 xl:shadow-lg" @mouseleave="isMobile === false ?  subMenuCategoryActiveId = 0 : null" :class="[subMenuCategoryActiveId == 'category-node-284286534' ? 'translate-x-0 opacity-100 pointer-events-auto xl:translate-x-full' : 'translate-x-2.5 xl:translate-x-full opacity-0 pointer-events-none', 7 > 16 ? 'h-[70vh]': 'min-h-full']">
3345                                        <div class="flex flex-wrap pl-4 xl:mt-0 font-bold gap-y-2 border-b xl:border-b-0 border-gray-300 pb-2 xl:pb-0">
3346                                            <a class="xl:hidden font-bold text-black flex items-center mr-2" @click.prevent="subMenuCategoryActiveId = 0;allowOverflow(1);" href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/">
3347                                                <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
3348</span>
3349                                            </a>
3350                                            <a class="xl:hidden font-bold text-lg text-black" href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/bettwaesche/">Bettwäsche</a>
3351                                            <a class="xl:hidden text-black block w-full mt-2" href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/bettwaesche/"><span class="inline-block font-[500] font-base">Alles entdecken</span></a>
3352                                        </div>
3353
3354                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/bettwaesche/baumwolle/">Baumwolle</a>
3355                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/bettwaesche/biber-flanell/">Biber & Flanell</a>
3356                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/bettwaesche/jersey/">Jersey</a>
3357                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/bettwaesche/mikrofaser/">Mikrofaser</a>
3358                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/bettwaesche/satin/">Satin</a>
3359                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/bettwaesche/seersucker/">Seersucker</a>
3360                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/bettwaesche/kinderbettwaesche/">Kinderbettwäsche</a>
3361                                                                            </div>
3362
3363                                                                </div>
3364
3365                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286558' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3366                                    <a href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/duvets-kissen/" title="Duvets&#x20;&amp;&#x20;Kissen" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286558', 3, 'category-node-284286528') : ''">
3367                                        <span class="xl:text-sm text-gray-900 font-medium">
3368                                            Duvets &amp; Kissen                                        </span>
3369                                                                                    <span class="transform rotate-360 text-gray xl:text-gray" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="fill-inherit w-auto h-2" width="8" height="8" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
3370</span>
3371                                        
3372                                    </a>
3373                                                                    <div x-cloak class="scrollbox h-[calc(100svh-160px)] pb-44 fixed xl:absolute level-2 top-0 left-0 flex flex-col bg-white w-full z-10 overflow-y-auto xl:overflow-y-hidden js-subItem
3374                                    xl:min-h-auto xl:h-auto transform transition pt-4 xl:pt-0 xl:pb-4 xl:shadow-lg" @mouseleave="isMobile === false ?  subMenuCategoryActiveId = 0 : null" :class="[subMenuCategoryActiveId == 'category-node-284286558' ? 'translate-x-0 opacity-100 pointer-events-auto xl:translate-x-full' : 'translate-x-2.5 xl:translate-x-full opacity-0 pointer-events-none', 3 > 16 ? 'h-[70vh]': 'min-h-full']">
3375                                        <div class="flex flex-wrap pl-4 xl:mt-0 font-bold gap-y-2 border-b xl:border-b-0 border-gray-300 pb-2 xl:pb-0">
3376                                            <a class="xl:hidden font-bold text-black flex items-center mr-2" @click.prevent="subMenuCategoryActiveId = 0;allowOverflow(1);" href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/">
3377                                                <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
3378</span>
3379                                            </a>
3380                                            <a class="xl:hidden font-bold text-lg text-black" href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/duvets-kissen/">Duvets & Kissen</a>
3381                                            <a class="xl:hidden text-black block w-full mt-2" href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/duvets-kissen/"><span class="inline-block font-[500] font-base">Alles entdecken</span></a>
3382                                        </div>
3383
3384                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/duvets-kissen/kissen/">Kissen</a>
3385                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/duvets-kissen/gesundheitskissen/">Gesundheitskissen</a>
3386                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/duvets-kissen/duvets/">Duvets</a>
3387                                                                            </div>
3388
3389                                                                </div>
3390
3391                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286570' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3392                                    <a href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/fixleintuecher-leintuecher/" title="Fixleint&#xFC;cher&#x20;&amp;&#x20;Leint&#xFC;cher" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286570', 5, 'category-node-284286528') : ''">
3393                                        <span class="xl:text-sm text-gray-900 font-medium">
3394                                            Fixleintücher &amp; Leintücher                                        </span>
3395                                                                                    <span class="transform rotate-360 text-gray xl:text-gray" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="fill-inherit w-auto h-2" width="8" height="8" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
3396</span>
3397                                        
3398                                    </a>
3399                                                                    <div x-cloak class="scrollbox h-[calc(100svh-160px)] pb-44 fixed xl:absolute level-2 top-0 left-0 flex flex-col bg-white w-full z-10 overflow-y-auto xl:overflow-y-hidden js-subItem
3400                                    xl:min-h-auto xl:h-auto transform transition pt-4 xl:pt-0 xl:pb-4 xl:shadow-lg" @mouseleave="isMobile === false ?  subMenuCategoryActiveId = 0 : null" :class="[subMenuCategoryActiveId == 'category-node-284286570' ? 'translate-x-0 opacity-100 pointer-events-auto xl:translate-x-full' : 'translate-x-2.5 xl:translate-x-full opacity-0 pointer-events-none', 5 > 16 ? 'h-[70vh]': 'min-h-full']">
3401                                        <div class="flex flex-wrap pl-4 xl:mt-0 font-bold gap-y-2 border-b xl:border-b-0 border-gray-300 pb-2 xl:pb-0">
3402                                            <a class="xl:hidden font-bold text-black flex items-center mr-2" @click.prevent="subMenuCategoryActiveId = 0;allowOverflow(1);" href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/">
3403                                                <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
3404</span>
3405                                            </a>
3406                                            <a class="xl:hidden font-bold text-lg text-black" href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/fixleintuecher-leintuecher/">Fixleintücher & Leintücher</a>
3407                                            <a class="xl:hidden text-black block w-full mt-2" href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/fixleintuecher-leintuecher/"><span class="inline-block font-[500] font-base">Alles entdecken</span></a>
3408                                        </div>
3409
3410                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/fixleintuecher-leintuecher/jersey/">Jersey</a>
3411                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/fixleintuecher-leintuecher/frottee/">Frottee</a>
3412                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/fixleintuecher-leintuecher/satin/">Satin</a>
3413                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/fixleintuecher-leintuecher/barchent/">Flanell</a>
3414                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/fixleintuecher-leintuecher/bio/">Bio</a>
3415                                                                            </div>
3416
3417                                                                </div>
3418
3419                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286591' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3420                                    <a href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/matratzenschutz-schutzbezuege-topper/" title="Matratzenschutz,&#x20;Schutzbez&#xFC;ge&#x20;&amp;&#x20;Topper" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286591', 2, 'category-node-284286528') : ''">
3421                                        <span class="xl:text-sm text-gray-900 font-medium">
3422                                            Matratzenschutz, Schutzbezüge &amp; Topper                                        </span>
3423                                                                                    <span class="transform rotate-360 text-gray xl:text-gray" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="fill-inherit w-auto h-2" width="8" height="8" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
3424</span>
3425                                        
3426                                    </a>
3427                                                                    <div x-cloak class="scrollbox h-[calc(100svh-160px)] pb-44 fixed xl:absolute level-2 top-0 left-0 flex flex-col bg-white w-full z-10 overflow-y-auto xl:overflow-y-hidden js-subItem
3428                                    xl:min-h-auto xl:h-auto transform transition pt-4 xl:pt-0 xl:pb-4 xl:shadow-lg" @mouseleave="isMobile === false ?  subMenuCategoryActiveId = 0 : null" :class="[subMenuCategoryActiveId == 'category-node-284286591' ? 'translate-x-0 opacity-100 pointer-events-auto xl:translate-x-full' : 'translate-x-2.5 xl:translate-x-full opacity-0 pointer-events-none', 2 > 16 ? 'h-[70vh]': 'min-h-full']">
3429                                        <div class="flex flex-wrap pl-4 xl:mt-0 font-bold gap-y-2 border-b xl:border-b-0 border-gray-300 pb-2 xl:pb-0">
3430                                            <a class="xl:hidden font-bold text-black flex items-center mr-2" @click.prevent="subMenuCategoryActiveId = 0;allowOverflow(1);" href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/">
3431                                                <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
3432</span>
3433                                            </a>
3434                                            <a class="xl:hidden font-bold text-lg text-black" href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/matratzenschutz-schutzbezuege-topper/">Matratzenschutz, Schutzbezüge & Topper</a>
3435                                            <a class="xl:hidden text-black block w-full mt-2" href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/matratzenschutz-schutzbezuege-topper/"><span class="inline-block font-[500] font-base">Alles entdecken</span></a>
3436                                        </div>
3437
3438                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/matratzenschutz-schutzbezuege-topper/moltons-topper/">Moltons & Topper</a>
3439                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/matratzenschutz-schutzbezuege-topper/schutzbezuege/">Schutzbezüge</a>
3440                                                                            </div>
3441
3442                                                                </div>
3443
3444                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286588' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3445                                    <a href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/geschirrtuecher-kuechentuecher/" title="Geschirrt&#xFC;cher&#x20;&amp;&#x20;K&#xFC;chent&#xFC;cher" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286588', 0, 'category-node-284286528') : ''">
3446                                        <span class="xl:text-sm text-gray-900 font-medium">
3447                                            Geschirrtücher &amp; Küchentücher                                        </span>
3448                                        
3449                                    </a>
3450                                                                </div>
3451
3452                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284287206' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3453                                    <a href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/tagesdecken-plaids/" title="Tagesdecken&#x20;&amp;&#x20;Plaids" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284287206', 0, 'category-node-284286528') : ''">
3454                                        <span class="xl:text-sm text-gray-900 font-medium">
3455                                            Tagesdecken &amp; Plaids                                        </span>
3456                                        
3457                                    </a>
3458                                                                </div>
3459
3460                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284287203' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3461                                    <a href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/polsterueberzuege-stuhlhussen/" title="Polster&#xFC;berz&#xFC;ge&#x20;&amp;&#x20;Stuhlhussen" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284287203', 0, 'category-node-284286528') : ''">
3462                                        <span class="xl:text-sm text-gray-900 font-medium">
3463                                            Polsterüberzüge &amp; Stuhlhussen                                        </span>
3464                                        
3465                                    </a>
3466                                                                </div>
3467
3468                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284287209' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3469                                    <a href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/tischdecken/" title="Tischdecken&#x20;&amp;&#x20;Servietten" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284287209', 0, 'category-node-284286528') : ''">
3470                                        <span class="xl:text-sm text-gray-900 font-medium">
3471                                            Tischdecken &amp; Servietten                                        </span>
3472                                        
3473                                    </a>
3474                                                                </div>
3475
3476                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284287212' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3477                                    <a href="#" data-menulink="https://www.vedia.ch/k-heimtextilien/vorhaenge/" title="Vorh&#xE4;nge&#x20;&amp;&#x20;Rollos" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284287212', 0, 'category-node-284286528') : ''">
3478                                        <span class="xl:text-sm text-gray-900 font-medium">
3479                                            Vorhänge &amp; Rollos                                        </span>
3480                                        
3481                                    </a>
3482                                                                </div>
3483
3484                                                    </div>
3485                                    </div>
3486                            <div class="level-0 xl:py-[12px] border-b xl:border-b-0 border-gray-200 flex justify-between static xl:relative px-4 xl:px-0" @focus="setUrl()" @mouseenter="setUrl(); isExecuted = true; isMobile === false ?  hoverPanelActiveId = 'category-node-284286810'  : null" @mouseleave="isMobile === false ? hoverPanelActiveId = 0 : null">
3487                    <a class="menu-item-hover w-full py-[12px] xl:py-0 xl:w-full font-medium xl:text-[15px] level-0 flex justify-between items-center  whitespace-nowrap text-black xl:text-white hover:text-black" @focus="setUrl()" @click="setUrl(); isMobile ? slideNav($event, 'category-node-284286810') : ''"
3488                       href="https://www.vedia.ch/k-moebel-wohnen/" title="Wohnen">
3489                        <span class="mr-2">Wohnen</span>
3490                                                    <span class="transform rotate-360 xl:rotate-90 text-black xl:text-white" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="w-2.5 h-2.5 xl:w-2 xl:h-2 2xl:w-2.5 2xl:h-2.5" width="10" height="10" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
3491</span>
3492                                            </a>
3493                                            <div x-cloak class="js-navigation scrollbox h-[calc(100svh-160px)] pb-44 js-level absolute z-10 level-1 min-h-full pt-4 xl:pt-0 xl:translate-y-full left-0 md:w-full xl:w-auto xl:left-0 w-screen xl:shadow-lg bg-container-lighter transform ease-out md:h-auto xl:pb-0 xl:min-h-full overflow-x-hidden overflow-y-auto md:overflow-y-hidden xl:overflow-visible transition-all category-node-284286810" :class="{
3494                                'xl:opacity-0 top-0 xl:top-auto xl:-bottom-4 xl:pointer-events-none' : hoverPanelActiveId !== 'category-node-284286810',
3495                                'xl:opacity-100 top-0 xl:top-auto xl:bottom-0 xl:pointer-events-auto' : hoverPanelActiveId === 'category-node-284286810',
3496                                'opacity-0 translate-x-2.5 xl:translate-x-0 pointer-events-none': mobilePanelActiveId !== 'category-node-284286810',
3497                                'opacity-100 translate-x-0 pointer-events-auto': mobilePanelActiveId == 'category-node-284286810'
3498                            }">
3499                            <div class="flex pl-4 xl:hidden ">
3500                                <span class="pr-2 left font-bold text-black flex items-center hover:cursor-pointer" @click="mobilePanelActiveId = 0;allowOverflow(0)">
3501                                    <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
3502</span>
3503                                </span>
3504                                <a class="font-bold text-lg text-black" href="https://www.vedia.ch/k-moebel-wohnen/"><span class="text-lg">Wohnen</span></a>
3505                            </div>
3506
3507
3508                            <a class="xl:hidden px-4 text-black flex items-center flex-wrap mt-4 font-bold gap-y-2 border-b border-gray-300 pb-2" href="https://www.vedia.ch/k-moebel-wohnen/">
3509
3510                                <span class="w-full inline-block font-base font-[500]">Alles entdecken</span>
3511                            </a>
3512                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286879' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3513                                    <a href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/kueche-esszimmer/" title="K&#xFC;che&#x20;&amp;&#x20;Esszimmer" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286879', 1, 'category-node-284286810') : ''">
3514                                        <span class="xl:text-sm text-gray-900 font-medium">
3515                                            Küche &amp; Esszimmer                                        </span>
3516                                                                                    <span class="transform rotate-360 text-gray xl:text-gray" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="fill-inherit w-auto h-2" width="8" height="8" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
3517</span>
3518                                        
3519                                    </a>
3520                                                                    <div x-cloak class="scrollbox h-[calc(100svh-160px)] pb-44 fixed xl:absolute level-2 top-0 left-0 flex flex-col bg-white w-full z-10 overflow-y-auto xl:overflow-y-hidden js-subItem
3521                                    xl:min-h-auto xl:h-auto transform transition pt-4 xl:pt-0 xl:pb-4 xl:shadow-lg" @mouseleave="isMobile === false ?  subMenuCategoryActiveId = 0 : null" :class="[subMenuCategoryActiveId == 'category-node-284286879' ? 'translate-x-0 opacity-100 pointer-events-auto xl:translate-x-full' : 'translate-x-2.5 xl:translate-x-full opacity-0 pointer-events-none', 1 > 16 ? 'h-[70vh]': 'min-h-full']">
3522                                        <div class="flex flex-wrap pl-4 xl:mt-0 font-bold gap-y-2 border-b xl:border-b-0 border-gray-300 pb-2 xl:pb-0">
3523                                            <a class="xl:hidden font-bold text-black flex items-center mr-2" @click.prevent="subMenuCategoryActiveId = 0;allowOverflow(1);" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/">
3524                                                <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
3525</span>
3526                                            </a>
3527                                            <a class="xl:hidden font-bold text-lg text-black" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/kueche-esszimmer/">Küche & Esszimmer</a>
3528                                            <a class="xl:hidden text-black block w-full mt-2" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/kueche-esszimmer/"><span class="inline-block font-[500] font-base">Alles entdecken</span></a>
3529                                        </div>
3530
3531                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/kueche-esszimmer/esstische-stuehle/">Esstische & Stühle</a>
3532                                                                            </div>
3533
3534                                                                </div>
3535
3536                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286921' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3537                                    <a href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/wohnzimmer/" title="Wohnzimmer" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286921', 3, 'category-node-284286810') : ''">
3538                                        <span class="xl:text-sm text-gray-900 font-medium">
3539                                            Wohnzimmer                                        </span>
3540                                                                                    <span class="transform rotate-360 text-gray xl:text-gray" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="fill-inherit w-auto h-2" width="8" height="8" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
3541</span>
3542                                        
3543                                    </a>
3544                                                                    <div x-cloak class="scrollbox h-[calc(100svh-160px)] pb-44 fixed xl:absolute level-2 top-0 left-0 flex flex-col bg-white w-full z-10 overflow-y-auto xl:overflow-y-hidden js-subItem
3545                                    xl:min-h-auto xl:h-auto transform transition pt-4 xl:pt-0 xl:pb-4 xl:shadow-lg" @mouseleave="isMobile === false ?  subMenuCategoryActiveId = 0 : null" :class="[subMenuCategoryActiveId == 'category-node-284286921' ? 'translate-x-0 opacity-100 pointer-events-auto xl:translate-x-full' : 'translate-x-2.5 xl:translate-x-full opacity-0 pointer-events-none', 3 > 16 ? 'h-[70vh]': 'min-h-full']">
3546                                        <div class="flex flex-wrap pl-4 xl:mt-0 font-bold gap-y-2 border-b xl:border-b-0 border-gray-300 pb-2 xl:pb-0">
3547                                            <a class="xl:hidden font-bold text-black flex items-center mr-2" @click.prevent="subMenuCategoryActiveId = 0;allowOverflow(1);" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/">
3548                                                <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
3549</span>
3550                                            </a>
3551                                            <a class="xl:hidden font-bold text-lg text-black" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/wohnzimmer/">Wohnzimmer</a>
3552                                            <a class="xl:hidden text-black block w-full mt-2" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/wohnzimmer/"><span class="inline-block font-[500] font-base">Alles entdecken</span></a>
3553                                        </div>
3554
3555                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/wohnzimmer/sofas-sessel/">Sofas & Sessel</a>
3556                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/wohnzimmer/regale-sideboards-tv-moebel/">Regale, Sideboards & TV-Möbel</a>
3557                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/wohnzimmer/couchtische/">Couchtische</a>
3558                                                                            </div>
3559
3560                                                                </div>
3561
3562                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286885' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3563                                    <a href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/schlafzimmer/" title="Schlafzimmer" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286885', 3, 'category-node-284286810') : ''">
3564                                        <span class="xl:text-sm text-gray-900 font-medium">
3565                                            Schlafzimmer                                        </span>
3566                                                                                    <span class="transform rotate-360 text-gray xl:text-gray" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="fill-inherit w-auto h-2" width="8" height="8" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
3567</span>
3568                                        
3569                                    </a>
3570                                                                    <div x-cloak class="scrollbox h-[calc(100svh-160px)] pb-44 fixed xl:absolute level-2 top-0 left-0 flex flex-col bg-white w-full z-10 overflow-y-auto xl:overflow-y-hidden js-subItem
3571                                    xl:min-h-auto xl:h-auto transform transition pt-4 xl:pt-0 xl:pb-4 xl:shadow-lg" @mouseleave="isMobile === false ?  subMenuCategoryActiveId = 0 : null" :class="[subMenuCategoryActiveId == 'category-node-284286885' ? 'translate-x-0 opacity-100 pointer-events-auto xl:translate-x-full' : 'translate-x-2.5 xl:translate-x-full opacity-0 pointer-events-none', 3 > 16 ? 'h-[70vh]': 'min-h-full']">
3572                                        <div class="flex flex-wrap pl-4 xl:mt-0 font-bold gap-y-2 border-b xl:border-b-0 border-gray-300 pb-2 xl:pb-0">
3573                                            <a class="xl:hidden font-bold text-black flex items-center mr-2" @click.prevent="subMenuCategoryActiveId = 0;allowOverflow(1);" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/">
3574                                                <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
3575</span>
3576                                            </a>
3577                                            <a class="xl:hidden font-bold text-lg text-black" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/schlafzimmer/">Schlafzimmer</a>
3578                                            <a class="xl:hidden text-black block w-full mt-2" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/schlafzimmer/"><span class="inline-block font-[500] font-base">Alles entdecken</span></a>
3579                                        </div>
3580
3581                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/schlafzimmer/betten-boxspringbetten/">Betten & Boxspringbetten</a>
3582                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/schlafzimmer/kleiderschraenke/">Kleiderschränke</a>
3583                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/schlafzimmer/matratzen-lattenroste/">Matratzen & Lattenroste</a>
3584                                                                            </div>
3585
3586                                                                </div>
3587
3588                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286813' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3589                                    <a href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/badezimmer/" title="Badezimmer" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286813', 3, 'category-node-284286810') : ''">
3590                                        <span class="xl:text-sm text-gray-900 font-medium">
3591                                            Badezimmer                                        </span>
3592                                                                                    <span class="transform rotate-360 text-gray xl:text-gray" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="fill-inherit w-auto h-2" width="8" height="8" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
3593</span>
3594                                        
3595                                    </a>
3596                                                                    <div x-cloak class="scrollbox h-[calc(100svh-160px)] pb-44 fixed xl:absolute level-2 top-0 left-0 flex flex-col bg-white w-full z-10 overflow-y-auto xl:overflow-y-hidden js-subItem
3597                                    xl:min-h-auto xl:h-auto transform transition pt-4 xl:pt-0 xl:pb-4 xl:shadow-lg" @mouseleave="isMobile === false ?  subMenuCategoryActiveId = 0 : null" :class="[subMenuCategoryActiveId == 'category-node-284286813' ? 'translate-x-0 opacity-100 pointer-events-auto xl:translate-x-full' : 'translate-x-2.5 xl:translate-x-full opacity-0 pointer-events-none', 3 > 16 ? 'h-[70vh]': 'min-h-full']">
3598                                        <div class="flex flex-wrap pl-4 xl:mt-0 font-bold gap-y-2 border-b xl:border-b-0 border-gray-300 pb-2 xl:pb-0">
3599                                            <a class="xl:hidden font-bold text-black flex items-center mr-2" @click.prevent="subMenuCategoryActiveId = 0;allowOverflow(1);" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/">
3600                                                <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
3601</span>
3602                                            </a>
3603                                            <a class="xl:hidden font-bold text-lg text-black" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/badezimmer/">Badezimmer</a>
3604                                            <a class="xl:hidden text-black block w-full mt-2" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/badezimmer/"><span class="inline-block font-[500] font-base">Alles entdecken</span></a>
3605                                        </div>
3606
3607                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/badezimmer/badezimmermoebel/">Badezimmermöbel</a>
3608                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/badezimmer/wc-deckel/">WC-Deckel</a>
3609                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/badezimmer/badezimmerzubehoer/">Badezimmerzubehör</a>
3610                                                                            </div>
3611
3612                                                                </div>
3613
3614                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286837' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3615                                    <a href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/garderobe/" title="Garderobe" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286837', 2, 'category-node-284286810') : ''">
3616                                        <span class="xl:text-sm text-gray-900 font-medium">
3617                                            Garderobe                                        </span>
3618                                                                                    <span class="transform rotate-360 text-gray xl:text-gray" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="fill-inherit w-auto h-2" width="8" height="8" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
3619</span>
3620                                        
3621                                    </a>
3622                                                                    <div x-cloak class="scrollbox h-[calc(100svh-160px)] pb-44 fixed xl:absolute level-2 top-0 left-0 flex flex-col bg-white w-full z-10 overflow-y-auto xl:overflow-y-hidden js-subItem
3623                                    xl:min-h-auto xl:h-auto transform transition pt-4 xl:pt-0 xl:pb-4 xl:shadow-lg" @mouseleave="isMobile === false ?  subMenuCategoryActiveId = 0 : null" :class="[subMenuCategoryActiveId == 'category-node-284286837' ? 'translate-x-0 opacity-100 pointer-events-auto xl:translate-x-full' : 'translate-x-2.5 xl:translate-x-full opacity-0 pointer-events-none', 2 > 16 ? 'h-[70vh]': 'min-h-full']">
3624                                        <div class="flex flex-wrap pl-4 xl:mt-0 font-bold gap-y-2 border-b xl:border-b-0 border-gray-300 pb-2 xl:pb-0">
3625                                            <a class="xl:hidden font-bold text-black flex items-center mr-2" @click.prevent="subMenuCategoryActiveId = 0;allowOverflow(1);" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/">
3626                                                <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
3627</span>
3628                                            </a>
3629                                            <a class="xl:hidden font-bold text-lg text-black" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/garderobe/">Garderobe</a>
3630                                            <a class="xl:hidden text-black block w-full mt-2" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/garderobe/"><span class="inline-block font-[500] font-base">Alles entdecken</span></a>
3631                                        </div>
3632
3633                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/garderobe/garderobenmoebel-kleiderstaender/">Garderobenmöbel & Kleiderständer</a>
3634                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/garderobe/schuhschraenke/">Schuhschränke</a>
3635                                                                            </div>
3636
3637                                                                </div>
3638
3639                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286906' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3640                                    <a href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/wohnaccessoires/" title="Wohnaccessoires" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286906', 0, 'category-node-284286810') : ''">
3641                                        <span class="xl:text-sm text-gray-900 font-medium">
3642                                            Wohnaccessoires                                        </span>
3643                                        
3644                                    </a>
3645                                                                </div>
3646
3647                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286903' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3648                                    <a href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/weihnachten/" title="Weihnachten" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286903', 4, 'category-node-284286810') : ''">
3649                                        <span class="xl:text-sm text-gray-900 font-medium">
3650                                            Weihnachten                                        </span>
3651                                                                                    <span class="transform rotate-360 text-gray xl:text-gray" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="fill-inherit w-auto h-2" width="8" height="8" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
3652</span>
3653                                        
3654                                    </a>
3655                                                                    <div x-cloak class="scrollbox h-[calc(100svh-160px)] pb-44 fixed xl:absolute level-2 top-0 left-0 flex flex-col bg-white w-full z-10 overflow-y-auto xl:overflow-y-hidden js-subItem
3656                                    xl:min-h-auto xl:h-auto transform transition pt-4 xl:pt-0 xl:pb-4 xl:shadow-lg" @mouseleave="isMobile === false ?  subMenuCategoryActiveId = 0 : null" :class="[subMenuCategoryActiveId == 'category-node-284286903' ? 'translate-x-0 opacity-100 pointer-events-auto xl:translate-x-full' : 'translate-x-2.5 xl:translate-x-full opacity-0 pointer-events-none', 4 > 16 ? 'h-[70vh]': 'min-h-full']">
3657                                        <div class="flex flex-wrap pl-4 xl:mt-0 font-bold gap-y-2 border-b xl:border-b-0 border-gray-300 pb-2 xl:pb-0">
3658                                            <a class="xl:hidden font-bold text-black flex items-center mr-2" @click.prevent="subMenuCategoryActiveId = 0;allowOverflow(1);" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/">
3659                                                <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
3660</span>
3661                                            </a>
3662                                            <a class="xl:hidden font-bold text-lg text-black" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/weihnachten/">Weihnachten</a>
3663                                            <a class="xl:hidden text-black block w-full mt-2" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/weihnachten/"><span class="inline-block font-[500] font-base">Alles entdecken</span></a>
3664                                        </div>
3665
3666                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/weihnachten/weihnachtsbeleuchtung/">Weihnachtsbeleuchtung</a>
3667                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/weihnachten/weihnachtsdekoration/">Weihnachtsdekoration</a>
3668                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/weihnachten/adventskalender/">Adventskalender</a>
3669                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/weihnachten/x-mas-mode/">X-Mas Mode</a>
3670                                                                            </div>
3671
3672                                                                </div>
3673
3674                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286849' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3675                                    <a href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/garten-terrasse/" title="Garten&#x20;&amp;&#x20;Terrasse" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286849', 9, 'category-node-284286810') : ''">
3676                                        <span class="xl:text-sm text-gray-900 font-medium">
3677                                            Garten &amp; Terrasse                                        </span>
3678                                                                                    <span class="transform rotate-360 text-gray xl:text-gray" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="fill-inherit w-auto h-2" width="8" height="8" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
3679</span>
3680                                        
3681                                    </a>
3682                                                                    <div x-cloak class="scrollbox h-[calc(100svh-160px)] pb-44 fixed xl:absolute level-2 top-0 left-0 flex flex-col bg-white w-full z-10 overflow-y-auto xl:overflow-y-hidden js-subItem
3683                                    xl:min-h-auto xl:h-auto transform transition pt-4 xl:pt-0 xl:pb-4 xl:shadow-lg" @mouseleave="isMobile === false ?  subMenuCategoryActiveId = 0 : null" :class="[subMenuCategoryActiveId == 'category-node-284286849' ? 'translate-x-0 opacity-100 pointer-events-auto xl:translate-x-full' : 'translate-x-2.5 xl:translate-x-full opacity-0 pointer-events-none', 9 > 16 ? 'h-[70vh]': 'min-h-full']">
3684                                        <div class="flex flex-wrap pl-4 xl:mt-0 font-bold gap-y-2 border-b xl:border-b-0 border-gray-300 pb-2 xl:pb-0">
3685                                            <a class="xl:hidden font-bold text-black flex items-center mr-2" @click.prevent="subMenuCategoryActiveId = 0;allowOverflow(1);" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/">
3686                                                <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
3687</span>
3688                                            </a>
3689                                            <a class="xl:hidden font-bold text-lg text-black" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/garten-terrasse/">Garten & Terrasse</a>
3690                                            <a class="xl:hidden text-black block w-full mt-2" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/garten-terrasse/"><span class="inline-block font-[500] font-base">Alles entdecken</span></a>
3691                                        </div>
3692
3693                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/garten-terrasse/gartenlounges/">Gartenlounges</a>
3694                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/garten-terrasse/gartentische/">Gartentische</a>
3695                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/garten-terrasse/gartenstuehle/">Gartenstühle & Sonnenliegen</a>
3696                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/garten-terrasse/sonnenschutz/">Sonnenschutz</a>
3697                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/garten-terrasse/grills-feuerschalen/">Grills & Feuerschalen</a>
3698                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/garten-terrasse/gartengeraete-bepflanzung/">Gartengeräte & Bepflanzung</a>
3699                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/garten-terrasse/gartenbeleuchtung/">Gartenbeleuchtung</a>
3700                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/garten-terrasse/gartendekoration/">Gartenzubehör</a>
3701                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/garten-terrasse/insektenschutz/">Insektenschutz</a>
3702                                                                            </div>
3703
3704                                                                </div>
3705
3706                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284287218' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3707                                    <a href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/lampen-leuchten/" title="Lampen&#x20;&amp;&#x20;Leuchten" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284287218', 0, 'category-node-284286810') : ''">
3708                                        <span class="xl:text-sm text-gray-900 font-medium">
3709                                            Lampen &amp; Leuchten                                        </span>
3710                                        
3711                                    </a>
3712                                                                </div>
3713
3714                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284287221' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3715                                    <a href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/teppiche-fussmatten/" title="Teppiche&#x20;&amp;&#x20;Fussmatten" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284287221', 0, 'category-node-284286810') : ''">
3716                                        <span class="xl:text-sm text-gray-900 font-medium">
3717                                            Teppiche &amp; Fussmatten                                        </span>
3718                                        
3719                                    </a>
3720                                                                </div>
3721
3722                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284287215' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3723                                    <a href="#" data-menulink="https://www.vedia.ch/k-moebel-wohnen/aufbewahrung-boxen-kleiderbuegel/" title="Aufbewahrung,&#x20;Boxen&#x20;&amp;&#x20;Kleiderb&#xFC;gel" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284287215', 0, 'category-node-284286810') : ''">
3724                                        <span class="xl:text-sm text-gray-900 font-medium">
3725                                            Aufbewahrung, Boxen &amp; Kleiderbügel                                        </span>
3726                                        
3727                                    </a>
3728                                                                </div>
3729
3730                                                    </div>
3731                                    </div>
3732                            <div class="level-0 xl:py-[12px] border-b xl:border-b-0 border-gray-200 flex justify-between static xl:relative px-4 xl:px-0" @focus="setUrl()" @mouseenter="setUrl(); isExecuted = true; isMobile === false ?  hoverPanelActiveId = 'category-node-284286462'  : null" @mouseleave="isMobile === false ? hoverPanelActiveId = 0 : null">
3733                    <a class="menu-item-hover w-full py-[12px] xl:py-0 xl:w-full font-medium xl:text-[15px] level-0 flex justify-between items-center  whitespace-nowrap text-black xl:text-white hover:text-black" @focus="setUrl()" @click="setUrl(); isMobile ? slideNav($event, 'category-node-284286462') : ''"
3734                       href="https://www.vedia.ch/k-haushalt-elektro/" title="Haushalt&#x20;&amp;&#x20;Elektro">
3735                        <span class="mr-2">Haushalt &amp; Elektro</span>
3736                                                    <span class="transform rotate-360 xl:rotate-90 text-black xl:text-white" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="w-2.5 h-2.5 xl:w-2 xl:h-2 2xl:w-2.5 2xl:h-2.5" width="10" height="10" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
3737</span>
3738                                            </a>
3739                                            <div x-cloak class="js-navigation scrollbox h-[calc(100svh-160px)] pb-44 js-level absolute z-10 level-1 min-h-full pt-4 xl:pt-0 xl:translate-y-full left-0 md:w-full xl:w-auto xl:left-0 w-screen xl:shadow-lg bg-container-lighter transform ease-
3739out md:h-auto xl:pb-0 xl:min-h-full overflow-x-hidden overflow-y-auto md:overflow-y-hidden xl:overflow-visible transition-all category-node-284286462" :class="{
3740                                'xl:opacity-0 top-0 xl:top-auto xl:-bottom-4 xl:pointer-events-none' : hoverPanelActiveId !== 'category-node-284286462',
3741                                'xl:opacity-100 top-0 xl:top-auto xl:bottom-0 xl:pointer-events-auto' : hoverPanelActiveId === 'category-node-284286462',
3742                                'opacity-0 translate-x-2.5 xl:translate-x-0 pointer-events-none': mobilePanelActiveId !== 'category-node-284286462',
3743                                'opacity-100 translate-x-0 pointer-events-auto': mobilePanelActiveId == 'category-node-284286462'
3744                            }">
3745                            <div class="flex pl-4 xl:hidden ">
3746                                <span class="pr-2 left font-bold text-black flex items-center hover:cursor-pointer" @click="mobilePanelActiveId = 0;allowOverflow(0)">
3747                                    <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
3748</span>
3749                                </span>
3750                                <a class="font-bold text-lg text-black" href="https://www.vedia.ch/k-haushalt-elektro/"><span class="text-lg">Haushalt & Elektro</span></a>
3751                            </div>
3752
3753
3754                            <a class="xl:hidden px-4 text-black flex items-center flex-wrap mt-4 font-bold gap-y-2 border-b border-gray-300 pb-2" href="https://www.vedia.ch/k-haushalt-elektro/">
3755
3756                                <span class="w-full inline-block font-base font-[500]">Alles entdecken</span>
3757                            </a>
3758                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286483' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3759                                    <a href="#" data-menulink="https://www.vedia.ch/k-haushalt-elektro/kuechengeraete/" title="K&#xFC;chenger&#xE4;te" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286483', 0, 'category-node-284286462') : ''">
3760                                        <span class="xl:text-sm text-gray-900 font-medium">
3761                                            Küchengeräte                                        </span>
3762                                        
3763                                    </a>
3764                                                                </div>
3765
3766                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286507' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3767                                    <a href="#" data-menulink="https://www.vedia.ch/k-haushalt-elektro/raclette-fondue-tischgrills/" title="Raclette,&#x20;Fondue&#x20;&amp;&#x20;Tischgrills" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286507', 0, 'category-node-284286462') : ''">
3768                                        <span class="xl:text-sm text-gray-900 font-medium">
3769                                            Raclette, Fondue &amp; Tischgrills                                        </span>
3770                                        
3771                                    </a>
3772                                                                </div>
3773
3774                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286510' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3775                                    <a href="#" data-menulink="https://www.vedia.ch/k-haushalt-elektro/reinigung/" title="Reinigung" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286510', 4, 'category-node-284286462') : ''">
3776                                        <span class="xl:text-sm text-gray-900 font-medium">
3777                                            Reinigung                                        </span>
3778                                                                                    <span class="transform rotate-360 text-gray xl:text-gray" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="fill-inherit w-auto h-2" width="8" height="8" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
3779</span>
3780                                        
3781                                    </a>
3782                                                                    <div x-cloak class="scrollbox h-[calc(100svh-160px)] pb-44 fixed xl:absolute level-2 top-0 left-0 flex flex-col bg-white w-full z-10 overflow-y-auto xl:overflow-y-hidden js-subItem
3783                                    xl:min-h-auto xl:h-auto transform transition pt-4 xl:pt-0 xl:pb-4 xl:shadow-lg" @mouseleave="isMobile === false ?  subMenuCategoryActiveId = 0 : null" :class="[subMenuCategoryActiveId == 'category-node-284286510' ? 'translate-x-0 opacity-100 pointer-events-auto xl:translate-x-full' : 'translate-x-2.5 xl:translate-x-full opacity-0 pointer-events-none', 4 > 16 ? 'h-[70vh]': 'min-h-full']">
3784                                        <div class="flex flex-wrap pl-4 xl:mt-0 font-bold gap-y-2 border-b xl:border-b-0 border-gray-300 pb-2 xl:pb-0">
3785                                            <a class="xl:hidden font-bold text-black flex items-center mr-2" @click.prevent="subMenuCategoryActiveId = 0;allowOverflow(1);" href="#" data-menulink="https://www.vedia.ch/k-haushalt-elektro/">
3786                                                <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
3787</span>
3788                                            </a>
3789                                            <a class="xl:hidden font-bold text-lg text-black" href="#" data-menulink="https://www.vedia.ch/k-haushalt-elektro/reinigung/">Reinigung</a>
3790                                            <a class="xl:hidden text-black block w-full mt-2" href="#" data-menulink="https://www.vedia.ch/k-haushalt-elektro/reinigung/"><span class="inline-block font-[500] font-base">Alles entdecken</span></a>
3791                                        </div>
3792
3793                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-haushalt-elektro/reinigung/staubsauger/">Staubsauger</a>
3794                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-haushalt-elektro/reinigung/reinigungsgeraete/">Reinigungsgeräte</a>
3795                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-haushalt-elektro/reinigung/reinigungsmittel-zubehoer/">Reinigungsmittel & -zubehör</a>
3796                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-haushalt-elektro/reinigung/waschen-buegeln-naehen/">Waschen & Bügeln</a>
3797                                                                            </div>
3798
3799                                                                </div>
3800
3801                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286480' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3802                                    <a href="#" data-menulink="https://www.vedia.ch/k-haushalt-elektro/heizung-klimageraete/" title="Heizung&#x20;&amp;&#x20;Klimager&#xE4;te" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286480', 0, 'category-node-284286462') : ''">
3803                                        <span class="xl:text-sm text-gray-900 font-medium">
3804                                            Heizung &amp; Klimageräte                                        </span>
3805                                        
3806                                    </a>
3807                                                                </div>
3808
3809                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286474' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3810                                    <a href="#" data-menulink="https://www.vedia.ch/k-haushalt-elektro/haustierbedarf/" title="Haustierbedarf" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286474', 0, 'category-node-284286462') : ''">
3811                                        <span class="xl:text-sm text-gray-900 font-medium">
3812                                            Haustierbedarf                                        </span>
3813                                        
3814                                    </a>
3815                                                                </div>
3816
3817                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284287235' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3818                                    <a href="#" data-menulink="https://www.vedia.ch/k-haushalt-elektro/pfannen-toepfe/" title="Pfannen&#x20;&amp;&#x20;T&#xF6;pfe" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284287235', 0, 'category-node-284286462') : ''">
3819                                        <span class="xl:text-sm text-gray-900 font-medium">
3820                                            Pfannen &amp; Töpfe                                        </span>
3821                                        
3822                                    </a>
3823                                                                </div>
3824
3825                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284287232' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3826                                    <a href="#" data-menulink="https://www.vedia.ch/k-haushalt-elektro/kuechenutensilien/" title="K&#xFC;chenutensilien" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284287232', 0, 'category-node-284286462') : ''">
3827                                        <span class="xl:text-sm text-gray-900 font-medium">
3828                                            Küchenutensilien                                        </span>
3829                                        
3830                                    </a>
3831                                                                </div>
3832
3833                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284287229' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3834                                    <a href="#" data-menulink="https://www.vedia.ch/k-haushalt-elektro/geschirr-glaeser/" title="Geschirr&#x20;&amp;&#x20;Gl&#xE4;ser" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284287229', 0, 'category-node-284286462') : ''">
3835                                        <span class="xl:text-sm text-gray-900 font-medium">
3836                                            Geschirr &amp; Gläser                                        </span>
3837                                        
3838                                    </a>
3839                                                                </div>
3840
3841                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284287226' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3842                                    <a href="#" data-menulink="https://www.vedia.ch/k-haushalt-elektro/besteck-messer/" title="Besteck&#x20;&amp;&#x20;Messer" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284287226', 0, 'category-node-284286462') : ''">
3843                                        <span class="xl:text-sm text-gray-900 font-medium">
3844                                            Besteck &amp; Messer                                        </span>
3845                                        
3846                                    </a>
3847                                                                </div>
3848
3849                                                    </div>
3850                                    </div>
3851                            <div class="level-0 xl:py-[12px] border-b xl:border-b-0 border-gray-200 flex justify-between static xl:relative px-4 xl:px-0" @focus="setUrl()" @mouseenter="setUrl(); isExecuted = true; isMobile === false ?  hoverPanelActiveId = 'category-node-284286114'  : null" @mouseleave="isMobile === false ? hoverPanelActiveId = 0 : null">
3852                    <a class="menu-item-hover w-full py-[12px] xl:py-0 xl:w-full font-medium xl:text-[15px] level-0 flex justify-between items-center  whitespace-nowrap text-black xl:text-white hover:text-black" @focus="setUrl()" @click="setUrl(); isMobile ? slideNav($event, 'category-node-284286114') : ''"
3853                       href="https://www.vedia.ch/k-damenmode/" title="Damenmode">
3854                        <span class="mr-2">Damenmode</span>
3855                                                    <span class="transform rotate-360 xl:rotate-90 text-black xl:text-white" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="w-2.5 h-2.5 xl:w-2 xl:h-2 2xl:w-2.5 2xl:h-2.5" width="10" height="10" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
3856</span>
3857                                            </a>
3858                                            <div x-cloak class="js-navigation scrollbox h-[calc(100svh-160px)] pb-44 js-level absolute z-10 level-1 min-h-full pt-4 xl:pt-0 xl:translate-y-full left-0 md:w-full xl:w-auto xl:left-0 w-screen xl:shadow-lg bg-container-lighter transform ease-out md:h-auto xl:pb-0 xl:min-h-full overflow-x-hidden overflow-y-auto md:overflow-y-hidden xl:overflow-visible transition-all category-node-284286114" :class="{
3859                                'xl:opacity-0 top-0 xl:top-auto xl:-bottom-4 xl:pointer-events-none' : hoverPanelActiveId !== 'category-node-284286114',
3860                                'xl:opacity-100 top-0 xl:top-auto xl:bottom-0 xl:pointer-events-auto' : hoverPanelActiveId === 'category-node-284286114',
3861                                'opacity-0 translate-x-2.5 xl:translate-x-0 pointer-events-none': mobilePanelActiveId !== 'category-node-284286114',
3862                                'opacity-100 translate-x-0 pointer-events-auto': mobilePanelActiveId == 'category-node-284286114'
3863                            }">
3864                            <div class="flex pl-4 xl:hidden ">
3865                                <span class="pr-2 left font-bold text-black flex items-center hover:cursor-pointer" @click="mobilePanelActiveId = 0;allowOverflow(0)">
3866                                    <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
3867</span>
3868                                </span>
3869                                <a class="font-bold text-lg text-black" href="https://www.vedia.ch/k-damenmode/"><span class="text-lg">Damenmode</span></a>
3870                            </div>
3871
3872
3873                            <a class="xl:hidden px-4 text-black flex items-center flex-wrap mt-4 font-bold gap-y-2 border-b border-gray-300 pb-2" href="https://www.vedia.ch/k-damenmode/">
3874
3875                                <span class="w-full inline-block font-base font-[500]">Alles entdecken</span>
3876                            </a>
3877                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286207' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3878                                    <a href="#" data-menulink="https://www.vedia.ch/k-damenmode/hosen-jeans-leggings/" title="Hosen,&#x20;Jeans&#x20;&amp;&#x20;Leggings" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286207', 3, 'category-node-284286114') : ''">
3879                                        <span class="xl:text-sm text-gray-900 font-medium">
3880                                            Hosen, Jeans &amp; Leggings                                        </span>
3881                                                                                    <span class="transform rotate-360 text-gray xl:text-gray" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="fill-inherit w-auto h-2" width="8" height="8" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
3882</span>
3883                                        
3884                                    </a>
3885                                                                    <div x-cloak class="scrollbox h-[calc(100svh-160px)] pb-44 fixed xl:absolute level-2 top-0 left-0 flex flex-col bg-white w-full z-10 overflow-y-auto xl:overflow-y-hidden js-subItem
3886                                    xl:min-h-auto xl:h-auto transform transition pt-4 xl:pt-0 xl:pb-4 xl:shadow-lg" @mouseleave="isMobile === false ?  subMenuCategoryActiveId = 0 : null" :class="[subMenuCategoryActiveId == 'category-node-284286207' ? 'translate-x-0 opacity-100 pointer-events-auto xl:translate-x-full' : 'translate-x-2.5 xl:translate-x-full opacity-0 pointer-events-none', 3 > 16 ? 'h-[70vh]': 'min-h-full']">
3887                                        <div class="flex flex-wrap pl-4 xl:mt-0 font-bold gap-y-2 border-b xl:border-b-0 border-gray-300 pb-2 xl:pb-0">
3888                                            <a class="xl:hidden font-bold text-black flex items-center mr-2" @click.prevent="subMenuCategoryActiveId = 0;allowOverflow(1);" href="#" data-menulink="https://www.vedia.ch/k-damenmode/">
3889                                                <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
3890</span>
3891                                            </a>
3892                                            <a class="xl:hidden font-bold text-lg text-black" href="#" data-menulink="https://www.vedia.ch/k-damenmode/hosen-jeans-leggings/">Hosen, Jeans & Leggings</a>
3893                                            <a class="xl:hidden text-black block w-full mt-2" href="#" data-menulink="https://www.vedia.ch/k-damenmode/hosen-jeans-leggings/"><span class="inline-block font-[500] font-base">Alles entdecken</span></a>
3894                                        </div>
3895
3896                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-damenmode/hosen-jeans-leggings/lange-hosen/">Lange Hosen</a>
3897                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-damenmode/hosen-jeans-leggings/kurze-hosen-caprihosen/">Kurze Hosen & Caprihosen</a>
3898                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-damenmode/hosen-jeans-leggings/jeans/">Jeans</a>
3899                                                                            </div>
3900
3901                                                                </div>
3902
3903                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286222' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3904                                    <a href="#" data-menulink="https://www.vedia.ch/k-damenmode/jacken-maentel-gilets/" title="Jacken,&#x20;M&#xE4;ntel&#x20;&amp;&#x20;Gilets" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286222', 0, 'category-node-284286114') : ''">
3905                                        <span class="xl:text-sm text-gray-900 font-medium">
3906                                            Jacken, Mäntel &amp; Gilets                                        </span>
3907                                        
3908                                    </a>
3909                                                                </div>
3910
3911                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286225' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3912                                    <a href="#" data-menulink="https://www.vedia.ch/k-damenmode/kleider-jupes-overalls/" title="Kleider&#x20;&amp;&#x20;Jupes" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286225', 0, 'category-node-284286114') : ''">
3913                                        <span class="xl:text-sm text-gray-900 font-medium">
3914                                            Kleider &amp; Jupes                                        </span>
3915                                        
3916                                    </a>
3917                                                                </div>
3918
3919                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286351' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3920                                    <a href="#" data-menulink="https://www.vedia.ch/k-damenmode/pullover-sweatshirts/" title="Pullover&#x20;&amp;&#x20;Blusen" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286351', 3, 'category-node-284286114') : ''">
3921                                        <span class="xl:text-sm text-gray-900 font-medium">
3922                                            Pullover &amp; Blusen                                        </span>
3923                                                                                    <span class="transform rotate-360 text-gray xl:text-gray" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="fill-inherit w-auto h-2" width="8" height="8" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
3924</span>
3925                                        
3926                                    </a>
3927                                                                    <div x-cloak class="scrollbox h-[calc(100svh-160px)] pb-44 fixed xl:absolute level-2 top-0 left-0 flex flex-col bg-white w-full z-10 overflow-y-auto xl:overflow-y-hidden js-subItem
3928                                    xl:min-h-auto xl:h-auto transform transition pt-4 xl:pt-0 xl:pb-4 xl:shadow-lg" @mouseleave="isMobile === false ?  subMenuCategoryActiveId = 0 : null" :class="[subMenuCategoryActiveId == 'category-node-284286351' ? 'translate-x-0 opacity-100 pointer-events-auto xl:translate-x-full' : 'translate-x-2.5 xl:translate-x-full opacity-0 pointer-events-none', 3 > 16 ? 'h-[70vh]': 'min-h-full']">
3929                                        <div class="flex flex-wrap pl-4 xl:mt-0 font-bold gap-y-2 border-b xl:border-b-0 border-gray-300 pb-2 xl:pb-0">
3930                                            <a class="xl:hidden font-bold text-black flex items-center mr-2" @click.prevent="subMenuCategoryActiveId = 0;allowOverflow(1);" href="#" data-menulink="https://www.vedia.ch/k-damenmode/">
3931                                                <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
3932</span>
3933                                            </a>
3934                                            <a class="xl:hidden font-bold text-lg text-black" href="#" data-menulink="https://www.vedia.ch/k-damenmode/pullover-sweatshirts/">Pullover & Blusen</a>
3935                                            <a class="xl:hidden text-black block w-full mt-2" href="#" data-menulink="https://www.vedia.ch/k-damenmode/pullover-sweatshirts/"><span class="inline-block font-[500] font-base">Alles entdecken</span></a>
3936                                        </div>
3937
3938                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-damenmode/pullover-sweatshirts/blusen/">Blusen & Tunika</a>
3939                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-damenmode/pullover-sweatshirts/pullover-sweatshirts/">Pullover & Sweatshirts</a>
3940                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-damenmode/pullover-sweatshirts/strickjacken/">Strickjacken</a>
3941                                                                            </div>
3942
3943                                                                </div>
3944
3945                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286375' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3946                                    <a href="#" data-menulink="https://www.vedia.ch/k-damenmode/t-shirts-tops/" title="T-Shirts&#x20;&amp;&#x20;Tops" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286375', 0, 'category-node-284286114') : ''">
3947                                        <span class="xl:text-sm text-gray-900 font-medium">
3948                                            T-Shirts &amp; Tops                                        </span>
3949                                        
3950                                    </a>
3951                                                                </div>
3952
3953                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286336' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3954                                    <a href="#" data-menulink="https://www.vedia.ch/k-damenmode/outdoorbekleidung-sportswear/" title="Outdoorbekleidung&#x20;&amp;&#x20;Sportswear" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286336', 0, 'category-node-284286114') : ''">
3955                                        <span class="xl:text-sm text-gray-900 font-medium">
3956                                            Outdoorbekleidung &amp; Sportswear                                        </span>
3957                                        
3958                                    </a>
3959                                                                </div>
3960
3961                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286390' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3962                                    <a href="#" data-menulink="https://www.vedia.ch/k-damenmode/unterwaesche-shapewear/" title="Unterw&#xE4;sche&#x20;&amp;&#x20;Shapewear" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286390', 4, 'category-node-284286114') : ''">
3963                                        <span class="xl:text-sm text-gray-900 font-medium">
3964                                            Unterwäsche &amp; Shapewear                                        </span>
3965                                                                                    <span class="transform rotate-360 text-gray xl:text-gray" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="fill-inherit w-auto h-2" width="8" height="8" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
3966</span>
3967                                        
3968                                    </a>
3969                                                                    <div x-cloak class="scrollbox h-[calc(100svh-160px)] pb-44 fixed xl:absolute level-2 top-0 left-0 flex flex-col bg-white w-full z-10 overflow-y-auto xl:overflow-y-hidden js-subItem
3970                                    xl:min-h-auto xl:h-auto transform transition pt-4 xl:pt-0 xl:pb-4 xl:shadow-lg" @mouseleave="isMobile === false ?  subMenuCategoryActiveId = 0 : null" :class="[subMenuCategoryActiveId == 'category-node-284286390' ? 'translate-x-0 opacity-100 pointer-events-auto xl:translate-x-full' : 'translate-x-2.5 xl:translate-x-full opacity-0 pointer-events-none', 4 > 16 ? 'h-[70vh]': 'min-h-full']">
3971                                        <div class="flex flex-wrap pl-4 xl:mt-0 font-bold gap-y-2 border-b xl:border-b-0 border-gray-300 pb-2 xl:pb-0">
3972                                            <a class="xl:hidden font-bold text-black flex items-center mr-2" @click.prevent="subMenuCategoryActiveId = 0;allowOverflow(1);" href="#" data-menulink="https://www.vedia.ch/k-damenmode/">
3973                                                <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
3974</span>
3975                                            </a>
3976                                            <a class="xl:hidden font-bold text-lg text-black" href="#" data-menulink="https://www.vedia.ch/k-damenmode/unterwaesche-shapewear/">Unterwäsche & Shapewear</a>
3977                                            <a class="xl:hidden text-black block w-full mt-2" href="#" data-menulink="https://www.vedia.ch/k-damenmode/unterwaesche-shapewear/"><span class="inline-block font-[500] font-base">Alles entdecken</span></a>
3978                                        </div>
3979
3980                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-damenmode/unterwaesche-shapewear/pyjamas/">Pyjamas</a>
3981                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-damenmode/unterwaesche-shapewear/bhs-sport-bhs-push-ups/">BHs & Sport-BHs & Push-ups</a>
3982                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-damenmode/unterwaesche-shapewear/slips-strings-panties/">Slips & Strings & Panties</a>
3983                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-damenmode/unterwaesche-shapewear/unterhemden/">Unterhemden</a>
3984                                                                            </div>
3985
3986                                                                </div>
3987
3988                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286369' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3989                                    <a href="#" data-menulink="https://www.vedia.ch/k-damenmode/socken-strumpfhosen/" title="Socken&#x20;&amp;&#x20;Strumpfhosen" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286369', 0, 'category-node-284286114') : ''">
3990                                        <span class="xl:text-sm text-gray-900 font-medium">
3991                                            Socken &amp; Strumpfhosen                                        </span>
3992                                        
3993                                    </a>
3994                                                                </div>
3995
3996                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286180' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
3997                                    <a href="#" data-menulink="https://www.vedia.ch/k-damenmode/accessoires/" title="Accessoires" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286180', 0, 'category-node-284286114') : ''">
3998                                        <span class="xl:text-sm text-gray-900 font-medium">
3999                                            Accessoires                                        </span>
4000                                        
4001                                    </a>
4002                                                                </div>
4003
4004                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286228' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
4005                                    <a href="#" data-menulink="https://www.vedia.ch/k-damenmode/marken/" title="Marken" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286228', 7, 'category-node-284286114') : ''">
4006                                        <span class="xl:text-sm text-gray-900 font-medium">
4007                                            Marken                                        </span>
4008                                                                                    <span class="transform rotate-360 text-gray xl:text-gray" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="fill-inherit w-auto h-2" width="8" height="8" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
4009</span>
4010                                        
4011                                    </a>
4012                                                                    <div x-cloak class="scrollbox h-[calc(100svh-160px)] pb-44 fixed xl:absolute level-2 top-0 left-0 flex flex-col bg-white w-full z-10 overflow-y-auto xl:overflow-y-hidden js-subItem
4013                                    xl:min-h-auto xl:h-auto transform transition pt-4 xl:pt-0 xl:pb-4 xl:shadow-lg" @mouseleave="isMobile === false ?  subMenuCategoryActiveId = 0 : null" :class="[subMenuCategoryActiveId == 'category-node-284286228' ? 'translate-x-0 opacity-100 pointer-events-auto xl:translate-x-full' : 'translate-x-2.5 xl:translate-x-full opacity-0 pointer-events-none', 7 > 16 ? 'h-[70vh]': 'min-h-full']">
4014                                        <div class="flex flex-wrap pl-4 xl:mt-0 font-bold gap-y-2 border-b xl:border-b-0 border-gray-300 pb-2 xl:pb-0">
4015                                            <a class="xl:hidden font-bold text-black flex items-center mr-2" @click.prevent="subMenuCategoryActiveId = 0;allowOverflow(1);" href="#" data-menulink="https://www.vedia.ch/k-damenmode/">
4016                                                <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
4017</span>
4018                                            </a>
4019                                            <a class="xl:hidden font-bold text-lg text-black" href="#" data-menulink="https://www.vedia.ch/k-damenmode/marken/">Marken</a>
4020                                            <a class="xl:hidden text-black block w-full mt-2" href="#" data-menulink="https://www.vedia.ch/k-damenmode/marken/"><span class="inline-block font-[500] font-base">Alles entdecken</span></a>
4021                                        </div>
4022
4023                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-damenmode/marken/artime/">Artime</a>
4024                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-damenmode/marken/beverly/">Beverly</a>
4025                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-damenmode/marken/hta/">HTA</a>
4026                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-damenmode/marken/kays/">Kays</a>
4027                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-damenmode/marken/only/">ONLY</a>
4028                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-damenmode/marken/sloggi/">Sloggi</a>
4029                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-damenmode/marken/tamaris/">Tamaris</a>
4030                                                                            </div>
4031
4032                                                                </div>
4033
4034                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284287236' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
4035                                    <a href="#" data-menulink="https://www.vedia.ch/k-damenmode/wor
4035kwear/" title="Workwear" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284287236', 0, 'category-node-284286114') : ''">
4036                                        <span class="xl:text-sm text-gray-900 font-medium">
4037                                            Workwear                                        </span>
4038                                        
4039                                    </a>
4040                                                                </div>
4041
4042                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284287271' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
4043                                    <a href="#" data-menulink="https://www.vedia.ch/k-damenmode/bademode/" title="Bademode" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284287271', 0, 'category-node-284286114') : ''">
4044                                        <span class="xl:text-sm text-gray-900 font-medium">
4045                                            Bademode                                        </span>
4046                                        
4047                                    </a>
4048                                                                </div>
4049
4050                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284287314' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
4051                                    <a href="#" data-menulink="https://www.vedia.ch/k-damenmode/trachtenmode-dirndl/" title="Trachtenmode&#x20;&amp;&#x20;Dirndl" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284287314', 0, 'category-node-284286114') : ''">
4052                                        <span class="xl:text-sm text-gray-900 font-medium">
4053                                            Trachtenmode &amp; Dirndl                                        </span>
4054                                        
4055                                    </a>
4056                                                                </div>
4057
4058                                                    </div>
4059                                    </div>
4060                            <div class="level-0 xl:py-[12px] border-b xl:border-b-0 border-gray-200 flex justify-between static xl:relative px-4 xl:px-0" @focus="setUrl()" @mouseenter="setUrl(); isExecuted = true; isMobile === false ?  hoverPanelActiveId = 'category-node-284286624'  : null" @mouseleave="isMobile === false ? hoverPanelActiveId = 0 : null">
4061                    <a class="menu-item-hover w-full py-[12px] xl:py-0 xl:w-full font-medium xl:text-[15px] level-0 flex justify-between items-center  whitespace-nowrap text-black xl:text-white hover:text-black" @focus="setUrl()" @click="setUrl(); isMobile ? slideNav($event, 'category-node-284286624') : ''"
4062                       href="https://www.vedia.ch/k-herrenmode/" title="Herrenmode">
4063                        <span class="mr-2">Herrenmode</span>
4064                                                    <span class="transform rotate-360 xl:rotate-90 text-black xl:text-white" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="w-2.5 h-2.5 xl:w-2 xl:h-2 2xl:w-2.5 2xl:h-2.5" width="10" height="10" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
4065</span>
4066                                            </a>
4067                                            <div x-cloak class="js-navigation scrollbox h-[calc(100svh-160px)] pb-44 js-level absolute z-10 level-1 min-h-full pt-4 xl:pt-0 xl:translate-y-full left-0 md:w-full xl:w-auto xl:left-0 w-screen xl:shadow-lg bg-container-lighter transform ease-
4067out md:h-auto xl:pb-0 xl:min-h-full overflow-x-hidden overflow-y-auto md:overflow-y-hidden xl:overflow-visible transition-all category-node-284286624" :class="{
4068                                'xl:opacity-0 top-0 xl:top-auto xl:-bottom-4 xl:pointer-events-none' : hoverPanelActiveId !== 'category-node-284286624',
4069                                'xl:opacity-100 top-0 xl:top-auto xl:bottom-0 xl:pointer-events-auto' : hoverPanelActiveId === 'category-node-284286624',
4070                                'opacity-0 translate-x-2.5 xl:translate-x-0 pointer-events-none': mobilePanelActiveId !== 'category-node-284286624',
4071                                'opacity-100 translate-x-0 pointer-events-auto': mobilePanelActiveId == 'category-node-284286624'
4072                            }">
4073                            <div class="flex pl-4 xl:hidden ">
4074                                <span class="pr-2 left font-bold text-black flex items-center hover:cursor-pointer" @click="mobilePanelActiveId = 0;allowOverflow(0)">
4075                                    <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
4076</span>
4077                                </span>
4078                                <a class="font-bold text-lg text-black" href="https://www.vedia.ch/k-herrenmode/"><span class="text-lg">Herrenmode</span></a>
4079                            </div>
4080
4081
4082                            <a class="xl:hidden px-4 text-black flex items-center flex-wrap mt-4 font-bold gap-y-2 border-b border-gray-300 pb-2" href="https://www.vedia.ch/k-herrenmode/">
4083
4084                                <span class="w-full inline-block font-base font-[500]">Alles entdecken</span>
4085                            </a>
4086                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286684' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
4087                                    <a href="#" data-menulink="https://www.vedia.ch/k-herrenmode/jacken-maentel-gilets/" title="Jacken,&#x20;M&#xE4;ntel&#x20;&amp;&#x20;Gilets" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286684', 0, 'category-node-284286624') : ''">
4088                                        <span class="xl:text-sm text-gray-900 font-medium">
4089                                            Jacken, Mäntel &amp; Gilets                                        </span>
4090                                        
4091                                    </a>
4092                                                                </div>
4093
4094                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284287171' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
4095                                    <a href="#" data-menulink="https://www.vedia.ch/k-herrenmode/pullover-strickjacken/" title="Pullover&#x20;&amp;&#x20;Strickjacken" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284287171', 3, 'category-node-284286624') : ''">
4096                                        <span class="xl:text-sm text-gray-900 font-medium">
4097                                            Pullover &amp; Strickjacken                                        </span>
4098                                                                                    <sp
4098an class="transform rotate-360 text-gray xl:text-gray" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="fill-inherit w-auto h-2" width="8" height="8" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
4099</span>
4100                                        
4101                                    </a>
4102                                                                    <div x-cloak class="scrollbox h-[calc(100svh-160px)] pb-44 fixed xl:absolute level-2 top-0 left-0 flex flex-col bg-white w-full z-10 overflow-y-auto xl:overflow-y-hidden js-subItem
4103                                    xl:min-h-auto xl:h-auto transform transition pt-4 xl:pt-0 xl:pb-4 xl:shadow-lg" @mouseleave="isMobile === false ?  subMenuCategoryActiveId = 0 : null" :class="[subMenuCategoryActiveId == 'category-node-284287171' ? 'translate-x-0 opacity-100 pointer-events-auto xl:translate-x-full' : 'translate-x-2.5 xl:translate-x-full opacity-0 pointer-events-none', 3 > 16 ? 'h-[70vh]': 'min-h-full']">
4104                                        <div class="flex flex-wrap pl-4 xl:mt-0 font-bold gap-y-2 border-b xl:border-b-0 border-gray-300 pb-2 xl:pb-0">
4105                                            <a class="xl:hidden font-bold text-black flex items-center mr-2" @click.prevent="subMenuCategoryActiveId = 0;allowOverflow(1);" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/">
4106                                                <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
4107</span>
4108                                            </a>
4109                                            <a class="xl:hidden font-bold text-lg text-black" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/pullover-strickjacken/">Pullover & Strickjacken</a>
4110                                            <a class="xl:hidden text-black block w-full mt-2" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/pullover-strickjacken/"><span class="inline-block font-[500] font-base">Alles entdecken</span></a>
4111                                        </div>
4112
4113                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/pullover-strickjacken/pullover/">Pullover</a>
4114                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/pullover-strickjacken/strickjacken/">Strickjacken</a>
4115                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/pullover-strickjacken/sweatjacken/">Sweatshirts</a>
4116                                                                            </div>
4117
4118                                                                </div>
4119
4120                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286669' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
4121                                    <a href="#" data-menulink="https://www.vedia.ch/k-herrenmode/hosen/" title="Hosen" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286669', 4, 'category-node-284286624') : ''">
4122                                        <span class="xl:text-sm text-gray-900 font-medium">
4123                                            Hosen                                        </span>
4124                                                                                    <span class="transform rotate-360 text-gray xl:text-gray" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="fill-inherit w-auto h-2" width="8" height="8" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
4125</span>
4126                                        
4127                                    </a>
4128                                                                    <div x-cloak class="scrollbox h-[calc(100svh-160px)] pb-44 fixed xl:absolute level-2 top-0 left-0 flex flex-col bg-white w-full z-10 overflow-y-auto xl:overflow-y-hidden js-subItem
4129                                    xl:min-h-auto xl:h-auto transform transition pt-4 xl:pt-0 xl:pb-4 xl:shadow-lg" @mouseleave="isMobile === false ?  subMenuCategoryActiveId = 0 : null" :class="[subMenuCategoryActiveId == 'category-node-284286669' ? 'translate-x-0 opacity-100 pointer-events-auto xl:translate-x-full' : 'translate-x-2.5 xl:translate-x-full opacity-0 pointer-events-none', 4 > 16 ? 'h-[70vh]': 'min-h-full']">
4130                                        <div class="flex flex-wrap pl-4 xl:mt-0 font-bold gap-y-2 border-b xl:border-b-0 border-gray-300 pb-2 xl:pb-0">
4131                                            <a class="xl:hidden font-bold text-black flex items-center mr-2" @click.prevent="subMenuCategoryActiveId = 0;allowOverflow(1);" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/">
4132                                                <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
4133</span>
4134                                            </a>
4135                                            <a class="xl:hidden font-bold text-lg text-black" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/hosen/">Hosen</a>
4136                                            <a class="xl:hidden text-black block w-full mt-2" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/hosen/"><span class="inline-block font-[500] font-base">Alles entdecken</span></a>
4137                                        </div>
4138
4139                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/hosen/lange-hosen/">Lange Hosen</a>
4140                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/hosen/kurze-hosen/">Kurze Hosen</a>
4141                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/hosen/cargohosen/">Cargohosen</a>
4142                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/hosen/jeans/">Jeans</a>
4143                                                                            </div>
4144
4145                                                                </div>
4146
4147                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286651' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
4148                                    <a href="#" data-menulink="https://www.vedia.ch/k-herrenmode/hemden-shirts/" title="Hemden&#x20;&amp;&#x20;Shirts" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286651', 4, 'category-node-284286624') : ''">
4149                                        <span class="xl:text-sm text-gray-900 font-medium">
4150                                            Hemden &amp; Shirts                                        </span>
4151                                                                                    <span class="transform rotate-360 text-gray xl:text-gray" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="fill-inherit w-auto h-2" width="8" height="8" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
4152</span>
4153                                        
4154                                    </a>
4155                                                                    <div x-cloak class="scrollbox h-[calc(100svh-160px)] pb-44 fixed xl:absolute level-2 top-0 left-0 flex flex-col bg-white w-full z-10 overflow-y-auto xl:overflow-y-hidden js-subItem
4156                                    xl:min-h-auto xl:h-auto transform transition pt-4 xl:pt-0 xl:pb-4 xl:shadow-lg" @mouseleave="isMobile === false ?  subMenuCategoryActiveId = 0 : null" :class="[subMenuCategoryActiveId == 'category-node-284286651' ? 'translate-x-0 opacity-100 pointer-events-auto xl:translate-x-full' : 'translate-x-2.5 xl:translate-x-full opacity-0 pointer-events-none', 4 > 16 ? 'h-[70vh]': 'min-h-full']">
4157                                        <div class="flex flex-wrap pl-4 xl:mt-0 font-bold gap-y-2 border-b xl:border-b-0 border-gray-300 pb-2 xl:pb-0">
4158                                            <a class="xl:hidden font-bold text-black flex items-center mr-2" @click.prevent="subMenuCategoryActiveId = 0;allowOverflow(1);" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/">
4159                                                <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
4160</span>
4161                                            </a>
4162                                            <a class="xl:hidden font-bold text-lg text-black" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/hemden-shirts/">Hemden & Shirts</a>
4163                                            <a class="xl:hidden text-black block w-full mt-2" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/hemden-shirts/"><span class="inline-block font-[500] font-base">Alles entdecken</span></a>
4164                                        </div>
4165
4166                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/hemden-shirts/t-shirts/">T-Shirts</a>
4167                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/hemden-shirts/poloshirts/">Poloshirts</a>
4168                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/hemden-shirts/langarmhemden/">Langarmhemden</a>
4169                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/hemden-shirts/kurzarmhemden/">Kurzarmhemden</a>
4170                                                                            </div>
4171
4172                                                                </div>
4173
4174                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286768' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
4175                                    <a href="#" data-menulink="https://www.vedia.ch/k-herrenmode/outdoorbekleidung/" title="Outdoorbekleidung" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286768', 2, 'category-node-284286624') : ''">
4176                                        <span class="xl:text-sm text-gray-900 font-medium">
4177                                            Outdoorbekleidung                                        </span>
4178                                                                                    <span class="transform rotate-360 text-gray xl:text-gray" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="fill-inherit w-auto h-2" width="8" height="8" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
4179</span>
4180                                        
4181                                    </a>
4182                                                                    <div x-cloak class="scrollbox h-[calc(100svh-160px)] pb-44 fixed xl:absolute level-2 top-0 left-0 flex flex-col bg-white w-full z-10 overflow-y-auto xl:overflow-y-hidden js-subItem
4183                                    xl:min-h-auto xl:h-auto transform transition pt-4 xl:pt-0 xl:pb-4 xl:shadow-lg" @mouseleave="isMobile === false ?  subMenuCategoryActiveId = 0 : null" :class="[subMenuCategoryActiveId == 'category-node-284286768' ? 'translate-x-0 opacity-100 pointer-events-auto xl:translate-x-full' : 'translate-x-2.5 xl:translate-x-full opacity-0 pointer-events-none', 2 > 16 ? 'h-[70vh]': 'min-h-full']">
4184                                        <div class="flex flex-wrap pl-4 xl:mt-0 font-bold gap-y-2 border-b xl:border-b-0 border-gray-300 pb-2 xl:pb-0">
4185                                            <a class="xl:hidden font-bold text-black flex items-center mr-2" @click.prevent="subMenuCategoryActiveId = 0;allowOverflow(1);" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/">
4186                                                <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
4187</span>
4188                                            </a>
4189                                            <a class="xl:hidden font-bold text-lg text-black" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/outdoorbekleidung/">Outdoorbekleidung</a>
4190                                            <a class="xl:hidden text-black block w-full mt-2" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/outdoorbekleidung/"><span class="inline-block font-[500] font-base">Alles entdecken</span></a>
4191                                        </div>
4192
4193                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/outdoorbekleidung/outdoorjacken/">Outdoorjacken</a>
4194                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/outdoorbekleidung/wanderhosen/">Wanderhosen</a>
4195                                                                            </div>
4196
4197                                                                </div>
4198
4199                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286786' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
4200                                    <a href="#" data-menulink="https://www.vedia.ch/k-herrenmode/unterwaesche/" title="Unterw&#xE4;sche" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286786', 3, 'category-node-284286624') : ''">
4201                                        <span class="xl:text-sm text-gray-900 font-medium">
4202                                            Unterwäsche                                        </span>
4203                                                                                    <span class="transform rotate-360 text-gray xl:text-gray" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="fill-inherit w-auto h-2" width="8" height="8" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
4204</span>
4205                                        
4206                                    </a>
4207                                                                    <div x-cloak class="scrollbox h-[calc(100svh-160px)] pb-44 fixed xl:absolute level-2 top-0 left-0 flex flex-col bg-white w-full z-10 overflow-y-auto xl:overflow-y-hidden js-subItem
4208                                    xl:min-h-auto xl:h-auto transform transition pt-4 xl:pt-0 xl:pb-4 xl:shadow-lg" @mouseleave="isMobile === false ?  subMenuCategoryActiveId = 0 : null" :class="[subMenuCategoryActiveId == 'category-node-284286786' ? 'translate-x-0 opacity-100 pointer-events-auto xl:translate-x-full' : 'translate-x-2.5 xl:translate-x-full opacity-0 pointer-events-none', 3 > 16 ? 'h-[70vh]': 'min-h-full']">
4209                                        <div class="flex flex-wrap pl-4 xl:mt-0 font-bold gap-y-2 border-b xl:border-b-0 border-gray-300 pb-2 xl:pb-0">
4210                                            <a class="xl:hidden font-bold text-black flex items-center mr-2" @click.prevent="subMenuCategoryActiveId = 0;allowOverflow(1);" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/">
4211                                                <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
4212</span>
4213                                            </a>
4214                                            <a class="xl:hidden font-bold text-lg text-black" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/unterwaesche/">Unterwäsche</a>
4215                                            <a class="xl:hidden text-black block w-full mt-2" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/unterwaesche/"><span class="inline-block font-[500] font-base">Alles entdecken</span></a>
4216                                        </div>
4217
4218                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/unterwaesche/unterhosen-slips/">Unterhosen & Slips</a>
4219                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/unterwaesche/boxershorts/">Boxershorts</a>
4220                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/unterwaesche/unterhemden/">Unterhemden</a>
4221                                                                            </div>
4222
4223                                                                </div>
4224
4225                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286783' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
4226                                    <a href="#" data-menulink="https://www.vedia.ch/k-herrenmode/socken/" title="Socken" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286783', 0, 'category-node-284286624') : ''">
4227                                        <span class="xl:text-sm text-gray-900 font-medium">
4228                                            Socken                                        </span>
4229                                        
4230                                    </a>
4231                                                                </div>
4232
4233                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286627' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
4234                                    <a href="#" data-menulink="https://www.vedia.ch/k-herrenmode/accessoires/" title="Accessoires" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286627', 0, 'category-node-284286624') : ''">
4235                                        <span class="xl:text-sm text-gray-900 font-medium">
4236                                            Accessoires                                        </span>
4237                                        
4238                                    </a>
4239                                                                </div>
4240
4241                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286687' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
4242                                    <a href="#" data-menulink="https://www.vedia.ch/k-herrenmode/marken/" title="Marken" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286687', 10, 'category-node-284286624') : ''">
4243                                        <span class="xl:text-sm text-gray-900 font-medium">
4244                                            Marken                                        </span>
4245                                                                                    <span class="transform rotate-360 text-gray xl:text-gray" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="fill-inherit w-auto h-2" width="8" height="8" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
4246</span>
4247                                        
4248                                    </a>
4249                                                                    <div x-cloak class="scrollbox h-[calc(100svh-160px)] pb-44 fixed xl:absolute level-2 top-0 left-0 flex flex-col bg-white w-full z-10 overflow-y-auto xl:overflow-y-hidden js-subItem
4250                                    xl:min-h-auto xl:h-auto transform transition pt-4 xl:pt-0 xl:pb-4 xl:shadow-lg" @mouseleave="isMobile === false ?  subMenuCategoryActiveId = 0 : null" :class="[subMenuCategoryActiveId == 'category-node-284286687' ? 'translate-x-0 opacity-100 pointer-events-auto xl:translate-x-full' : 'translate-x-2.5 xl:translate-x-full opacity-0 pointer-events-none', 10 > 16 ? 'h-[70vh]': 'min-h-full']">
4251                                        <div class="flex flex-wrap pl-4 xl:mt-0 font-bold gap-y-2 border-b xl:border-b-0 border-gray-300 pb-2 xl:pb-0">
4252                                            <a class="xl:hidden font-bold text-black flex items-center mr-2" @click.prevent="subMenuCategoryActiveId = 0;allowOverflow(1);" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/">
4253                                                <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
4254</span>
4255                                            </a>
4256                                            <a class="xl:hidden font-bold text-lg text-black" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/marken/">Marken</a>
4257                                            <a class="xl:hidden text-black block w-full mt-2" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/marken/"><span class="inline-block font-[500] font-base">Alles entdecken</span></a>
4258                                        </div>
4259
4260                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/marken/artime/">Artime</a>
4261                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/marken/columbia/">Columbia</a>
4262                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/marken/hta/">HTA</a>
4263                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/marken/isa/">ISA</a>
4264                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/marken/jack-jones/">JACK&JONES</a>
4265                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/marken/jockey/">Jockey</a>
4266                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/marken/levis/">Levis</a>
4267                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/marken/puma/">Puma</a>
4268                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/marken/sloggi/">Sloggi</a>
4269                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/marken/wrangler/">Wrangler</a>
4270                                                                            </div>
4271
4272                                                                </div>
4273
4274                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286801' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
4275                                    <a href="#" data-menulink="https://www.vedia.ch/k-herrenmode/wor
4275kwear/" title="Workwear" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286801', 2, 'category-node-284286624') : ''">
4276                                        <span class="xl:text-sm text-gray-900 font-medium">
4277                                            Workwear                                        </span>
4278                                                                                    <span class="transform rotate-360 text-gray xl:text-gray" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="fill-inherit w-auto h-2" width="8" height="8" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
4279</span>
4280                                        
4281                                    </a>
4282                                                                    <div x-cloak class="scrollbox h-[calc(100svh-160px)] pb-44 fixed xl:absolute level-2 top-0 left-0 flex flex-col bg-white w-full z-10 overflow-y-auto xl:overflow-y-hidden js-subItem
4283                                    xl:min-h-auto xl:h-auto transform transition pt-4 xl:pt-0 xl:pb-4 xl:shadow-lg" @mouseleave="isMobile === false ?  subMenuCategoryActiveId = 0 : null" :class="[subMenuCategoryActiveId == 'category-node-284286801' ? 'translate-x-0 opacity-100 pointer-events-auto xl:translate-x-full' : 'translate-x-2.5 xl:translate-x-full opacity-0 pointer-events-none', 2 > 16 ? 'h-[70vh]': 'min-h-full']">
4284                                        <div class="flex flex-wrap pl-4 xl:mt-0 font-bold gap-y-2 border-b xl:border-b-0 border-gray-300 pb-2 xl:pb-0">
4285                                            <a class="xl:hidden font-bold text-black flex items-center mr-2" @click.prevent="subMenuCategoryActiveId = 0;allowOverflow(1);" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/">
4286                                                <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
4287</span>
4288                                            </a>
4289                                            <a class="xl:hidden font-bold text-lg text-black" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/workwear/">Workwear</a>
4290                                            <a class="xl:hidden text-black block w-full mt-2" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/workwear/"><span class="inline-block font-[500] font-base">Alles entdecken</span></a>
4291                                        </div>
4292
4293                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/workwear/arbeitskleider/">Arbeitskleider</a>
4294                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-herrenmode/workwear/arbeitszubehoer/">Arbeitszubehör</a>
4295                                                                            </div>
4296
4297                                                                </div>
4298
4299                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284287268' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
4300                                    <a href="#" data-menulink="https://www.vedia.ch/k-herrenmode/pyjamas-homme/" title="Pyjamas" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284287268', 0, 'category-node-284286624') : ''">
4301                                        <span class="xl:text-sm text-gray-900 font-medium">
4302                                            Pyjamas                                        </span>
4303                                        
4304                                    </a>
4305                                                                </div>
4306
4307                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284287274' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
4308                                    <a href="#" data-menulink="https://www.vedia.ch/k-herrenmode/badeshorts-badehosen/" title="Badeshorts&#x20;&amp;&#x20;Badehosen" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284287274', 0, 'category-node-284286624') : ''">
4309                                        <span class="xl:text-sm text-gray-900 font-medium">
4310                                            Badeshorts &amp; Badehosen                                        </span>
4311                                        
4312                                    </a>
4313                                                                </div>
4314
4315                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284287317' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
4316                                    <a href="#" data-menulink="https://www.vedia.ch/k-herrenmode/trachtenmode-lederhosen/" title="Trachtenmode" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284287317', 0, 'category-node-284286624') : ''">
4317                                        <span class="xl:text-sm text-gray-900 font-medium">
4318                                            Trachtenmode                                        </span>
4319                                        
4320                                    </a>
4321                                                                </div>
4322
4323                                                    </div>
4324                                    </div>
4325                            <div class="level-0 xl:py-[12px] border-b xl:border-b-0 border-gray-200 flex justify-between static xl:relative px-4 xl:px-0" @focus="setUrl()" @mouseenter="setUrl(); isExecuted = true; isMobile === false ?  hoverPanelActiveId = 'category-node-284286933'  : null" @mouseleave="isMobile === false ? hoverPanelActiveId = 0 : null">
4326                    <a class="menu-item-hover w-full py-[12px] xl:py-0 xl:w-full font-medium xl:text-[15px] level-0 flex justify-between items-center  whitespace-nowrap text-black xl:text-white hover:text-black" @focus="setUrl()" @click="setUrl(); isMobile ? slideNav($event, 'category-node-284286933') : ''"
4327                       href="https://www.vedia.ch/k-schuhe/" title="Schuhe">
4328                        <span class="mr-2">Schuhe</span>
4329                                                    <span class="transform rotate-360 xl:rotate-90 text-black xl:text-white" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="w-2.5 h-2.5 xl:w-2 xl:h-2 2xl:w-2.5 2xl:h-2.5" width="10" height="10" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
4330</span>
4331                                            </a>
4332                                            <div x-cloak class="js-navigation scrollbox h-[calc(100svh-160px)] pb-44 js-level absolute z-10 level-1 min-h-full pt-4 xl:pt-0 xl:translate-y-full left-0 md:w-full xl:w-auto xl:left-0 w-screen xl:shadow-lg bg-container-lighter transform ease-
4332out md:h-auto xl:pb-0 xl:min-h-full overflow-x-hidden overflow-y-auto md:overflow-y-hidden xl:overflow-visible transition-all category-node-284286933" :class="{
4333                                'xl:opacity-0 top-0 xl:top-auto xl:-bottom-4 xl:pointer-events-none' : hoverPanelActiveId !== 'category-node-284286933',
4334                                'xl:opacity-100 top-0 xl:top-auto xl:bottom-0 xl:pointer-events-auto' : hoverPanelActiveId === 'category-node-284286933',
4335                                'opacity-0 translate-x-2.5 xl:translate-x-0 pointer-events-none': mobilePanelActiveId !== 'category-node-284286933',
4336                                'opacity-100 translate-x-0 pointer-events-auto': mobilePanelActiveId == 'category-node-284286933'
4337                            }">
4338                            <div class="flex pl-4 xl:hidden ">
4339                                <span class="pr-2 left font-bold text-black flex items-center hover:cursor-pointer" @click="mobilePanelActiveId = 0;allowOverflow(0)">
4340                                    <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
4341</span>
4342                                </span>
4343                                <a class="font-bold text-lg text-black" href="https://www.vedia.ch/k-schuhe/"><span class="text-lg">Schuhe</span></a>
4344                            </div>
4345
4346
4347                            <a class="xl:hidden px-4 text-black flex items-center flex-wrap mt-4 font-bold gap-y-2 border-b border-gray-300 pb-2" href="https://www.vedia.ch/k-schuhe/">
4348
4349                                <span class="w-full inline-block font-base font-[500]">Alles entdecken</span>
4350                            </a>
4351                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284287080' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
4352                                    <a href="#" data-menulink="https://www.vedia.ch/k-schuhe/damenschuhe/" title="Damenschuhe" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284287080', 11, 'category-node-284286933') : ''">
4353                                        <span class="xl:text-sm text-gray-900 font-medium">
4354                                            Damenschuhe                                        </span>
4355                                                                                    <span class="transform rotate-360 text-gray xl:text-gray" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="fill-inherit w-auto h-2" width="8" height="8" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
4356</span>
4357                                        
4358                                    </a>
4359                                                                    <div x-cloak class="scrollbox h-[calc(100svh-160px)] pb-44 fixed xl:absolute level-2 top-0 left-0 flex flex-col bg-white w-full z-10 overflow-y-auto xl:overflow-y-hidden js-subItem
4360                                    xl:min-h-auto xl:h-auto transform transition pt-4 xl:pt-0 xl:pb-4 xl:shadow-lg" @mouseleave="isMobile === false ?  subMenuCategoryActiveId = 0 : null" :class="[subMenuCategoryActiveId == 'category-node-284287080' ? 'translate-x-0 opacity-100 pointer-events-auto xl:translate-x-full' : 'translate-x-2.5 xl:translate-x-full opacity-0 pointer-events-none', 11 > 16 ? 'h-[70vh]': 'min-h-full']">
4361                                        <div class="flex flex-wrap pl-4 xl:mt-0 font-bold gap-y-2 border-b xl:border-b-0 border-gray-300 pb-2 xl:pb-0">
4362                                            <a class="xl:hidden font-bold text-black flex items-center mr-2" @click.prevent="subMenuCategoryActiveId = 0;allowOverflow(1);" href="#" data-menulink="https://www.vedia.ch/k-schuhe/">
4363                                                <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
4364</span>
4365                                            </a>
4366                                            <a class="xl:hidden font-bold text-lg text-black" href="#" data-menulink="https://www.vedia.ch/k-schuhe/damenschuhe/">Damenschuhe</a>
4367                                            <a class="xl:hidden text-black block w-full mt-2" href="#" data-menulink="https://www.vedia.ch/k-schuhe/damenschuhe/"><span class="inline-block font-[500] font-base">Alles entdecken</span></a>
4368                                        </div>
4369
4370                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/damenschuhe/halbschuhe-schnuerschuhe/">Halbschuhe & Schnürschuhe</a>
4371                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/damenschuhe/sneakers-turnschuhe/">Sneakers & Turnschuhe</a>
4372                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/damenschuhe/freizeitschuhe/">Freizeitschuhe</a>
4373                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/damenschuhe/pantoletten-clogs/">Pantoletten & Clogs</a>
4374                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/damenschuhe/sandalen-sandaletten/">Sandalen & Sandaletten</a>
4375                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/damenschuhe/slippers-schlupfschuhe/">Slippers & Schlupfschuhe</a>
4376                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/damenschuhe/winterschuhe/">Winterschuhe</a>
4377                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/damenschuhe/gummistiefel/">Gummistiefel</a>
4378                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/damenschuhe/stiefel-stiefeletten/">Stiefel & Stiefeletten</a>
4379                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/damenschuhe/schnuerstiefel/">Schnürstiefel</a>
4380                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/damenschuhe/hausschuhe-finken/">Hausschuhe & Finken</a>
4381                                                                            </div>
4382
4383                                                                </div>
4384
4385                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284287131' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
4386                                    <a href="#" data-menulink="https://www.vedia.ch/k-schuhe/herrenschuhe/" title="Herrenschuhe" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284287131', 5, 'category-node-284286933') : ''">
4387                                        <span class="xl:text-sm text-gray-900 font-medium">
4388                                            Herrenschuhe                                        </span>
4389                                                                                    <span class="transform rotate-360 text-gray xl:text-gray" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="fill-inherit w-auto h-2" width="8" height="8" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
4390</span>
4391                                        
4392                                    </a>
4393                                                                    <div x-cloak class="scrollbox h-[calc(100svh-160px)] pb-44 fixed xl:absolute level-2 top-0 left-0 flex flex-col bg-white w-full z-10 overflow-y-auto xl:overflow-y-hidden js-subItem
4394                                    xl:min-h-auto xl:h-auto transform transition pt-4 xl:pt-0 xl:pb-4 xl:shadow-lg" @mouseleave="isMobile === false ?  subMenuCategoryActiveId = 0 : null" :class="[subMenuCategoryActiveId == 'category-node-284287131' ? 'translate-x-0 opacity-100 pointer-events-auto xl:translate-x-full' : 'translate-x-2.5 xl:translate-x-full opacity-0 pointer-events-none', 5 > 16 ? 'h-[70vh]': 'min-h-full']">
4395                                        <div class="flex flex-wrap pl-4 xl:mt-0 font-bold gap-y-2 border-b xl:border-b-0 border-gray-300 pb-2 xl:pb-0">
4396                                            <a class="xl:hidden font-bold text-black flex items-center mr-2" @click.prevent="subMenuCategoryActiveId = 0;allowOverflow(1);" href="#" data-menulink="https://www.vedia.ch/k-schuhe/">
4397                                                <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
4398</span>
4399                                            </a>
4400                                            <a class="xl:hidden font-bold text-lg text-black" href="#" data-menulink="https://www.vedia.ch/k-schuhe/herrenschuhe/">Herrenschuhe</a>
4401                                            <a class="xl:hidden text-black block w-full mt-2" href="#" data-menulink="https://www.vedia.ch/k-schuhe/herrenschuhe/"><span class="inline-block font-[500] font-base">Alles entdecken</span></a>
4402                                        </div>
4403
4404                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/herrenschuhe/halbschuhe/">Halbschuhe</a>
4405                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/herrenschuhe/sneakers-freizeitschuhe/">Sneakers & Freizeitschuhe</a>
4406                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/herrenschuhe/stiefel-boots/">Stiefel & Boots</a>
4407                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/herrenschuhe/sandalen-pantoletten/">Sandalen & Pantoletten</a>
4408                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/herrenschuhe/hausschuhe-pantoffeln/">Hausschuhe & Pantoffeln</a>
4409                                                                            </div>
4410
4411                                                                </div>
4412
4413                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284287053' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
4414                                    <a href="#" data-menulink="https://www.vedia.ch/k-schuhe/outdoorschuhe/" title="Outdoorschuhe" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284287053', 3, 'category-node-284286933') : ''">
4415                                        <span class="xl:text-sm text-gray-900 font-medium">
4416                                            Outdoorschuhe                                        </span>
4417                                                                                    <span class="transform rotate-360 text-gray xl:text-gray" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="fill-inherit w-auto h-2" width="8" height="8" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
4418</span>
4419                                        
4420                                    </a>
4421                                                                    <div x-cloak class="scrollbox h-[calc(100svh-160px)] pb-44 fixed xl:absolute level-2 top-0 left-0 flex flex-col bg-white w-full z-10 overflow-y-auto xl:overflow-y-hidden js-subItem
4422                                    xl:min-h-auto xl:h-auto transform transition pt-4 xl:pt-0 xl:pb-4 xl:shadow-lg" @mouseleave="isMobile === false ?  subMenuCategoryActiveId = 0 : null" :class="[subMenuCategoryActiveId == 'category-node-284287053' ? 'translate-x-0 opacity-100 pointer-events-auto xl:translate-x-full' : 'translate-x-2.5 xl:translate-x-full opacity-0 pointer-events-none', 3 > 16 ? 'h-[70vh]': 'min-h-full']">
4423                                        <div class="flex flex-wrap pl-4 xl:mt-0 font-bold gap-y-2 border-b xl:border-b-0 border-gray-300 pb-2 xl:pb-0">
4424                                            <a class="xl:hidden font-bold text-black flex items-center mr-2" @click.prevent="subMenuCategoryActiveId = 0;allowOverflow(1);" href="#" data-menulink="https://www.vedia.ch/k-schuhe/">
4425                                                <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
4426</span>
4427                                            </a>
4428                                            <a class="xl:hidden font-bold text-lg text-black" href="#" data-menulink="https://www.vedia.ch/k-schuhe/outdoorschuhe/">Outdoorschuhe</a>
4429                                            <a class="xl:hidden text-black block w-full mt-2" href="#" data-menulink="https://www.vedia.ch/k-schuhe/outdoorschuhe/"><span class="inline-block font-[500] font-base">Alles entdecken</span></a>
4430                                        </div>
4431
4432                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/outdoorschuhe/wanderschuhe-trekkingschuhe/">Wanderschuhe & Trekkingschuhe</a>
4433                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/outdoorschuhe/walking-multifunktionsschuhe/">Walking- & Multifunktionsschuhe</a>
4434                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/outdoorschuhe/alltagsschuhe/">Alltagsschuhe</a>
4435                                                                            </div>
4436
4437                                                                </div>
4438
4439                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286936' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
4440                                    <a href="#" data-menulink="https://www.vedia.ch/k-schuhe/arbeitsschuhe/" title="Arbeitsschuhe" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286936', 3, 'category-node-284286933') : ''">
4441                                        <span class="xl:text-sm text-gray-900 font-medium">
4442                                            Arbeitsschuhe                                        </span>
4443                                                                                    <span class="transform rotate-360 text-gray xl:text-gray" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="fill-inherit w-auto h-2" width="8" height="8" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
4444</span>
4445                                        
4446                                    </a>
4447                                                                    <div x-cloak class="scrollbox h-[calc(100svh-160px)] pb-44 fixed xl:absolute level-2 top-0 left-0 flex flex-col bg-white w-full z-10 overflow-y-auto xl:overflow-y-hidden js-subItem
4448                                    xl:min-h-auto xl:h-auto transform transition pt-4 xl:pt-0 xl:pb-4 xl:shadow-lg" @mouseleave="isMobile === false ?  subMenuCategoryActiveId = 0 : null" :class="[subMenuCategoryActiveId == 'category-node-284286936' ? 'translate-x-0 opacity-100 pointer-events-auto xl:translate-x-full' : 'translate-x-2.5 xl:translate-x-full opacity-0 pointer-events-none', 3 > 16 ? 'h-[70vh]': 'min-h-full']">
4449                                        <div class="flex flex-wrap pl-4 xl:mt-0 font-bold gap-y-2 border-b xl:border-b-0 border-gray-300 pb-2 xl:pb-0">
4450                                            <a class="xl:hidden font-bold text-black flex items-center mr-2" @click.prevent="subMenuCategoryActiveId = 0;allowOverflow(1);" href="#" data-menulink="https://www.vedia.ch/k-schuhe/">
4451                                                <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
4452</span>
4453                                            </a>
4454                                            <a class="xl:hidden font-bold text-lg text-black" href="#" data-menulink="https://www.vedia.ch/k-schuhe/arbeitsschuhe/">Arbeitsschuhe</a>
4455                                            <a class="xl:hidden text-black block w-full mt-2" href="#" data-menulink="https://www.vedia.ch/k-schuhe/arbeitsschuhe/"><span class="inline-block font-[500] font-base">Alles entdecken</span></a>
4456                                        </div>
4457
4458                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/arbeitsschuhe/arbeitsschuhe-damen/">Arbeitsschuhe Damen</a>
4459                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/arbeitsschuhe/arbeitsschuhe-herren/">Arbeitsschuhe Herren</a>
4460                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/arbeitsschuhe/arbeitsschuhe-unisex/">Arbeitschuhe unisex</a>
4461                                                                            </div>
4462
4463                                                                </div>
4464
4465                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284287077' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
4466                                    <a href="#" data-menulink="https://www.vedia.ch/k-schuhe/plegemittel-zubehoer/" title="Plegemittel&#x20;&amp;&#x20;Zubeh&#xF6;r" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284287077', 0, 'category-node-284286933') : ''">
4467                                        <span class="xl:text-sm text-gray-900 font-medium">
4468                                            Plegemittel &amp; Zubehör                                        </span>
4469                                        
4470                                    </a>
4471                                                                </div>
4472
4473                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284287158' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
4474                                    <a href="#" data-menulink="https://www.vedia.ch/k-schuhe/sicherheitsschuhe/" title="Sicherheitsschuhe" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284287158', 0, 'category-node-284286933') : ''">
4475                                        <span class="xl:text-sm text-gray-900 font-medium">
4476                                            Sicherheitsschuhe                                        </span>
4477                                        
4478                                    </a>
4479                                                                </div>
4480
4481                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286939' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
4482                                    <a href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/" title="Markenschuhe" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286939', 33, 'category-node-284286933') : ''">
4483                                        <span class="xl:text-sm text-gray-900 font-medium">
4484                                            Markenschuhe                                        </span>
4485                                                                                    <span class="transform rotate-360 text-gray xl:text-gray" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="fill-inherit w-auto h-2" width="8" height="8" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
4486</span>
4487                                        
4488                                    </a>
4489                                                                    <div x-cloak class="scrollbox h-[calc(100svh-160px)] pb-44 fixed xl:absolute level-2 top-0 left-0 flex flex-col bg-white w-full z-10 overflow-y-auto xl:overflow-y-hidden js-subItem
4490                                    xl:min-h-auto xl:h-auto transform transition pt-4 xl:pt-0 xl:pb-4 xl:shadow-lg" @mouseleave="isMobile === false ?  subMenuCategoryActiveId = 0 : null" :class="[subMenuCategoryActiveId == 'category-node-284286939' ? 'translate-x-0 opacity-100 pointer-events-auto xl:translate-x-full' : 'translate-x-2.5 xl:translate-x-full opacity-0 pointer-events-none', 33 > 16 ? 'h-[70vh]': 'min-h-full']">
4491                                        <div class="flex flex-wrap pl-4 xl:mt-0 font-bold gap-y-2 border-b xl:border-b-0 border-gray-300 pb-2 xl:pb-0">
4492                                            <a class="xl:hidden font-bold text-black flex items-center mr-2" @click.prevent="subMenuCategoryActiveId = 0;allowOverflow(1);" href="#" data-menulink="https://www.vedia.ch/k-schuhe/">
4493                                                <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
4494</span>
4495                                            </a>
4496                                            <a class="xl:hidden font-bold text-lg text-black" href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/">Markenschuhe</a>
4497                                            <a class="xl:hidden text-black block w-full mt-2" href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/"><span class="inline-block font-[500] font-base">Alles entdecken</span></a>
4498                                        </div>
4499
4500                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/adidas/">Adidas</a>
4501                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/ara/">Ara</a>
4502                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/birkenstock/">Birkenstock</a>
4503                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/caprice/">Caprice</a>
4504                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/diadora/">Diadora</a>
4505                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/ecco/">Ecco</a>
4506                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/fila/">Fila</a>
4507                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/hoka/">HOKA</a>
4508                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/gemini/">Gemini</a>
4509                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/gore-tex/">Gore-Tex</a>
4510                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/hickersberger/">Hickersberger</a>
4511                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/jack-wolfskin/">Jack Wolfskin</a>
4512                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/lowa/">Lowa</a>
4513                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/lumberjack/">Lumberjack</a>
4514                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/merrell/">Merrell</a>
4515                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/mubb/">Mubb</a>
4516                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/mustang/">Mustang</a>
4517                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/puma/">Puma</a>
4518                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/rohde/">Rohde</a>
4519                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/rieker/">Rieker</a>
4520                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/salomon/">Salomon</a>
4521                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/schawos/">Schawos</a>
4522                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/shepherd/">Shepherd</a>
4523                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/skechers/">Skechers</a>
4524                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/skechers-arch-fit/">Skechers Arch Fit</a>
4525                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/skechers-casual/">Skechers Casual</a>
4526                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/skechers-gowalk/">Skechers GOwalk</a>
4527                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/skechers-goga-mat/">Skechers GOGA MAT</a>
4528                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/skechers-memory-foam/">Skechers Memory Foam</a>
4529                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/skechers-work/">Skechers Work</a>
4530                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/superga/">Superga</a>
4531                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/tamaris/">Tamaris</a>
4532                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-schuhe/markenschuhe/viking/">Viking</a>
4533                                                                            </div>
4534
4535                                                                </div>
4536
4537                                                    </div>
4538                                    </div>
4539                            <div class="level-0 xl:py-[12px] border-b xl:border-b-0 border-gray-200 flex justify-between static xl:relative px-4 xl:px-0" @focus="setUrl()" @mouseenter="setUrl(); isExecuted = true; isMobile === false ?  hoverPanelActiveId = 'category-node-284287161'  : null" @mouseleave="isMobile === false ? hoverPanelActiveId = 0 : null">
4540                    <a class="menu-item-hover w-full py-[12px] xl:py-0 xl:w-full font-medium xl:text-[15px] level-0 flex justify-between items-center  whitespace-nowrap text-black xl:text-white hover:text-black" @focus="setUrl()" @click="setUrl(); isMobile ? slideNav($event, 'category-node-284287161') : ''"
4541                       href="https://www.vedia.ch/k-sport-freizeit/" title="Sport&#x20;&amp;&#x20;Freizeit">
4542                        <span class="mr-2">Sport &amp; Freizeit</span>
4543                                                    <span class="transform rotate-360 xl:rotate-90 text-black xl:text-white" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="w-2.5 h-2.5 xl:w-2 xl:h-2 2xl:w-2.5 2xl:h-2.5" width="10" height="10" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
4544</span>
4545                                            </a>
4546                                            <div x-cloak class="js-navigation scrollbox h-[calc(100svh-160px)] pb-44 js-level absolute z-10 level-1 min-h-full pt-4 xl:pt-0 xl:translate-y-full left-0 md:w-full xl:w-auto xl:left-0 w-screen xl:shadow-lg bg-container-lighter transform ease-out md:h-auto xl:pb-0 xl:min-h-full overflow-x-hidden overflow-y-auto md:overflow-y-hidden xl:overflow-visible transition-all category-node-284287161" :class="{
4547                                'xl:opacity-0 top-0 xl:top-auto xl:-bottom-4 xl:pointer-events-none' : hoverPanelActiveId !== 'category-node-284287161',
4548                                'xl:opacity-100 top-0 xl:top-auto xl:bottom-0 xl:pointer-events-auto' : hoverPanelActiveId === 'category-node-284287161',
4549                                'opacity-0 translate-x-2.5 xl:translate-x-0 pointer-events-none': mobilePanelActiveId !== 'category-node-284287161',
4550                                'opacity-100 translate-x-0 pointer-events-auto': mobilePanelActiveId == 'category-node-284287161'
4551                            }">
4552                            <div class="flex pl-4 xl:hidden ">
4553                                <span class="pr-2 left font-bold text-black flex items-center hover:cursor-pointer" @click="mobilePanelActiveId = 0;allowOverflow(0)">
4554                                    <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
4555</span>
4556                                </span>
4557                                <a class="font-bold text-lg text-black" href="https://www.vedia.ch/k-sport-freizeit/"><span class="text-lg">Sport & Freizeit</span></a>
4558                            </div>
4559
4560
4561                            <a class="xl:hidden px-4 text-black flex items-center flex-wrap mt-4 font-bold gap-y-2 border-b border-gray-300 pb-2" href="https://www.vedia.ch/k-sport-freizeit/">
4562
4563                                <span class="w-full inline-block font-base font-[500]">Alles entdecken</span>
4564                            </a>
4565                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284287164' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
4566                                    <a href="#" data-menulink="https://www.vedia.ch/k-sport-freizeit/fitnessgeraete-sportartikel/" title="Fitnessger&#xE4;te&#x20;&amp;&#x20;Sportartikel" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284287164', 0, 'category-node-284287161') : ''">
4567                                        <span class="xl:text-sm text-gray-900 font-medium">
4568                                            Fitnessgeräte &amp; Sportartikel                                        </span>
4569                                        
4570                                    </a>
4571                                                                </div>
4572
4573                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284287170' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
4574                                    <a href="#" data-menulink="https://www.vedia.ch/k-sport-freizeit/koffer-reisezubehoer/" title="Koffer&#x20;&amp;&#x20;Reisezubeh&#xF6;r" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284287170', 0, 'category-node-284287161') : ''">
4575                                        <span class="xl:text-sm text-gray-900 font-medium">
4576                                            Koffer &amp; Reisezubehör                                        </span>
4577                                        
4578                                    </a>
4579                                                                </div>
4580
4581                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286477' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
4582                                    <a href="#" data-menulink="https://www.vedia.ch/k-sport-freizeit/heimwerken/" title="Heimwerken&#x20;&amp;&#x20;Handarbeit" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286477', 0, 'category-node-284287161') : ''">
4583                                        <span class="xl:text-sm text-gray-900 font-medium">
4584                                            Heimwerken &amp; Handarbeit                                        </span>
4585                                        
4586                                    </a>
4587                                                                </div>
4588
4589                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286525' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
4590                                    <a href="#" data-menulink="https://www.vedia.ch/k-sport-freizeit/spielwaren-multimedia/" title="Spielwaren&#x20;&amp;&#x20;Multimedia" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286525', 0, 'category-node-284287161') : ''">
4591                                        <span class="xl:text-sm text-gray-900 font-medium">
4592                                            Spielwaren &amp; Multimedia                                        </span>
4593                                        
4594                                    </a>
4595                                                                </div>
4596
4597                                                    </div>
4598                                    </div>
4599                            <div class="level-0 xl:py-[12px] border-b xl:border-b-0 border-gray-200 flex justify-between static xl:relative px-4 xl:px-0" @focus="setUrl()" @mouseenter="setUrl(); isExecuted = true; isMobile === false ?  hoverPanelActiveId = 'category-node-284286414'  : null" @mouseleave="isMobile === false ? hoverPanelActiveId = 0 : null">
4600                    <a class="menu-item-hover w-full py-[12px] xl:py-0 xl:w-full font-medium xl:text-[15px] level-0 flex justify-between items-center  whitespace-nowrap text-black xl:text-white hover:text-black" @focus="setUrl()" @click="setUrl(); isMobile ? slideNav($event, 'category-node-284286414') : ''"
4601                       href="https://www.vedia.ch/k-gesundheit-schoenheit/" title="Gesundheit&#x20;&amp;&#x20;Sch&#xF6;nheit">
4602                        <span class="mr-2">Gesundheit &amp; Schönheit</span>
4603                                                    <span class="transform rotate-360 xl:rotate-90 text-black xl:text-white" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="w-2.5 h-2.5 xl:w-2 xl:h-2 2xl:w-2.5 2xl:h-2.5" width="10" height="10" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
4604</span>
4605                                            </a>
4606                                            <div x-cloak class="js-navigation scrollbox h-[calc(100svh-160px)] pb-44 js-level absolute z-10 level-1 min-h-full pt-4 xl:pt-0 xl:translate-y-full left-0 md:w-full xl:w-auto xl:left-0 w-screen xl:shadow-lg bg-container-lighter transform ease-out md:h-auto xl:pb-0 xl:min-h-full overflow-x-hidden overflow-y-auto md:overflow-y-hidden xl:overflow-visible transition-all category-node-284286414" :class="{
4607                                'xl:opacity-0 top-0 xl:top-auto xl:-bottom-4 xl:pointer-events-none' : hoverPanelActiveId !== 'category-node-284286414',
4608                                'xl:opacity-100 top-0 xl:top-auto xl:bottom-0 xl:pointer-events-auto' : hoverPanelActiveId === 'category-node-284286414',
4609                                'opacity-0 translate-x-2.5 xl:translate-x-0 pointer-events-none': mobilePanelActiveId !== 'category-node-284286414',
4610                                'opacity-100 translate-x-0 pointer-events-auto': mobilePanelActiveId == 'category-node-284286414'
4611                            }">
4612                            <div class="flex pl-4 xl:hidden ">
4613                                <span class="pr-2 left font-bold text-black flex items-center hover:cursor-pointer" @click="mobilePanelActiveId = 0;allowOverflow(0)">
4614                                    <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
4615</span>
4616                                </span>
4617                                <a class="font-bold text-lg text-black" href="https://www.vedia.ch/k-gesundheit-schoenheit/"><span class="text-lg">Gesundheit & Schönheit</span></a>
4618                            </div>
4619
4620
4621                            <a class="xl:hidden px-4 text-black flex items-center flex-wrap mt-4 font-bold gap-y-2 border-b border-gray-300 pb-2" href="https://www.vedia.ch/k-gesundheit-schoenheit/">
4622
4623                                <span class="w-full inline-block font-base font-[500]">Alles entdecken</span>
4624                            </a>
4625                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286417' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
4626                                    <a href="#" data-menulink="https://www.vedia.ch/k-gesundheit-schoenheit/erotik/" title="Erotik" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286417', 0, 'category-node-284286414') : ''">
4627                                        <span class="xl:text-sm text-gray-900 font-medium">
4628                                            Erotik                                        </span>
4629                                        
4630                                    </a>
4631                                                                </div>
4632
4633                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286453' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
4634                                    <a href="#" data-menulink="https://www.vedia.ch/k-gesundheit-schoenheit/parfum/" title="Parfum" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286453', 2, 'category-node-284286414') : ''">
4635                                        <span class="xl:text-sm text-gray-900 font-medium">
4636                                            Parfum                                        </span>
4637                                                                                    <span class="transform rotate-360 text-gray xl:text-gray" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="fill-inherit w-auto h-2" width="8" height="8" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
4638</span>
4639                                        
4640                                    </a>
4641                                                                    <div x-cloak class="scrollbox h-[calc(100svh-160px)] pb-44 fixed xl:absolute level-2 top-0 left-0 flex flex-col bg-white w-full z-10 overflow-y-auto xl:overflow-y-hidden js-subItem
4642                                    xl:min-h-auto xl:h-auto transform transition pt-4 xl:pt-0 xl:pb-4 xl:shadow-lg" @mouseleave="isMobile === false ?  subMenuCategoryActiveId = 0 : null" :class="[subMenuCategoryActiveId == 'category-node-284286453' ? 'translate-x-0 opacity-100 pointer-events-auto xl:translate-x-full' : 'translate-x-2.5 xl:translate-x-full opacity-0 pointer-events-none', 2 > 16 ? 'h-[70vh]': 'min-h-full']">
4643                                        <div class="flex flex-wrap pl-4 xl:mt-0 font-bold gap-y-2 border-b xl:border-b-0 border-gray-300 pb-2 xl:pb-0">
4644                                            <a class="xl:hidden font-bold text-black flex items-center mr-2" @click.prevent="subMenuCategoryActiveId = 0;allowOverflow(1);" href="#" data-menulink="https://www.vedia.ch/k-gesundheit-schoenheit/">
4645                                                <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
4646</span>
4647                                            </a>
4648                                            <a class="xl:hidden font-bold text-lg text-black" href="#" data-menulink="https://www.vedia.ch/k-gesundheit-schoenheit/parfum/">Parfum</a>
4649                                            <a class="xl:hidden text-black block w-full mt-2" href="#" data-menulink="https://www.vedia.ch/k-gesundheit-schoenheit/parfum/"><span class="inline-block font-[500] font-base">Alles entdecken</span></a>
4650                                        </div>
4651
4652                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-gesundheit-schoenheit/parfum/parfum-fuer-damen/">Parfum Damen</a>
4653                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-gesundheit-schoenheit/parfum/parfum-fuer-herren/">Parfum Herren</a>
4654                                                                            </div>
4655
4656                                                                </div>
4657
4658                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284286426' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
4659                                    <a href="#" data-menulink="https://www.vedia.ch/k-gesundheit-schoenheit/gesundheit-vitalitaet-wohlbefinden/" title="Gesundheit,&#x20;Vitalit&#xE4;t&#x20;&amp;&#x20;Wohlbefinden" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284286426', 2, 'category-node-284286414') : ''">
4660                                        <span class="xl:text-sm text-gray-900 font-medium">
4661                                            Gesundheit, Vitalität &amp; Wohlbefinden                                        </span>
4662                                                                                    <span class="transform rotate-360 text-gray xl:text-gray" ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 185.343 185.343" fill="currentColor" style="enable-background:new 0 0 185.343 185.343" xml:space="preserve" class="fill-inherit w-auto h-2" width="8" height="8" aria-hidden="true"><path d="M51.707 185.343a10.692 10.692 0 0 1-7.593-3.149 10.724 10.724 0 0 1 0-15.175l74.352-74.347L44.114 18.32c-4.194-4.194-4.194-10.987 0-15.175 4.194-4.194 10.987-4.194 15.18 0l81.934 81.934c4.194 4.194 4.194 10.987 0 15.175l-81.934 81.939a10.678 10.678 0 0 1-7.587 3.15z"/></svg>
4663</span>
4664                                        
4665                                    </a>
4666                                                                    <div x-cloak class="scrollbox h-[calc(100svh-160px)] pb-44 fixed xl:absolute level-2 top-0 left-0 flex flex-col bg-white w-full z-10 overflow-y-auto xl:overflow-y-hidden js-subItem
4667                                    xl:min-h-auto xl:h-auto transform transition pt-4 xl:pt-0 xl:pb-4 xl:shadow-lg" @mouseleave="isMobile === false ?  subMenuCategoryActiveId = 0 : null" :class="[subMenuCategoryActiveId == 'category-node-284286426' ? 'translate-x-0 opacity-100 pointer-events-auto xl:translate-x-full' : 'translate-x-2.5 xl:translate-x-full opacity-0 pointer-events-none', 2 > 16 ? 'h-[70vh]': 'min-h-full']">
4668                                        <div class="flex flex-wrap pl-4 xl:mt-0 font-bold gap-y-2 border-b xl:border-b-0 border-gray-300 pb-2 xl:pb-0">
4669                                            <a class="xl:hidden font-bold text-black flex items-center mr-2" @click.prevent="subMenuCategoryActiveId = 0;allowOverflow(1);" href="#" data-menulink="https://www.vedia.ch/k-gesundheit-schoenheit/">
4670                                                <span class="text-black -mt-[2px]"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" role="img"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M5.125 10.375.75 6m0 0 4.375-4.375M.75 6h10.5"/><title>arrow-left</title></svg>
4671</span>
4672                                            </a>
4673                                            <a class="xl:hidden font-bold text-lg text-black" href="#" data-menulink="https://www.vedia.ch/k-gesundheit-schoenheit/gesundheit-vitalitaet-wohlbefinden/">Gesundheit, Vitalität & Wohlbefinden</a>
4674                                            <a class="xl:hidden text-black block w-full mt-2" href="#" data-menulink="https://www.vedia.ch/k-gesundheit-schoenheit/gesundheit-vitalitaet-wohlbefinden/"><span class="inline-block font-[500] font-base">Alles entdecken</span></a>
4675                                        </div>
4676
4677                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-gesundheit-schoenheit/gesundheit-vitalitaet-wohlbefinden/massage-wellness-gesundheit/">Massage, Wellness & Gesundheit</a>
4678                                                                                    <a class="px-4 py-[12px] xl:py-[9px] border-b block border-gray-200 xl:border-0 hover:bg-gray-card font-medium xl:text-sm text-gray-900 w-full" href="#" data-menulink="https://www.vedia.ch/k-gesundheit-schoenheit/gesundheit-vitalitaet-wohlbefinden/slimming-firming-nahrungsergaenzung/">Slimming, Firming & Nahrungsergänzung</a>
4679                                                                            </div>
4680
4681                                                                </div>
4682
4683                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284287260' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
4684                                    <a href="#" data-menulink="https://www.vedia.ch/k-gesundheit-schoenheit/hautpflege-kosmetik/" title="Hautpflege&#x20;&amp;&#x20;Kosmetik" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284287260', 0, 'category-node-284286414') : ''">
4685                                        <span class="xl:text-sm text-gray-900 font-medium">
4686                                            Hautpflege &amp; Kosmetik                                        </span>
4687                                        
4688                                    </a>
4689                                                                </div>
4690
4691                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284287262' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
4692                                    <a href="#" data-menulink="https://www.vedia.ch/k-gesundheit-schoenheit/manikuere-pedikuere-haarentfernung/" title="Manik&#xFC;re,&#x20;Pedik&#xFC;re&#x20;&amp;&#x20;Haarentfernung" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284287262', 0, 'category-node-284286414') : ''">
4693                                        <span class="xl:text-sm text-gray-900 font-medium">
4694                                            Maniküre, Pediküre &amp; Haarentfernung                                        </span>
4695                                        
4696                                    </a>
4697                                                                </div>
4698
4699                                                            <div x-cloak class="hover-span xl:z-20 relative px-4 border-b border-gray-200 hover:bg-gray-card mt-2 xl:mt-0 xl:py-[5px] xl:border-0" @mouseenter=" isMobile === false ? subMenuCategoryActiveId = 'category-node-284287257' : null;" @mouseleave="isMobile === false ?  subMenuCategoryActiveId ? undefined : subMenuCategoryActiveId = 0 : null">
4700                                    <a href="#" data-menulink="https://www.vedia.ch/k-gesundheit-schoenheit/haarpflege/" title="Haarpflege" class="xl:z-30 w-full pl-0 py-1 my-1 xl:my-0 whitespace-nowrap first:mt-0 right z-0 flex justify-between items-center" @click="isMobile ?  mobileSlide($event, 'category-node-284287257', 0, 'category-node-284286414') : ''">
4701                                        <span class="xl:text-sm text-gray-900 font-medium">
4702                                            Haarpflege                                        </span>
4703                                        
4704                                    </a>
4705                                                                </div>
4706
4707                                                    </div>
4708                                    </div>
4709                            <div class="level-0 xl:py-[12px] border-b xl:border-b-0 border-gray-200 flex justify-between static xl:relative px-4 xl:px-0" @focus="setUrl()" @mouseenter="setUrl(); isExecuted = true; isMobile === false ?  hoverPanelActiveId = 'category-node-284287309'  : null" @mouseleave="isMobile === false ? hoverPanelActiveId = 0 : null">
4710                    <a class="menu-item-hover w-full py-[12px] xl:py-0 xl:w-full font-medium xl:text-[15px] level-0 flex justify-between items-center  whitespace-nowrap text-black xl:text-white hover:text-black" @focus="setUrl()" @click="setUrl(); isMobile ? window.location.href = 'https://www.vedia.ch/k-sale/' : ''"
4711                       href="https://www.vedia.ch/k-sale/" title="&#x25;&#x20;SALE&#x20;&#x25;">
4712                        <span class="mr-2">% SALE %</span>
4713                                            </a>
4714                                    </div>
4715                            <div class="level-0 xl:py-[12px] border-b xl:border-b-0 border-gray-200 flex justify-between static xl:relative px-4 xl:px-0" @focus="setUrl()" @mouseenter="setUrl(); isExecuted = true; isMobile === false ?  hoverPanelActiveId = 'category-node-284286120'  : null" @mouseleave="isMobile === false ? hoverPanelActiveId = 0 : null">
4716                    <a class="menu-item-hover w-full py-[12px] xl:py-0 xl:w-full font-medium xl:text-[15px] level-0 flex justify-between items-center  whitespace-nowrap text-black xl:text-white hover:text-black" @focus="setUrl()" @click="setUrl(); isMobile ? window.location.href = 'https://www.vedia.ch/k-neuheiten/' : ''"
4717                       href="https://www.vedia.ch/k-neuheiten/" title="Neuheiten">
4718                        <span class="mr-2">Neuheiten</span>
4719                                            </a>
4720                                    </div>
4721                    </nav>
4722    </div>
4723</div>
4724<script>
4725
4726    const initMenuDesktop_6ab7e891be13e = () => {
4727        return {
4728            isMobile: false,
4729            isExecuted: false,
4730            open: false,
4731            mobilePanelActiveId: null,
4732            hoverPanelActiveId: null,
4733            subMenuCategoryActiveId: null,
4734            stickyHeader: false,
4735            hide: false,
4736            dataLinks:Array.from(document.querySelectorAll('a[data-menulink]')),
4737            checkIsMobileResolution() {
4738                this.isMobile = window.matchMedia('(max-width: 1170px)').matches;
4739                if (this.isMobile) {
4740                    this.open = !this.open;
4741                } else {
4742                    this.open = true;
4743                }
4744
4745            },
4746            setUrl() {
4747                if (this.isExecuted === false)   {
4748                  this.dataLinks.find(item=>{
4749                      let itemLink = item.getAttribute('data-menulink');
4750                      item.setAttribute('href', itemLink)}
4751                  )
4752              }
4753            },
4754            allowOverflow(level){
4755                if (level === 0) {
4756                    let navigation = document.querySelector('nav.scrollbox');
4757                    if (navigation) {
4758                        navigation.style.overflowY = "auto";
4759                    }
4760                }
4761                if (level === 1){
4762                    const allLevels1 = document.querySelectorAll('.scrollbox.level-1');
4763                    allLevels1.forEach(level => {
4764                        level.style.overflowY = "auto";
4765                    });
4766                }
4767
4768            },
4769            setActiveMenu(menuNode) {
4770                Array.from(menuNode.querySelectorAll('a')).filter(link => {
4771                    return link.href === window.location.href.split('?')[0];
4772                }).map(item => {
4773                    item.classList.add('font-bold');
4774                    item.closest('div.level-0') &&
4775                        item.closest('div.level-0').querySelector('a.level-0').classList.add('font-bold');
4776                });
4777            },
4778            navigationContainer: document.querySelector('#header'),
4779            levelContainer: Array.from(document.querySelectorAll('.js-level')),
4780            slideNav(e, panelIndex) {
4781                e.preventDefault();
4782                const scrollboxes = document.querySelectorAll('.scrollbox');
4783                scrollboxes.forEach(scrollbox => {
4784                    scrollbox.scrollTop = 0;
4785                });
4786                this.navigationContainer.scrollIntoView()
4787                const nav = document.querySelector('nav.scrollbox');
4788                if (this.mobilePanelActiveId === panelIndex) {
4789                    this.mobilePanelActiveId = 0;
4790                } else {
4791                    this.mobilePanelActiveId = panelIndex;
4792                    if (nav) {
4793                        nav.style.overflowY = "hidden";
4794                    }
4795                }
4796            },
4797
4798            mobileSlide(e, lastPanelIndex, subPanel, panelIndex) {
4799                if(this.stickyHeader) {
4800                    this.navigationContainer.scrollIntoView();
4801                }
4802                if (subPanel !== 0) {
4803                    e.preventDefault();
4804                    this.subMenuCategoryActiveId = lastPanelIndex;
4805                    const currentPanel = document.querySelector(`.${panelIndex}`);
4806                    if (currentPanel) {
4807                        currentPanel.style.overflowY = 'hidden';
4808                        currentPanel.scrollTop = 0;
4809                    }
4810                } else {
4811                    this.subMenuCategoryActiveId = panelIndex;
4812                }
4813            },
4814
4815            translateNav(currentActive) {
4816                if (this.mobilePanelActiveId === currentActive) {
4817                    if (this.hide === true) {
4818                        this.subMenuCategoryActiveId = 0;
4819                        this.mobilePanelActiveId = 0;
4820                    }
4821
4822                }
4823            },
4824        }
4825    }
4826</script>
4826
4827        <div x-cloak class="overlay absolute -top-px left-0 w-full h-screen bg-white" :class="(menuOpen && isMobile)? 'block': 'hidden'"></div>
4828    </div>
4829</div>
4830</div></header><main id="maincontent" class="page-main"><div class="page messages">
4830<script>
4831        function initMessages() {
4832        "use strict";
4833        return {
4834            messages: window.mageMessages || [],
4835            isEmpty() {
4836                return this.messages.reduce(
4837                    function (isEmpty, message) {
4838                        return isEmpty && message === undefined
4839                    }, true
4840                )
4841            },
4842            hasMessages() {
4843                return !this.isEmpty();
4844            },
4845            hasMessage() {
4846                return !!this.message;
4847            },
4848            removeMessage() {
4849                this.messages[this.index] = undefined;
4850            },
4851            addMessages(messages, hideAfter) {
4852                messages.map((message) => {
4853                    this.messages = this.messages.concat(message);
4854                    if (hideAfter === undefined && message.type === 'success' && window.defaultSuccessMessageTimeout) {
4855                        hideAfter = window.defaultSuccessMessageTimeout;
4856                    }
4857                    if (hideAfter) {
4858                        this.setHideTimeOut(this.messages.length -1, hideAfter);
4859                    }
4860                });
4861            },
4862            setHideTimeOut(messageIndex, hideAfter) {
4863                setTimeout((messageIndex) => {
4864                    this.removeMessage(messageIndex);
4865                }, hideAfter, messageIndex);
4866            },
4867            eventListeners: {
4868                ['@messages-loaded.window'](event) {
4869                    this.addMessages(event.detail.messages, event.detail.hideAfter)
4870                },
4871                ['@private-content-loaded.window'](event) {
4872                    const data = event.detail.data;
4873                    if (
4874                        data.messages &&
4875                        data.messages.messages &&
4876                        data.messages.messages.length
4877                    ) {
4878                        this.addMessages(data.messages.messages);
4879                    }
4880                },
4881                ['@clear-messages.window']() {
4882                    this.messages = [];
4883                }
4884            },
4885            getMessageUiId() {
4886                return 'message-' + this.message.type;
4887            }
4888        }
4889    }
4890
4891    window.addEventListener('alpine:init', () => Alpine.data('initMessages', initMessages), {once: true})
4892</script>
4892
4893<section id="messages"
4894         x-data="initMessages"
4895         x-bind="eventListeners"
4896         aria-live="assertive"
4897         role="alert"
4898>
4899    <template x-if="hasMessages">
4900        <div class="w-full">
4901            <div role="alert" class="messages container mx-auto">
4902                <template x-for="(message, index) in messages" :key="index">
4903                    <div>
4904                        <template x-if="hasMessage">
4905                            <div class="message px-5 py-3 mt-8 sm:mt-4 md:-mt-4 lg:mt-4 xl:mt-0 rounded-none shadow-none" :class="message.type"
4906                                 :ui-id="getMessageUiId"
4907                            >
4908                                <span x-html="message.text"></span>
4909                                <a href="#" class="close cursor-pointer text-white" title="close"
4910                                   @click.prevent="removeMessage">
4911                                    <svg class="fill-white" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"
4912                                         width="18" height="18" viewBox="0 0 18 18">
4913                                        <path
4914                                            d="M14.53 4.53l-1.06-1.06L9 7.94 4.53 3.47 3.47 4.53 7.94 9l-4.47
4915                                                4.47 1.06 1.06L9 10.06l4.47 4.47 1.06-1.06L10.06 9z">
4916                                        </path>
4917                                    </svg>
4918                                </a>
4919                            </div>
4920                        </template>
4921                    </div>
4922                </template>
4923            </div>
4924        </div>
4925    </template>
4926</section>
4927</div><div class="columns"><div class="sidebar sidebar-main"><div class="m-sidebarCms js-data-drop-item md:block hidden" data-cms-sidebar>
4928    <h3 class="text-base font-bold">Über uns</h3>
4929    <a href="#maincontent" class="a-btn -soft js-cms-menu-trigger js-drop-trigger hidden" data-cms-sidebar-on>
4930        <span class="a-linkArrow -down -reverse">Über uns</span>
4931    </a>
4932    <a href="#" class="a-btn -soft -circle js-cms-menu-trigger js-drop-trigger" data-cms-sidebar-off>
4933        <span class="a-xClose"></span>
4934    </a>
4935
4936    <div class="bottom m-hiddenMenu">
4937
4938        <ul class="menu text-sm leading-6">
4939            <li class="item mt-2">
4940                <a class="text-gray-700" href="/i-info/">Über uns</a>
4941            </li>
4942            <li class="item mt-2">
4943                <a class="text-gray-700" href="/i-groessentabellen/">Grössentabellen</a>
4944            </li>
4945            <li class="item mt-2">
4946                <a class="text-gray-700" href="/i-kundendienst/">Kundendienst</a>
4947            </li>
4948            <li class="item mt-2">
4949                <a class="text-gray-700" href="/i-sicherheit-datenschutz/">Sicherheit &amp; Datenschutz</a>
4950            </li>
4951            <li class="item mt-2">
4952                <a class="text-gray-700" href="/i-lieferung-versand/">Lieferung &amp; Versand</a>
4953            </li>
4954            <li class="item mt-2">
4955                <a class="text-gray-700" href="/i-ruecksendungen/">Rücksendungen</a>
4956            </li>
4957            <li class="item mt-2">
4958                <a class="text-gray-700" href="/i-kontakt/">Kontakt</a>
4959            </li>
4960<!--            <li class="item mt-2">-->
4961<!--                <a class="text-gray-700" href="/i-newsletter/">Newsletter</a>-->
4962<!--            </li>-->
4963            <li class="item mt-2">
4964                <a class="text-gray-700" href="/i-impressum/">Impressum</a>
4965            </li>
4966            <li class="item mt-2">
4967                <a class="text-gray-700" href="/i-agb/">AGB</a>
4968            </li>
4969        </ul>
4970    </div>
4971</div></div><div class="column main">
4972<nav class="breadcrumbs" aria-label="Breadcrumb" >
4973    
4974    <ol class="gradient-overlay-breadcrumbs opacity-0 duration-1000 ease-in-out md:ml-0 px-0 py-1 overflow-x-auto overscroll-x-contain snap mask-overflow text-sm text-slate-700 flex">
4975                                    <li
4976                    class="flex items-center whitespace-nowrap"
4977                                    >
4978                    
4979                    
4980                                            <a
4981                            href="https://www.vedia.ch/"
4982                            class="flex items-center text-blue gap-1 w-full hover:text-primary"
4983                            aria-label="Zur&#x20;Homepage"
4984                        >
4985                            <span class="text-ellipsis overflow-hidden"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" class="text-current" role="img"><path stroke="#0D0D0D" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m1.5 8 5.97-5.97a.75.75 0 0 1 1.06 0L14.5 8M3 6.5v6.75c0 .414.336.75.75.75H6.5v-3.25a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 .75.75V14h2.75a.75.75 0 0 0 .75-.75V6.5M5.5 14H11"/><title>home</title></svg>
4986</span>
4987                        </a>
4988                                    </li>
4989                                                                            </ol>
4990</nav>
4991<script>
4992    window.addEventListener("DOMContentLoaded", function(e) {
4993        let el = document.querySelector(".gradient-overlay-breadcrumbs");
4994        el.scrollLeft = el.scrollWidth;
4995        el.style.opacity = 1;
4996    });
4997</script>
4997
4998    
4998<script type="application/ld+json">
4999        { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/www.vedia.ch\/","name":"Home"}},{"@type":"ListItem","position":2,"item":{"@id":"https:\/\/www.vedia.ch\/i-kontakt\/","name":"Kontakt"}}] }
5000    </script>
5000
5001
5002    <div class="checkout-title md:flex flex-col md:flex-row flex-wrap font-bold mt-4 sm:mt-5 xl:mt-6 mb-10 text-[30px]">
5003        <h1 class="text-gray-900  page-title title-font text-sans-serif leading-[28px] lg:leading-[30px] w-full text-[24px] lg:text-[30px]" >
5004            <span class="base" data-ui-id="page-title-wrapper" >Kontakt</span>        </h1>
5005            </div>
5006    <h2 class="checkout-subtitle opacity-0 pointer-events-none h-0"></h2>
5007<div class="l-cms">
5008    <section class="contact-information flex flex-col gap-4 p-4 py-8 border border-gray-300 bg-gray-50 -mx-4 md:mx-auto">
5009        <p>Sollten Sie noch Fragen, Anregungen, Kritik oder Lob zu unseren Produkten haben, so nutzen Sie bitte dieses
5010            Kontaktformular. Wir werden uns umgehend mit Ihnen in Verbindung setzen.
5011        </p>
5012        <div class="tel pb-4">
5013            <h5 class="text-xl mb-2">Telefonnummer</h5>
5014            <div class="flex items-center">
5015                <img loading="lazy" class="img-radius h-fit rounded-sm mr-2" src=https://www.vedia.ch/media/static/cms/impressum/DE.png alt="de flag">
5016                <p>0848 840 140 (deutsch)</p>
5017            </div>
5018            <div class="tel-wrapper mt-1 flex items-center">
5019                <img loading="lazy" class="h-fit rounded-sm mr-2" src=https://www.vedia.ch/media/static/cms/impressum/FR.png alt="fr flag">
5020                <p>0848 840 148 (französisch)</p>
5021            </div>
5022
5023            <div class="tel-wrapper mt-1 flex items-center">
5024                <img loading="lazy" class="h-fit rounded-sm mr-2" src=https://www.vedia.ch/media/static/cms/impressum/IT.png alt="it flag">
5025                <p>0848 840 149 (italienisch)</p>
5026            </div>
5027        </div>
5028
5029        <div class="contact-form border-y border-gray-200 py-5">
5030            <div class="flex-columns-wrapper justify-between py-8 lg:py-0 gap-4">
5031    <form class="form contact "
5032          action="https://www.vedia.ch/contact/index/post/"
5033          id="contact"
5034          method="post"
5035          x-data="initContactForm()"
5036          @submit.prevent="submitForm()"
5037    >
5038        <fieldset>
5039            <div class="flex flex-col w-full mb-4 md:mb-7">
5040                <h2 class="sm:text-2xl text-xl title-font mb-4 text-gray-900 font-bold">
5041                    <span>Schreiben Sie uns</span>
5042                </h2>
5043                <p class="w-full mx-auto leading-relaxed text-base">Schreiben Sie uns eine Nachricht und wir werden uns schnellstmöglich bei Ihnen melden.</p>
5044            </div>
5045
5046            <div class="flex flex-col xl:flex-row">
5047
5048            <div class="flex flex-col xl:w-1/2">
5049                <div class="my-0 xl:my-3 name required p-2 text-left">
5050                    <label class="label text-sm text-gray-700" for="name"><span>Name</span></label>
5051                    <input name="name" id="name" required title="Name"
5052                           value=""
5053                           class="text-sm input input-light w-full"
5054                           type="text"
5055                           placeholder="Name"
5056                    />
5057                </div>
5058
5059                <div class="my-0 email required p-2 text-left">
5060                    <label class="label text-sm text-gray-700" for="email"><span>E-Mail</span></label>
5061                    <input name="email" id="email" required title="E-Mail"
5062                           value=""
5063                           class="text-sm input input-light w-full"
5064                           placeholder="E-Mail"
5065                           type="email"/>
5066                </div>
5067
5068                <div class="my-0 telephone p-2 text-left">
5069                    <label class="label text-sm text-gray-700" for="telephone"><span>Telefonnummer</span></label>
5070                    <input name="telephone" id="telephone"
5071                           title="Telefonnummer"
5072                           value=""
5073                           class="text-sm input input-light w-full"
5074                           placeholder="Telefonnummer"
5075                           type="text"/>
5076                </div>
5077
5078                <div class="my-0 clientnumber p-2">
5079                    <label class="label text-sm"
5080                           for="clientnumber"><span>Kundennummer oder Bestellnummer</span></label>
5081                    <div class="control">
5082                        <input name="clientnumber" id="clientnumber" title="Kundennummer&#x20;oder&#x20;Bestellnummer"
5083                               value=""
5084                               class="input-text text-sm w-full" t
5084ype="text"/>
5085                    </div>
5086                </div>
5087
5088            </div>
5089
5090            <div class="flex flex-col xl:w-1/2">
5091                 <div class="my-0 xl:my-3 comment required p-2">
5092                    <label class="label text-sm"
5093                           for="topic"><span>Betreff</span></label>
5094                    <div class="control">
5095                        <select id="topic" name="topic" title="Betreff" class="validate-select text-sm w-full">
5096                            <option value="">Bitte Betreff auswählen</option>
5097                            <option value="Meine Bestellung">Meine Bestellung</option>
5098                            <option value="Retouren / Beanstandungen">Retouren / Beanstandungen</option>
5099                            <option value="Adressänderung">Adressänderung</option>
5100                            <option value="Buchhaltung">Buchhaltung</option>
5101                            <option value="Keine Angaben">Keine Angaben</option>
5102                        </select>
5103                    </div>
5104                </div>
5105
5106                <div class="my-0 comment required p-2 w-full text-left">
5107                    <label class="label text-sm text-gray-700" for="comment"><span>Ihre Anfrage</span></label>
5108                    <textarea name="comment" id="comment" required
5109                              title="Ihre&#x20;Anfrage"
5110                              class="text-sm input input-light w-full h-[216px]" cols="5" rows="3"></textarea>
5111                </div>
5112
5113            </div>
5114                                <div class="control">
5115    <input type="hidden"
5116           value=""
5117           name="g-recaptcha-response"
5118    >
5119</div>
5120            </div>
5121            <input type="hidden" name="contact_url_redirect" value="i-kontakt">
5122        </fieldset>
5123        <div class="w-full flex justify-end submit-button">
5124            <input name="form_key" type="hidden" value="vikNMoQUCKDguHMW" />            <button type="submit" title="Absenden" class="btn btn-secondary">
5125                <span>Absenden</span>
5126            </button>
5127        </div>
5128        <div class="w-full">
5129                        <p class="my-4 text-sm text-gray-900 px-5 text-recaptcha">
5130        Dieses Formular ist durch reCAPTCHA geschützt - es gelten die <a class="underline" href="https://policies.google.com/privacy" target="_blank" rel="noopener">Google-Datenschutzbestimmungen</a> und <a class="underline" href="https://policies.google.com/terms" target="_blank" rel="noopener">Geschäftsbedingungen</a>.</p>
5131        </div>
5132
5133    </form>
5134    
5134<script>
5135        function initContactForm() {
5136            return {
5137                errors: 0,
5138                hasCaptchaToken: 0,
5139                submitForm() {
5140                    // Do not rename $form, the variable is expected to be declared in the recaptcha output
5141                    const $form = document.querySelector('#contact');
5142                        if (!this.hasCaptchaToken) {
5143        this.errors = 1;
5144
5145        const lockSubmitButton = () => {
5146            $form.querySelector('[type="submit"]')?.setAttribute('disabled', true);
5147        };
5148
5149        const failCaptcha = (errorMessage, exception = null) => {
5150            this.errors = 1;
5151            lockSubmitButton();
5152
5153            if (this.setErrorMessages) {
5154                this.setErrorMessages([errorMessage]);
5155                this.displayErrorMessage = true;
5156            } else {
5157                window.dispatchMessages && window.dispatchMessages([{ type: "error", text: errorMessage }], 5000);
5158            }
5159
5160            if (exception) {
5161                console.error(
5162                    exception ||
5163                    'An unknown error occurred during ReCaptcha validation. Are the tokens and the domain correctly set up in the Google console?'
5164                );
5165            }
5166        };
5167
5168        const executeGreCaptcha = () => {
5169            grecaptcha.ready(() => {
5170                grecaptcha.execute(
5171                    '6LeIilUeAAAAAI0woiL9D4LhTYABSJ1fZdBmfMJj',
5172                    {action: 'submit'}
5173                ).then((token) => {
5174                    const tokenElement = $form['g\u002Drecaptcha\u002Dresponse']
5175                        || $form.querySelector('input[name="g-recaptcha-response"]');
5176
5177                    if (tokenElement && token && token.length > 0) {
5178                        tokenElement.value = token;
5179                        this.errors = 0;
5180                        this.hasCaptchaToken = 1;
5181                        (this.submitForm || $form.submit).call(this);
5182                    } else {
5183                        failCaptcha(
5184                            tokenElement
5185                                ? 'ReCaptcha\u0020validation\u0020failed.\u0020Please\u0020refresh\u0020the\u0020page\u0020and\u0020try\u0020again.'
5186                                : 'Your\u0020form\u0020does\u0020not\u0020have\u0020the\u0020required\u0020fields\u0020for\u0020recaptcha\u0020to\u0020work.'
5187                        );
5188                    }
5189                }).catch((exception) => {
5190                    failCaptcha(
5191                        'ReCaptcha\u0020validation\u0020failed\u0020due\u0020to\u0020a\u0020technical\u0020error.\u0020Please\u0020refresh\u0020the\u0020page\u0020and\u0020try\u0020again.',
5192                        exception
5193                    );
5194                });
5195            });
5196        };
5197
5198        if (window.grecaptcha) {
5199            executeGreCaptcha();
5200        } else {
5201            const recaptchaUrl = "https://www.google.com/recaptcha/api.js?render=6LeIilUeAAAAAI0woiL9D4LhTYABSJ1fZdBmfMJj&lang=de";
5202            const script = document.createElement('script');
5203            script.setAttribute('type', 'text/javascript');
5204            script.setAttribute('src', recaptchaUrl);
5205            document.head.appendChild(script);
5206
5207            script.addEventListener('load', executeGreCaptcha, false);
5208        }
5209    }
5210
5211                    if (this.errors === 0) {
5212                        $form.submit();
5213                    }
5214                }
5215            }
5216        }
5217    </script>
5217
5218    <div class="hidden card lg:w-1/2 md:w-1/3">
5219            </div>
5220</div>
5221
5222        </div>
5223
5224        <div class="lehner-info pt-3 pb-8 border-b border-gray-200">
5225            <h5 class="text-xl mb-2">VEDIA</h5>
5226            <p>Postfach</p>
5227            <p>6210 Sursee</p>
5228            <a class="link__pink" href="/cdn-cgi/l/email-protection#b8d1d6ded7f8cedddcd1d996dbd0">E-Mail: <span class="__cf_email__" data-cfemail="244d4a424b645241404d450a474c">[email&#160;protected]</span></a><br>
5229            <a class="link__pink" href="https://www.vedia.ch">www.vedia.ch</a>
5230        </div>
5231
5232        <div class="information pt-4">
5233            <h2>Zahlungsinformationen</h2>
5234            <div class="mt-7">
5235                <div class="flex flex-col md:flex-row gap-0 md:gap-1">
5236                    <p class="text-gray-500 md:text-black">Zahlungsempfänger: <span class="font-bold">Vedia, 6210 Sursee</span></p>
5237                </div>
5238                <div class="mt-3 flex flex-col md:flex-row gap-0 md:gap-1">
5239                    <p class="text-gray-500 md:text-black">Bank: <span class="font-bold">Valiant</span></p>
5240                </div>
5241
5242                <div class="mt-3 flex flex-col md:flex-row gap-0 md:gap-1">
5243                    <p class="text-gray-500 md:text-black">
5244                        IBAN: <span class="font-bold">CH73 0630 0241 0202 3267 1</span>
5245                    </p>
5246                </div>
5247                <div class="contact-info mt-7">
5248                    <p>
5249                        Bitte beachten Sie, dass Sie in den nächsten Tagen unabhängig von Ihrer Zahlung eine
5250                        automatisch
5251                        generierte Vorauszahlungsrechnung erhalten werden. Diese können Sie nach erfolgter Zahlung
5252                        ignorieren.
5253                    </p>
5254                </div>
5255            </div>
5256        </div>
5257    </section>
5258</div></div></div></main><footer class="page-footer"><div class="footer content">
vendor: 108 bytes, line 5258
5258<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
5258<script>
5259  addEventListener('DOMContentLoaded', () => {
5260      for (const [selector, label] of Object.entries({"aside.sidebar-main":"Sidebar Main","aside.sidebar-additional":"Sidebar Additional"})) {
5261          const target = document.querySelector(selector);
5262          target && target.setAttribute('aria-label', label);
5263      }
5264  }, {once: true})
5265</script>
5265
5266
5267<footer class="print:hidden text-sm font-commissioner bg-white z-2 relative">
5268    <div class="container flex flex-wrap justify-between pt-[40px] mb-0 sm:mb-8 sm:py-7 sm:pt-20">
5269        <div class="w-full xl:w-[32%]">
5270            <div class="footer-newsletter -bw w-full block md:flex md:items-end xl:items-center">
5271    
5272<div x-data="{ isOpened: false }" class="m-newsletterWrap this newsletter js-collapsible px-0 sm:px-6 py-6 sm:py-4 border-t sm:border-t-0 sm:border sm:bg-gray-100 sm:rounded-lg md:w-full border-gray-200">
5273    <h3 @click="isOpened = !isOpened" class="text-sm sm:text-lg font-semibold flex items-center text-secondary sm:text-black">
5274        <span class="flex sm:hidden items-center justify-start h-4 w-4 mr-1.5 transition duration-75" :class="{ 'rotate-180 justify-end': isOpened }">
5275            <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="fas" data-icon="chevron-down" viewBox="0 0 448 512" class="text-secondary" width="14" height="14" role="img"><path fill="currentColor" d="M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/><title>chevron-down</title></svg>
5276        </span>
5277        Newsletter abonnieren und einen CHF 15.- Gutschein erhalten    </h3>
5278    <div class="mt-4 flex-col items-center p-4 sm:p-0 border bg-gray-100 sm:border-0 sm:bg-transparent rounded-lg" :class="isOpened ? 'flex' : 'hidden sm:flex'">
5279        <ul class="list -check flex flex-col w-full h-full">
5280            <li><span>Exklusive Gutscheine und Gewinnspiele</span></li>
5281            <li><span>Attraktive Rabatte und Top-Schnäppchen</span></li>
5282            <li><span>Aktuelle Neuheiten und vieles mehr</span></li>
5283        </ul>
5284        <div class="w-full">
5285            <form x-data="initFormData()" class="m-newsletterForm--form form subscribe mt-3.5" novalidate :action="'https://www.vedia.ch/newsletter/subscriber/new/' + '?form_key=' + form_key" method="post" data-mage-init='{"validation": {"errorClass": "mage-error"}}' id="newsletter-validate-detail">
5286                                    <div class="control flex items-center justify-start">
5287                        <input name="email" type="email" placeholder="E-Mail" data-mage-init='{"mage/trim-input":{}}' data-validate="{required:true, 'validate-email':true}" class="w-full py-2 leading-5 text-sm text-gray" />
5288                        <input type="submit" value="Abonnieren" placeholder="E-Mail" data-mage-init='{"mage/trim-input":{}}' data-validate="{required:true, 'validate-email':true}" class="action subscribe primary btn btn-primary -ml-6 py-2 leading-5 text-base" />
5289                    </div>
5290                            </form>
5291        </div>
5292    </div>
5293</div>
5294<script>
5295    function initFormData() {
5296        return {
5297            form_key: hyva.getFormKey()
5298        }
5299    }
5300</script>
5300
5301
5302</div>
5303        </div>
5304        <div class="w-full md:w-[48%] xl:w-[32%] sm:mt-8 xl:mt-0 h-full">
5305            <div x-data="{ isOpened: false }" class="h-full">
5306    <h4 @click="isOpened = !isOpened"
5307        class="js-collapsible text-sm sm:text-xl flex items-center sm:hidden py-6 border-t text-secondary">
5308        <span
5309                class="flex sm:hidden items-center justify-start w-4 h-4 mr-1.5 transform transition duration-75"
5310                :class="{ 'rotate-180 justify-end': isOpened }">
5311            <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="fas" data-icon="chevron-down" viewBox="0 0 448 512" class="w-3.5 h-3.5 text-secondary" role="img"><path fill="currentColor" d="M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/><title>chevron-down</title></svg>
5312
5313        </span>
5314        Kataloganforderung
5315    </h4>
5316    <div class="sm:p-4 sm:px-6 sm:py-4 sm:border-0 sm:border sm:bg-gray-100 sm:rounded-lg sm:mt-0 h-full"
5317         :class="isOpened ? 'mt-7 sm:mt-6 pb-6 sm:pb-0' : ''"
5318    >
5319        <div class="w-28 h-24 float-left" :class="isOpened ? 'block' : 'hidden sm:block'"></div>
5320        <div class="relative sm:border-0 sm:p-0 bg-gray-100 sm:bg-transparent rounded-lg"
5321             :class="isOpened ? 'p-4 border' : 'p-0 border-0'">
5322            <h3 class="hidden sm:block text-sm sm:text-lg font-semibold">Kataloganforderung</h3>
5323            <div class="sm:mt-4" :class="isOpened ? 'block' : 'hidden sm:block'">
5324                <p class="w-full pl-3.5">
5325                    Sie wollen mal wieder im VEDIA Katalog stöbern? Gerne schicken wir Ihnen ganz unverbindlich und kostenlos unseren nächsten Katalog bequem direkt zu Ihnen nach Hause.
5326                    <a href="/i-aktueller-katalog/"
5327                       class="flex items-center mt-3.5 font-bold text-sm gap-x-2 text-secondary">
5328                        Katalog anfordern
5329                        <span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 12" fill="none" class="w-3.5 h-3.5 text-secondary" role="img">
5330<path d="M1 6H15" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5331<path d="M11 1L16 6L11 11" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5332<title>arrow-right</title></svg>
5333</span>
5334                    </a>
5335                </p>
5336            </div>
5337            <div
5338               class="min-w-max absolute -top-[18%] sm:-top-[20%] -left-[2%]"
5339               :class="isOpened ? 'block' : 'hidden sm:block'"><img loading="lazy" src="https://www.vedia.ch/media/static/footer/catalog-vse6_de.png"
5340                                                                    alt="Aktueller Katalog"
5341                                                                    class="footer-img w-28"></div>
5342        </div>
5343    </div>
5344</div>
5345        </div>
5346        <div class="w-full md:w-[48%] xl:w-[32%] sm:mt-8 xl:mt-0 h-full">
5347            <div data-cms-footer-collapse class="h-full">
5348    <h4 data-cms-footer-toggle
5349        class="js-collapsible mb-11 md:mb-0 text-sm sm:text-xl flex items-center sm:hidden py-6 border-y text-secondary">
5350        <span
5351                class="flex sm:hidden items-center justify-start w-4 h-4 mr-1.5 transform transition duration-75"
5352                data-cms-footer-icon>
5353            <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="fas" data-icon="chevron-down" viewBox="0 0 448 512" class="h-3.5 w-3.5 text-secondary" role="img"><path fill="currentColor" d="M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/><title>chevron-down</title></svg>
5354
5355        </span>
5356        Qualitätsversprechen
5357    </h4>
5358    <div class="sm:p-4 sm:px-6 sm:py-4 sm:border-0 sm:bg-gray-100 sm:rounded-lg sm:mt-0 h-full"
5359         :class="isOpened? 'mt-2 mb-8':''">
5360      
5361        <div class="relative sm:border-0 sm:p-0 bg-gray-100 sm:bg-transparent roun
5361ded-lg" data-cms-footer-class-open="p-4 border" data-cms-footer-class-closed="p-0 border-0">
5362            <h3 class="hidden sm:block text-sm sm:text-lg font-semibold">Qualitätsversprechen</h3>
5363            <div class="sm:mt-4"
5364                 data-cms-footer-content>
5365                <ul class="list -check flex flex-col w-full h-full">
5366					<li><span>Sichere Übertragung mit SSL Verschlüsselung</span></li>
5367					<li><span><a href="https://handelsverband.swiss/trustmark/swiss-online-garantie/" target="_blank">Swiss Online Garantie</a></span></li>
5368					<li><span><a href="https://handelsverband.swiss/" target="_blank">Mitglied im HANDELSVERBAND.swiss</a></span></li>
5369				</ul>
5370            </div>
5371        </div>
5372    </div>
5373</div>
5374
5375
5376<!-- INHALT für Geschenkgutscheine -->
5377<!--
5378<div data-cms-footer-collapse class="h-full">
5379    <h4 data-cms-footer-toggle
5380        class="js-collapsible mb-11 md:mb-0 text-sm sm:text-xl flex items-center sm:hidden py-6 border-y text-secondary">
5381        <span
5382                class="flex sm:hidden items-center justify-start w-4 h-4 mr-1.5 transform transition duration-75"
5383                data-cms-footer-icon>
5384            <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="fas" data-icon="chevron-down" viewBox="0 0 448 512" class="h-3.5 w-3.5 text-secondary" role="img"><path fill="currentColor" d="M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/><title>chevron-down</title></svg>
5385
5386        </span>
5387        Geschenkgutscheine
5388    </h4>
5389    <div class="sm:p-4 sm:px-6 sm:py-4 sm:border-0 sm:bg-gray-100 sm:rounded-lg sm:mt-0 h-full"
5390         :class="isOpened? 'mt-2 mb-8':''">
5391        <div class="w-28 h-20 float-left" data-cms-footer-content></div>
5392        <div class="relative sm:border-0 sm:p-0 bg-gray-100 sm:bg-transparent rounded-lg" data-cms-footer-class-open="p-4 border" data-cms-footer-class-closed="p-0 border-0">
5393            <h3 class="hidden sm:block text-sm sm:text-lg font-semibold">Geschenkgutscheine</h3>
5394            <div class="sm:mt-4"
5395                 data-cms-footer-content>
5396                <p class="w-full pl-3.5">
5397                    Mit den flexiblen Geschenkgutscheinen von Lehner im Wert von CHF 10, 20, 50 oder 100 machen Sie
5398                    Ihren Lieben garantiert eine Freude und ersparen sich gleichzeitig mühsame Umtauschaktionen.
5399                    <a href="https://www.lehner-versand.ch/p-01000-geschenk-gutscheine-von-lehner-versand/"
5400                       class="flex items-center mt-3.5 font-bold text-sm gap-x-2">
5401                        Gutscheine bestellen
5402                        <span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 12" fill="none" class="w-3.5 h-3.5 text-primary" role="img">
5403<path d="M1 6H15" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5404<path d="M11 1L16 6L11 11" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5405<title>arrow-right</title></svg>
5406</span>
5407                    </a>
5408                </p>
5409            </div>
5410            <a href="/p-01000-geschenkgutscheine-chf-10-20-50-oder-100/"
5411               class="min-w-max absolute top-0 -left-[2%]"
5412               data-cms-footer-content>
5413                <img loading="lazy" src="https://www.vedia.ch/media/static/footer/coupon3-1.png"
5414                     alt="Lehner Gutscheine"
5415                     class="footer-img w-28"></a>
5416        </div>
5417    </div>-->
5418        </div>
5419    </div>
5420    <div class="container border-t border-gray-200 sm:mt-12 w-full">
5421    <div class="relative">
5422        <span class="absolute -top-1/4 left-1/2 transform -translate-x-1/2 bg-white"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="ml-2 mr-1 w-6 h-6" role="img"><g fill="none" fill-rule="evenodd"><rect fill="#D00" width="14" height="14" rx="1"/><path d="M7.875 7.875V10.5h-1.75V7.875H3.5v-1.75h2.625V3.5h1.75v2.625H10.5v1.75H7.875z" fill="#FFF"/></g><title>swiss-flag</title></svg>
5423</span>
5424        <div class="text-lg text-center pt-4 font-semibold">Der familiengeführte Schweizer Kultversender</div>
5425    </div>
5426    <ul class="flex justify-center gap-y-4 xl:gap-10 flex-wrap py-4 px-0 mx-auto 
5426sm:px-3.5 mt-2">
5427        <li class="w-full sm:w-4/12 xl:w-fit xl:pr-0 flex justify-start md:justify-center items-center">
5428            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" width="24" height="24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="mr-2 w-4 h-4 text-green" role="img"><path d="M20 6 9 17l-5-5"/><title>check</title></svg>
5429
5430            Schweizer Kundendienst
5431        </li>
5432        <li class="w-full sm:w-4/12 xl:w-fit mt-2.5 md:mt-0 flex justify-start md:justify-center items-center">
5433            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" width="24" height="24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="mr-2 w-4 h-4 text-green" role="img"><path d="M20 6 9 17l-5-5"/><title>check</title></svg>
5434
5435            Lagerhaltung in der Schweiz
5436        </li>
5437        <li class="w-full sm:w-4/12 xl:w-fit mt-2.5 sm:mt-0 flex justify-start md:justify-center items-center">
5438            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" width="24" height="24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="mr-2 w-4 h-4 text-green" role="img"><path d="M20 6 9 17l-5-5"/><title>check</title></svg>
5439
5440            Schnelle & flexible Lieferung</li>
5441        <li class="w-full sm:w-4/12 xl:w-fit mt-2.5 md:mt-0 flex justify-start md:justify-center items-center">
5442            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" width="24" height="24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="mr-2 w-4 h-4 text-green" role="img"><path d="M20 6 9 17l-5-5"/><title>check</title></svg>
5443
5444            Vielfältiges Angebot 
5445        </li>
5446        <li class="w-full sm:w-4/12 xl:w-fit mt-2.5 md:mt-0 flex justify-start md:justify-center items-center">
5447            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" width="24" height="24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="mr-2 w-4 h-4 text-green" role="img"><path d="M20 6 9 17l-5-5"/><title>check</title></svg>
5448
5449            Viele Zahlungsarten zur Auswahl 
5450        </li>
5451    </ul>
5452</div>
5453    <div class="container">
5454        <div class="pt-2 sm:pt-12 pb-0 sm:pb-6">
5455            <div class="container flex flex-wrap justify-start xl:justify-between !px-0 sm:!px-3.5" id="footerContent">
5456                <div class="w-full md:w-4/12 xl:w-1/5 md:px-4 xl:px-5">
5457                    <div data-cms-footer-collapse>
5458  <h4 data-cms-footer-toggle
5459      class="js-collapsible text-sm sm:text-xl flex items-center py-6 sm:py-0 border-t sm:border-t-0 text-secondary sm:text-black">
5460        <span
5461                class="flex sm:hidden items-center justify-start w-4 h-4 mr-1.5 transform transition duration-75"
5462                data-cms-footer-icon>
5463            <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="fas" data-icon="chevron-down" viewBox="0 0 448 512" class="w-3.5 h-3.5 text-secondary" role="img"><path fill="currentColor" d="M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/><title>chevron-down</title></svg>
5464
5465        </span>
5466    Kontakt
5467  </h4>
5468  <div data-cms-footer-class-open="block mb-6 sm:mb-0" data-cms-footer-class-closed="hidden sm:block">
5469    <div class="mt-0 md:mt-4">
5470      <ul class="-spacing -mt-2 sm:mt-4 md:mt-0">
5471        <li class="font-semibold">Kundendienst</li>
5472        <li class="mt-1">
5473          <a class="text-secondary font-semibold"
5474            href="tel:0848 840 140"
5475            onclick="window.gtag && gtag('event', 'Click-Out', {'event_category' : 'Footer', 'event_label' : 'Telephone'});">
5476              0848 840 140
5477          </a>
5478        </li>
5479        <li class="mt-1">
5480          <a class="flex items-center text-sm font-semibold text-secondary" href="/cdn-cgi/l/email-protection#89e0e7efe6c9ffecede0e8a7eae1" onclick="window.gtag && gtag('event', 'Click-Out', {'event_category' : 'Footer', 'event_label' : 'Mail'});">
5481            <span class="__cf_email__" data-cfemail="7d14131b123d0b1819141c531e15">[email&#160;protected]</span>
5482          </a>
5483        </li>
5484        <li class="mt-1">
5485          <a class="flex flex-wrap items-center text-sm font-semibold text-secondary"
5486            href="/i-kontakt/">
5487            <span class="mr-1">Weitere</span>
5488            <span class="flex items-center text-sm">Kontaktmöglichkeiten <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 12" fill="none" class="ml-1 w-3 h-3 text-secondary" role="img">
5489<path d="M1 6H15" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5490<path d="M11 1L16 6L11 11" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5491<title>arrow-right</title></svg>
5492</span>
5493          </a>
5494        </li>
5495      </ul>
5496    </div>
5497    <div class="my-8">
5498    <div class="block-wrapper">
5499        <h5 class="font-semibold">Folgen Sie uns auf</h5>
5500        <div class="flex mt-4">
5501            <div class="fb"><a aria-label="Link zur Facebook-Seite" href="https://www.facebook.com/vediaversand"
5502                    target="_blank"
5503                    onclick="window.gtag && gtag('event', 'Click-Out', {'event_category' : 'Footer', 'event_label' : 'Facebook'});">
5504                    <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" class="mr-2 w-8 h-8" role="img">
5505<rect x="0.5" y="0.5" width="39" height="39" rx="3.5" fill="#F8F7F7"/>
5506<path d="M24.8996 12H22.4996C21.4387 12 20.4213 12.4214 19.6712 13.1716C18.921 13.9217 18.4996 14.9391 18.4996 16V18.4H16.0996V21.6H18.4996V28H21.6996V21.6H24.0996L24.8996 18.4H21.6996V16C21.6996 15.7878 21.7839 15.5843 21.9339 15.4343C22.084 15.2843 22.2874 15.2 22.4996 15.2H24.8996V12Z" fill="#3A559F"/>
5507<rect x="0.5" y="0.5" width="39" height="39" rx="3.5" stroke="#E5E7EB"/>
5508<title>facebook-v2</title></svg>
5509
5510                </a></div>
5511            <div class="yt"><a aria-label="Link zur Youtube-Seite" href="https://www.youtube.com/user/VediaSA"
5512                    target="_blank"
5513                    onclick="window.gtag && gtag('event', 'Click-Out', {'event_category' : 'Footer', 'event_label' : 'Youtube'});">
5514                    <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" class="mr-2 w-8 h-8" role="img">
5515<rect x="0.5" y="0.5" width="39" height="39" rx="3.5" fill="#F8F7F7"/>
5516<path d="M10.5227 25.6605C9.82577 21.9282 9.82577 18.0716 10.5227 14.3394C10.6143 13.9604 10.7912 13.6149 11.0361 13.337C11.2809 13.0591 11.5853 12.8584 11.9193 12.7544C17.27 11.7485 22.73 11.7485 28.0807 12.7544C28.4147 12.8584 28.7191 13.0591 28.9639 13.337C29.2088 13.6149 29.3857 13.9604 29.4773 14.3394C30.1742 18.0716 30.1742 21.9282 29.4773 25.6605C29.3857 26.0395 29.2088 26.3849 28.9639 26.6628C28.7191 26.9407 28.4147 27.1415 28.0807 27.2454C22.73 28.2515 17.27 28.2515 11.9193 27.2454C11.5853 27.1415 11.2809 26.9407 11.0361 26.6628C10.7912 26.3849 10.6143 26.0395 10.5227 25.6605Z" fill="#DC472E"/>
5517<path d="M17.0176 23.2261C17.0176 23.6104 17.433 23.851 17.7663 23.6599L23.2752 20.5008C23.6102 20.3087 23.6102 19.8255 23.2752 19.6333L17.7663 16.4743C17.433 16.2831 17.0176 16.5238 17.0176 16.908V23.2261Z" fill="white"/>
5518<rect x="0.5" y="0.5" width="39" height="39" rx="3.5" stroke="#E5E7EB"/>
5519<title>youtube-v2</title></svg>
5520
5521                </a></div>
5522            <div class="ig"><a aria-label="Link zur Instagram-Seite" href="https://www.instagram.com/vedia_sa/"
5523                    target="_blank"
5524                    onclick="window.gtag && gtag('event', 'Click-Out', {'event_category' : 'Footer', 'event_label' : 'Instagram'});">
5525                    <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none" class="w-8 h-8" role="img">
5526<rect x="0.5" y="0.5" width="39" height="39" rx="3.5" fill="#F8F7F7"/>
5527<path d="M24 12H16C13.7909 12 12 13.7909 12 16V24C12 26.2091 13.7909 28 16 28H24C26.2091 28 28 26.2091 28 24V16C28 13.7909 26.2091 12 24 12Z" fill="white" stroke="#C938AC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5528<path d="M23.1994 19.4962C23.2981 20.162 23.1844 20.842 22.8744 21.4395C22.5644 22.0369 22.0739 22.5214 21.4727 22.824C20.8715 23.1266 20.1901 23.2319 19.5256 23.125C18.8611 23.0181 18.2472 22.7043 17.7712 22.2284C17.2953 21.7524 16.9816 21.1385 16.8746 20.474C16.7677 19.8095 16.873 19.1282 17.1756 18.5269C17.4782 17.9257 17.9627 17.4352 18.5602 17.1252C19.1576 16.8152 19.8376 16.7015 20.5034 16.8002C21.1825 16.9
5528009 21.8113 17.2174 22.2967 17.7029C22.7822 18.1884 23.0987 18.8171 23.1994 19.4962Z" stroke="#C938AC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5529<path d="M24.4004 15.5996H24.4084" stroke="#C938AC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
5530<rect x="0.5" y="0.5" width="39" height="39" rx="3.5" stroke="#E5E7EB"/>
5531<title>instagram-v2</title></svg>
5532
5533                </a></div>
5534        </div>
5535    </div>
5536</div>
5537    <div id="google_customer_review_badge_general" class="review-badge relative"></div>
5538  </div>
5539</div>
5540                </div>
5541                <div class="w-full md:w-4/12 xl:w-1/5 md:px-4 xl:px-5">
5542                    <div data-cms-footer-collapse
5543    class="js-footerAbout">
5544        <h4 data-cms-footer-toggle
5545            class="js-collapsible text-sm sm:text-xl flex items-center py-6 sm:py-0 border-t border-gray-200 sm:border-t-0 text-primary sm:text-black sm:mt-4 md:mt-0">
5546            <span
5547                    class="flex sm:hidden items-center justify-start w-4 h-4 mr-1.5 transform transition duration-75"
5548                    data-cms-footer-icon>
5549            <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="fas" data-icon="chevron-down" viewBox="0 0 448 512" class="w-3.5 h-3.5" role="img"><path fill="currentColor" d="M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/><title>chevron-down</title></svg>
5550
5551        </span>
5552            Über uns
5553        </h4>
5554    <div class="-mt-2 sm:mt-4 md:mt-0 md:py-4"
5555            data-cms-footer-content>
5556            <div class="flex flex-col items-start justify-center gap-y-1 pb-3 sm:pb-0">
5557                <a href="/i-info/"
5558                    class="flex items-center md:mr-3 lg:mr-5 text-sm font-semibold text-secondary">
5559                    Über uns
5560                </a>
5561
5562   <a href="/i-sicherheit-datenschutz/"
5563                    class="flex items-center md:mr-3 lg:mr-5 text-sm font-semibold text-secondary">
5564                    Datenschutz
5565                </a>
5566                <a href="/i-sitemap/"
5567                    class="flex items-center mt-1 md:mr-3 lg:mr-5 text-sm font-semibold text-secondary">
5568                    Sitemap
5569                </a>
5570                <a href="/i-agb/"
5571                    class="flex items-center mt-1 md:mr-3 lg:mr-5 text-sm font-semibold text-secondary">
5572                    AGB
5573                </a>
5574                <a href="/i-impressum/"
5575                    class="flex items-center mt-1 md:mr-3 lg:mr-5 text-sm font-semibold text-secondary">
5576                    Impressum
5577                </a>
5578            </div>
5579    </div>
5580</div>
5581                </div>
5582                <div class="w-full md:w-4/12 xl:w-1/5 md:px-4 xl:px-5 sm:mt-4 md:mt-0">
5583                    <div data-cms-footer-collapse
5584     class="js-footerAbout">
5585    <h4 data-cms-footer-toggle
5586        class="js-collapsible text-sm sm:text-xl flex items-center py-6 sm:py-0 border-t border-gray-200 sm:border-t-0 text-primary sm:text-black">
5587            <span
5588                    class="flex sm:hidden items-center justify-start w-4 h-4 mr-1.5 transform transition duration-75"
5589                    data-cms-footer-icon>
5590            <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="fas" data-icon="chevron-down" viewBox="0 0 448 512" class="w-3.5 h-3.5" role="img"><path fill="currentColor" d="M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/><title>chevron-down</title></svg>
5591
5592        </span>
5593            Service
5594        </h4>
5595    <div class="-mt-2 sm:mt-4"
5596             data-cms-footer-content>
5597            <div class="flex flex-col items-start justify-center gap-y-1 pb-3 sm:pb-0">
5598                <a href="/i-lieferung-versand/"
5599                   class="flex items-center md:mr-3 lg:mr-5 text-sm font-semibold text-secondary">
5600                    Lieferung & Versand
5601                </a>
5602                <a href="/i-ruecksendungen/"
5603                   class="flex items-center mt-1 md:mr-3 lg:mr-5 text-sm font-semibold text-secondary">
5604                    Rücksendungen
5605                </a>
5606<!--                <a href="/i-newsletter/"-->
5607<!--                   class="flex items-center mt-1 md:mr-3 lg:mr-5 text-sm font-semibold">-->
5608<!--                    Newsletter-->
5609<!--                </a>-->
5610                <a href="/i-groessentabellen/"
5611                   class="flex items-center mt-1 md:mr-3 lg:mr-5 text-sm font-semibold text-secondary">
5612                    Grössentabellen
5613                </a>
5614                <a href="/i-aktueller-katalog/"
5615                   
5616                   class="flex items-center mt-1 md:mr-3 lg:mr-5 text-sm font-semibold text-secondary">
5617                    VEDIA Katalog
5618                </a>
5619                <a href="/m-geschenkideen/"
5620                   class="flex items-center mt-1 md:mr-3 lg:mr-5 text-sm font-semibold text-secondary">
5621                    Geschenkideen
5622                </a>
5623            </div>
5624        </div>
5625</div>
5626                </div>
5627                <div class="w-full md:w-4/12 xl:w-1/5 md:px-4 xl:px-5 sm:mt-4 xl:mt-0">
5628                    <div data-cms-footer-collapse
5629     class="js-footerAbout">
5630    <h4 data-cms-footer-toggle
5631        class="js-collapsible text-sm sm:text-xl flex items-center py-6 sm:py-0 border-t sm:border-t-0 text-secondary sm:text-black">
5632            <span
5633                    class="flex sm:hidden items-center justify-start w-4 h-4 mr-1.5 transform transition duration-75"
5634                    data-cms-footer-icon>
5635            <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="fas" data-icon="chevron-down" viewBox="0 0 448 512" class="w-3.5 h-3.5 text-secondary" role="img"><path fill="currentColor" d="M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/><title>chevron-down</title></svg>
5636
5637        </span>
5638        Partner-Shops
5639    </h4>
5640    <div class="sm:mt-4" data-cms-footer-class-open="block mb-6 sm:mb-0 -mt-2 sm:mt-4" data-cms-footer-class-closed="hidden sm:block">
5641        <div>
5642            <a href="https://www.lehner-versand.ch/"
5643               class="font-semibold text-secondary"
5644                target="_blank"
5645                onclick="window.gtag && gtag('event', 'Click-Out', {'event_category' : 'Footer', 'event_label' : 'Lehner-Versand'});">lehner.ch
5646            </a>
5647        </div>
5648        <div class="mt-1">
5649            <a href="https://www.bettwaesche.ch/"
5650               class="font-semibold text-secondary"
5651                target="_blank"
5652                onclick="window.gtag && gtag('event', 'Click-Out', {'event_category' : 'Footer', 'event_label' : 'Bettwaesche'});">bettwaesche.ch
5653            </a>
5654        </div>
5655        <div class="mt-1">
5656            <a href="https://www.workgear.ch/"
5657               class="font-semibold text-secondary"
5658                target="_blank"
5659                onclick="window.gtag && gtag('event', 'Click-Out', {'event_category' : 'Footer', 'event_label' : 'Workgear'});">workgear.ch
5660            </a>
5661        </div>
5662    </div>
5663</div>
5664                </div>
5665                <div data-cms-footer-collapse class="w-full md:w-4/12 xl:w-1/5 md:px-4 xl:px-5 sm:mt-4 xl:mt-0">
5666                    <div class="js-footerAbout">
5667    <h4 data-cms-footer-toggle
5668        class="js-collapsible text-sm sm:text-xl flex items-center py-6 sm:py-0 border-t sm:border-t-0 text-secondary sm:text-black">
5669            <span class="flex sm:hidden items-center justify-start w-4 h-4 mr-1.5 transform transition duration-75"
5670                  data-cms-footer-icon>
5671            <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" data-prefix="fas" data-icon="chevron-down" viewBox="0 0 448 512" class="w-3.5 h-3.5 text-secondary" role="img"><path fill="currentColor" d="M207.029 381.476 12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/><title>chevron-down</title></svg>
5672
5673        </span>
5674        Zahlungsarten
5675    </h4>
5676    <div class="-mt-2 sm:mt-4"
5677        data-cms-footer-content>
5678        <div class="flex flex-wrap">
5679            <div class="w-16 lg:w-4/12 pr-2.5 pb-2.5">
5680                <img loading="lazy" src="https://www.vedia.ch/media/static/footer/logo-postfinance.svg"
5681                     alt="PostFinance">
5682            </div>
5683            <div class="w-16 lg:w-4/12 pr-2.5 pb-2.5">
5684                <img loading="lazy" src="https://www.vedia.ch/media/static/footer/logo-visa.svg"
5685                    alt="VISA">
5686            </div>
5687            <div class="w-16 lg:w-4/12 pr-2.5 pb-2.5">
5688                <img loading="lazy" src="https://www.vedia.ch/media/static/footer/logo-mastercard.svg"
5689                    alt="Mastercard">
5690            </div>
5691            <div class="w-16 lg:w-4/12 pr-2.5 pb-2.5">
5692                <img loading="lazy" src="https://www.vedia.ch/media/static/footer/logo-paypal.svg"
5693                    alt="Paypal">
5694            </div>
5695            <div class="w-16 lg:w-4/12 pr-2.5 pb-2.5">
5696                <img loading="lazy" src="https://www.vedia.ch/media/static/footer/logo-twint-v2.svg"
5697                    alt="TWINT">
5698            </div>
5699            <div class="w-16 lg:w-4/12 pr-2.5 pb-2.5">
5700                <img loading="lazy" class="object-cover w-full" src="https://www.vedia.ch/media/static/footer/logo-amex.svg" alt="amex" >
5701            </div>
5702            <div class="w-16 lg:w-4/12 pr-2.5 pb-2.5">
5703                <img loading="lazy" class="object-cover w-full" src="https://www.vedia.ch/media/static/footer/diners_club.svg" alt="diners" >
5704            </div>
5705            <div class="w-16 lg:w-4/12 pr-2.5 pb-2.5">
5706                <img loading="lazy" src="https://www.vedia.ch/media/static/footer/logo-rechnung.svg"
5707                    alt="Rechnung">
5708            </div>
5709            <div class="w-16 lg:w-4/12 pr-2.5 pb-2.5 flex items-center">
5710                <img loading="lazy" src="https://www.vedia.ch/media/static/footer/logo-applepay.svg"
5711                     alt="applepay">
5712            </div>
5713            <div class="w-16 lg:w-4/12 pr-2.5 pb-2.5 flex items-center">
5714                <img loading="lazy" src="https://www.vedia.ch/media/static/footer/logo-googlepay.svg"
5715                     alt="googlepay">
5716            </div>
5717            <div class="flex pb-2.5">
5718                <a class="p-2 mr-2 border border-gray-200 rounded-lg text-xs font-semibold text-secondary" href="/i-kontakt/">Vorauskasse</a>
5719                <a class="p-2 border border-gray-200 rounded-lg text-xs font-semibold text-secondary" href="/i-agb/">Teilzahlung</a>
5720            </div>
5721        </div>
5722    </div>
5723</div>
5724                    <!--<div class="js-footerAbout mt-7">
5725<h5 class="js-collapsible text-sm sm:text-base flex items-center"
5726         data-cms-footer-class-open="flex" data-cms-footer-class-closed="hidden sm:flex">
5727          Ihr Einkauf ist bei uns sicher
5728     </h5>
5729     <div class="mt-2.5" data-cms-footer-class-open="block mb-6 sm:mb-0" data-cms-footer-class-closed="hidden sm:block">
5730          <div class="flex">
5731               <a href="https://www.zertifizierte-shops.ch/ZSOS-JPVPHFAGXMBXETI-zertifikat.html"
5732                    title="Zertifizierter Schweizer Shop" target="_blank"
5733                    onclick="window.gtag && gtag('event', 'Click-Out', {'event_category' : 'Footer', 'event_label' : 'zertifizierte-shops-ch'});"><img
5734                         loading="lazy" class="w-12 relative" src="https://www.vedia.ch/media/static/footer/zertificat-v2.png"
5735                         alt="Zertifizierter Schweizer Online Shop" /></a>
5736               <img loading="lazy" src="https://www.vedia.ch/media/static/footer/logo-vsv.png" alt="Logo VSV"
5737                    class="w-12 -ml-2 relative" title="Swiss Online Garantie für die Einhaltung des Ehrenkodex des VSV">
5738               <img loading="lazy" src="https://www.vedia.ch/media/static/footer/logo-emota.png" alt="Logo Emota"
5739                    class="w-12 -ml-2 relative"
5740                    title="Gütesiegel für E-Commerce des Europäischen Versandhandelsverbandes EMOTA">
5741          </div>
5742     </div>
5743</div>-->
5744                </div>
5745            </div>
5746        </div>
5747    </div>
5748    <div class="bg-primary">
5749        <div class="bg-primary">
5750        <div class="container relative flex flex-col md:flex-row md:items-center justify-between mx-0 sm:mx-auto px-4 pt-6 sm:pt-7 pb-6 sm:pb-4 text-white">
5751                <p class="text-white">© vedia.ch, Hotline: <a href="tel:0848 840 140"
5752                                onclick="window.gtag && gtag('event', 'Click-Out', {'event_category' : 'Footer', 'event_label' : 'Telephone'});"
5753                                class="text-white font-bold whitespace-nowrap">0848 840 140</a></p>
5754                <p class="text-white leading-8">Preisangaben inkl. MWST und zzgl. <a href="/i-lieferung-versand/"
5755                                onclick="window.gtag && gtag('event', 'Click-Out', {'event_category' : 'Footer', 'event_label' : 'Versandkosten'});"
5756                                class="text-white font-bold">Versandkosten</a>
5757                </p>
5758                <p class="w-40">
5759                </p>
5760                <button aria-label="Navigieren Sie zum Anfang der Seite" onclick="window.scrollTo({top: 0, left: 0, behavior: 'smooth' })"
5761                        class="absolute top-0 right-[3%] sm:right-0 transform -translate-y-1/2 -rotate-90 w-12 h-12 flex items-center justify-center rounded-full border border-primary-lighter bg-primary">
5762                        <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor" role="img"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 5 7 7-7 7"/><title>chevron-right</title></svg>
5763
5764                </button>
5765        </div>
5766</div>
5767    </div>
5768</footer></div></footer>
vendor: 108 bytes, line 5768
5768<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
5768<script>
5769    (function () {
5770        const badgeDiv = document.getElementById("google_customer_review_badge_general");
5771        if (badgeDiv !== null)
5772        {
5773            const badge = document.createElement("g:ratingbadge");
5774            badge.setAttribute("merchant_id", "100551455");
5775
5776            badgeDiv.appendChild(badge);
5777        }
5778    })();
5779</script>
5779
5780
5781<script src="https://apis.google.com/js/platform.js" async defer></script>
5781
5782
5783<script>
5784    window.___gcfg = {
5785        lang: 'de'
5786    };
5787</script>
vendor: 1 bytes, line 5787
5787
5788<script>
5789    if (typeof Alpine !== 'undefined' && Alpine.data) {
5790        Alpine.data('cmsAccordionState', () => ({
5791            selected: false
5792        }));
5793    } else {
5794        document.addEventListener('alpine:init', () => {
5795            Alpine.data('cmsAccordionState', () => ({
5796                selected: false
5797            }));
5798        });
5799    }
5800</script>
5800
5801
5802<script>
5803    (() => {
5804        const classBindings = {
5805            accordionClass: (root, element, selected) => selected
5806                ? element.dataset.selectedClass || root.dataset.selectedClass
5807                : element.dataset.unselectedClass || root.dataset.unselectedClass,
5808            marginClass: (root, element, selected) => selected ? 'mb-4' : 'mb-0',
5809            transparentHeaderClass: (root, element, selected) => selected
5810                ? 'bg-white sm:bg-transparent'
5811                : 'bg-gray-100 sm:bg-transparent',
5812            borderedTransparentHeaderClass: (root, element, selected) => selected
5813                ? 'bg-white sm:bg-transparent border-b-0 border-x-0'
5814                : 'bg-gray-100 sm:bg-transparent border-b border-x',
5815            primaryBorderedTransparentHeaderClass: (root, element, selected) => selected
5816                ? 'bg-white sm:bg-transparent border-b-0 border-x-0'
5817                : 'bg-primary-lighter sm:bg-transparent border-b border-x',
5818            borderXTransparentHeaderClass: (root, element, selected) => selected
5819                ? 'bg-white sm:bg-transparent border-x-0'
5820                : 'bg-gray-100 sm:bg-transparent border-x'
5821        };
5822
5823        const splitClasses = value => (value || '').split(/\s+/).filter(Boolean);
5824        const findAll = (root, selector) => [
5825            ...(root.matches(selector) ? [root] : []),
5826            ...root.querySelectorAll(selector)
5827        ];
5828
5829        const setClasses = (element, selectedClasses, unselectedClasses, selected) => {
5830            element.classList.remove(...splitClasses(selectedClasses), ...splitClasses(unselectedClasses));
5831            element.classList.add(...splitClasses(selected ? selectedClasses : unselectedClasses));
5832        };
5833
5834        const updateAccordion = root => {
5835            const selected = root.dataset.cmsAccordionSelected === 'true';
5836
5837            findAll(root, '[data-cms-accordion-class]').forEach(element => {
5838                const binding = element.dataset.cmsAccordionClass;
5839                const resolver = classBindings[binding];
5840
5841                if (!resolver) {
5842                    return;
5843                }
5844
5845                setClasses(
5846                    element,
5847                    resolver(root, element, true),
5848                    resolver(root, element, false),
5849                    selected
5850                );
5851            });
5852
5853            findAll(root, '[data-cms-accordion-icon]').forEach(icon => {
5854                icon.classList.toggle('-rotate-180', selected);
5855                icon.classList.toggle('rotate-0', !selected);
5856            });
5857
5858            findAll(root, '[data-cms-accordion-content]').forEach(content => {
5859                content.style.maxHeight = selected ? `${content.scrollHeight}px` : '';
5860                content.removeAttribute('x-cloak');
5861            });
5862        };
5863
5864        const initAccordion = root => {
5865            if (root.dataset.cmsAccordionInitialized === 'true') {
5866                updateAccordion(root);
5867                return;
5868            }
5869
5870            root.dataset.cmsAccordionInitialized = 'true';
5871            root.dataset.cmsAccordionSelected = root.dataset.cmsAccordionSelected || 'false';
5872
5873            findAll(root, '[data-cms-accordion-toggle]').forEach(toggle => {
5874                toggle.addEventListener('click', () => {
5875                    root.dataset.cmsAccordionSelected = root.dataset.cmsAccordionSelected === 'true' ? 'false' : 'true';
5876                    updateAccordion(root);
5877                });
5878            });
5879
5880            updateAccordion(root);
5881        };
5882
5883        const initAccordions = () => {
5884            document.querySelectorAll('[data-cms-accordion]').forEach(initAccordion);
5885        };
5886
5887        const updateFooterCollapse = root => {
5888            const opened = root.dataset.cmsFooterOpened === 'true';
5889
5890            findAll(root, '[data-cms-footer-icon]').forEach(icon => {
5891                icon.classList.toggle('rotate-180', opened);
5892                icon.classList.toggle('justify-end', opened);
5893            });
5894
5895            findAll(root, '[data-cms-footer-content]').forEach(content => {
5896                content.classList.remove('block', 'hidden', 'sm:block');
5897                content.classList.add(...splitClasses(opened ? 'block' : 'hidden sm:block'));
5898            });
5899
5900            findAll(root, '[data-cms-footer-class-open]').forEach(element => {
5901                const openClasses = element.dataset.cmsFooterClassOpen;
5902                const closedClasses = element.dataset.cmsFooterClassClosed;
5903
5904                element.classList.remove(...splitClasses(openClasses), ...splitClasses(closedClasses));
5905                element.classList.add(...splitClasses(opened ? openClasses : closedClasses));
5906            });
5907        };
5908
5909        const initFooterCollapse = root => {
5910            if (root.dataset.cmsFooterInitialized === 'true') {
5911                updateFooterCollapse(root);
5912                return;
5913            }
5914
5915            root.dataset.cmsFooterInitialized = 'true';
5916            root.dataset.cmsFooterOpened = root.dataset.cmsFooterOpened || 'false';
5917
5918            findAll(root, '[data-cms-footer-toggle]').forEach(toggle => {
5919                toggle.addEventListener('click', () => {
5920                    root.dataset.cmsFooterOpened = root.dataset.cmsFooterOpened === 'true' ? 'false' : 'true';
5921                    updateFooterCollapse(root);
5922                });
5923            });
5924
5925            updateFooterCollapse(root);
5926        };
5927
5928        const initFooterCollapses = () => {
5929            document.querySelectorAll('[data-cms-footer-collapse]').forEach(initFooterCollapse);
5930        };
5931
5932        const initCmsInteractions = () => {
5933            initAccordions();
5934            initFooterCollapses();
5935        };
5936
5937        document.addEventListener('DOMContentLoaded', initCmsInteractions);
5938        window.addEventListener('load', initCmsInteractions);
5939        window.addEventListener('private-content-loaded', initCmsInteractions);
5940        window.addEventListener('resize', initCmsInteractions);
5941    })();
5942</script>
5942
5943
5944<script>
5945    (() => {
5946        function src_default(Alpine) {
5947            Alpine.directive("intersect", Alpine.skipDuringClone((el, { value, expression, modifiers }, { evaluateLater, cleanup }) => {
5948                let evaluate = evaluateLater(expression);
5949                let options = {
5950                    rootMargin: getRootMargin(modifiers),
5951                    threshold: getThreshold(modifiers)
5952                };
5953                let observer = new IntersectionObserver((entries) => {
5954                    entries.forEach((entry) => {
5955                        if (entry.isIntersecting === (value === "leave"))
5956                            return;
5957                        evaluate();
5958                        modifiers.includes("once") && observer.disconnect();
5959                    });
5960                }, options);
5961                observer.observe(el);
5962                cleanup(() => {
5963                    observer.disconnect();
5964                });
5965            }));
5966        }
5967        function getThreshold(modifiers) {
5968            if (modifiers.includes("full"))
5969                return 0.99;
5970            if (modifiers.includes("half"))
5971                return 0.5;
5972            if (!modifiers.includes("threshold"))
5973                return 0;
5974            let threshold = modifiers[modifiers.indexOf("threshold") + 1];
5975            if (threshold === "100")
5976                return 1;
5977            if (threshold === "0")
5978                return 0;
5979            return Number(`.${threshold}`);
5980        }
5981        function getLengthValue(rawValue) {
5982            let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/);
5983            return match ? match[1] + (match[2] || "px") : void 0;
5984        }
5985        function getRootMargin(modifiers) {
5986            const key = "margin";
5987            const fallback = "0px 0px 0px 0px";
5988            const index = modifiers.indexOf(key);
5989            if (index === -1)
5990                return fallback;
5991            let values = [];
5992            for (let i = 1; i < 5; i++) {
5993                values.push(getLengthValue(modifiers[index + i] || ""));
5994            }
5995            values = values.filter((v) => v !== void 0);
5996            return values.length ? values.join(" ").trim() : fallback;
5997        }
5998
5999        document.addEventListener("alpine:init", () => {
6000            window.Alpine.plugin(src_default);
6001        });
6002    })();
6003    //# sourceURL=alpine-intersect.js
6004</script>
6004
6005
6006
6007<script type="module"
6008        src="https://www.vedia.ch/static/version1790063611/frontend/Vedia/hyva/de_CH/Hyva_Theme/js/alpine3.min.js"
6009        defer
6010        crossorigin
6011></script>
vendor: 1 bytes, line 6011
6011
6012<script>
6013    function dispatchMessages(messages, hideAfter) {
6014        const messagesEvent = new CustomEvent("messages-loaded", {
6015            detail: {
6016                messages: messages,
6017                hideAfter: hideAfter
6018            }
6019        });
6020        window.dispatchEvent(messagesEvent);
6021    }
6022
6023        if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
6024        console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
6025    }
6026
6027    (function( hyva, undefined ) {
6028
6029        hyva.initFormKey = () => {
6030            if (typeof hyva.getFormKey !== 'function') return;
6031
6032            const formKey = hyva.getFormKey();
6033            if (!formKey) return;
6034
6035            document.querySelectorAll('input[name="form_key"]').forEach((input) => {
6036                input.value = formKey;
6037            });
6038        }
6039
6040        hyva.initMessages = () => {
6041            try {
6042                const messages = hyva.getCookie('mage-messages');
6043                window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : [];
6044
6045                dispatchMessages(window.mageMessages);
6046
6047                                // empty `mage-messages` cookie
6048                const skipSetDomain = true;
6049                hyva.setCookie('mage-messages','', -1, skipSetDomain);
6050
6051            } catch (error) {
6052                console.warn('Error parsing Cookie Messages:', error);
6053            }
6054        }
6055
6056        window.addEventListener('DOMContentLoaded', hyva.initFormKey);
6057
6058        window.addEventListener('pageshow', (event) => {
6059            if (event.persisted) {
6060                hyva.initFormKey();
6061            }
6062        });
6063
6064        hyva.alpineInitialized(hyva.initMessages)
6065    }( window.hyva = window.hyva || {} ));
6066    //# sourceURL=hyva-cookies.js
6067</script>
vendor: 1 bytes, line 6067
6067
6068<script>
6069    'use strict';
6070    {
6071        const private_content_key = 'mage-cache-storage';
6072        const private_content_expire_key = 'mage-cache-timeout';
6073        const private_content_version_key = 'private_content_version';
6074        const section_data_ids_key = 'section_data_ids';
6075        const mage_cache_session_id_key = 'mage-cache-sessid';
6076        const last_visited_store_key = 'last_visited_store';
6077
6078        const ttl = 3600;
6079
6080        if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) {
6081            console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script");
6082        }
6083
6084        function loadSectionData () {
6085            const browserStorage = hyva.getBrowserStorage();
6086            if (!browserStorage) {
6087                typeof window.dispatchMessages !== "undefined" && window.dispatchMessages(
6088                    [{
6089                        type: "warning",
6090                        text: "Please enable LocalStorage in your browser."
6091                    }]
6092                );
6093                return;
6094            }
6095            try {
6096                let isInvalid = false;
6097
6098                if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) {
6099                    isInvalid = true;
6100                }
6101                hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false);
6102
6103                if (window.location.pathname === '/checkout/onepage/success/') {
6104                    isInvalid = true;
6105                }
6106
6107                if (!hyva.getCookie(mage_cache_session_id_key)) {
6108                    isInvalid = true;
6109                    browserStorage.removeItem(private_content_key);
6110                    const skipSetDomain = true;
6111                    const days = false;
6112                    hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain)
6113                }
6114
6115                const cookieVersion = hyva.getCookie(private_content_version_key);
6116                const storageVersion = browserStorage.getItem(private_content_version_key);
6117
6118                if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) {
6119                    isInvalid = true;
6120                }
6121
6122                const privateContentExpires = browserStorage.getItem(private_content_expire_key);
6123                if (privateContentExpires && new Date(privateContentExpires) < new Date()) {
6124                    browserStorage.removeItem(private_content_key);
6125                }
6126
6127                if (isInvalid && cookieVersion) {
6128                    fetchPrivateContent([]);
6129                } else if (cookieVersion && storageVersion && cookieVersion === storageVersion) {
6130                    const privateContent = JSON.parse(browserStorage.getItem(private_content_key));
6131                    if (
6132                        privateContent &&
6133                        privateContentExpires &&
6134                        privateContent.cart &&
6135                        privateContent.customer
6136                    ) {
6137                        dispatchPrivateContent(privateContent);
6138                    } else {
6139                        fetchPrivateContent([]);
6140                    }
6141                } else {
6142                    if (document.getElementById('default-section-data')) {
6143                        const privateContent = JSON.parse(document.getElementById('default-section-data').innerText.trim());
6144                        dispatchPrivateContent(privateContent);
6145                } else {
6146                    dispatchPrivateContent({});
6147                }
6148                }
6149
6150            } catch (error) {
6151                console.warn('Error retrieving Private Content:', error);
6152            }
6153        }
6154
6155        hyva.alpineInitialized(loadSectionData)
6156        window.addEventListener('reload-customer-section-data', loadSectionData);
6157
6158        window.processSectionDataBeforeDispatch = window.processSectionDataBeforeDispatch || (data => data);
6159
6160        function dispatchPrivateContent(data) {
6161
6162            const privateContentEvent = new CustomEvent("private-content-loaded", {
6163                detail: {
6164                    data: window.processSectionDataBeforeDispatch(data)
6165                }
6166            });
6167            window.dispatchEvent(privateContentEvent);
6168        }
6169
6170        function fetchPrivateContent(sections) {
6171            fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, {
6172                method: 'GET',
6173                headers: {
6174                    'Content-Type': 'application/json',
6175                    'X-Requested-With': 'XMLHttpRequest'
6176                }
6177            })
6178                .then(response => response.ok && response.json())
6179                .then(
6180                    data => {
6181                        if (data) {
6182                            try {
6183                                const browserStorage = hyva.getBrowserStorage();
6184
6185                                // merge new data preserving non-invalidated sections
6186                                const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}') || {};
6187
6188                                if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) {
6189                                    delete oldSectionData['checkout-data'];
6190                                }
6191                                const newSectionData = Object.assign(oldSectionData, data);
6192
6193                                dispatchPrivateContent(newSectionData);
6194
6195                                // don't persist messages, they've been dispatched already
6196                                if (newSectionData.messages && newSectionData.messages.messages ) {
6197                                    newSectionData.messages.messages = [];
6198                                }
6199
6200                                browserStorage.setItem(private_content_key, JSON.stringify(newSectionData));
6201
6202                                const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString();
6203                                browserStorage.setItem(private_content_expire_key, expiresAt);
6204
6205                                const newCookieVersion = hyva.getCookie(private_content_version_key);
6206                                browserStorage.setItem(private_content_version_key, newCookieVersion);
6207
6208                                // We don't need the section_data_ids in Hyvä, but we store them for compatibility
6209                                // with Luma Fallback. Otherwise, not all sections are loaded in Luma Checkout
6210                                hyva.setCookie(
6211                                    section_data_ids_key,
6212                                    JSON.stringify(
6213                                        Object.keys(data).reduce((sectionDataIds, sectionKey) => {
6214                                            sectionDataIds[sectionKey] = data[sectionKey]['data_id'];
6215                                            return sectionDataIds;
6216                                        }, {})
6217                                    ),
6218                                    false,
6219                                    true
6220                                );
6221                            } catch (error) {
6222                                console.warn("Couldn't store privateContent", error);
6223                            }
6224                        }
6225                    }
6226                );
6227        }
6228    }
6229</script>
vendor: 1 bytes, line 6229
6229
6230<script>
6231    (() => {
6232        document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc()));
6233    })()
6234</script>
vendor: 1 bytes, line 6234
6234
6235<script>
6236    (events => {
6237        const dispatchUserInteractionEvent = () => {
6238            events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent))
6239            window.dispatchEvent(new Event('init-external-scripts'))
6240        };
6241        events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true}))
6242    })(['touchstart', 'mousemove', 'wheel', 'scroll', 'keydown']);
6243    //# sourceURL=hyva-init-external-scripts.js
6244</script>
vendor: 1 bytes, line 6244
6244
6245<script>
6246    'use strict';
6247
6248    (function() {
6249
6250        const recaptchaUrl = "https://www.google.com/recaptcha/api.js?render=6LeIilUeAAAAAI0woiL9D4LhTYABSJ1fZdBmfMJj&lang=de";
6251
6252        const loadRecaptchaScript = (event) => {
6253            if (typeof window.grecaptcha !== 'undefined' || !event.target.form) {
6254                return
6255            }
6256
6257            let script = document.createElement('script');
6258            script.setAttribute('type', 'text/javascript');
6259            script.setAttribute('src', recaptchaUrl);
6260            document.head.appendChild(script);
6261        }
6262
6263        document.body.addEventListener("input", loadRecaptchaScript, { once: true });
6264        document.body.addEventListener("focus", loadRecaptchaScript, { once: true });
6265
6266    }());
6267
6268</script>
6268
6269
6270<div
6271    id="tab-title-watcher"
6272    x-data="tabTitleWatcher"
6273    data-inactive-emoji="&#x1F44B;"
6274    data-inactive-text="Sind&#x20;Sie&#x20;noch&#x20;da&#x3F;&#x20;Unsere&#x20;Angebote&#x20;warten&#x20;auf&#x20;Sie"
6275>
6276</div>
6277
6278<script>
6279    document.addEventListener('alpine:init', () => {
6280        Alpine.data('tabTitleWatcher', () => ({
6281            originalTitle: document.title,
6282            inactiveTitle: '',
6283            scrollPosition: 0,
6284            intervalId: null,
6285            step: 3,
6286            delay: 100,
6287
6288            init() {
6289                const emoji = this.$el.dataset.inactiveEmoji || '';
6290                const text  = this.$el.dataset.inactiveText  || '';
6291                this.inactiveTitle = `${emoji} ${text}   `;
6292
6293                document.addEventListener('visibilitychange', () => {
6294                    if (document.hidden) {
6295                        this.startLoop();
6296                    } else {
6297                        this.stopLoop();
6298                        document.title = this.originalTitle;
6299                    }
6300                });
6301            },
6302
6303            startLoop() {
6304                if (this.intervalId) return;
6305
6306                this.scrollPosition = 0;
6307                let fullText = this.inactiveTitle;
6308
6309                this.intervalId = setInterval(() => {
6310                    const len = fullText.length;
6311                    const display = fullText.slice(this.scrollPosition) + fullText.slice(0, this.scrollPosition);
6312                    document.title = display;
6313
6314                    this.scrollPosition = (this.scrollPosition + this.step) % len;
6315                }, this.delay);
6316            },
6317
6318            stopLoop() {
6319                if (this.intervalId) {
6320                    clearInterval(this.intervalId);
6321                    this.intervalId = null;
6322                }
6323            }
6324        }));
6325    });
6326</script>
6326
6327
6328
6329<script>
6330    function privacyPolicyModal() {
6331        return {
6332            open: false,
6333            init() {
6334                this.$nextTick(() => {
6335                    this.$refs.backdrop.addEventListener('click', (e) => {
6336                        if (e.target === this.$refs.backdrop) this.closeModal();
6337                    });
6338                });
6339            },
6340            stickyHeader: window.pageYOffset > 1200,
6341            openModal() {
6342                this.open = true;
6343            },
6344            closeModal() {
6345                this.open = false;
6346            },
6347            isModalOpen() {
6348                return this.isOpen;
6349            },
6350            getOpenOpacityClasses() {
6351                if (this.open)
6352                    return 'opacity-100 pointer-events-auto';
6353                else
6354                    return 'opacity-0 pointer-events-none';
6355            }
6356        };
6357    }
6358    window.addEventListener('alpine:init', () => Alpine.data('privacyPolicyModal', privacyPolicyModal),)
6359</script>
vendor: 1 bytes, line 6359
6359
6360<script>
6361    (function () {
6362        const modals = [];
6363                let lastHide = 0;
6364
6365                function resolveElement($refs, value) {
6366            if (!value) return null;
6367                        if (value instanceof Element) return value;
6368                        if (typeof value === 'string') {
6369                try {
6370                    return ($refs && $refs[value]) || document.querySelector(value) || null;
6371                } catch (e) {}
6372            }
6373            return null;
6374        }
6375
6376                function determineTrigger($refs, dialog, trigger) {
6377                        if (!trigger && dialog?.target instanceof HTMLElement) {
6378                return dialog.target;
6379            }
6380
6381                        if (typeof dialog === 'string' && trigger?.target instanceof HTMLElement) {
6382                return trigger.target;
6383            }
6384
6385            return resolveElement($refs, trigger);
6386        }
6387
6388                function setFocusFirstElement(dialogElement) {
6389            if (!dialogElement) return;
6390
6391            window.setTimeout(() => {
6392                const candidates = dialogElement.querySelectorAll('[x-focus-first]');
6393                for (const candidate of candidates) {
6394                    if (candidate.closest('dialog') === dialogElement) {
6395                        candidate.focus();
6396                        return;
6397                    }
6398                }
6399            }, 50);
6400        }
6401
6402        window.hyva.modal = function(options = {}) {
6403                        if (this.$el && this.$el.dataset && this.$el.dataset.options) {
6404                try {
6405                    options = Object.assign(options, JSON.parse(this.$el.dataset.options || '{}'));
6406                } catch (e) {
6407                    throw new Error('Cannot read the dialog options from the data-options attribute: not valid JSON');
6408                }
6409            }
6410
6411            const config = Object.assign({
6412                dialog: 'dialog',                 duration: 300,                 transitionEnter: 'transition ease-out duration-300',
6413                transitionEnterStart: 'opacity-0',
6414                transitionEnterEnd: 'opacity-100',
6415                transitionLeave: 'transition ease-in duration-300',
6416                transitionLeaveStart: 'opacity-100',
6417                transitionLeaveEnd: 'opacity-0',
6418            }, options);
6419
6420            return {
6421                opened: {},
6422                show(dialog, trigger) {
6423                    const name = typeof dialog === 'string' ? dialog : config.dialog;
6424                    if (!name || this.opened[name]) return;
6425
6426                    this.opened[name] = true;
6427                    const focusTarget = determineTrigger(this.$refs, dialog, trigger);
6428                    const dialogEl = this.$refs && this.$refs[name];
6429                    const frame = { name, instance: this, focusTarget, time: Date.now() };
6430                    modals.push(frame);
6431                    setFocusFirstElement(dialogEl);
6432                    return new Promise(resolve => { frame.resolve = resolve; });
6433                },
6434                cancel() {
6435                    this.hide(false);
6436                },
6437                ok() {
6438                    this.hide(true);
6439                },
6440                hide(value) {
6441                                        if (Date.now() - lastHide < config.duration) return;
6442                    lastHide = Date.now();
6443
6444                                        const modal = modals.pop();
6445                    if (!modal) return;
6446
6447                    modal.instance.opened[modal.name] = false;
6448
6449                                        const focusTarget = modal.focusTarget;
6450                    focusTarget && window.setTimeout(() => focusTarget.focus(), config.duration + 50);
6451                    modal.resolve && modal.resolve(value);
6452                },
6453                /**
6454                 * @deprecated Use dialogConfig() instead, which is used by the default modal-container.phtml template.
6455                 * This method is kept for backwards compatibility with custom container templates.
6456                 */
6457                overlay(dialog) {
6458                    dialog = this.$el.dataset.dialogRefName || dialog;
6459                    const name = typeof dialog === 'string' ? dialog : config.dialog;
6460                    if (this.$el.tagName !== 'DIALOG' && ! window.hyva.modal.legacyModalCompatibility) {
6461                        console.warn(
6462                            '[hyva] Deprecated modal markup detected (x-bind="overlay" on a non-dialog element' +
6463                            (name ? ` for "${name}"` : '') + ').\n' +
6464                            'Escape and click-outside closing are not available for such dialogs anymore.\n' +
6465                            'Install hyva-themes/magento2-legacy-modal-compatibility or migrate to the native <dialog> markup.'
6466                        );
6467                    }
6468                    return Object.assign({}, this.dialogConfig(name), {
6469                        ['@hyva-modal-show.window'](event) {
6470                            event.detail && event.detail.dialog === name && this.show(name, event.detail.focusAfterHide)
6471                        }
6472                    });
6473                },
6474                dialogConfig(name) {
6475                    name = name || this.$el.dataset.dialogRefName || config.dialog;
6476                    return {
6477                        ['x-show']: () => name ? this.opened[name] : false,
6478                        ['x-transition:enter']: config.transitionEnter,
6479                        ['x-transition:enter-start']: config.transitionEnterStart,
6480                        ['x-transition:enter-end']: config.transitionEnterEnd,
6481                        ['x-transition:leave']: config.transitionLeave,
6482                        ['x-transition:leave-start']: config.transitionLeaveStart,
6483                        ['x-transition:leave-end']: config.transitionLeaveEnd,
6484                        ['@hyva-modal-show.window'](event) {
6485                            event.detail && event.detail.dialog === name && this.show(name, event.detail.focusAfterHide);
6486                        },
6487                    };
6488                },
6489                showDialogOnInit() {
6490                    const name = this.$el.dataset.dialogRefName;
6491                    if (name) {
6492                        this.show(name);
6493                    }
6494                }
6495            };
6496        }
6497
6498        window.hyva.modal.peek = () => modals.length > 0 && modals[modals.length - 1]
6499
6500        window.hyva.modal.pop = function () {
6501            if (modals.length > 0) {
6502                modals[modals.length - 1].instance.hide();
6503            }
6504        }
6505
6506        /**
6507         * @deprecated Native <dialog> handles focus trapping automatically.
6508         * Calling this function has no effect. Kept for backwards compatibility.
6509         */
6510        window.hyva.modal.excludeSelectorsFromFocusTrap = function (selectors) {}
6511
6512        /**
6513         * @deprecated Native <dialog> with x-htmldialog handles ESC key and click-outside events.
6514         * These functions have no effect. Kept for backwards compatibility.
6515         */
6516        window.hyva.modal.eventListeners = {
6517            keydown: event => {},
6518            click: event => {}
6519        };
6520    })();
6521
6522    window.addEventListener('alpine:init', () => {
6523        Alpine.data('hyvaModal', window.hyva.modal);
6524    }, {once: true});
6525</script>
6525
6526
6527<div x-data="initCookieBarSettings" x-bind="eventListeners">
6528    <dialog
6529        x-ref="am-cookie-bar-settings"
6530        data-dialog-ref-name="am-cookie-bar-settings"
6531        aria-labelledby="cookiebar-groups"
6532        closeby="any"
6533        class="open:flex flex-col relative max-h-[70vh] overflow-auto max-w-[90vw] md:max-w-[50vw] shadow-xl
6534            rounded-lg p-10 text-gray-700 bg-white backdrop:bg-black/60 am-cookie-bar-settings"
6535        x-bind="dialogConfig('am-cookie-bar-settings')"
6536        x-htmldialog="hideHandler"
6537    >
6538        <button @click="hideHandler"
6539                aria-label="Schliessen"
6540                x-ref="ambar-settings-close"
6541                class="absolute right-2 top-2 text-gray-300 transition
6542                    hover:text-black focus:drop-shadow-md hover:drop-shadow-md">
6543            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24"
6544                 stroke="currentColor"
6545                 stroke-width="2">
6546                <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
6547            </svg>
6548        </button>
6549        <div id="cookiebar-groups">
6550            
6551<div class="w-full flex flex-col" x-data="cookieGroupData">
6552    <template x-for="group in getGroupsData" :key="group.groupId">
6553        <div class="mb-2">
6554            <div class="header flex justify-between items-start py-2">
6555                <div>
6556                    <h3 class="text-lg font-semibold pr-6 ambar-group-title" x-text="group.name"></h3>
6557                    <p class="py-2 text-sm ambar-group-description" x-html="group.description"></p>
6558                    <button class="mb-4 text-sm text-primary rounded-sm before:content-none after:content-none"
6559                            type="button"
6560                            title="Weitere Informationen"
6561                            aria-label="Weitere Informationen"
6562                            @click="$dispatch('classic-open-am-cookie-group-info', group)">
6563                        Weitere Informationen                </div>
6564                <label class="relative inline-flex items-center cursor-pointer">
6565                    <input class="sr-only peer"
6566                           type="checkbox"
6567                           data-amcookie-js="field"
6568                           name="groups[]"
6569                           x-model="group.checked"
6570                           value="group.groupId"
6571                           id="getSwitchBoxId"
6572                           disabled="group.isEssential"
6573                           aria-label="group.name">
6574                    <div class="w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600"></div>
6575                </label>
6576            </div>
6577        </div>
6578    </template>
6579</div>
6580
6581<script>
6582    'use strict';
6583    function cookieGroupData() {
6584        return {
6585            getGroupsData() {
6586                let amStorage = hyva.amStorage
6587                if (!amStorage)
6588                    return [];
6589
6590                let cookieGroups = amStorage.getStorage('AmastyCookieGroups')
6591                if (!cookieGroups)
6592                    return [];
6593
6594                return cookieGroups.groupData;
6595            },
6596            getSwitchBoxId() {
6597                return 'switchBox' + this.group.groupId;
6598            }
6599        }
6600    }
6601    window.addEventListener('alpine:init', () => Alpine.data('cookieGroupData', cookieGroupData),)
6602</script>
6602
6603        </div>
6604        <div class="w-full flex justify-center">
6605            <button type="button"
6606                    class="ambar-action-btn text-xs font-semibold text-white uppercase btn-primary px-8 py-2"
6607                    x-ref="ambar-settings-done"
6608                    @click="$dispatch('cookiebar-action-accept', { include_checked_groups: true })"
6609            >
6610                Fertig            </button>
6611        </div>
6612    </dialog>
6613</div>
6614
6615<script data-cfasync="false">
6616    'use strict';
6617
6618    function initCookieBarSettings() {
6619        return {
6620            ...hyva.modal({
6621                dialog: 'am-cookie-bar-settings'
6622            }),
6623            eventListeners: {
6624                ['@close-am-cookie-bar-settings.window']() {
6625                    this.hideHandler();
6626                },
6627                ['@open-am-cookie-bar-settings.window']() {
6628                    !this.opened['am-cookie-bar-settings'] &&
6629                    this.show('am-cookie-bar-settings');
6630                },
6631                ['@cookiebar-action-accept-finish.window']() {
6632                    this.hideHandler();
6633                }
6634            },
6635            hideHandler: function () {
6636                !!this.opened['am-cookie-bar-settings'] &&
6637                this.hide('am-cookie-bar-settings');
6638            },
6639            focusDoneButton: function () {
6640                this.$refs['ambar-settings-done']?.focus();
6641            },
6642            focusCloseButton: function () {
6643                this.$refs['ambar-settings-close']?.focus();
6644            }
6645        }
6646    }
6647
6648    window.addEventListener('alpine:init', () => Alpine.data('initCookieBarSettings', initCookieBarSettings), { once: true });
6649</script>
6649
6650
6651<script data-cfasync="false">
6652    'use strict';
6653
6654    /**
6655     * @typedef {Object} CookieGroupData
6656     * @prop {Boolean} checked
6657     * @prop {[{description: string, lifetime: number|null, name: string, provider: string, type: string}]} cookies
6658     * @prop {String} description
6659     * @prop {string|null} groupId
6660     * @prop {Boolean} isEssential
6661     * @prop {String} name
6662     */
6663
6664    function initAmastyCookieGroupsStorage() {
6665        return {
6666            /**
6667             * @type {[CookieGroupData]}
6668             */
6669            groupData: [],
6670            cookiePolicy: undefined,
6671            lastUpdate: undefined,
6672
6673            /**
6674             * @returns {string|number[]}
6675             */
6676            getEssentialGroupIds: function () {
6677                return this.groupData.reduce(function (essentialGroupIds, group) {
6678                    if (group.isEssential) {
6679                        essentialGroupIds.push(group.groupId)
6680                    }
6681
6682                    return essentialGroupIds;
6683                }, []);
6684            },
6685
6686            /**
6687             * @returns {string|number[]}
6688             */
6689            getCheckedGroupIds: function () {
6690                return this.groupData.reduce(function (checkedGroupIds, group) {
6691                    if (group.checked) {
6692                        checkedGroupIds.push(group.groupId);
6693                    }
6694
6695                    return checkedGroupIds;
6696                }, []);
6697            },
6698
6699            /**
6700             * @param {string} cookieName
6701             * @returns {boolean}
6702             */
6703            isCookieEssential: function (cookieName) {
6704                const allEssentialCookies = this.getEssentialCookies();
6705
6706                return !!allEssentialCookies.find(cookie => cookie.name === cookieName);
6707            },
6708
6709            /**
6710             * @returns {array}
6711             */
6712            getEssentialCookies: function () {
6713                return this.groupData
6714                    .filter(group => group.isEssential)
6715                    .map(group => group.cookies)
6716                    .flat();
6717            },
6718
6719            /**
6720             * @returns {boolean}
6721             */
6722            hasGroupData: function () {
6723                return !!this.groupData.length;
6724            },
6725
6726            /**
6727             * @param {string} cookieName
6728             * @param {string} pattern
6729             * @returns {boolean}
6730             */
6731            isEssentialByPattern: function (cookieName, pattern) {
6732                const essentialCookiePatterns = this.getEssentialCookiesPattern(pattern);
6733
6734                return essentialCookiePatterns.some((pattern) => !!cookieName.match(this.getCookiePattern(pattern)));
6735            },
6736
6737            /**
6738             * @param {string} pattern
6739             * @return {Array}
6740             */
6741            getEssentialCookiesPattern: function (pattern) {
6742                return this.getCookiesByPattern(pattern, this.getEssentialCookies());
6743            },
6744
6745            /**
6746             * @param {string} pattern
6747             * @param {Array|undefined} cookies
6748             * @return {Array}
6749             */
6750            getCookiesByPattern: function (pattern, cookies) {
6751                if (typeof cookie === 'undefined') {
6752                    cookies = this.getAllCookies();
6753                }
6754
6755                return cookies
6756                    .map((cookie) => typeof cookie === 'object' ? cookie.name : cookie.split('=')[0].trim())
6757                    .filter((cookie) => cookie.match(pattern) !== null);
6758            },
6759
6760            /**
6761             * @returns {array}
6762             */
6763            getDisallowedCookies: function () {
6764                const disallowedCookie = decodeURIComponent(hyva.getCookie('amcookie_disallowed') ?? '');
6765                if (!disallowedCookie) {
6766                    return [];
6767                }
6768
6769                return disallowedCookie.split(',');
6770            },
6771
6772            /**
6773             * @returns {string}
6774             */
6775            getCookiePattern: function (pattern) {
6776                return `^${pattern.replaceAll('*', '.*')}$`;
6777            },
6778
6779            /**
6780             * @returns {array}
6781             */
6782            getAllCookies: function () {
6783                return document.cookie.split(';');
6784            },
6785
6786            /**
6787             * @param {Array} groupData
6788             * @returns {array}
6789             */
6790            updateGroupDataPermanently: function (groupData) {
6791                this.groupData = [...groupData];
6792            },
6793
6794            /**
6795             * @param {boolean} setAcceptance
6796             * @returns {Promise}
6797             */
6798            updateGroupData: function (setAcceptance = false) {
6799                const cookieFetchUrl = `${BASE_URL}amcookie/cookie/cookies`;
6800                const requestUrl = new URL(cookieFetchUrl, window.location.origin);
6801
6802                requestUrl.searchParams.append('allowed', hyva.getCookie('amcookie_allowed'));
6803                requestUrl.searchParams.append('restriction', hyva.getCookie('amcookie_policy_restriction'));
6804
6805                return fetch(requestUrl.toString(), {
6806                    method: "GET",
6807                    headers: {
6808                        'X-Requested-With': 'XMLHttpRequest'
6809                    }
6810                }).then(response => {
6811                    if (response.ok) {
6812                        return response.json();
6813                    }
6814
6815                    return Promise.reject(`${response.status} ${response.statusText}`);
6816                }).then(data => {
6817                    this.cookiePolicy = data.cookiePolicy ?? 'allowed';
6818                    this.lastUpdate = data.lastUpdate ?? 0;
6819                    this.groupData = [...data.groupData];
6820
6821                    hyva.setCookie('amcookie_policy_restriction', this.cookiePolicy, 10);
6822                    if (setAcceptance) {
6823                        amastyCookieManager.setLastCookieAcceptance(this.lastUpdate);
6824                    }
6825
6826                    return data;
6827                }).catch(error => {
6828                    typeof window.dispatchMessages !== "undefined" && window.dispatchMessages([
6829                        {
6830                            type: "error",
6831                            text: error
6832                        }
6833                    ]);
6834                }).finally(() => window.dispatchEvent(new CustomEvent('amasty-cookie-group-updated')));
6835            }
6836        }
6837    }
6838
6839    window.addEventListener(
6840        'alpine:init',
6841        () => Alpine.store('AmastyCookieGroups', initAmastyCookieGroupsStorage()),
6842        { once: true }
6843    );
6844</script>
6844
6845
6846<script data-cfasync="false">
6847    (function (amastyCookieManager) {
6848        'use strict';
6849
6850        amastyCookieManager.pattern = '{(?<cookiePattern>.*)}';
6851
6852        amastyCookieManager.getAmastyCookieGroupStorage = function () {
6853            return Alpine.store('AmastyCookieGroups') ?? {};
6854        };
6855
6856        amastyCookieManager.deleteDisallowedCookie = function () {
6857            const amastyCookieGroupStorage = this.getAmastyCookieGroupStorage();
6858            const disallowedCookies = amastyCookieGroupStorage?.getDisallowedCookies() ?? [];
6859
6860            disallowedCookies.forEach((name) => {
6861                const pattern = name.match(this.pattern);
6862                if (!!pattern && !!amastyCookieGroupStorage) {
6863                    const cookiePattern = amastyCookieGroupStorage.getCookiePattern(pattern.groups.cookiePattern) ?? '';
6864
6865                    amastyCookieGroupStorage.getCookiesByPattern(cookiePattern).forEach((cookieName) => {
6866                        this.deleteNotEssentialCookie(cookieName);
6867                    });
6868                } else {
6869                    this.deleteNotEssentialCookie(name);
6870                }
6871            });
6872        };
6873
6874        amastyCookieManager.isCookieAllowed = function (cookieName) {
6875            const allowedGroups = hyva.getCookie('amcookie_allowed');
6876            const disallowedCookie = this.getAmastyCookieGroupStorage()?.getDisallowedCookies() ?? [];
6877            const isCookiePolicyAllowed = hyva.getCookie('amcookie_policy_restriction') === 'allowed';
6878            const isCookieEssential = this.getAmastyCookieGroupStorage()?.isCookieEssential(cookieName);
6879            const isCookieEssentialByPattern = this.getAmastyCookieGroupStorage()?.isEssentialByPattern(cookieName, this.pattern);
6880
6881            if (!isCookiePolicyAllowed || isCookieEssential || isCookieEssentialByPattern) {
6882                return true;
6883            }
6884
6885            return !((!allowedGroups && !disallowedCookie) || this.isCookieDisallowed(cookieName));
6886        };
6887
6888        amastyCookieManager.isCookieDisallowed = function (cookieName) {
6889            const amastyCookieGroupStorage = this.getAmastyCookieGroupStorage();
6890            const disallowedCookies = amastyCookieGroupStorage?.getDisallowedCookies() ?? [];
6891
6892            return disallowedCookies.some((cookie) => {
6893                const pattern = cookie.match(this.pattern);
6894
6895                return !!pattern && !!cookieName.match(amastyCookieGroupStorage?.getCookiePattern(pattern.groups.cookiePattern));
6896            }) || disallowedCookies.indexOf(cookieName) !== -1;
6897        };
6898
6899        amastyCookieManager.processManageableCookies = function () {
6900            let cookieScripts = document.querySelectorAll('script[data-amcookie-groupid][type="text/plain"]');
6901
6902            cookieScripts.forEach((elem) => {
6903                if (this.isChecked(elem.dataset['amcookie-groupid'])) {
6904                    let elClone = elem.cloneNode(true).setAttribute('type', 'text/javascript');
6905
6906                    elem.remove();
6907                    document.body.appendChild(elClone);
6908                }
6909            });
6910        };
6911
6912        amastyCookieManager.deleteNotEssentialCookie = function (cookieName) {
6913            if (!this.getAmastyCookieGroupStorage()?.isCookieEssential(cookieName)) {
6914                hyva.setCookie(cookieName, '', -1, true);
6915            }
6916        };
6917
6918        amastyCookieManager.setLastCookieAcceptance = function (lastUpdate) {
6919            localStorage.setItem('am-last-cookie-acceptance', lastUpdate);
6920        };
6921
6922        window.addEventListener('amasty-cookie-group-updated', () => {
6923            amastyCookieManager.deleteDisallowedCookie();
6924        });
6925
6926        window.addEventListener('private-content-loaded', () => {
6927            amastyCookieManager.getAmastyCookieGroupStorage()?.hasGroupData() && amastyCookieManager.deleteDisallowedCookie();
6928        });
6929    }(window.amastyCookieManager = window.amastyCookieManager || {}));
6930</script>
6930
6931
6932<script data-cfasync="false">
6933    (function () {
6934        'use strict';
6935
6936        window.addEventListener('cookiebar-action-accept', (event) => {
6937            const groups = event.detail?.include_checked_groups ? Alpine.store('AmastyCookieGroups').getCheckedGroupIds() : [];
6938            const url = `${BASE_URL}amcookie/cookie/savegroups`;
6939            const urlParams = event.detail?.params ?? {};
6940            const contentType = 'application/x-www-form-urlencoded; charset=UTF-8';
6941            const body = new URLSearchParams({
6942                form_key: hyva.getFormKey()
6943            });
6944            groups.length && groups.map(groupId => body.append('groups[]', groupId));
6945
6946            for (const [key, value] of Object.entries(urlParams)) {
6947                body.append(key, value);
6948            }
6949
6950            fetch(url, {method: 'POST', body, headers: {'Content-Type': contentType}})
6951                .then(response => {
6952                    if (response.ok) {
6953                        return response.json();
6954                    }
6955
6956                    return Promise.reject(`${response.status} ${response.statusText}`);
6957                })
6958                .then(data => {
6959                    !!data.success && Alpine.store('AmastyCookieGroups').updateGroupData(true);
6960                })
6961                .catch(error => {
6962                    typeof window.dispatchMessages !== "undefined" && window.dispatchMessages([
6963                        {
6964                            type: "error",
6965                            text: error
6966                        }
6967                    ]);
6968                })
6969                .finally(() => {
6970                    amastyCookieManager.processManageableCookies();
6971                    window.dispatchEvent(new CustomEvent('cookiebar-action-accept-finish'));
6972                    window.dispatchEvent(new CustomEvent('amasty-cookie-group-updated'));
6973                    // Wait cookiebar close animation
6974                    setTimeout(() => {
6975                        window.dispatchEvent(new CustomEvent('reload-customer-section-data'));
6976                    }, 100);
6977                });
6978        });
6979    })();
6980</script>
6980
6981
6982<script data-cfasync="false">
6983    (function () {
6984        'use strict';
6985
6986        window.addEventListener('cookiebar-action-allow', () => {
6987            const url = `${BASE_URL}amcookie/cookie/allow`;
6988            const contentType = 'application/x-www-form-urlencoded; charset=UTF-8';
6989            const body = new URLSearchParams({
6990                form_key: hyva.getFormKey()
6991            });
6992            fetch(url, {method: 'POST', body, headers: {'Content-Type': contentType}})
6993                .then(response => {
6994                    if (response.ok) {
6995                        return response;
6996                    }
6997
6998                    return Promise.reject(`${response.status} ${response.statusText}`);
6999                })
7000                .then(() => {
7001                    Alpine.store('AmastyCookieGroups').updateGroupData(true);
7002                })
7003                .catch(error => {
7004                    typeof window.dispatchMessages !== "undefined" && window.dispatchMessages([
7005                        {
7006                            type: "error",
7007                            text: error
7008                        }
7009                    ]);
7010                })
7011                .finally(() => {
7012                    amastyCookieManager.processManageableCookies();
7013                    window.dispatchEvent(new CustomEvent('cookiebar-action-allow-finish'));
7014                    // Wait cookiebar close animation
7015                    setTimeout(() => {
7016                        window.dispatchEvent(new CustomEvent('reload-customer-section-data'));
7017                    }, 100);
7018                });
7019        });
7020    })();
7021</script>
7021
7022
7023<script data-cfasync="false">
7024    (function () {
7025        'use strict';
7026
7027        window.addEventListener('cookiebar-action-settings', () => {
7028            window.dispatchEvent(new Event('open-am-cookie-bar-settings'));
7029        });
7030    })();
7031</script>
7031
7032
7033<style>
7034    :root {
7035        /* Bar Color Settings */
7036        --ambar-background: #fff;
7037        --ambar-links-color: #326ed1;
7038        --ambar-policy-text: #374151;
7039        --ambar-toggle-active-color: #2563eb;
7040        --ambar-toggle-inactive-color: #fff;
7041
7042        /* Buttons Color Settings */
7043        --ambar-button-accept-color: #337ab7;
7044        --ambar-button-accept-hover-color: #337ab7;
7045        --ambar-button-accept-text: #fff;
7046        --ambar-button-accept-hover-text: #fff;
7047
7048        --ambar-button-allow-color: #337ab7;
7049        --ambar-button-allow-hover-color: #337ab7;
7050        --ambar-button-allow-text: #fff;
7051        --ambar-button-allow-hover-text: #fff;
7052
7053        --ambar-button-decline-color: #337ab7;
7054        --ambar-button-decline-hover-color: #337ab7;
7055        --ambar-button-decline-text: #fff;
7056        --ambar-button-decline-hover-text: #fff;
7057
7058        --ambar-button-settings-color: #337ab7;
7059        --ambar-button-settings-hover-color: #337ab7;
7060        --ambar-button-settings-text: #fff;
7061        --ambar-button-settings-hover-text: #fff;
7062
7063        /* Buttons Order Settings */
7064        --ambar-button-accept-order: 0;
7065        --ambar-button-allow-order: 0;
7066        --ambar-button-settings-order: 0;
7067        --ambar-button-decline-order: 0;
7068
7069        /* Cookie Information Bar Color Settings */
7070        --ambar-information-background: #fff;
7071        --ambar-information-title: #374151;
7072        --ambar-information-description: #374151;
7073        --ambar-information-table-header: #374151;
7074        --ambar-information-table-content: #374151;
7075
7076        /* Cookie Information Bar Done Button Settings */
7077        --ambar-information-button-color: #1d4ed8;
7078        --ambar-information-button-hover-color: #1d4ed8;
7079        --ambar-information-button-text: #fff;
7080        --ambar-information-button-hover-text: #fff;
7081
7082        /* Settings Bar Done Button Settings */
7083        --ambar-setting-button-color: #1d4ed8;
7084        --ambar-setting-button-hover-color: #1d4ed8;
7085        --ambar-setting-button-text: #fff;
7086        --ambar-setting-button-hover-text: #fff;
7087
7088        /* cookie_settings_bar_customisation */
7089        --ambar-setting-bar-group-background: #fff;
7090        --ambar-setting-bar-group-title: #000;
7091        --ambar-setting-bar-group-description: #000;
7092        --ambar-setting-bar-group-links: #326ed1;
7093    }
7094</style>
7095
7096<script data-cfasync="false">
7097    'use strict';
7098
7099    function initAmCookieActionDispatcherBtn() {
7100        return {
7101            actiondispatchHandler: function (event) {
7102                const { dispatchAction, dispatchPayload } = event.currentTarget.dataset;
7103                this.$dispatch(dispatchAction, this.parsePayload(dispatchPayload));
7104            },
7105            parsePayload: function (payload) {
7106                try {
7107                    return JSON.parse(payload);
7108                } catch (e) {
7109                    return null;
7110                }
7111            }
7112        };
7113    }
7114
7115    window.addEventListener(
7116        'alpine:init',
7117        () => Alpine.data('initAmCookieActionDispatcherBtn', initAmCookieActionDispatcherBtn),
7118        { once: true }
7119    );
7120</script>
7120
7121
7122<script data-cfasync="false">
7123    'use strict';
7124
7125    function initAmCookieGroups() {
7126        return {
7127            /**
7128             * @withContext x-for: $store.AmastyCookieGroups.groupData
7129             * @returns {string}
7130             */
7131            getInputGroupId: function () {
7132                return `amcookie-${this.$el.dataset.groupPrefix}group-${this.group.groupId}`
7133            },
7134
7135            /**
7136             * @withContext x-for: $store.AmastyCookieGroups.groupData
7137             * @returns {{"!bg-gray-400": boolean}}
7138             */
7139            getInputStyles: function () {
7140                return {
7141                    '!bg-gray-400': this.group.isEssential
7142                }
7143            },
7144
7145            /**
7146             * @withContext x-for: $store.AmastyCookieGroups.groupData
7147             * @returns {void}
7148             */
7149            toggleGroup: function () {
7150                this.group.checked = !this.group.checked;
7151            },
7152
7153            /**
7154             * @withContext x-for: $store.AmastyCookieGroups.groupData
7155             * @returns {void}
7156             */
7157            moreInfoClickHandler: function () {
7158                this.$dispatch(this.$el.dataset.dispatchAction, this.group);
7159            },
7160
7161            moreInformationAboutCookieGroup: function () {
7162                return hyva.str('About\u0020\u0022\u00251\u0022\u0020Cookie\u0020Group', this.group.name);
7163            }
7164        }
7165    }
7166
7167    window.addEventListener(
7168        'alpine:init',
7169        () => Alpine.data('initAmCookieGroups', initAmCookieGroups),
7170        {once: true}
7171    );
7172</script>
vendor: 1 bytes, line 7172
7172
7173<script>
7174    if (window.AmFB) {
7175        (() => {
7176            const gdprListeners = [
7177                {
7178                    event: 'cookiebar-action-accept-finish',
7179                    callback: () => window.AmFB.initPixels(),
7180                    options: { once: true }
7181                },
7182                {
7183                    event: 'cookiebar-action-allow-finish',
7184                    callback: () => window.AmFB.initPixels(),
7185                    options: { once: true }
7186                }
7187            ];
7188
7189            const isAllowedToRunScript = function () {
7190                const facebookPixelCookieName = '_fbp';
7191                const allowedCookies = hyva.getCookie('amcookie_allowed') || '';
7192                const disallowedCookies = hyva.getCookie('amcookie_disallowed') || '';
7193                return !!allowedCookies.length
7194                    && (!disallowedCookies || disallowedCookies.indexOf(facebookPixelCookieName) === -1);
7195            };
7196
7197            window.AmFB.setDataToSection = new Proxy(window.AmFB.setDataToSection, {
7198                apply(target, thisArg, argArray) {
7199                    if (isAllowedToRunScript()) {
7200                        return target.apply(thisArg, argArray);
7201                    }
7202
7203                    return {
7204                        then: () => {}
7205                    }
7206                }
7207            });
7208
7209            window.AmFB.initPixels = new Proxy(window.AmFB.initPixels, {
7210                apply(target, thisArg, argArray) {
7211                    if (isAllowedToRunScript()) {
7212                        return target.apply(thisArg, argArray);
7213                    }
7214                }
7215            });
7216
7217            window.AmFB = new Proxy(window.AmFB, {
7218                get(target, prop, receiver) {
7219                    if (prop === 'listeners') {
7220                        return [...Reflect.get(...arguments), ...(gdprListeners)];
7221                    }
7222
7223                    return Reflect.get(...arguments);
7224                }
7225            });
7226        })();
7227    }
7228</script>
vendor: 1 bytes, line 7228
7228
7229<script>
7230    'use strict';
7231
7232    (function () {
7233        document.querySelectorAll('[data-amcookie-js="footer-link"]').forEach(link => {
7234            link.addEventListener('click', function (event) {
7235                event.preventDefault();
7236                window.dispatchEvent(new CustomEvent('cookiebar-action-settings'));
7237            });
7238        });
7239    })();
7240</script>
vendor: 1 bytes, line 7240
7240
7241<script>
7242    (function () {
7243        let amFancyProcessed = false;
7244
7245        window.addEventListener('load-amfancybox', () => {
7246            if (amFancyProcessed) {
7247                window?.Fancybox && window.dispatchEvent(new CustomEvent('amfancybox-loaded', {}));
7248                return;
7249            }
7250
7251            const script = document.createElement('script');
7252            script.src = 'https://www.vedia.ch/static/version1790063611/frontend/Vedia/hyva/de_CH/Amasty_LibFancybox/fancybox_ui/fancybox.min.js';
7253            script.async = true;
7254            document.body.appendChild(script);
7255
7256            amFancyProcessed = true;
7257
7258            script.onload = () => {
7259                window.dispatchEvent(new CustomEvent('amfancybox-loaded', {}));
7260            }
7261
7262            const stylesHref = 'https://www.vedia.ch/static/version1790063611/frontend/Vedia/hyva/de_CH/Amasty_LibFancybox/fancybox_ui/fancybox.min.css';
7263
7264            if (document.querySelector(`link[href="${stylesHref}"]`)) {
7265                return;
7266            }
7267
7268            const styles = document.createElement('link');
7269            styles.rel = 'stylesheet';
7270            styles.type = 'text/css';
7271            styles.href = stylesHref;
7272
7273            document.head.appendChild(styles);
7274        });
7275    }());
7276</script>
7276
7277
7278
7279<script>
7280    window.addEventListener('amfancybox-loaded', () => {
7281        Fancybox.bind('[data-fancybox="gallery"]', {
7282            Thumbs : false
7283        });
7284    });
7285</script>
7285
7286
7287<script>
7288    function amReviewCommentFormDataFn() {
7289        const element = this.$el;
7290        const validation = hyva.formValidation(element);
7291        const comments = amReviewCommentsHandler();
7292
7293        return {
7294            ...validation,
7295            ...comments,
7296            init() {
7297                if (validation.init) {
7298                    validation.init.call(this);
7299                }
7300                if (comments.init) {
7301                    comments.init.call(this);
7302                }
7303            }
7304        };
7305    }
7306
7307    window.addEventListener(
7308        'alpine:init',
7309        () => Alpine.data(
7310            'amReviewCommentFormDataFn',
7311            amReviewCommentFormDataFn
7312        ),
7313        {once: true}
7314    )
7315</script>
7315
7316
7317<script>
7318    'use strict';
7319
7320    function amReviewsSlider() {
7321        return {
7322            active: 0,
7323            itemCount: 0,
7324            pageSize: parseInt(this.$el.dataset.pageSize),
7325            sliderClass: this.$el.dataset.sliderClass,
7326            slidesClass: this.$el.dataset.slidesClass,
7327            pageFillers: 0,
7328            getSlider() {
7329                return this.$root.querySelector(this.sliderClass);
7330            },
7331
7332            calcPageSize() {
7333                const slider = this.getSlider();
7334                if (slider) {
7335                    this.itemCount = slider.querySelectorAll(this.slidesClass).length;
7336                    this.pageSize = Math.round(slider.clientWidth / slider.querySelector(this.slidesClass).clientWidth);
7337                    this.pageFillers = (
7338                        this.pageSize * Math.ceil(this.itemCount / this.pageSize)
7339                    ) - this.itemCount;
7340                }
7341            },
7342
7343            calcActive() {
7344                const slider = this.getSlider();
7345                if (slider) {
7346                    const sliderItems = this.itemCount + this.pageFillers;
7347                    const calculatedActiveSlide = slider.scrollLeft / (slider.scrollWidth / sliderItems);
7348                    this.active = Math.round(calculatedActiveSlide / this.pageSize) * this.pageSize;
7349                }
7350            },
7351
7352            scrollPrevious() {
7353                this.scrollTo(this.active - this.pageSize);
7354            },
7355
7356            scrollNext() {
7357                this.scrollTo(this.active + this.pageSize);
7358            },
7359
7360            scrollTo(idx) {
7361                const slider = this.getSlider();
7362                if (slider) {
7363                    const slideWidth = slider.scrollWidth / (this.itemCount + this.pageFillers);
7364                    slider.scrollLeft = Math.floor(slideWidth) * idx;
7365                    this.active = idx;
7366                }
7367            },
7368
7369            sliderPreviousClass() {
7370                return {
7371                    'opacity-25 pointer-events-none' : this.active === 0
7372                }
7373            },
7374
7375            sliderDotClass() {
7376                return {
7377                    'bg-opacity-100': this.active === parseInt(this.$el.dataset.index),
7378                    'bg-opacity-25': this.active !== parseInt(this.$el.dataset.index),
7379                    'hidden': (this.pageSize !== 1 && !!(parseInt(this.$el.dataset.index) % this.pageSize))
7380                }
7381            },
7382
7383            sliderNextClass() {
7384                return {
7385                    'opacity-25 pointer-events-none' : this.active >= this.itemCount-this.pageSize
7386                }
7387            },
7388
7389            setSliderDot() {
7390                return this.scrollTo(parseInt(this.$el.dataset.index))
7391            },
7392
7393            isNav() {
7394                return this.itemCount > this.pageSize
7395            },
7396
7397            reviewSliderResize() {
7398                const self = this;
7399                self.calcPageSize();
7400                self.$nextTick( function() {
7401                    self.calcActive()
7402                })
7403            }
7404        }
7405    }
7406
7407    window.addEventListener(
7408        'alpine:init',
7409        () => Alpine.data(
7410            'amReviewsSlider',
7411            amReviewsSlider
7412        ),
7413        {once: true}
7414    )
7415</script>
7415
7416
7417<script>
7418    'use strict';
7419
7420    function helpFul() {
7421        const reviewId = this.$el.dataset.reviewId;
7422        
7423        return {
7424            config: {
7425                plusReview: 0,
7426                minusReview: 0,
7427                reviewId: reviewId,
7428            },
7429
7430            voted: {
7431                plus: 0,
7432                minus: 0
7433            },
7434
7435            jsonConfig: JSON.parse(this.$el.dataset.config),
7436
7437            selectors: {
7438                shortHelpFul: '[data-review-helpful="'+ reviewId +'"] .count-plus-review'
7439            },
7440
7441            /**
7442             * @returns {void}
7443             */
7444            initVoteBlock: function () {
7445                window.addEventListener('amreview-update-vote-data', (event) => {
7446                    const voteData = {
7447                        data: event.detail.votes[reviewId],
7448                        voted: event.detail.voted[reviewId]
7449                    }
7450
7451                    this.updateVote(voteData);
7452                })
7453            },
7454
7455            /**
7456             * @param {string} type
7457             * @returns {void}
7458             */
7459            sendVote: function (type) {
7460                const body = new URLSearchParams({
7461                    form_key: hyva.getFormKey(),
7462                    type: type,
7463                    review: this.config.reviewId
7464                });
7465
7466                fetch(this.jsonConfig.url, {
7467                    method: 'POST',
7468                    body: body,
7469                    headers: {
7470                        'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
7471                        'X-Requested-With': 'XMLHttpRequest'
7472                    }
7473                }).then(response => {
7474                    if (response.ok) {
7475                        return response.json();
7476                    }
7477
7478                    return Promise.reject(`${response.status} ${response.statusText}`);
7479                }).then(result => {
7480                    if (result && result.success) {
7481                        this.updateVote(result);
7482                    }
7483                }).catch(error => {
7484                    typeof window.dispatchMessages !== "undefined" && window.dispatchMessages([
7485                        {
7486                            type: "error",
7487                            text: error
7488                        }
7489                    ]);
7490                });
7491            },
7492
7493            /**
7494             * @param {Object} result
7495             * @returns {void}
7496             */
7497            updateVote: function (result) {
7498                this.config.plusReview = result.data.plus;
7499                this.config.minusReview = result.data.minus;
7500                this.voted.plus = result.voted.plus;
7501                this.voted.minus = result.voted.minus;
7502
7503                this.updateShortHelpFul();
7504            },
7505
7506            /**
7507             * @returns {void}
7508             */
7509            updateShortHelpFul: function () {
7510                document.querySelector(this.selectors.shortHelpFul).textContent = this.config.plusReview;
7511            },
7512
7513            /**
7514             * @returns {string}
7515             */
7516            reviewPulsClass() {
7517                return !!this.voted.plus ? 'text-green-600': 'text-gray-400'
7518            },
7519
7520            /**
7521             * @returns {string}
7522             */
7523            reviewMinusClass() {
7524                return !!this.voted.minus ? 'text-red-600': 'text-gray-400'
7525            },
7526
7527            /**
7528             * @returns {void}
7529             */
7530            sendPlusVote() {
7531                return this.sendVote('plus')
7532            },
7533
7534            /**
7535             * @returns {void}
7536             */
7537            sendMinusVote() {
7538                return this.sendVote('minus')
7539            },
7540
7541            /**
7542             * @returns {string}
7543             */
7544            configPlusReview() {
7545                return this.config.plusReview
7546            },
7547
7548            /**
7549             * @returns {string}
7550             */
7551            configMinusReview() {
7552                return this.config.minusReview
7553            }
7554        }
7555    }
7556
7557    window.addEventListener(
7558        'alpine:init',
7559        () => Alpine.data(
7560            'helpFul',
7561            helpFul
7562        ),
7563        {once: true}
7564    );
7565    
7566    function reviewWidgetModal() {
7567        return Object.assign( 
7568            hyva.modal(),
7569            {
7570                /**
7571                 * @returns {void}
7572                 */
7573                showModal() {
7574                    return this.$dispatch('hyva-modal-show', { dialog: 'amreview-popup-' + this.$el.dataset.productId });
7575                },
7576
7577                /**
7578                 * @returns {void}
7579                 */
7580                hideModal() {
7581                    return this.$dispatch('hyva-modal-hide', { dialog: 'amreview-popup-' + this.$el.dataset.productId });
7582                }
7583            }
7584        )
7585    }
7586
7587    window.addEventListener(
7588        'alpine:init',
7589        () => Alpine.data(
7590            'reviewWidgetModal',
7591            reviewWidgetModal
7592        ),
7593        {once: true}
7594    )
7595</script>
7595
7596
7597<div x-data="initCookieGroupInfo_6ab7e948a2016" x-bind="eventListeners">
7598    <dialog
7599        x-ref="classic-am-cookie-group-info"
7600        data-dialog-ref-name="classic-am-cookie-group-info"
7601        aria-labelledby="amcookie-group-info"
7602        closeby="any"
7603        class="open:flex flex-col max-h-[70vh] max-w-[90vw] md:max-w-[50vw] overflow-auto
7604            bg-white shadow-xl rounded-lg p-8 text-gray-700 relative backdrop:bg-gray-500/50"
7605        x-bind="dialogConfig('classic-am-cookie-group-info')"
7606        x-htmldialog="closeHandler"
7607    >
7608        <template x-if="group">
7609            <div id="amcookie-group-info">
7610                <button type="button"
7611                        @mousedown.prevent.stop
7612                        @click.prevent.stop="closeHandler($event)"
7613                        aria-label="Schliessen"
7614                        class="absolute right-2 top-2 text-gray-300 transition
7615                            hover:text-black focus:drop-shadow-md hover:drop-shadow-md"
7616                >
7617                    <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24"
7618                         stroke="currentColor"
7619                         stroke-width="2">
7620                        <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
7621                    </svg>
7622                </button>
7623                <div class="md:flex md:justify-start pb-4">
7624                    <h3 class="text-xl font-semibold" x-text="group.name"></h3>
7625                </div>
7626                <template x-if="group.description">
7627                    <p class="mb-4" x-html="group.description"></p>
7628                </template>
7629                <div class="overflow-x-scroll md:overflow-x-auto">
7630                    <div class="table-auto w-full mb-4 text-left">
7631                        <div>
7632                        <template x-for="(item, index) in group.cookies" :key="index">
7633                            <div class="mt-5 pb-3 border-primary-light border-b">
7634                                <div class="flex">
7635                                    <span class="pr-4 font-bold">Cookie-Name:</span>
7636                                    <div x-text="item.name" class="font-semibold pr-4"></div>
7637                                </div>
7638                                <div class="flex mt-2">
7639                                    <div class="pr-4 font-bold">Cookie-Anbieter:</div>
7640                                    <div x-text="item.provider" class="pr-4"></div>
7641                                </div>
7642                                <div class="mt-2 flex flex-col">
7643                                    <div class="min-w-[30%] pr-4 font-bold">Cookie-Beschreibung:</div>
7644                                    <div x-html="item.description" class="min-w-[30%] pr-4"></div>
7645                                </div>
7646                                <div class="mt-2 flex">
7647                                    <div class="pr-4 font-bold">Cookie-Lebensdauer:</div>
7648                                    <div x-text="item.lifetime" class="pr-4"></div>
7649                                </div>
7650                                <div class="flex mt-2">
7651                                    <div class="pr-4 font-bold">Cookie-Typ:</div>
7652                                    <div x-text="item.type" class="pr-4"></div>
7653                                </div>
7654                            </div>
7655                        </template>
7656                        </div>
7657                    </div>
7658                </div>
7659            </div>
7660        </template>
7661        <div class="w-full flex justify-center">
7662            <button
7663                type="button"
7664                @mousedown.prevent.stop
7665                @click.prevent.stop="closeHandler($event)"
7666                aria-label="Fertig"
7667                class="mt-4 text-xs font-semibold text-white btn-primary btn uppercase ambar-action-btn"
7668            >
7669                Fertig            </button>
7670        </div>
7671    </dialog>
7672</div>
7673<script data-cfasync="false">
7674    'use strict';
7675
7676    function initCookieGroupInfo_6ab7e948a2016() {
7677        return {
7678            ...hyva.modal({
7679                dialog: 'classic-am-cookie-group-info'
7680            }),
7681            group: null,
7682            eventListeners: {
7683                ['@classic-close-am-cookie-group-info.window']() {
7684                    this.closeHandler();
7685                },
7686                ['@classic-open-am-cookie-group-info.window'](event) {
7687                    this.group = event.detail;
7688
7689                    if (!!this.group) {
7690                        /*
7691                         If modal have big cookies list this can lead to
7692                         trigger hide event in hyva.modal.eventListeners.click,
7693                         so we should wait till this.group is reassigned
7694                         */
7695                        this.$nextTick(() => this.show('classic-am-cookie-group-info'));
7696                    }
7697                }
7698            },
7699            closeHandler: function (event = null) {
7700                event?.preventDefault?.();
7701                event?.stopPropagation?.();
7702                this.hide('classic-am-cookie-group-info');
7703            }
7704        }
7705    }
7706
7707    window.addEventListener(
7708        'alpine:init',
7709        () => Alpine.data(
7710            'initCookieGroupInfo_6ab7e948a2016',
7711            initCookieGroupInfo_6ab7e948a2016        ),
7712        {once: true}
7713    );
7714</script>
7714
7715<div id="check-75c9b43529a638ae560e272516d95f3d" style="display:none"></div>
7716<script type="text/json" id="default-section-data">
7717    {"messages":[],"customer":[],"compare-products":[],"last-ordered-items":[],"cart":[],"directory-data":{"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"}}},"LI":{"name":"Liechtenstein"},"data_id":1790437704},"loggedAsCustomer":[],"captcha":[],"persistent":[],"review":[],"wishlist":{"items":[]},"amgiftcard_cart":[],"hyva_checkout":[],"wp_ga4":[],"recently_viewed_product":[],"recently_compared_product":[],"product_data_storage":[]}</script>
7717
7718</div>    
7718<script>
7719        const wpGA4ServerSide = {
7720            pushClick: function(productId, listId, listName, index) {
7721                if (window.wpGA4ServerSideIsBot === true) return;
7722                if (productId) {
7723                    var requestUrl = 'https://www.vedia.ch/weltpixel_ga4/track/productclick/';
7724                    if (productId && listId && listName) {
7725                        fetch(requestUrl, {
7726                            method: 'POST',
7727                            headers: {
7728                                'Content-Type': 'application/x-www-form-urlencoded',
7729                                'X-Requested-With': 'XMLHttpRequest'
7730                            },
7731                            body: 'product_id=' + productId + '&list_id=' + listId +'&list_name=' + listName + '&index=' + index
7732                        })
7733                        .then(res => res.json())
7734                        .then(data => {
7735                        });
7736                    }
7737                }
7738            },
7739
7740            pushViewItemList: function(hashId) {
7741                if (window.wpGA4ServerSideIsBot === true) return;
7742                if (hashId && document.getElementById('wp_ga4_server_side_view_item_list')) {
7743                    var requestUrl = 'https://www.vedia.ch/weltpixel_ga4/track/viewitemlist/';
7744                    fetch(requestUrl, {
7745                        method: 'POST',
7746                        headers: {
7747                            'Content-Type': 'application/x-www-form-urlencoded',
7748                            'X-Requested-With': 'XMLHttpRequest'
7749                        },
7750
7751                        body: 'hash_id='+hashId
7752                    })
7753                    .then(res => res.json())
7754                    .then(data => {
7755                    });
7756                }
7757            }
7758        };
7759
7760        window.wpGA4ServerSide = wpGA4ServerSide;
7761
7762        let allowGa4Services = window.ga4AllowServices ?? true;
7763
7764        if (allowGa4Services) {
7765            let selectedShippingMethod = '';
7766            let selectedPaymentMethod = '';
7767
7768            const {fetch: originalFetch} = window;
7769            window.fetch = async (...args) => {
7770                let [resource, config] = args;
7771                let response = await originalFetch(resource, config);
7772                let ajaxContentBody = false;
7773
7774                if ((typeof resource == 'string') &&
7775                    ((resource.search('post/livewire/message/checkout.shipping.methods') > 0) || (resource.search('post/livewire/message/checkout.payment.methods') > 0))) {
7776                    var jsonBody = false;
7777                    if (config.body) {
7778                        try {
7779                            jsonBody = JSON.parse(config.body);
7780                        } catch (e) {}
7781                    }
7782
7783                    if (jsonBody && jsonBody.updates && jsonBody.updates[0] && jsonBody.updates[0].payload && jsonBody.updates[0].payload.value) {
7784                        if (resource.search('checkout.shipping.methods') > 0) {
7785                            if (selectedShippingMethod != jsonBody.updates[0].payload.value) {
7786                                selectedShippingMethod = jsonBody.updates[0].payload.value;
7787                                ajaxContentBody = 'step=1&option=' + selectedShippingMethod;
7788                            }
7789                        }
7790                        if (resource.search('checkout.payment.methods') > 0) {
7791                            if (selectedPaymentMethod != jsonBody.updates[0].payload.value) {
7792                                selectedPaymentMethod = jsonBody.updates[0].payload.value;
7793                                ajaxContentBody = 'step=2&option=' + selectedPaymentMethod;
7794                            }
7795                        }
7796
7797                        if (ajaxContentBody && window.wpGA4ServerSideIsBot !== true) {
7798                                fetch('https://www.vedia.ch/weltpixel_ga4/track/hyva/', {
7799                                    method: 'POST',
7800                                    headers: {
7801                                        'Content-Type': 'application/x-www-form-urlencoded',
7802                                        'X-Requested-With': 'XMLHttpRequest'
7803                                    },
7804                                    body: ajaxContentBody
7805                                })
7806                                    .then(res => res.json())
7807                                    .then(data => {
7808                                        if (data) {
7809                                            window.dataLayer.push({ecommerce: null});
7810                                            window.dataLayer.push(data);
7811                                        }
7812                                    });
7813                        }
7814                    }
7815                }
7816
7817                if ((typeof resource == 'string') && resource.search('/customer\/section\/load/') > 0) {
7818                    response.clone().json().then(data => {
7819                        if (data.wp_ga4.datalayer) {
7820                            const dataLayerData = JSON.parse(data.wp_ga4.datalayer);
7821                            dataLayerData.forEach((dataLayerItem) => {
7822                                window.dataLayer.push({ecommerce: null});
7823                                window.dataLayer.push(dataLayerItem);
7824                            });
7825                        }
7826                    });
7827                }
7828                return response;
7829            };
7830
7831
7832            (function() {
7833                if (window.wpGA4ServerSideIsBot === true) return;
7834                const ga4PromotionOptions = {
7835                    enabled: 0,
7836                    disableDatalayerEvents: 0,
7837                    serverSidePromotionViewEnabled: 0,
7838                    serverSidePromotionClickEnabled: 0                };
7839
7840                const dataLayerPromotionViewPush = ga4PromotionOptions.enabled && !(ga4PromotionOptions.disableDatalayerEvents && ga4PromotionOptions.serverSidePromotionViewEnabled);
7841                const dataLayerPromotionClickPush = ga4PromotionOptions.enabled && !(ga4PromotionOptions.disableDatalayerEvents && ga4PromotionOptions.serverSidePromotionClickEnabled);
7842
7843                const promotionViewUrl = 'https://www.vedia.ch/weltpixel_ga4/track/promotionview/';
7844                const promotionClickUrl = 'https://www.vedia.ch/weltpixel_ga4/track/promotionclick/';
7845
7846                function parseJsonSafe(text, fallback) {
7847                    try { return JSON.parse(text); } catch (e) { return fallback; }
7848                }
7849
7850                function getPromoItemsById(uniqueId) {
7851                    if (!uniqueId) return [];
7852                    const el = document.getElementById(uniqueId);
7853                    if (!el) return [];
7854                    const raw = el.textContent || el.innerText || '[]';
7855                    return parseJsonSafe(raw, []);
7856                }
7857
7858                function pushDataLayerEvent(evtName, ecommerce) {
7859                    if (!window.dataLayer) { window.dataLayer = []; }
7860                    window.dataLayer.push({ ecommerce: null });
7861                    window.dataLayer.push({ event: evtName, ecommerce: ecommerce });
7862                }
7863
7864                function serializePromotionViews(promotionViews) {
7865                    const parts = [];
7866                    parts.push('dataLayerPush=' + (dataLayerPromotionViewPush ? 1 : 0));
7867                    promotionViews.forEach((pv, i) => {
7868                        for (const key in pv) {
7869                            if (!Object.prototype.hasOwnProperty.call(pv, key)) continue;
7870                            const value = pv[key] == null ? '' : String(pv[key]);
7871                            parts.push('promotion_views[' + i + '][' + encodeURIComponent(key) + ']=' + encodeURIComponent(value));
7872                        }
7873                    });
7874                    return parts.join('&');
7875                }
7876
7877                function setCookie(name, value, maxAgeSeconds) {
7878                    try {
7879                        document.cookie = name + '=' + encodeURIComponent(value) + '; path=/; max-age=' + maxAgeSeconds;
7880                    } catch (e) {}
7881                }
7882
7883                function onPromotionClick(ev) {
7884                    const el = ev.currentTarget;
7885                    const promoId = el.getAttribute('data-track-promo-id') || '';
7886                    const promoName = el.getAttribute('data-track-promo-name') || '';
7887                    const promoCreative = el.getAttribute('data-track-promo-creative') || '';
7888                    const promoPositionSlot = el.getAttribute('data-track-promo-position') || '';
7889                    const promoItemIds = el.getAttribute('data-unqiue-id-items') || '';
7890                    const promoProductIds = el.getAttribute('data-track-promo-product-ids') || '';
7891                    const promoItems = getPromoItemsById(promoItemIds);
7892
7893                    if (dataLayerPromotionClickPush && promoItemIds) {
7894                        pushDataLayerEvent('select_promotion', {
7895                            promotion_id: promoId,
7896                            promotion_name: promoName,
7897                            creative_name: promoCreative,
7898                            creative_slot: promoPositionSlot,
7899                            items: promoItems
7900                        });
7901
7902                        const promotionClickCookie = JSON.stringify({
7903                            promotion_id: promoId,
7904                            promotion_name: promoName,
7905                            product_ids: promoProductIds
7906                        });
7907                        setCookie('wp_ga4_promotion_click', promotionClickCookie, 86400);
7908                    }
7909
7910                    if (dataLayerPromotionClickPush || ga4PromotionOptions.serverSidePromotionClickEnabled) {
7911                        const body =
7912                            'promotion_id=' + encodeURIComponent(promoId) +
7913                            '&promotion_name=' + encodeURIComponent(promoName) +
7914                            '&creative_name=' + encodeURIComponent(promoCreative) +
7915                            '&creative_slot=' + encodeURIComponent(promoPositionSlot) +
7916                            '&product_ids=' + encodeURIComponent(promoProductIds) +
7917                            '&promo_items_uniqueid=' + encodeURIComponent(promoItemIds) +
7918                            '&dataLayerPush=' + (dataLayerPromotionClickPush ? 1 : 0);
7919
7920                        fetch(promotionClickUrl, {
7921                            method: 'POST',
7922                            headers: {
7923                                'Content-Type': 'application/x-www-form-urlencoded',
7924                                'X-Requested-With': 'XMLHttpRequest'
7925                            },
7926                            body: body
7927                        })
7928                            .then(res => res.json())
7929                            .then(pushData => {
7930                                if (dataLayerPromotionClickPush && pushData) {
7931                                    try {
7932                                        for (let i = 0; i < pushData.length; i++) {
7933                                            window.dataLayer.push({ ecommerce: null });
7934                                            window.dataLayer.push(pushData[i]);
7935                                        }
7936                                        const promotionClickCookie = JSON.stringify({
7937                                            promotion_id: promoId,
7938                                            promotion_name: promoName,
7939                                            product_ids: promoProductIds
7940                                        });
7941                                        setCookie('wp_ga4_promotion_click', promotionClickCookie, 86400);
7942                                    } catch (e) {}
7943                                }
7944                            })
7945                            .catch(() => {});
7946                    }
7947                }
7948
7949                function bindPromotionClicks() {
7950                    const elements = document.querySelectorAll('[data-track-promo-id]');
7951                    elements.forEach((el) => {
7952                        el.removeEventListener('click', onPromotionClick);
7953                        el.addEventListener('click', onPromotionClick);
7954                    });
7955                }
7956
7957                function handlePromotionViews() {
7958                    if (!(dataLayerPromotionViewPush || ga4PromotionOptions.serverSidePromotionViewEnabled)) return;
7959                    const promotionViews = [];
7960                    const elements = document.querySelectorAll('[data-track-promo-id]');
7961                    elements.forEach((el) => {
7962                        const promoId = el.getAttribute('data-track-promo-id') || '';
7963                        const promoName = el.getAttribute('data-track-promo-name') || '';
7964                        const promoCreative = el.getAttribute('data-track-promo-creative') || '';
7965                        const promoPositionSlot = el.getAttribute('data-track-promo-position') || '';
7966                        const promoItemIds = el.getAttribute('data-unqiue-id-items') || '';
7967                        const promoProductIds = el.getAttribute('data-track-promo-product-ids') || '';
7968                        const promoItems = getPromoItemsById(promoItemIds);
7969
7970                        if (dataLayerPromotionViewPush && promoItemIds) {
7971                            pushDataLayerEvent('view_promotion', {
7972                                promotion_id: promoId,
7973                                promotion_name: promoName,
7974                                creative_name: promoCreative,
7975                                creative_slot: promoPositionSlot,
7976                                items: promoItems
7977                            });
7978                        }
7979
7980                        promotionViews.push({
7981                            promotion_id: promoId,
7982                            promotion_name: promoName,
7983                            creative_name: promoCreative,
7984                            creative_slot: promoPositionSlot,
7985                            product_ids: promoProductIds,
7986                            promo_items_uniqueid: promoItemIds
7987                        });
7988                    });
7989
7990                    if (promotionViews.length) {
7991                        const body = serializePromotionViews(promotionViews);
7992                        fetch(promotionViewUrl, {
7993                            method: 'POST',
7994                            headers: {
7995                                'Content-Type': 'application/x-www-form-urlencoded',
7996                                'X-Requested-With': 'XMLHttpRequest'
7997                            },
7998                            body: body
7999                        })
8000                            .then(res => res.json())
8001                            .then(pushData => {
8002                                if (dataLayerPromotionViewPush && pushData) {
8003                                    try {
8004                                        for (let i = 0; i < pushData.length; i++) {
8005                                            window.dataLayer.push({ ecommerce: null });
8006                                            window.dataLayer.push(pushData[i]);
8007                                        }
8008                                    } catch (e) {}
8009                                }
8010                            })
8011                            .catch(() => {});
8012                    }
8013                }
8014
8015                if (dataLayerPromotionClickPush || ga4PromotionOptions.serverSidePromotionClickEnabled ||
8016                    dataLayerPromotionViewPush || ga4PromotionOptions.serverSidePromotionViewEnabled) {
8017                    if (document.readyState === 'loading') {
8018                        document.addEventListener('DOMContentLoaded', function() {
8019                            bindPromotionClicks();
8020                            handlePromotionViews();
8021                        });
8022                    } else {
8023                        bindPromotionClicks();
8024                        handlePromotionViews();
8025                    }
8026                }
8027            })();
8028
8029        }
8030
8031    </script>
vendor: 1 bytes, line 8031
8031
8032<script type="text/x-magento-init">{"*":
8033            {"Magento_Persistent/js/remember-me-config": {
8034            "config": {"persistenceConfig":{"isRememberMeCheckboxVisible":true,"isRememberMeCheckboxChecked":true}}
8035            }}}</script>
8035</body>
8036</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.