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=" w-full fixed bottom-0 z-40" 789 > 790 <dialog 791 class="am-cookie-classic flex w-full p-6 relative bottom-0 z-50 inset-y-0" 792 data-dialog-ref-name="am-cookie-bar" 793 closeby="any" 794 aria-label="Cookie 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 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 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 btn btn-primary mr-5 py-2 leading-5 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 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="not-italic font-bold lowercase">') : 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="not-italic font-bold lowercase">') : 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ü"> 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ä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 & 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 & 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ücher & Leintü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 & 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, Schutzbezüge & 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 & 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ücher & Küchentü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 & 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 & 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 & 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überzüge & 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 & 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 & 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 & 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änge & 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 & 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üche & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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, Boxen & Kleiderbü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 & 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 & Elektro"> 3735 <span class="mr-2">Haushalt & 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üchengerä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, Fondue & 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 & 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 & Klimagerä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 & 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 & Tö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 & 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ü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 & Glä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 & 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 & 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 & 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, Jeans & 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 & 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, Mäntel & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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 & 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äsche & 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 & 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 & 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 & 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 & 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 & 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, Mäntel & 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 & 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 & 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 & 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 & 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 & 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ä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 & 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 & 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 & Zubehö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 & 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 & Freizeit">
4542 <span class="mr-2">Sport & 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äte & 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 & 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 & Reisezubehö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 & 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 & 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 & 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 & 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 & 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 & Schönheit"> 4602 <span class="mr-2">Gesundheit & 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, Vitalität & 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 & 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 & 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 & 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üre, Pediküre & 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 & 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="% SALE %"> 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 & Datenschutz</a> 4950 </li> 4951 <li class="item mt-2"> 4952 <a class="text-gray-700" href="/i-lieferung-versand/">Lieferung & 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 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 oder 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 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 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 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="👋" 6274 data-inactive-text="Sind Sie noch da? Unsere Angebote warten auf 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.