1<!doctype html> 2<html lang="nl"> 3<head > 4 <meta charset="utf-8"/> 5<meta name="title" content="Inloggen voor klanten"/> 6<meta name="robots" content="INDEX,FOLLOW"/> 7<meta name="viewport" content="width=device-width, initial-scale=1"/> 8<title>Inloggen voor klanten</title> 9 <link rel="stylesheet" type="text/css" media="all" href="https://123magazijninrichting.nl/static/version1791196831/frontend/Magazijninrichting/default/nl_NL/css/styles.css" /> 10<link rel="canonical" href="https://123magazijninrichting.nl/customer/account/login/referer/aHR0cHM6Ly8xMjNtYWdhemlqbmlucmljaHRpbmcubmwvY3VzdG9tZXIvYWNjb3VudC9pbmRleC8~/" /> 11<link rel="icon" type="image/x-icon" href="https://123magazijninrichting.nl/media/favicon/default/favicon.png" /> 12<link rel="shortcut icon" type="image/x-icon" href="https://123magazijninrichting.nl/media/favicon/default/favicon.png" /> 13<style> 14@media (min-width: 768px) { 15 .smile_custom_entity-entity-view.blog .menu-category-cms-layout .pagebuilder-column-group .pagebuilder-column-line p, 16 .smile_custom_entity-entity-view.project-page .menu-category-cms-layout .pagebuilder-column-group .pagebuilder-column-line p { 17 opacity: 1; 18 margin-bottom: 0; 19 } 20} 21.search-content-wrapper .price-container { 22 display: block !important; 23} 24</style>
25<script nonce="Zmh0djg0cDN4ZW8wMXl1dXR1Y3hha3ZvM3A3eHlwYnU="> 26 window.getWpGA4Cookie = function(name) { 27 match = document.cookie.match(new RegExp(name + '=([^;]+)')); 28 if (match) return decodeURIComponent(match[1].replace(/\+/g, ' ')) ; 29 }; 30 31 window.ga4AllowServices = false; 32 33 var isCookieRestrictionModeEnabled = 0, 34 currentWebsiteId = 1, 35 cookieRestrictionName = 'user_allowed_save_cookie'; 36 37 if (isCookieRestrictionModeEnabled) { 38 allowedCookies = window.getWpGA4Cookie(cookieRestrictionName); 39 40 if (allowedCookies !== undefined) { 41 allowedWebsites = JSON.parse(allowedCookies); 42 43 if (allowedWebsites[currentWebsiteId] === 1) { 44 window.ga4AllowServices = true; 45 } 46 } 47 } else { 48 window.ga4AllowServices = true; 49 } 50</script>
50 51 <!-- Google Tag Manager -->
52<script nonce="Zmh0djg0cDN4ZW8wMXl1dXR1Y3hha3ZvM3A3eHlwYnU=" > if (window.ga4AllowServices) {
vendor: 331 bytes, lines 52-56
52(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 53new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 54j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 55'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 56})(window,document,'script','dataLayer','
56GTM-MCV84B
vendor: 3 bytes, line 56
56');
56} </script>
56 57<!-- End Google Tag Manager --> 58
58<script nonce="Zmh0djg0cDN4ZW8wMXl1dXR1Y3hha3ZvM3A3eHlwYnU="> 59 if (window.ga4AllowServices) { 60 window.dataLayer = window.dataLayer || []; 61 var dl4Objects = [{"pageName":"Inloggen voor klanten","pageType":"other","google_tag_params":{"ecomm_pagetype":"other"}}]; 62 for (var i in dl4Objects) { 63 window.dataLayer.push({ecommerce: null}); 64 window.dataLayer.push(dl4Objects[i]); 65 } 66 var wpGA4Cookies = ['wp_ga4_user_id','wp_ga4_customerGroup']; 67 wpGA4Cookies.map(function (cookieName) { 68 var cookieValue = window.getWpGA4Cookie(cookieName); 69 if (cookieValue) { 70 var dl4Object = {}; 71 dl4Object[cookieName.replace('wp_ga4_', '')] = cookieValue; 72 window.dataLayer.push(dl4Object); 73 } 74 }); 75 } 76 </script>
76 77 <!-- Meta Pixel Code -->
78<script nonce="Zmh0djg0cDN4ZW8wMXl1dXR1Y3hha3ZvM3A3eHlwYnU=" > if (window.ga4AllowServices) {
vendor: 408 bytes, lines 78-87
78 79!function(f,b,e,v,n,t,s) 80{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 81n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 82if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 83n.queue=[];t=b.createElement(e);t.async=!0; 84t.src=v;s=b.getElementsByTagName(e)[0]; 85s.parentNode.insertBefore(t,s)}(window, document,'script', 86'https://connect.facebook.net/en_US/fbevents.js'); 87fbq('init', '
871123533548535340
vendor: 32 bytes, lines 87-88
87'); 88fbq('track', 'PageView');
89} </script>
89 90<noscript><img height="1" width="1" style="display:none" 91src="https://www.facebook.com/tr?id=1123533548535340&ev=PageView&noscript=1" 92/></noscript> 93<!-- End Meta Pixel Code -->
93<script> 94 var BASE_URL = 'https://123magazijninrichting.nl/'; 95 var THEME_PATH = 'https://123magazijninrichting.nl/static/version1791196831/frontend/Magazijninrichting/default/nl_NL'; 96 var COOKIE_CONFIG = { 97 "expires": null, 98 "path": "\u002F", 99 "domain": ".123magazijninrichting.nl", 100 "secure": true, 101 "lifetime": "3600", 102 "cookie_restriction_enabled": false }; 103 var CURRENT_STORE_CODE = 'default'; 104 var CURRENT_WEBSITE_ID = '1'; 105 106 window.hyva = window.hyva || {} 107 108 window.cookie_consent_groups = window.cookie_consent_groups || {} 109 window.cookie_consent_groups['necessary'] = true; 110 111 window.cookie_consent_config = window.cookie_consent_config || {}; 112 window.cookie_consent_config['necessary'] = [].concat( 113 window.cookie_consent_config['necessary'] || [], 114 [ 115 'user_allowed_save_cookie', 116 'form_key', 117 'mage-messages', 118 'private_content_version', 119 'mage-cache-sessid', 120 'last_visited_store', 121 'section_data_ids' 122 ] 123 ); 124</script>
vendor: 1 bytes, line 124
124
125<script> 126 'use strict'; 127 (function( hyva, undefined ) { 128 129 function lifetimeToExpires(options, defaults) { 130 131 const lifetime = options.lifetime || defaults.lifetime; 132 133 if (lifetime) { 134 const date = new Date; 135 date.setTime(date.getTime() + lifetime * 1000); 136 return date; 137 } 138 139 return null; 140 } 141 142 function generateRandomString() { 143 144 const allowedCharacters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ', 145 length = 16; 146 147 let formKey = '', 148 charactersLength = allowedCharacters.length; 149 150 for (let i = 0; i < length; i++) { 151 formKey += allowedCharacters[Math.round(Math.random() * (charactersLength - 1))] 152 } 153 154 return formKey; 155 } 156 157 const sessionCookieMarker = {noLifetime: true} 158 159 const cookieTempStorage = {}; 160 161 const internalCookie = { 162 get(name) { 163 const v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)'); 164 return v ? v[2] : null; 165 }, 166 set(name, value, days, skipSetDomain) { 167 let expires, 168 path, 169 domain, 170 secure, 171 samesite; 172 173 const defaultCookieConfig = { 174 expires: null, 175 path: '/', 176 domain: null, 177 secure: false, 178 lifetime: null, 179 samesite: 'lax' 180 }; 181 182 const cookieConfig = window.COOKIE_CONFIG || {}; 183 184 expires = days && days !== sessionCookieMarker 185 ? lifetimeToExpires({lifetime: 24 * 60 * 60 * days, expires: null}, defaultCookieConfig) 186 : lifetimeToExpires(window.COOKIE_CONFIG, defaultCookieConfig) || defaultCookieConfig.expires; 187 188 path = cookieConfig.path || defaultCookieConfig.path; 189 domain = !skipSetDomain && (cookieConfig.domain || defaultCookieConfig.domain); 190 secure = cookieConfig.secure || defaultCookieConfig.secure; 191 samesite = cookieConfig.samesite || defaultCookieConfig.samesite; 192 193 document.cookie = name + "=" + encodeURIComponent(value) + 194 (expires && days !== sessionCookieMarker ? '; expires=' + expires.toGMTString() : '') + 195 (path ? '; path=' + path : '') + 196 (domain ? '; domain=' + domain : '') + 197 (secure ? '; secure' : '') + 198 (samesite ? '; samesite=' + samesite : 'lax'); 199 }, 200 isWebsiteAllowedToSaveCookie() { 201 const allowedCookies = this.get('user_allowed_save_cookie'); 202 if (allowedCookies) { 203 const allowedWebsites = JSON.parse(unescape(allowedCookies)); 204 205 return allowedWebsites[CURRENT_WEBSITE_ID] === 1; 206 } 207 return false; 208 }, 209 getGroupByCookieName(name) { 210 const cookieConsentConfig = window.cookie_consent_config || {}; 211 let group = null; 212 for (let prop in cookieConsentConfig) { 213 if (!cookieConsentConfig.hasOwnProperty(prop)) continue; 214 if (cookieConsentConfig[prop].includes(name)) { 215 group = prop; 216 break; 217 } 218 } 219 return group; 220 }, 221 isCookieAllowed(name) { 222 const cookieGroup = this.getGroupByCookieName(name); 223 return cookieGroup 224 ? window.cookie_consent_groups[cookieGroup] 225 : this.isWebsiteAllowedToSaveCookie(); 226 }, 227 saveTempStorageCookies() { 228 for (const [name, data] of Object.entries(cookieTempStorage)) { 229 if (this.isCookieAllowed(name)) { 230 this.set(name, data['value'], data['days'], data['skipSetDomain']); 231 delete cookieTempStorage[name]; 232 } 233 } 234 } 235 }; 236 237 hyva.getCookie = (name) => { 238 const cookieConfig = window.COOKIE_CONFIG || {}; 239 240 if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) { 241 return cookieTempStorage[name] ? cookieTempStorage[name]['value'] : null; 242 } 243 244 return internalCookie.get(name); 245 } 246 247 hyva.setCookie = (name, value, days, skipSetDomain) => { 248 const cookieConfig = window.COOKIE_CONFIG || {}; 249 250 if (cookieConfig.cookie_restriction_enabled && ! internalCookie.isCookieAllowed(name)) { 251 cookieTempStorage[name] = {value, days, skipSetDomain}; 252 return; 253 } 254 return internalCookie.set(name, value, days, skipSetDomain); 255 } 256 257 258 hyva.setSessionCookie = (name, value, skipSetDomain) => { 259 return hyva.setCookie(name, value, sessionCookieMarker, skipSetDomain) 260 } 261 262 hyva.getBrowserStorage = () => { 263 const browserStorage = window.localStorage || window.sessionStorage; 264 if (!browserStorage) { 265 console.warn('Browser Storage is unavailable'); 266 return false;
267 } 268 try { 269 browserStorage.setItem('storage_test', '1'); 270 browserStorage.removeItem('storage_test'); 271 } catch (error) { 272 console.warn('Browser Storage is not accessible', error); 273 return false; 274 } 275 return browserStorage; 276 } 277 278 hyva.postForm = (postParams) => { 279 const form = document.createElement("form"); 280 281 let data = postParams.data; 282 283 if (! postParams.skipUenc && ! data.uenc) { 284 data.uenc = btoa(window.location.href); 285 } 286 form.method = "POST"; 287 form.action = postParams.action; 288 289 Object.keys(postParams.data).map(key => { 290 const field = document.createElement("input"); 291 field.type = 'hidden' 292 field.value = postParams.data[key]; 293 field.name = key; 294 form.appendChild(field); 295 }); 296 297 const form_key = document.createElement("input"); 298 form_key.type = 'hidden'; 299 form_key.value = hyva.getFormKey(); 300 form_key.name="form_key"; 301 form.appendChild(form_key); 302 303 document.body.appendChild(form); 304 305 form.submit(); 306 } 307 308 hyva.getFormKey = function () { 309 let formKey = hyva.getCookie('form_key'); 310 311 if (!formKey) { 312 formKey = generateRandomString(); 313 hyva.setCookie('form_key', formKey); 314 } 315 316 return formKey; 317 } 318 319 hyva.formatPrice = (value, showSign, options = {}) => { 320 const formatter = new Intl.NumberFormat( 321 'nl\u002DNL', 322 Object.assign({ 323 style: 'decimal', // Use 'decimal' to avoid the currency symbol 324 minimumFractionDigits: 2, // Always show 2 decimal places 325 maximumFractionDigits: 2, // Always show 2 decimal places 326 signDisplay: showSign ? 'always' : 'auto' 327 }, options) 328 ); 329 330 return formatter.format(value); 331 } 332 333 const formatStr = function (str, nStart) { 334 const args = Array.from(arguments).slice(2); 335 336 return str.replace(/(%+)([0-9]+)/g, (m, p, n) => { 337 const idx = parseInt(n) - nStart; 338 339 if (args[idx] === null || args[idx] === void 0) { 340 return m; 341 } 342 return p.length % 2 343 ? p.slice(0, -1).replace('%%', '%') + args[idx] 344 : p.replace('%%', '%') + n; 345 }) 346 } 347 348 hyva.str = function (string) { 349 const args = Array.from(arguments); 350 args.splice(1, 0, 1); 351 352 return formatStr.apply(undefined, args); 353 } 354 355 hyva.strf = function () { 356 const args = Array.from(arguments); 357 args.splice(1, 0, 0); 358 359 return formatStr.apply(undefined, args); 360 } 361 362 /** 363 * Take a html string as `content` parameter and 364 * extract an element from the DOM to replace in 365 * the current page under the same selector, 366 * defined by `targetSelector` 367 */ 368 hyva.replaceDomElement = (targetSelector, content) => { 369 // Parse the content and extract the DOM node using the `targetSelector` 370 const parser = new DOMParser(); 371 const doc = parser.parseFromString(content, 'text/html'); 372 const contentNode = doc.querySelector(targetSelector); 373 374 // Bail if content can't be found 375 if (!contentNode) { 376 return; 377 } 378 379 hyva.activateScripts(contentNode) 380 381 // Replace the old DOM node with the new content 382 document.querySelector(targetSelector).replaceWith(contentNode); 383 384 // Reload customerSectionData and display cookie-messages if present 385 window.dispatchEvent(new CustomEvent("reload-customer-section-data")); 386 hyva.initMessages(); 387 } 388 389 hyva.activateScripts = (contentNode) => { 390 // Extract all the script tags from the content. 391 // Script tags won't execute when inserted into a dom-element directly, 392 // therefore we need to inject them to the head of the document. 393 const tmpScripts = contentNode.getElementsByTagName('script'); 394 395 if (tmpScripts.length > 0) { 396 // Push all script tags into an array 397 // (to prevent dom manipulation while iterating over dom nodes) 398 const scripts = []; 399 for (let i = 0; i < tmpScripts.length; i++) { 400 scripts.push(tmpScripts[i]); 401 } 402 403 // Iterate over all script tags and duplicate+inject each into the head 404 for (let i = 0; i < scripts.length; i++) { 405 let script = document.createElement('script'); 406 script.innerHTML = scripts[i].innerHTML; 407 408 document.head.appendChild(script); 409 410 // Remove the original (non-executing) node from the content 411 scripts[i].parentNode.removeChild(scripts[i]); 412 } 413 } 414 return contentNode; 415 } 416 417 const replace = {['+']: '-', ['/']: '_', ['=']: ','}; 418 hyva.getUenc = () => btoa(window.location.href).replace(/[+/=]/g, match => replace[match]); 419 420 let currentTrap; 421 422 const focusableElements = (rootElement) => { 423 const selector = 'button, [href], input, select, textarea, details, [tabindex]:not
423([tabindex="-1"]'; 424 return Array.from(rootElement.querySelectorAll(selector)) 425 .filter(el => { 426 return el.style.display !== 'none' 427 && !el.disabled 428 && el.tabIndex !== -1 429 && (el.offsetWidth || el.offsetHeight || el.getClientRects().length) 430 }) 431 } 432 433 const focusTrap = (e) => { 434 const isTabPressed = e.key === 'Tab' || e.keyCode === 9; 435 if (!isTabPressed) return; 436 437 const focusable = focusableElements(currentTrap) 438 const firstFocusableElement = focusable[0] 439 const lastFocusableElement = focusable[focusable.length - 1] 440 441 e.shiftKey 442 ? document.activeElement === firstFocusableElement && (lastFocusableElement.focus(), e.preventDefault()) 443 : document.activeElement === lastFocusableElement && (firstFocusableElement.focus(), e.preventDefault()) 444 }; 445 446 hyva.releaseFocus = (rootElement) => { 447 if (currentTrap && (!rootElement || rootElement === currentTrap)) { 448 currentTrap.removeEventListener('keydown', focusTrap) 449 currentTrap = null 450 } 451 } 452 hyva.trapFocus = (rootElement) => { 453 if (!rootElement) return; 454 hyva.releaseFocus() 455 currentTrap = rootElement 456 rootElement.addEventListener('keydown', focusTrap) 457 const firstElement = focusableElements(rootElement)[0] 458 firstElement && firstElement.focus() 459 } 460 461 hyva.alpineInitialized = (fn) => window.addEventListener('alpine:initialized', fn, {once: true}) 462 window.addEventListener('user-allowed-save-cookie', () => internalCookie.saveTempStorageCookies()) 463 464 }( window.hyva = window.hyva || {} )); 465</script>
465 466
467<script> 468 (() => { 469 const overrideFormatPriceFunction = () => { 470 const origFormatPrice = hyva.formatPrice; 471 472 hyva.formatPrice = function (value, showSign, options = {}) { 473 const isNumeric = typeof value === 'number' 474 || (typeof value === 'string' && value.trim() !== '' && !isNaN(value)); 475 476 if (!isNumeric) { 477 return value; 478 } 479 480 return origFormatPrice.apply(this, arguments) 481 } 482 }; 483 484 const replacePriceHtml = () => { 485 const recentlyViewProductsComponents = document.querySelectorAll('[x-data^=initRecentlyViewedProductsComponent]'); 486 487 recentlyViewProductsComponents.forEach((node) => { 488 const componentName = node.getAttribute('x-data')?.replace(/\s*\(.*?\)\s*/gs, ''); 489 const originalComponent = window[componentName]; 490 491 window[componentName] = function () { 492 const instance = originalComponent.apply(this, arguments); 493 494 if (instance && typeof instance.getProducts === 'function') { 495 instance.getProducts = function(...args) { 496 const recentlyViewedProductsArray = readRecentlyViewedFromStorage(); 497 let itemsToShow = []; 498 499 if (recentlyViewedProductsArray.length > 0) { 500 const start = '' === '' ? 0 : 1; 501 itemsToShow = recentlyViewedProductsArray.slice(start) 502 } 503 504 itemsToShow = itemsToShow.slice(0, this.noOfProductsToShow); 505 506 if (!itemsToShow.length) { 507 this.noOfProductsToShow = 0; 508 this.loading = false; 509 510 return; 511 } 512 513 this.fetchProducts(itemsToShow) 514 515 this.$watch('products', () => { 516 this.products?.forEach((product) => { 517 if (product?.['am_hide_price_data']?.['hide_price_html']) { 518 product['price_range']['minimum_price']['final_price']['value'] = product?.['am_hide_price_data']?.['hide_price_html']; 519 520 queueMicrotask(() => { 521 const hidePriceBtnSelector = `[data-amhide="AmastyHidePricePopup"][data-product-id="${product.id}"]:not([am-hide-price-processed])`; 522 const hidePriceBtn = this.$el.querySelector(hidePriceBtnSelector); 523 524 hidePriceBtn.addEventListener('click', (event) => { 525 event.preventDefault(); 526 527 const eventDetail = { 528 productId: product.id, 529 productName: product.name 530 }; 531 532 const customEvent = new CustomEvent('open-am-hideprice-popup', { detail: eventDetail }); 533 534 window.dispatchEvent(customEvent); 535 }); 536 }); 537 } 538 }); 539 }); 540 }; 541 } 542 543 return instance; 544 }; 545 }); 546 } 547 548 const readRecentlyViewedFromStorage = () => { 549 const data = hyva.getBrowserStorage().getItem('recently_viewed_products'); 550 return data ? JSON.parse(data) : []; 551 } 552 553 overrideFormatPriceFunction(); 554 window.addEventListener('alpine:init', replacePriceHtml); 555 })() 556</script>
vendor: 1 bytes, line 556
556
557<script> 558 if (!window.IntersectionObserver) { 559 window.IntersectionObserver = function (callback) { 560 this.observe = el => el && callback(this.takeRecords()); 561 this.takeRecords = () => [{isIntersecting: true, intersectionRatio: 1}]; 562 this.disconnect = () => {}; 563 this.unobserve = () => {}; 564 } 565 } 566</script>
vendor: 1 bytes, line 566
566
567<script type="speculationrules"> 568{ 569 "tag": "hyva", 570 "prerender": [{ 571 "source": "document", 572 "where": { 573 "and": [ 574 { "href_matches": "/*" }, 575 { "not": { 576 "href_matches": [ 577 "/customer/*", 578 "*/customer/*", 579 "/search/*", 580 "*/search/*", 581 "/sales/*", 582 "*/sales/*", 583 "/wishlist/*", 584 "*/wishlist/*", 585 "/checkout/*", 586 "*/checkout/*", 587 "/paypal/*", 588 "*/paypal/*", 589 "*.pdf" 590 ] 591 }}, 592 { "not": { "selector_matches": ".do-not-prerender" } }, 593 { "not": { "selector_matches": "[download]" } }, 594 { "not": { "selector_matches": "[rel~=nofollow]" } } 595 596 ] 597 }, 598 "eagerness": "moderate" 599 }] 600} 601</script>
601 602</head> 603<body class="base mst-nav__theme-hyva-reset mst-nav__theme-hyva-default mst-nav__theme-magazijninrichting-default customer-account-login page-layout-1column" id="html-body"> 604<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 604-605
604 605<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
605GTM-MCV84B
vendor: 85 bytes, lines 605-606
605" 606height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
607<!-- End Google Tag Manager (noscript) --> 608<div x-data="initWidgetCode()" x-init="init()"> 609 <template x-if="executeScript"> 610 <div class="h-0 lg:hidden invisible" id="reviews-block"> 611 <!-- Feedback Company Widget (start) -->
612<script type="text/javascript" id="__fbcw__51527617410d9-cb7f-4adb-a496-86a823b60d1c"> 613 (()=>{window.FeedbackCompanyWidgets=window.FeedbackCompanyWidgets||{queue:[], 614loaders:[]};var scriptTag,options={uuid:"617410d9-cb7f-4adb-a496-86a823b60d1c",version:"1.2.1", 615prefix:"51527"}; 616void 0!==window.FeedbackCompanyWidget?window.FeedbackCompanyWidgets.loaders.push( 617new window.FeedbackCompanyWidgetLoader(options)):( 618window.FeedbackCompanyWidgets.queue.push(options),document.getElementById( 619"__fbcw_FeedbackCompanyWidget")||((scriptTag=document.createElement("script") 620).onload=function(){if(window.FeedbackCompanyWidget)for( 621;0<window.FeedbackCompanyWidgets.queue.length; 622)options=window.FeedbackCompanyWidgets.queue.pop(), 623window.FeedbackCompanyWidgets.loaders.push( 624new window.FeedbackCompanyWidgetLoader(options))}, 625scriptTag.id="__fbcw_FeedbackCompanyWidget", 626scriptTag.src="https://www.feedbackcompany.com/includes/widgets/feedback-company-widget.min.js" 627,document.body.appendChild(scriptTag)))})(); 628</script>
628 629<!-- Feedback Company Widget (end) --> 630 </div> 631 </template> 632</div> 633
634<script> 635 function initWidgetCode() { 636 return { 637 executeScript: false, 638 init() { 639 let self = this; 640 let widgetIsOn = false; 641 642 // Function to handle widget initialization 643 var widgetInit = function () { 644 if (!widgetIsOn) { 645 widgetIsOn = true; 646 window.removeEventListener('scroll', widgetInit); 647 document.removeEventListener('mousemove', widgetInit, false); 648 self.executeScript = true; 649 self.observeHtmlChanges(); 650 } 651 }; 652 653 if (window.innerWidth < 1024) { 654 document.addEventListener("DOMContentLoaded", widgetInit); 655 } 656 window.addEventListener('scroll', widgetInit, {passive: true}); 657 document.addEventListener('mousemove', widgetInit, {passive: true}); 658 }, 659 observeHtmlChanges() { 660 const reviewsBlock = document.getElementById('reviews-block'); 661 if (!reviewsBlock) { 662 return; 663 } 664 665 // Create a MutationObserver instance 666 const observer = new MutationObserver((mutations) => { 667 mutations.forEach((mutation) => { 668 if (mutation.type === 'childList') { 669 // console.log('Child nodes changed:', mutation.target.innerHTML); 670 // copy target to .reviews-block 671 let reviewsBlocks = document.getElementsByClassName('reviews-block-content'); 672 for (let i = 0; i < reviewsBlocks.length; i++) { 673 reviewsBlocks[i].innerHTML = mutation.target.innerHTML; 674 } 675 } 676 }); 677 }); 678 679 // Observer configuration 680 const config = { 681 childList: true, // Watch for added or removed child nodes 682 attributes: true, // Watch for attribute changes 683 subtree: true, // Include child nodes 684 }; 685 686 // Start observing 687 observer.observe(reviewsBlock, config); 688 } 689 }; 690 } 691</script>
691 692<input name="form_key" type="hidden" value="a9kDKGDBCmum5oFO" /> 693 <noscript> 694 <section class="message global noscript border-b-2 border-blue-500 bg-blue-50 shadow-none m-0 px-0 rounded-none font-normal"> 695 <div class="container text-center"> 696 <p> 697 <strong>JavaScript lijkt te zijn uitgeschakeld in uw browser.</strong> 698 <span> 699 Voor de beste gebruikerservaring, zorg ervoor dat javascript ingeschakeld is voor uw browser. </span> 700 </p> 701 </div> 702 </section> 703 </noscript> 704 705
706<script> 707 document.body.addEventListener('touchstart', () => {}, {passive: true}) 708</script>
708 709
710<script> 711 'use strict'; 712 (function(hyva) { 713 const formValidationRules = { 714 required(value, options, field, context) { 715 const el = field.element.type === 'hidden' ? createTextInputFrom(field.element) : field.element, 716 msg = 'Dit\u0020is\u0020een\u0020verplicht\u0020veld.'; 717 718 if (el.type === 'radio' || el.type === 'checkbox') { 719 return (value === undefined || value.length === 0) ? msg : true; 720 } 721 722 el.setAttribute('required', ''); 723 el.checkValidity(); 724 725 return el.validity.valueMissing ? msg : true; 726 }, 727 maxlength(value, options, field, context) { 728 const n = Number(options) 729 if (value.length > n) { 730 return n === 1 731 ? hyva.strf('Please\u0020enter\u0020no\u0020more\u0020than\u00201\u0020character.') 732 : hyva.strf('Please\u0020enter\u0020no\u0020more\u0020than\u0020\u00250\u0020characters.', options) 733 } 734 return true; 735 }, 736 minlength(value, options, field, context) { 737 const n = Number(options) 738 if (value.length > 0 && value.length < n) { 739 return n === 1 740 ? hyva.strf('Please\u0020enter\u0020at\u0020least\u00201\u0020character.') 741 : hyva.strf('Voer\u0020minimaal\u0020\u00250\u0020tekens\u0020in.', options) 742 } 743 return true; 744 }, 745 max(value, options, field, context) { 746 field.element.setAttribute('max', options); 747 field.element.checkValidity(); 748 if (field.element.validity.rangeOverflow) { 749 return hyva.strf('Please\u0020enter\u0020a\u0020value\u0020less\u0020than\u0020or\u0020equal\u0020to\u0020\u0022\u00250\u0022.', options); 750 } 751 return true; 752 }, 753 min(value, options, field, context) { 754 field.element.setAttribute('min', options); 755 field.element.checkValidity(); 756 if (field.element.validity.rangeUnderflow) { 757 return hyva.strf('Please\u0020enter\u0020a\u0020value\u0020greater\u0020than\u0020or\u0020equal\u0020to\u0020\u0022\u00250\u0022.', options); 758 } 759 return true; 760 }, 761 step(value, options, field, context) { 762 field.element.setAttribute('step', options); 763 field.element.checkValidity(); 764 if (field.element.validity.stepMismatch) { 765 const val = Number(value); 766 const step = Number(options); 767 const msg = 'Please\u0020enter\u0020a\u0020valid\u0020value.\u0020The\u0020two\u0020nearest\u0020valid\u0020values\u0020are\u0020\u0022\u00250\u0022\u0020and\u0020\u0022\u00251\u0022.'; 768 return hyva.strf(msg, Math.floor(val / step) * step, Math.ceil(val / step) * step); 769 } 770 return true; 771 }, 772 pattern(value, options, field, context) { 773 field.element.setAttribute('pattern', options); 774 field.element.checkValidity(); 775 if (field.element.validity.patternMismatch) { 776 return field.element.title 777 ? hyva.strf('Please\u0020match\u0020the\u0020requested\u0020format\u003A\u0020\u00250.', field.element.title) 778 : 'Please\u0020match\u0020the\u0020requested\u0020format.' 779 } 780 return true; 781 }, 782 email(value, options, field, context) { 783 const rule = /^([a-z0-9,!\#\$%&'\*\+\/=\?\^_`\{\|\}~-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z0-9,!\#\$%&'\*\+\/=\?\^_`\{\|\}~-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*@([a-z0-9-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z0-9-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*\.(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]){2,})$/i; 784 if (value.length > 0 && !rule.test(value)) { 785 return 'Voer\u0020een\u0020geldig\u0020e\u002Dmailadres\u0020in.'; 786 } 787 return true; 788 }, 789 password(value, options, field, context) { 790 const rule = /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$/; 791 if (value.length > 0 && !rule.test(value)) { 792 return 'Please\u0020provide\u0020at\u0020least\u0020one\u0020upper\u0020case,\u0020one\u0020lower\u0020case,\u0020one\u0020digit\u0020and\u0020one\u0020special\u0020character\u0020\u0028\u0023\u003F\u0021\u0040\u0024\u0025\u005E\u0026\u002A\u002D\u0029'; 793 } 794 return true; 795 }, 796 equalTo(value, options, field, context) { 797 const dependencyField = context.fields[options].element; 798 if (value !== dependencyField.value) { 799 const dependencyFieldName = 800 dependencyField.label || 801 dependencyField.title || 802 (dependencyField.labels && dependencyField.labels[0] && dependencyField.labels[0].innerText) || 803 dependencyField.name; 804 return hyva.strf('Deze\u0020veldwaarde\u0020moet\u0020hetzelfde\u0020zijn\u0020als\u0020\u0022\u00250\u0022.', dependencyFieldName); 805 } 806 return true; 807 } 808 }; 809 810 function raceSome(promises, pred) { 811 return new Promise((resolve, reject) => { 812 813 if (promises.length === 0) { 814 return resolve(); 815 } 816 817 let settled = false, nDone = 0; 818 819 const resolveIf = v => { 820 if (!settled && (pred(v) || ++nDone === promises.length)) { 821 settled = true; 822 resolve(v); 823 } 824 return v; 825 } 826 827 promises.map(promise => {
828 promise.then(resolveIf).catch(reason => { 829 settled = true; 830 reject(reason) 831 }); 832 return promise; 833 }); 834 }); 835 } 836 837 const INPUT_ATTRIBUTE_RULES = {min: 'min', max: 'max', required: 'required', minlength: 'minlength', maxlength: 'maxlength', step: 'step', pattern: 'pattern'} 838 const INPUT_TYPE_RULES = {email: 'email'} 839 840 function getRules(element) { 841 let rules = {}; 842 Object.keys(INPUT_ATTRIBUTE_RULES).forEach(attrName => { 843 if (element.hasAttribute(attrName)) { 844 rules[INPUT_ATTRIBUTE_RULES[attrName]] = element.getAttribute(attrName); 845 } 846 }) 847 if (INPUT_TYPE_RULES[element.type]) { 848 rules[INPUT_TYPE_RULES[element.type]] = true; 849 } 850 851 if (element.dataset.validate) { 852 try { 853 Object.assign(rules, JSON.parse(element.dataset.validate)); 854 } catch (error) { 855 console.error('Validator error. Cannot parse data-validate attribute of element:\n', element); 856 } 857 } 858 859 return rules; 860 } 861 862 function isInvalidRuleResult(ruleState) { 863 return typeof ruleState === 'string' || !ruleState || (ruleState.type && ruleState.content); 864 } 865 866 async function runValidateFn(rule, options, value, field) { 867 return formValidationRules[rule](value, options, field, this); 868 } 869 870 function generateId() { 871 let id; 872 do { 873 id = `${this.idPrefix}-${++this.idSeq}`; 874 } while (document.getElementById(id)); 875 return id; 876 } 877 878 function isVisible(element) { 879 const el = element.type !== 'hidden' ? element : (element.parentElement || {}); 880 return !!(el.offsetWidth || el.offsetHeight || el.getClientRects().length) 881 } 882 883 function elementWillValidate(element) { 884 return (element.willValidate || element.type === 'hidden') 885 && element.tagName !== 'BUTTON' 886 && element.disabled === false 887 && !(element.tagName === 'INPUT' && element.type === 'submit') 888 && (element.hasAttribute('data-validate-hidden') || isVisible(element)) 889 } 890 891 function createMessageContainer(el, fieldWrapperClassName) { 892 if (! el.parentElement) { 893 return; 894 } 895 const refocus = document.activeElement === el; 896 const wrapper = document.createElement('div'); 897 wrapper.classList.add.apply(wrapper.classList, fieldWrapperClassName.split(' ')); 898 el.parentElement.insertBefore(wrapper, el); 899 wrapper.appendChild(el); 900 refocus && document.activeElement !== el && el.focus(); 901 return wrapper; 902 } 903 904 function containerNotFound(selector, el) { 905 const msg = `Cannot find message container element ${selector} of ${el.name}`; 906 console.error(msg, el); 907 throw msg; 908 } 909 910 function createTextInputFrom(el) { 911 const text = document.createElement('INPUT'); 912 text.type = 'text'; 913 text.value = el.value; 914 return text; 915 } 916 917 function classNamesToSelector(classNames) { 918 return classNames.split(' ') 919 .filter(className => className.length > 0) 920 .map(className => `.${className}`) 921 .join('') 922 } 923 924 function hasMessagesWrapper(field, messagesWrapperClassName) { 925 return this.getMessageContainer(field).querySelector(classNamesToSelector(messagesWrapperClassName)); 926 } 927 928 function getMessagesWrapper(field, messagesWrapperClassName) { 929 if (hasMessagesWrapper.call(this, field, messagesWrapperClassName)) { 930 return this.getMessageContainer(field).querySelector(classNamesToSelector(messagesWrapperClassName)); 931 } 932 933 const msgWrapper = document.createElement('ul'); 934 const msgId = generateId.call(this); 935 msgWrapper.id = msgId; 936 field.element.setAttribute('aria-errormessage', msgId); 937 field.element.setAttribute('aria-describedby', msgId); 938 msgWrapper.classList.add.apply(msgWrapper.classList, messagesWrapperClassName.split(' ')); 939 if (field.validateOnChange) { 940 msgWrapper.setAttribute('aria-live', 'polite'); 941 } 942 this.getMessageContainer(field).appendChild(msgWrapper); 943 944 return msgWrapper; 945 } 946 947 function getCheckedValues(field) { 948 const name = field.element.name.replace(/([\\"])/g, '\\$1'); 949 const elements = field.element.form.querySelectorAll('input[name="' + name + '"]:checked'); 950 return Array.from(elements).map(el => el.value); 951 } 952 953 function escapeHtml(s) { 954 const div = document.createElement('div') 955 div.innerText = s; 956 return div.innerHTML; 957 } 958 959 960 function formValidation(form, options = {}) { 961 const formElement = form || this.$el; 962 963 if (formElement.dataset && formElement.dataset.options) { 964 try { 965 options = Object.assign(options, JSON.parse(formElement.dataset.options || '{}')); 966 } catch (e) { 967 throw new Error('Cannot read the form options from the data-options attribute: not val
967id JSON'); 968 } 969 } 970 971 // Disable browser default validation 972 if (formElement.tagName === 'FORM') { 973 formElement.setAttribute('novalidate', ''); 974 } else { 975 console.error('formValidation can be initialized only on FORM element', formElement); 976 return; 977 } 978 979 options = Object.assign({ 980 fieldWrapperClassName: 'field field-reserved', 981 messagesWrapperClassName: 'messages', 982 validClassName: 'field-success', 983 invalidClassName: 'field-error', 984 pageMessagesWrapperSelector: null, 985 scrollToFirstError: true, 986 }, options || {}); 987 988 return { 989 state: { 990 valid: false, 991 }, 992 fields: {}, 993 idSeq: 0, 994 idPrefix: formElement.id || 'vld-msg', 995 setupFields(elements) { 996 this.fields = {}; 997 Array.from(elements).forEach(element => { 998 if (elementWillValidate(element)) { 999 this.setupField(element); 1000 } 1001 }); 1002 }, 1003 setupField(element) { 1004 if (! element) return; 1005 const onChange = !!element.dataset.onChange; 1006 if (elementWillValidate(element)) { 1007 const rules = getRules(element); 1008 if (Object.keys(rules).length > 0) { 1009 if (this.fields[element.name]) { 1010 Object.assign(this.fields[element.name].rules, rules); 1011 } else { 1012 this.fields[element.name] = { 1013 element, 1014 rules: rules, 1015 validateOnChange: onChange, 1016 state: { 1017 valid: null, 1018 rules: {} 1019 } 1020 } 1021 } 1022 } 1023 } else { 1024 console.error('Element will not validate', element); 1025 } 1026 }, 1027 onSubmit(event) { 1028 if (event.target.tagName === 'FORM') { 1029 event.preventDefault(); 1030 1031 this.validate() 1032 .then(() => event.target.submit()) 1033 .catch(invalidElements => {}); 1034 } 1035 }, 1036 onChange(event) { 1037 event.target.dataset.onChange = 'true'; 1038 if (!Object.keys(this.fields).length) { 1039 this.setupFields(formElement.elements); 1040 } 1041 if (!Object.keys(this.fields).includes(event.target.name)) { 1042 this.setupField(event.target); 1043 } 1044 const field = this.fields[event.target.name]; 1045 1046 this.validateField(field); 1047 field && field.element.removeAttribute('data-on-change') 1048 }, 1049 validateSafe() { 1050 return new Promise(resolve => this.validate().then(() => resolve(true)).catch(() => {})) 1051 }, 1052 validate() { 1053 if (!Object.keys(this.fields).length || !Object.keys(this.fields).length !== formElement.elements.length) { 1054 this.setupFields(formElement.elements); 1055 } 1056 return new Promise(async (resolve, reject) => { 1057 if (formElement.elements) { 1058 await raceSome(this.validateFields(), result => result !== true) 1059 const invalidFields = Object.values(this.fields).filter(field => !field.state.valid); 1060 this.state.valid = invalidFields.length === 0; 1061 if (this.state.valid) { 1062 resolve(); 1063 } else { 1064 if (options.scrollToFirstError && invalidFields.length > 0) { 1065 invalidFields[0].element.focus() 1066 invalidFields[0].element.select && invalidFields[0].element.select(); 1067 } 1068 reject(invalidFields.map(field => field.element)); 1069 } 1070 } 1071 }); 1072 }, 1073 validateFields() { 1074 const fields = Object.values(this.fields); 1075 1076 fields.forEach(field => { 1077 this.getMessageContainer(field).classList.remove(options.validClassName, options.invalidClassName) 1078 }); 1079 return fields.map(field => this.validateField(field)) 1080 }, 1081 validateField(field) { 1082 if (! field || ! elementWillValidate(field.element)) { 1083 return new Promise(resolve => resolve(true)) 1084 } 1085 1086 let value; 1087 if (field.element.type === 'checkbox') { 1088 value = getCheckedValues(field); 1089 } else if (field.element.type === 'radio') { 1090 value = getCheckedValues(field)[0] || undefined; 1091 } else if (field.element.tagName === 'SELECT' && field.element.multiple) { 1092 value = Array.from(field.element.selectedOptions).map(opt => opt.value); 1093 } else { 1094 value = field.element.value; 1095 } 1096 1097 const rules = field.rules || {}; 1098 1099 field.state.valid = true;
1100 this.showFieldState(field); 1101 1102 1103 const fieldValidations = Object.keys(rules).filter(rule => formValidationRules[rule]).map(async rule => { 1104 return runValidateFn.call(this, rule, rules[rule], value, field).then(result => { 1105 field.state.rules[rule] = result; 1106 return result; 1107 }) 1108 }); 1109 1110 return new Promise(resolve => { 1111 Promise.all(fieldValidations).then(results => { 1112 field.state.valid = !elementWillValidate(field.element) || rules.length === 0 || !results.some(isInvalidRuleResult) 1113 this.showFieldState(field); 1114 resolve(field.state.valid); 1115 }) 1116 }); 1117 }, 1118 getMessagesByField(field) { 1119 const messages = []; 1120 const invalidRules = Object.keys(field.state.rules).filter(rule => isInvalidRuleResult(field.state.rules[rule])); 1121 1122 field.rules && Object.keys(field.rules).forEach((rule) => { 1123 if (invalidRules.includes(rule)) { 1124 const customMessage = field.element.getAttribute('data-msg-' + rule); 1125 const message = customMessage ? customMessage : field.state.rules[rule]; 1126 const ruleOptions = JSON.parse(JSON.stringify(field.rules[rule])); 1127 1128 if (typeof message === 'undefined' || message === null || (typeof message !== 'string' && ! message.type)) { 1129 messages.push(hyva.strf('Validation rule "%0" failed.', rule)); 1130 } else if (Array.isArray(ruleOptions)) { 1131 ruleOptions.unshift(message.type ? message.content : message); 1132 const content = hyva.strf.apply(null, ruleOptions); 1133 messages.push(message.type ? {type: message.type, content} : content); 1134 } else { 1135 const content = hyva.strf(message.type ? message.content : message, ruleOptions) 1136 messages.push(message.type ? {type: message.type, content} : content); 1137 } 1138 } 1139 }); 1140 return messages; 1141 }, 1142 /** @deprecated */ 1143 getFieldWrapper(field) { 1144 return this.getMessageContainer(field) 1145 }, 1146 getMessageContainer(field) { 1147 let container; 1148 const pageSelector = field.element.getAttribute('data-validation-container') || options.pageMessagesContainerSelector; 1149 if (pageSelector) { 1150 container = document.querySelector(pageSelector) 1151 || containerNotFound(pageSelector, field.element) 1152 } else { 1153 const containerSelector = classNamesToSelector(options.fieldWrapperClassName); 1154 container = field.element.closest(containerSelector) 1155 || createMessageContainer(field.element, options.fieldWrapperClassName) 1156 || containerNotFound(containerSelector, field.element); 1157 } 1158 1159 return container; 1160 }, 1161 showFieldState(field) { 1162 const container = this.getMessageContainer(field), 1163 hasErrorMessages = hasMessagesWrapper.call(this, field, options.messagesWrapperClassName), 1164 messages = this.getMessagesByField(field).map(m => { 1165 return m.type !== 'html' ? escapeHtml(m.type ? m.content : m) : m.content; 1166 }); 1167 container.classList.toggle(options.validClassName, field.state.valid && ! hasErrorMessages); 1168 container.classList.toggle(options.invalidClassName, !field.state.valid || hasErrorMessages); 1169 this.createHtmlErrorMessage(field, messages); 1170 1171 if (field.state.valid) { 1172 field.element.removeAttribute('aria-invalid'); 1173 } else { 1174 field.element.setAttribute('aria-invalid', 'true'); 1175 if (! document.activeElement) { 1176 field.element.focus(); 1177 } 1178 } 1179 }, 1180 removeMessages(field, messagesClass) { 1181 if (! hasMessagesWrapper.call(this, field, messagesClass || options.messagesWrapperClassName)) { 1182 return; 1183 } 1184 1185 const msgWrapper = getMessagesWrapper.call(this, field, messagesClass || options.messagesWrapperClassName); 1186 const messages = msgWrapper.querySelectorAll(`[data-msg-field='${field.element.name}']`);
1187 Array.from(messages).forEach(msg => msg.remove()); 1188 if (msgWrapper && msgWrapper.childElementCount === 0) { 1189 field.element.removeAttribute('aria-errormessage'); 1190 field.element.removeAttribute('aria-describedby'); 1191 msgWrapper.remove(); 1192 } 1193 }, 1194 createErrorMessage(field, messages) { 1195 const htmlMessages = (Array.isArray(messages) ? messages : [messages]).map(escapeHtml) 1196 this.createHtmlErrorMessage(field, htmlMessages); 1197 }, 1198 createHtmlErrorMessage(field, messages) { 1199 this.removeMessages(field, options.messagesWrapperClassName); 1200 field.element.removeAttribute('aria-errormessage'); 1201 field.element.removeAttribute('aria-describedby'); 1202 1203 if (!field.state.valid) { 1204 const msgWrapper = this.addHtmlMessages(field, options.messagesWrapperClassName, messages); 1205 field.element.setAttribute('aria-errormessage', msgWrapper.id); 1206 field.element.setAttribute('aria-describedby', msgWrapper.id); 1207 } 1208 }, 1209 /** @deprecated */ 1210 createMessage(field, message) { 1211 return this.addMessages(field, options.messagesWrapperClassName, message); 1212 }, 1213 addMessages(field, messagesClass, messages) { 1214 const htmlMessages = (Array.isArray(messages) ? messages : [messages]).map(escapeHtml) 1215 return this.addHtmlMessages(field, messagesClass, htmlMessages); 1216 }, 1217 addHtmlMessages(field, messagesClass, htmlMessages) { 1218 const msgWrapper = getMessagesWrapper.call(this, field, messagesClass); 1219 1220 (Array.isArray(htmlMessages) ? htmlMessages : [htmlMessages]).forEach((htmlMessage) => { 1221 const li = document.createElement('li'); 1222 li.innerHTML = htmlMessage; 1223 li.setAttribute('data-msg-field', field.element.name); 1224 msgWrapper.appendChild(li); 1225 }); 1226 1227 return msgWrapper; 1228 }, 1229 setField(name, value) { 1230 this.fields[name].element.value = value; 1231 this.fields[name].element.dispatchEvent((new Event('input'))); 1232 this.validateField(this.fields[name]); 1233 } 1234 } 1235 } 1236 1237 hyva.formValidation = formValidation; 1238 hyva.formValidation.rules = formValidationRules; 1239 hyva.formValidation.setInputAttributeRuleName = (attrName, ruleName) => INPUT_ATTRIBUTE_RULES[attrName] = ruleName || attrName; 1240 hyva.formValidation.setInputTypeRuleName = (typeName, ruleName) => INPUT_TYPE_RULES[typeName] = ruleName || typeName; 1241 hyva.formValidation.addRule = (name, validator) => formValidationRules[name] = validator; 1242 }(window.hyva = window.hyva || {})); 1243 1244 window.addEventListener('alpine:init', () => { 1245 Alpine.data('hyva.formValidation', hyva.formValidation); 1246 Alpine.data('hyva.formValidation($el)', hyva.formValidation); 1247 }, {once: true}); 1248</script>
1248 1249<div class="page-wrapper"><header class="page-header"><a class="action skip sr-only focus:not-sr-only focus:absolute focus:z-40 focus:bg-white 1250 contentarea" 1251 href="#contentarea"> 1252 <span> 1253 Ga naar de inhoud </span> 1254</a>
1255<script> 1256 function initHeader () { 1257 return { 1258 searchOpen: false, 1259 cart: {}, 1260 isCartOpen: false, 1261 isMobile: true, 1262 init() { 1263 this.$watch('isMobile', () => this.updateSearchBasedOnDevice()); 1264 this.checkIsSearchMobile(); 1265 this.checkHeaderSize(); 1266 }, 1267 checkHeaderSize() { 1268 const pageHeader = document.querySelector('.page-header'); 1269 if (!pageHeader) return; 1270 document.documentElement.style.setProperty("--page-header-height", `${pageHeader.offsetHeight}px`); 1271 }, 1272 getData(data) { 1273 if (data.cart) { this.cart = data.cart } 1274 }, 1275 isCartEmpty() { 1276 return !this.cart.summary_count 1277 }, 1278 checkIsSearchMobile() { 1279 const mediaQuery = window.matchMedia('(max-width: 1023px)'); 1280 this.isMobile = mediaQuery.matches; 1281 mediaQuery.addEventListener('change', (e) => { 1282 this.isMobile = e.matches; 1283 }); 1284 }, 1285 updateSearchBasedOnDevice() { 1286 const target = this.isMobile ? this.$refs.searchContainerMobile : this.$refs.searchContainerDesktop; 1287 target.appendChild(this.$refs.searchForm); 1288 }, 1289 toggleCart(event) { 1290 if (event.detail && event.detail.isOpen !== undefined) { 1291 this.isCartOpen = event.detail.isOpen 1292 if (!this.isCartOpen && this.$refs && this.$refs.cartButton) { 1293 this.$refs.cartButton.focus() 1294 } 1295 } else { 1296 this.isCartOpen = true 1297 } 1298 }, 1299 eventListeners: { 1300 ['@private-content-loaded.window'](event) { 1301 this.getData(event.detail.data); 1302 }, 1303 ['@resize.window.debounce']() { 1304 this.checkIsSearchMobile(); 1305 }, 1306 ['@visibilitychange.window.debounce']() { 1307 this.checkIsSearchMobile(); 1308 }, 1309 }, 1310 } 1311 } 1312 function initStickyHeader() { 1313 const el = document.querySelector(".header-main-content"); 1314 let mobile = window.innerWidth <= 1023 1315 setHeader(mobile, el) 1316 window.addEventListener("resize", (event) => { 1317 mobile = window.innerWidth <= 1023 1318 setHeader(mobile, el) 1319 }); 1320 1321 window.addEventListener("scroll", (event) => { 1322 setHeader(mobile, el) 1323 }); 1324 } 1325 function setHeader (mobile, el) { 1326 if (mobile) { 1327 el.style.position = "fixed" 1328 el.style.paddingTop = "20px" 1329 } else if ((!mobile && window.scrollY >= 106)) { 1330 el.style.position = "fixed" 1331 el.style.paddingTop = "20px" 1332 } else if ((!mobile && window.scrollY < 106)) { 1333 el.style.position = "relative" 1334 el.style.paddingTop = "0" 1335 } 1336 } 1337 function initCompareHeader() { 1338 return { 1339 compareProducts: null, 1340 itemCount: 0, 1341 receiveCompareData(data) { 1342 if (data['compare-products']) { 1343 this.compareProducts = data['compare-products']; 1344 this.itemCount = this.compareProducts.count; 1345 } 1346 } 1347 } 1348 } 1349</script>
1349 1350<div 1351 id="header" 1352 class="bg-white" 1353 x-data="initHeader()" 1354 x-init="initStickyHeader()" 1355 x-bind="eventListeners" 1356 @resize.window.debounce="checkHeaderSize" 1357> 1358 1359<div class="full-width-wrap bg-header h-8 z-20 relative overflow-hidden"> 1360 <div class="top-header container bg-header h-8 flex lg:justify-between justify-center items-center overflow-hidden text-white text-sm leading-5 font-semibold text-center py-1"> 1361 <div class="top-icons-wrap justify-between items-center hidden lg:flex"> 1362 <div class="flex items-center reviews-block-content min-w-fit"></div> 1363 <style>#html-body [data-pb-style=E5BFJ1T]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="top-header-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="E5BFJ1T"><div data-content-type="text" data-appearance="default" data-element="main"><ul> 1364<li>Kwaliteit op elke niveau</li> 1365<li>Ook voor Montage & Keuringen</li> 1366<li>21.000m² stellingen uit voorraad leverbaar</li> 1367</ul></div></div></div> </div> 1368 <div class="top-icons-wrap absolute top-0 flex flex-col flex-nowrap h-max transition-transform duration-300 justify-center items-center lg:hidden" 1369 x-data="ticker()" 1370 x-init="startTicker()" 1371 :style="`transform: translateY(-${currentIndex * 2}rem)`" 1372 class="animated-list" 1373 > 1374 <li class="h-8 min-w-fit flex"> 1375 <div class="flex items-center reviews-block-content min-w-fit my-auto"></div> 1376 </li> 1377 <style>#html-body [data-pb-style=E5BFJ1T]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="top-header-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="E5BFJ1T"><div data-content-type="text" data-appearance="default" data-element="main"><ul> 1378<li>Kwaliteit op elke niveau</li> 1379<li>Ook voor Montage & Keuringen</li> 1380<li>21.000m² stellingen uit voorraad leverbaar</li> 1381</ul></div></div></div> <li class="h-8 min-w-fit flex"> 1382 <div class="flex items-center reviews-block-content min-w-fit my-auto"></div> 1383 </li> 1384 <style>#html-body [data-pb-style=E5BFJ1T]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="top-header-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="E5BFJ1T"><div data-content-type="text" data-appearance="default" data-element="main"><ul> 1385<li>Kwaliteit op elke niveau</li> 1386<li>Ook voor Montage & Keuringen</li> 1387<li>21.000m² stellingen uit voorraad leverbaar</li> 1388</ul></div></div></div> </div> 1389 <div class="link-wrap justify-start items-center lg:flex hidden"> 1390 <div class="links mr-8"> 1391 <style>#html-body [data-pb-style=G0SHA0D],#html-body [data-pb-style=GHBT57W]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=GHBT57W]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=G0SHA0D]{align-self:stretch}#html-body [data-pb-style=IUNU0MM]{display:flex;width:100%}#html-body [data-pb-style=WUSNQ9X],#html-body [data-pb-style=X5C7S5V]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:49.999999995%;align-self:stretch}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="top-header-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="GHBT57W"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="G0SHA0D"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="IUNU0MM"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="WUSNQ9X"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><a href="https://123magazijninrichting.nl/over-ons/">Over ons</a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="X5C7S5V"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><a href="https://123magazijninrichting.nl/klantenservice/">Klantenservice</a></div></div></div></div></div></div> </div> 1392 <div 1393 x-data 1394 class="tax-toggle flex items-center h-6" 1395 > 1396 <label class="inline-flex items-center cursor-pointer"> 1397 <input 1398 type="checkbox" 1399 value="" 1400 class="sr-only peer" 1401 @change="$store.storeMode.set($store.storeMode.value === 'excl-tax' ? 'incl-tax' : 'excl-tax')" 1402 :checked="$store.storeMode.value === 'incl-tax'" 1403 > 1404 <div 1405 class="relative w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[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-toggle"></div>
1406 <span class="ms-3 text-sm font-medium text-gray-900 dark:text-gray-300 w-16"> 1407 <span x-cloak class="tax-toggle-label text-white hidden whitespace-nowrap excl-tax" x-show="$store.storeMode.value === 'excl-tax'">Excl. BTW</span> 1408 <span x-cloak class="tax-toggle-label text-white hidden whitespace-nowrap incl-tax" x-show="$store.storeMode.value === 'incl-tax'">Incl. BTW</span> 1409 </span> 1410 </label> 1411 </div> 1412 1413
1413<script> 1414 function initializeStoreMode() { 1415 return { 1416 storeMode: document.body.getAttribute('data-store-mode') || Alpine.$persist('excl-tax'), 1417 1418 setAttributes() { 1419 document.body.setAttribute('data-store-mode', this.storeMode); 1420 window.storeMode = storeMode; 1421 }, 1422 toggleTaxMode() { 1423 this.storeMode = this.storeMode === 'excl-tax' ? 'incl-tax' : 'excl-tax'; 1424 this.setAttributes(); 1425 } 1426 }; 1427 } 1428 1429 document.addEventListener('DOMContentLoaded', () => { 1430 document.querySelectorAll('.tax-toggle-label.hidden').forEach(el => { 1431 el.classList.remove('hidden'); 1432 }); 1433 }); 1434 1435 document.addEventListener("DOMContentLoaded", function() { 1436 const storeModeToggle = document.querySelector('.tax-toggle input[type="checkbox"]'); 1437 function getCookie(name) { 1438 const match = document.cookie.match('(?:^|; )' + name + '=([^;]*)'); 1439 return match ? decodeURIComponent(match[1]) : null; 1440 } 1441 function eraseCookie(name) { 1442 document.cookie = name + "=;Max-Age=0;path=/;domain=" + location.hostname; 1443 } 1444 if (storeModeToggle) { 1445 const cookieVal = getCookie('tax_status'); 1446 if (cookieVal === 'incl-tax' || cookieVal === 'excl-tax') { 1447 document.querySelectorAll('.tax-toggle-label').forEach(el => { 1448 el.style.display = el.classList.contains(cookieVal) ? '' : 'none'; 1449 }); 1450 1451 document.body.setAttribute("data-store-mode", cookieVal); 1452 localStorage.setItem('storeMode',cookieVal); 1453 window.storeMode = cookieVal; 1454 storeModeToggle.checked = false; 1455 eraseCookie('tax_status'); 1456 } 1457 storeModeToggle.addEventListener("change", function() { 1458 const storeMode = this.checked ? 'incl-tax' : 'excl-tax'; 1459 document.body.setAttribute("data-store-mode", storeMode); 1460 window.storeMode = storeMode; 1461 }); 1462 } 1463 }); 1464 1465 document.addEventListener("alpine:init", () => { 1466 Alpine.store('storeMode', { 1467 value: localStorage.getItem('storeMode') || 'excl-tax', // Default to 'excl-tax' 1468 set(mode) { 1469 this.value = mode; 1470 localStorage.setItem('storeMode', mode); 1471 document.body.setAttribute('data-store-mode', mode); // Optional: sync to body attribute 1472 window.storeMode = mode; 1473 } 1474 }); 1475 }); 1476 1477 document.addEventListener('alpine:init', () => { 1478 Alpine.data('ticker', () => ({ 1479 currentIndex: 0, 1480 itemCount: 0, 1481 holdDuration: 3000, 1482 transitionDuration: 300, 1483 el: this.$el, 1484 1485 startTicker() { 1486 this.itemCount = this.$el.querySelectorAll("li").length / 2; 1487 this.el = this.$el; 1488 setInterval(() => { 1489 this.nextItem(); 1490 }, this.holdDuration + this.transitionDuration); 1491 }, 1492 1493 nextItem() { 1494 this.currentIndex++; 1495 if (this.currentIndex === this.itemCount) { 1496 setTimeout(() => { 1497 this.el.style.transition = "none"; 1498 this.el.style.transform = `translateY(0)`; 1499 this.currentIndex = 0; 1500 void this.el.offsetHeight; 1501 this.el.style.transition = ""; 1502 }, this.transitionDuration); 1503 } 1504 } 1505 })) 1506 }); 1507 1508 </script>
1508 1509 </div> 1510 </div> 1511</div> 1512 <div class="container py-4 lg:py-3.5 flex lg:gap-4 items-center lg:justify-between lg:min-h-[94px] min-h-[72px]"> 1513 1514<div x-data="initMenuMobile_6ac5dc5b9b830()" 1515 x-bind="eventListeners" 1516 class="mobile-menu lg:hidden block" x-defer="intersect" id="mobile-menu"> 1517 <div class="backdrop fixed left-0 w-screen h-screen bg-black opacity-25 z-30" 1518 x-transition:enter="ease-in-out duration-200" 1519 x-transition:enter-start="opacity-0" 1520 x-transition:enter-end="opacity-25" 1521 x-transition:leave="ease-in-out duration-200" 1522 x-transition:leave-start="opacity-25" 1523 x-transition:leave-end="opacity-0" 1524 role="button" 1525 x-cloak="" 1526 @click="closeMenu()" 1527 aria-label="Close menu"></div> 1528 <nav class="mobile-menu-fixed hidden" 1529 id="mobile-menu-items" 1530 x-ref="mobileMenuItems" 1531 @toggle-mobile-menu.window="toggleMenu()"> 1532 <header class="menu-header"> 1533 <p id="cart-drawer-title"> 1534 Assortiment </p> 1535 <div @click="closeMenu()" class="cursor-pointer my-auto mr-4"> 1536 <svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 12 11" fill="none" class="text-white rotate-45 pointer-event-none" role="img"> 1537<path d="M5.39981 6.00016H0.799805V4.8002H5.39981V0.200195H6.59976V4.8002H11.1998V6.00016H6.59976V10.6002H5.39981V6.00016Z" fill="currentColor"/> 1538<title>plus-icon</title></svg> 1539 </div> 1540 </header> 1541 <div class="relative"> 1542 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 1543 :class="activeLevel > 1 ? '-translate-x-full' : 'translate-x-0'" 1544 x-init="$watch(() => activeLevel > 2, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '')" 1545 > 1546 <div class="nav-item last:mb-[100px]"> 1547 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnstellingen/" aria-label="Magazijnstellingen"> 1548 <picture> 1549 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/a/resized/80_80/magazijnstelling_met_producten.jpg"> 1550 <img loading="lazy" 1551 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 1552 src="https://123magazijninrichting.nl/media/menu_images/m/a/resized/80_80/magazijnstelling_met_producten.jpg" 1553 alt="Magazijnstellingen Beeld" 1554 /> 1555 </picture> 1556 <div class="my-auto"> 1557 Magazijnstellingen </div> 1558 </a> 1559 <div @click="activeId.push('category-node-3'); activeLevel = 2; scrollToTop()"> 1560 <div class="w-6 h-6 -mr-[6px]"> 1561 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 1562 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 1563</svg> 1564 </div> 1565 </div> 1566 </div> 1567 <div class="nav-item last:mb-[100px]"> 1568 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/werkbanken/" aria-label=" Werkbanken"> 1569 <picture> 1570 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/w/e/resized/80_80/werkbanken-1800-1100-1000-2-123-magazijn-inrichting-foto-ruben-cress-2016_2.jpg"> 1571 <img loading="lazy" 1572 class="menu-image border border-transparent roun
1572ded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 1573 src="https://123magazijninrichting.nl/media/menu_images/w/e/resized/80_80/werkbanken-1800-1100-1000-2-123-magazijn-inrichting-foto-ruben-cress-2016_2.jpg" 1574 alt=" Werkbanken Beeld" 1575 /> 1576 </picture> 1577 <div class="my-auto"> 1578 Werkbanken </div> 1579 </a> 1580 <div @click="activeId.push('category-node-6'); activeLevel = 2; scrollToTop()"> 1581 <div class="w-6 h-6 -mr-[6px]"> 1582 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 1583 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 1584</svg> 1585 </div> 1586 </div> 1587 </div> 1588 <div class="nav-item last:mb-[100px]"> 1589 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/entresolvloeren/" aria-label="Entresolvloeren"> 1590 <picture> 1591 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/4/4/resized/80_80/44-00059_neu_2025_rgb.jpg"> 1592 <img loading="lazy" 1593 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 1594 src="https://123magazijninrichting.nl/media/menu_images/4/4/resized/80_80/44-00059_neu_2025_rgb.jpg" 1595 alt="Entresolvloeren Beeld" 1596 /> 1597 </picture> 1598 <div class="my-auto"> 1599 Entresolvloeren </div> 1600 </a> 1601 <div @click="activeId.push('category-node-7'); activeLevel = 2; scrollToTop()"> 1602 <div class="w-6 h-6 -mr-[6px]"> 1603 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 1604 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 1605</svg> 1606 </div> 1607 </div> 1608 </div> 1609 <div class="nav-item last:mb-[100px]"> 1610 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/veiligheidsartikelen/" aria-label="Veiligheidsartikelen"> 1611 <picture> 1612 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_aanrijdbeveiliging_hoekbeschermer_geelzwart.jpg"> 1613 <img loading="lazy" 1614 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 1615 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_aanrijdbeveiliging_hoekbeschermer_geelzwart.jpg" 1616 alt="Veiligheidsartikelen Beeld" 1617 /> 1618 </picture> 1619 <div class="my-auto"> 1620 Veiligheidsartikelen </div> 1621 </a> 1622 <div @click="activeId.push('category-node-86'); activeLevel = 2; scrollToTop()"> 1623 <div class="w-6 h-6 -mr-[6px]"> 1624 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 1625 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 1626</svg> 1627 </div> 1628 </div> 1629 </div> 1630 <div class="nav-item last:mb-[
1630100px]"> 1631 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnbenodigdheden/" aria-label="Magazijnbenodigdheden"> 1632 <picture> 1633 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/c/2/resized/80_80/c2m-t-7742_palletwagen_extra_breed_685mm-500x500.jpg"> 1634 <img loading="lazy" 1635 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 1636 src="https://123magazijninrichting.nl/media/menu_images/c/2/resized/80_80/c2m-t-7742_palletwagen_extra_breed_685mm-500x500.jpg" 1637 alt="Magazijnbenodigdheden Beeld" 1638 /> 1639 </picture> 1640 <div class="my-auto"> 1641 Magazijnbenodigdheden </div> 1642 </a> 1643 <div @click="activeId.push('category-node-85'); activeLevel = 2; scrollToTop()"> 1644 <div class="w-6 h-6 -mr-[6px]"> 1645 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 1646 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 1647</svg> 1648 </div> 1649 </div> 1650 </div> 1651 <div class="nav-item last:mb-[100px]"> 1652 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/kantoorinrichting/" aria-label="Kantoorinrichting"> 1653 <picture> 1654 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-26_120952_1.jpg"> 1655 <img loading="lazy" 1656 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 1657 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-26_120952_1.jpg" 1658 alt="Kantoorinrichting Beeld" 1659 /> 1660 </picture> 1661 <div class="my-auto"> 1662 Kantoorinrichting </div> 1663 </a> 1664 <div @click="activeId.push('category-node-190'); activeLevel = 2; scrollToTop()"> 1665 <div class="w-6 h-6 -mr-[6px]"> 1666 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 1667 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 1668</svg> 1669 </div> 1670 </div> 1671 </div> 1672 <div class="px-6 py-6 sub-nav-mobile"> 1673 <style>#html-body [data-pb-style=EUFULRE]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="navigation-links-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="EUFULRE"><div data-content-type="text" data-appearance="default" data-element="main"><ul> 1674<li><a tabindex="-1" href="/opkoop">Opkoop</a></li> 1675<li><a tabindex="-1" href="/magazijnkeuring">Magazijnkeuring</a></li> 1676<li><a href="https://123magazijninrichting.nl/stellingen-huren">Huren</a></li> 1677<li><a href="https://123magazijninrichting.nl/advies-gesprek">Advies</a></li> 1678</ul></div></div></div> <style>#html-body [data-pb-style=G0SHA0D],#html-body [data-pb-style=GHBT57W]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=GHBT57W]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=G0SHA0D]{align-self:stretch}#html-body [data-pb-style=IUNU0MM]{display:flex;width:100%}#html-body [data-pb-style=WUSNQ9X],#html-body [data-pb-style=X5C7S5V]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:49.999999995%;align-self:stretch}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="top-header-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="GHBT57W"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="G0SHA0D"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="IUNU0MM"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="WUSNQ9X"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><a href="https://123magazijninrichting.nl/over-ons/">Over ons</a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="X5C7S5V"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><a href="https://123magazijninrichting.nl/klantenservice/">Klantenservice</a></div></div></div></div></div></div> </div> 1679 </div> 1680 1681 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 1682 :class="[ 1683 (activeLevel == 2 && activeId.includes('category-node-3')) ? 'translate-x-0' : '', 1684 (activeId.includes('category-node-3') && activeLevel > 2) ? '-translate-x-full' : '', 1685 (!activeId.includes('category-node-3')) ? 'translate-x-full' : ''
1686 ].filter(Boolean).join(' ')" 1687 x-init=" 1688 $watch(() => !activeId.includes('category-node-3'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 1689 $watch(() => activeId.includes('category-node-3') && activeLevel > 2, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 1690 " 1691 > 1692 <div class="back-button"> 1693 <button 1694 type="button" 1695 @click="activeLevel = 1; removeFromActiveId('category-node-3'); scrollToTop()" 1696 aria-label="Back to previous category" 1697 > 1698 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 1699 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 1700</svg> 1701 <span class="ml-2">Terug</span> 1702 </button> 1703 </div> 1704 <div class="nav-item last:mb-[100px]"> 1705 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/legbordstellingen/" aria-label="Legbordstellingen"> 1706 <picture> 1707 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/a/resized/80_80/magazijninrichting-legbordstelling-1-los-123-magazijn-inrichting-foto-ruben-cress-2016-510x510_1.png"> 1708 <img loading="lazy" 1709 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 1710 src="https://123magazijninrichting.nl/media/menu_images/m/a/resized/80_80/magazijninrichting-legbordstelling-1-los-123-magazijn-inrichting-foto-ruben-cress-2016-510x510_1.png" 1711 alt="Legbordstellingen Beeld" 1712 /> 1713 </picture> 1714 <div class="my-auto"> 1715 Legbordstellingen </div> 1716 </a> 1717 <div @click="activeId.push('category-node-4'); activeLevel = 3; scrollToTop()"> 1718 <div class="w-6 h-6 -mr-[6px]"> 1719 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 1720 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 1721</svg> 1722 </div> 1723 </div> 1724 </div> 1725 <div class="nav-item last:mb-[100px]"> 1726 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/palletstellingen/" aria-label="Palletstellingen"> 1727 <picture> 1728 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_palletstelling_basissectie_2_niveaus_leeg_.jpg"> 1729 <img loading="lazy" 1730 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 1731 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_palletstelling_basissectie_2_niveaus_leeg_.jpg" 1732 alt="Palletstellingen Beeld" 1733 /> 1734 </picture> 1735 <div class="my-auto"> 1736 Palletstellingen </div> 1737 </a> 1738 <div @click="activeId.push('category-node-18'); activeLevel = 3; scrollToTop()"> 1739 <div class="w-6 h-6 -mr-[6px]"> 1740 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 1741 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 1742</svg> 1743 </div> 1744 </div> 1745 </div> 1746 <div class="nav-item last:mb-[
1746100px]"> 1747 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/draagarmstellingen/" aria-label="Draagarmstellingen"> 1748 <picture> 1749 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_atlas_draagarmstelling_dubbelzijdig_.jpg"> 1750 <img loading="lazy" 1751 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 1752 src="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_atlas_draagarmstelling_dubbelzijdig_.jpg" 1753 alt="Draagarmstellingen Beeld" 1754 /> 1755 </picture> 1756 <div class="my-auto"> 1757 Draagarmstellingen </div> 1758 </a> 1759 <div @click="activeId.push('category-node-9'); activeLevel = 3; scrollToTop()"> 1760 <div class="w-6 h-6 -mr-[6px]"> 1761 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 1762 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 1763</svg> 1764 </div> 1765 </div> 1766 </div> 1767 <div class="nav-item last:mb-[100px]"> 1768 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/grootvakstellingen/" aria-label="Grootvakstellingen"> 1769 <picture> 1770 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/_/8/resized/80_80/_8167rgb_1.png"> 1771 <img loading="lazy" 1772 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 1773 src="https://123magazijninrichting.nl/media/menu_images/_/8/resized/80_80/_8167rgb_1.png" 1774 alt="Grootvakstellingen Beeld" 1775 /> 1776 </picture> 1777 <div class="my-auto"> 1778 Grootvakstellingen </div> 1779 </a> 1780 <div @click="activeId.push('category-node-10'); activeLevel = 3; scrollToTop()"> 1781 <div class="w-6 h-6 -mr-[6px]"> 1782 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 1783 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 1784</svg> 1785 </div> 1786 </div> 1787 </div> 1788 <div class="nav-item last:mb-[100px]"> 1789 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/bakkenstellingen/" aria-label="Bakkenstellingen"> 1790 <picture> 1791 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/9/0/resized/80_80/90237.jpg"> 1792 <img loading="lazy" 1793 class="menu-image border border-transparent roun
1793ded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 1794 src="https://123magazijninrichting.nl/media/menu_images/9/0/resized/80_80/90237.jpg" 1795 alt="Bakkenstellingen Beeld" 1796 /> 1797 </picture> 1798 <div class="my-auto"> 1799 Bakkenstellingen </div> 1800 </a> 1801 <div @click="activeId.push('category-node-11'); activeLevel = 3; scrollToTop()"> 1802 <div class="w-6 h-6 -mr-[6px]"> 1803 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 1804 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 1805</svg> 1806 </div> 1807 </div> 1808 </div> 1809 <div class="nav-item last:mb-[100px]"> 1810 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/automotive-stellingen/" aria-label="Bandenstellingen"> 1811 <picture> 1812 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/v/e/resized/80_80/velgenstelling_.jpg"> 1813 <img loading="lazy" 1814 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 1815 src="https://123magazijninrichting.nl/media/menu_images/v/e/resized/80_80/velgenstelling_.jpg" 1816 alt="Bandenstellingen Beeld" 1817 /> 1818 </picture> 1819 <div class="my-auto"> 1820 Bandenstellingen </div> 1821 </a> 1822 <div @click="activeId.push('category-node-19'); activeLevel = 3; scrollToTop()"> 1823 <div class="w-6 h-6 -mr-[6px]"> 1824 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 1825 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 1826</svg> 1827 </div> 1828 </div> 1829 </div> 1830 <div class="nav-item last:mb-[100px]"> 1831 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/verticale-stellingen/" aria-label="Verticale stellingen"> 1832 <picture> 1833 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/_/8/resized/80_80/_8122_rgb_1.jpg"> 1834 <img loading="lazy" 1835 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 1836 src="https://123magazijninrichting.nl/media/menu_images/_/8/resized/80_80/_8122_rgb_1.jpg" 1837 alt="Verticale stellingen Beeld" 1838 /> 1839 </picture> 1840 <div class="my-auto"> 1841 Verticale stellingen </div> 1842 </a> 1843 <div @click="activeId.push('category-node-23'); activeLevel = 3; scrollToTop()"> 1844 <div class="w-6 h-6 -mr-[6px]"> 1845 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 1846 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 1847</svg> 1848 </div> 1849 </div> 1850 </div> 1851 <div class="nav-item last:mb-[
1851100px]"> 1852 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/haspelstellingen/" aria-label="Haspelstellingen"> 1853 <picture> 1854 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/h/a/resized/80_80/haspelstelling_basissectie_1.jpg"> 1855 <img loading="lazy" 1856 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 1857 src="https://123magazijninrichting.nl/media/menu_images/h/a/resized/80_80/haspelstelling_basissectie_1.jpg" 1858 alt="Haspelstellingen Beeld" 1859 /> 1860 </picture> 1861 <div class="my-auto"> 1862 Haspelstellingen </div> 1863 </a> 1864 <div @click="activeId.push('category-node-24'); activeLevel = 3; scrollToTop()"> 1865 <div class="w-6 h-6 -mr-[6px]"> 1866 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 1867 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 1868</svg> 1869 </div> 1870 </div> 1871 </div> 1872 <div class="nav-item last:mb-[100px]"> 1873 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/overige-stellingen/" aria-label="Overige stellingen"> 1874 <picture> 1875 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/k/l/resized/80_80/kledingstelling_3.jpg"> 1876 <img loading="lazy" 1877 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 1878 src="https://123magazijninrichting.nl/media/menu_images/k/l/resized/80_80/kledingstelling_3.jpg" 1879 alt="Overige stellingen Beeld" 1880 /> 1881 </picture> 1882 <div class="my-auto"> 1883 Overige stellingen </div> 1884 </a> 1885 <div @click="activeId.push('category-node-25'); activeLevel = 3; scrollToTop()"> 1886 <div class="w-6 h-6 -mr-[6px]"> 1887 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 1888 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 1889</svg> 1890 </div> 1891 </div> 1892 </div> 1893 </div> 1894 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 1895 :class="[ 1896 (activeLevel == 2 && activeId.includes('category-node-6')) ? 'translate-x-0' : '', 1897 (activeId.includes('category-node-6') && activeLevel > 2) ? '-translate-x-full' : '', 1898 (!activeId.includes('category-node-6')) ? 'translate-x-full' : ''
1899 ].filter(Boolean).join(' ')" 1900 x-init=" 1901 $watch(() => !activeId.includes('category-node-6'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 1902 $watch(() => activeId.includes('category-node-6') && activeLevel > 2, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 1903 " 1904 > 1905 <div class="back-button"> 1906 <button 1907 type="button" 1908 @click="activeLevel = 1; removeFromActiveId('category-node-6'); scrollToTop()" 1909 aria-label="Back to previous category" 1910 > 1911 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 1912 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 1913</svg> 1914 <span class="ml-2">Terug</span> 1915 </button> 1916 </div> 1917 <div class="nav-item last:mb-[100px]"> 1918 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/werkbanken/werkbanken-voordeelsets/" aria-label="Werkbanken voordeelsets"> 1919 <picture> 1920 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/c/e/resized/80_80/ce694314-87a4-441d-9c6c-15a4b0766372.png"> 1921 <img loading="lazy" 1922 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 1923 src="https://123magazijninrichting.nl/media/menu_images/c/e/resized/80_80/ce694314-87a4-441d-9c6c-15a4b0766372.png" 1924 alt="Werkbanken voordeelsets Beeld" 1925 /> 1926 </picture> 1927 <div class="my-auto"> 1928 Werkbanken voordeelsets </div> 1929 </a> 1930 </div> 1931 <div class="nav-item last:mb-[100px]"> 1932 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/werkbanken/uitvoering/" aria-label="Uitvoering van de werkbank"> 1933 <picture> 1934 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/w/e/resized/80_80/werkbank_1.jpg"> 1935 <img loading="lazy" 1936 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 1937 src="https://123magazijninrichting.nl/media/menu_images/w/e/resized/80_80/werkbank_1.jpg" 1938 alt="Uitvoering van de werkbank Beeld" 1939 /> 1940 </picture> 1941 <div class="my-auto"> 1942 Uitvoering van de werkbank </div> 1943 </a> 1944 <div @click="activeId.push('category-node-152'); activeLevel = 3; scrollToTop()"> 1945 <div class="w-6 h-6 -mr-[6px]"> 1946 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 1947 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 1948</svg> 1949 </div> 1950 </div> 1951 </div> 1952 <div class="nav-item last:mb-[
1952100px]"> 1953 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/werkbanken/onderdelen/" aria-label="Werkbank onderdelen"> 1954 <picture> 1955 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/o/n/resized/80_80/onderdelen_wielen_1.jpg"> 1956 <img loading="lazy" 1957 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 1958 src="https://123magazijninrichting.nl/media/menu_images/o/n/resized/80_80/onderdelen_wielen_1.jpg" 1959 alt="Werkbank onderdelen Beeld" 1960 /> 1961 </picture> 1962 <div class="my-auto"> 1963 Werkbank onderdelen </div> 1964 </a> 1965 <div @click="activeId.push('category-node-147'); activeLevel = 3; scrollToTop()"> 1966 <div class="w-6 h-6 -mr-[6px]"> 1967 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 1968 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 1969</svg> 1970 </div> 1971 </div> 1972 </div> 1973 <div class="nav-item last:mb-[100px]"> 1974 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/werkbanken/gebruikt/" aria-label="Gebruikte werkbanken"> 1975 <picture> 1976 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/9/1/resized/80_80/915bdd17-d3a2-42bb-9385-4dfed50677b2.png"> 1977 <img loading="lazy" 1978 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 1979 src="https://123magazijninrichting.nl/media/menu_images/9/1/resized/80_80/915bdd17-d3a2-42bb-9385-4dfed50677b2.png" 1980 alt="Gebruikte werkbanken Beeld" 1981 /> 1982 </picture> 1983 <div class="my-auto"> 1984 Gebruikte werkbanken </div> 1985 </a> 1986 </div> 1987 <div class="nav-item last:mb-[100px]"> 1988 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/werkbanken/werkbanken-accessoires/" aria-label="Werkbank accessoires"> 1989 <picture> 1990 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/c/h/resized/80_80/chatgpt_image_17_mrt_2026_13_14_29.png"> 1991 <img loading="lazy" 1992 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 1993 src="https://123magazijninrichting.nl/media/menu_images/c/h/resized/80_80/chatgpt_image_17_mrt_2026_13_14_29.png" 1994 alt="Werkbank accessoires Beeld" 1995 /> 1996 </picture> 1997 <div class="my-auto"> 1998 Werkbank accessoires </div> 1999 </a> 2000 </div> 2001 </div> 2002 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 2003 :class="[ 2004 (activeLevel == 2 && activeId.includes('category-node-7')) ? 'translate-x-0' : '', 2005 (activeId.includes('category-node-7') && activeLevel > 2) ? '-translate-x-full' : '', 2006 (!activeId.includes('category-node-7')) ? 'translate-x-full' : ''
2007 ].filter(Boolean).join(' ')" 2008 x-init=" 2009 $watch(() => !activeId.includes('category-node-7'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 2010 $watch(() => activeId.includes('category-node-7') && activeLevel > 2, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 2011 " 2012 > 2013 <div class="back-button"> 2014 <button 2015 type="button" 2016 @click="activeLevel = 1; removeFromActiveId('category-node-7'); scrollToTop()" 2017 aria-label="Back to previous category" 2018 > 2019 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 2020 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 2021</svg> 2022 <span class="ml-2">Terug</span> 2023 </button> 2024 </div> 2025 <div class="nav-item last:mb-[100px]"> 2026 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/entresolvloeren/nieuw/" aria-label="Nieuwe entresolvloeren"> 2027 <picture> 2028 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/t/r/resized/80_80/trap_haaks.jpg"> 2029 <img loading="lazy" 2030 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2031 src="https://123magazijninrichting.nl/media/menu_images/t/r/resized/80_80/trap_haaks.jpg" 2032 alt="Nieuwe entresolvloeren Beeld" 2033 /> 2034 </picture> 2035 <div class="my-auto"> 2036 Nieuwe entresolvloeren </div> 2037 </a> 2038 </div> 2039 <div class="nav-item last:mb-[100px]"> 2040 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/entresolvloeren/vloerplaten/" aria-label="Entresolvloer vloerplaten"> 2041 <picture> 2042 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/c/-/resized/80_80/c-dur_plaat_2.jpg"> 2043 <img loading="lazy" 2044 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2045 src="https://123magazijninrichting.nl/media/menu_images/c/-/resized/80_80/c-dur_plaat_2.jpg" 2046 alt="Entresolvloer vloerplaten Beeld" 2047 /> 2048 </picture> 2049 <div class="my-auto"> 2050 Entresolvloer vloerplaten </div> 2051 </a> 2052 </div> 2053 <div class="nav-item last:mb-[100px]"> 2054 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/entresolvloeren/gebruikt/" aria-label="Gebruikte entresolvloeren"> 2055 <picture> 2056 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/e/n/resized/80_80/entresolvloer_1.jpg"> 2057 <img loading="lazy" 2058 class="menu-image border border-transparent roun
2058ded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2059 src="https://123magazijninrichting.nl/media/menu_images/e/n/resized/80_80/entresolvloer_1.jpg" 2060 alt="Gebruikte entresolvloeren Beeld" 2061 /> 2062 </picture> 2063 <div class="my-auto"> 2064 Gebruikte entresolvloeren </div> 2065 </a> 2066 </div> 2067 <div class="nav-item last:mb-[100px]"> 2068 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/entresolvloeren/kantelhekken/" aria-label="Kantelhekken"> 2069 <picture> 2070 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/k/a/resized/80_80/kantelhek-2.png"> 2071 <img loading="lazy" 2072 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2073 src="https://123magazijninrichting.nl/media/menu_images/k/a/resized/80_80/kantelhek-2.png" 2074 alt="Kantelhekken Beeld" 2075 /> 2076 </picture> 2077 <div class="my-auto"> 2078 Kantelhekken </div> 2079 </a> 2080 </div> 2081 </div> 2082 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 2083 :class="[ 2084 (activeLevel == 2 && activeId.includes('category-node-86')) ? 'translate-x-0' : '', 2085 (activeId.includes('category-node-86') && activeLevel > 2) ? '-translate-x-full' : '', 2086 (!activeId.includes('category-node-86')) ? 'translate-x-full' : '' 2087 ].filter(Boolean).join(' ')" 2088 x-init=" 2089 $watch(() => !activeId.includes('category-node-86'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 2090 $watch(() => activeId.includes('category-node-86') && activeLevel > 2, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 2091 " 2092 > 2093 <div class="back-button"> 2094 <button 2095 type="button" 2096 @click="activeLevel = 1; removeFromActiveId('category-node-86'); scrollToTop()" 2097 aria-label="Back to previous category" 2098 > 2099 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 2100 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 2101</svg> 2102 <span class="ml-2">Terug</span> 2103 </button> 2104 </div> 2105 <div class="nav-item last:mb-[100px]"> 2106 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/aanrijdbeveiliging/" aria-label="Aanrijdbeveiliging"> 2107 <picture> 2108 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/r/a/resized/80_80/rammeckeimg_0041_rgb.jpg"> 2109 <img loading="lazy" 2110 class="menu-image border border-transparent roun
2110ded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2111 src="https://123magazijninrichting.nl/media/menu_images/r/a/resized/80_80/rammeckeimg_0041_rgb.jpg" 2112 alt="Aanrijdbeveiliging Beeld" 2113 /> 2114 </picture> 2115 <div class="my-auto"> 2116 Aanrijdbeveiliging </div> 2117 </a> 2118 <div @click="activeId.push('category-node-87'); activeLevel = 3; scrollToTop()"> 2119 <div class="w-6 h-6 -mr-[6px]"> 2120 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 2121 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 2122</svg> 2123 </div> 2124 </div> 2125 </div> 2126 <div class="nav-item last:mb-[100px]"> 2127 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/spiegels/" aria-label="Veiligheidsspiegels"> 2128 <picture> 2129 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/2/4/resized/80_80/242f2083_-_kopie_-_kopie.jpg"> 2130 <img loading="lazy" 2131 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2132 src="https://123magazijninrichting.nl/media/menu_images/2/4/resized/80_80/242f2083_-_kopie_-_kopie.jpg" 2133 alt="Veiligheidsspiegels Beeld" 2134 /> 2135 </picture> 2136 <div class="my-auto"> 2137 Veiligheidsspiegels </div> 2138 </a> 2139 <div @click="activeId.push('category-node-88'); activeLevel = 3; scrollToTop()"> 2140 <div class="w-6 h-6 -mr-[6px]"> 2141 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 2142 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 2143</svg> 2144 </div> 2145 </div> 2146 </div> 2147 <div class="nav-item last:mb-[100px]"> 2148 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/veiligheidsartikelen/vloermarkering/" aria-label="Vloermarkering"> 2149 <picture> 2150 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/b/l/resized/80_80/blauw.jpg"> 2151 <img loading="lazy" 2152 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2153 src="https://123magazijninrichting.nl/media/menu_images/b/l/resized/80_80/blauw.jpg" 2154 alt="Vloermarkering Beeld" 2155 /> 2156 </picture> 2157 <div class="my-auto"> 2158 Vloermarkering </div> 2159 </a> 2160 <div @click="activeId.push('category-node-89'); activeLevel = 3; scrollToTop()"> 2161 <div class="w-6 h-6 -mr-[6px]"> 2162 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 2163 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 2164</svg> 2165 </div> 2166 </div> 2167 </div> 2168 <div class="nav-item last:mb-[
2168100px]"> 2169 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/veiligheidsartikelen/veiligheidsborden/" aria-label="Veiligheidsborden"> 2170 <picture> 2171 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/2/0/resized/80_80/200_weg.png"> 2172 <img loading="lazy" 2173 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2174 src="https://123magazijninrichting.nl/media/menu_images/2/0/resized/80_80/200_weg.png" 2175 alt="Veiligheidsborden Beeld" 2176 /> 2177 </picture> 2178 <div class="my-auto"> 2179 Veiligheidsborden </div> 2180 </a> 2181 <div @click="activeId.push('category-node-90'); activeLevel = 3; scrollToTop()"> 2182 <div class="w-6 h-6 -mr-[6px]"> 2183 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 2184 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 2185</svg> 2186 </div> 2187 </div> 2188 </div> 2189 <div class="nav-item last:mb-[100px]"> 2190 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/wandbescherming/" aria-label="Wandbescherming"> 2191 <picture> 2192 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/h/resized/80_80/shockcove_k2_3d.png"> 2193 <img loading="lazy" 2194 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2195 src="https://123magazijninrichting.nl/media/menu_images/s/h/resized/80_80/shockcove_k2_3d.png" 2196 alt="Wandbescherming Beeld" 2197 /> 2198 </picture> 2199 <div class="my-auto"> 2200 Wandbescherming </div> 2201 </a> 2202 </div> 2203 <div class="nav-item last:mb-[100px]"> 2204 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/veiligheidsartikelen/hekken/" aria-label="Hekken"> 2205 <picture> 2206 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-23_134741.png"> 2207 <img loading="lazy" 2208 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2209 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-23_134741.png" 2210 alt="Hekken Beeld" 2211 /> 2212 </picture> 2213 <div class="my-auto"> 2214 Hekken </div> 2215 </a> 2216 </div> 2217 </div> 2218 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 2219 :class="[ 2220 (activeLevel == 2 && activeId.includes('category-node-85')) ? 'translate-x-0' : '', 2221 (activeId.includes('category-node-85') && activeLevel > 2) ? '-translate-x-full' : '', 2222 (!activeId.includes('category-node-85')) ? 'translate-x-full' : ''
2223 ].filter(Boolean).join(' ')" 2224 x-init=" 2225 $watch(() => !activeId.includes('category-node-85'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 2226 $watch(() => activeId.includes('category-node-85') && activeLevel > 2, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 2227 " 2228 > 2229 <div class="back-button"> 2230 <button 2231 type="button" 2232 @click="activeLevel = 1; removeFromActiveId('category-node-85'); scrollToTop()" 2233 aria-label="Back to previous category" 2234 > 2235 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 2236 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 2237</svg> 2238 <span class="ml-2">Terug</span> 2239 </button> 2240 </div> 2241 <div class="nav-item last:mb-[100px]"> 2242 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/intern-transport/" aria-label="Intern transport"> 2243 <picture> 2244 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/t/a/resized/80_80/tafelwagen_9.jpg"> 2245 <img loading="lazy" 2246 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2247 src="https://123magazijninrichting.nl/media/menu_images/t/a/resized/80_80/tafelwagen_9.jpg" 2248 alt="Intern transport Beeld" 2249 /> 2250 </picture> 2251 <div class="my-auto"> 2252 Intern transport </div> 2253 </a> 2254 <div @click="activeId.push('category-node-157'); activeLevel = 3; scrollToTop()"> 2255 <div class="w-6 h-6 -mr-[6px]"> 2256 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 2257 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 2258</svg> 2259 </div> 2260 </div> 2261 </div> 2262 <div class="nav-item last:mb-[100px]"> 2263 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnkasten/" aria-label="Magazijnkasten"> 2264 <picture> 2265 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/v/a/resized/80_80/vakkenkast_1.jpg"> 2266 <img loading="lazy" 2267 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2268 src="https://123magazijninrichting.nl/media/menu_images/v/a/resized/80_80/vakkenkast_1.jpg" 2269 alt="Magazijnkasten Beeld" 2270 /> 2271 </picture> 2272 <div class="my-auto"> 2273 Magazijnkasten </div> 2274 </a> 2275 <div @click="activeId.push('category-node-156'); activeLevel = 3; scrollToTop()"> 2276 <div class="w-6 h-6 -mr-[6px]"> 2277 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 2278 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 2279</svg> 2280 </div> 2281 </div> 2282 </div> 2283 <div class="nav-item last:mb-[
2283100px]"> 2284 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/werkplaatsmeubilair/" aria-label="Werkplaatsmeubilair"> 2285 <picture> 2286 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/o/p/resized/80_80/opstapkrukken23.jpg"> 2287 <img loading="lazy" 2288 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2289 src="https://123magazijninrichting.nl/media/menu_images/o/p/resized/80_80/opstapkrukken23.jpg" 2290 alt="Werkplaatsmeubilair Beeld" 2291 /> 2292 </picture> 2293 <div class="my-auto"> 2294 Werkplaatsmeubilair </div> 2295 </a> 2296 <div @click="activeId.push('category-node-252'); activeLevel = 3; scrollToTop()"> 2297 <div class="w-6 h-6 -mr-[6px]"> 2298 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 2299 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 2300</svg> 2301 </div> 2302 </div> 2303 </div> 2304 <div class="nav-item last:mb-[100px]"> 2305 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnbenodigdheden/opslagbakken/" aria-label="Opslagbakken"> 2306 <picture> 2307 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stapelkrat_-_blauw_4.jpg"> 2308 <img loading="lazy" 2309 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2310 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stapelkrat_-_blauw_4.jpg" 2311 alt="Opslagbakken Beeld" 2312 /> 2313 </picture> 2314 <div class="my-auto"> 2315 Opslagbakken </div> 2316 </a> 2317 <div @click="activeId.push('category-node-314'); activeLevel = 3; scrollToTop()"> 2318 <div class="w-6 h-6 -mr-[6px]"> 2319 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 2320 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 2321</svg> 2322 </div> 2323 </div> 2324 </div> 2325 <div class="nav-item last:mb-[100px]"> 2326 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnbenodigdheden/kantelbakken/" aria-label="Kantelbakken"> 2327 <picture> 2328 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/6/0/resized/80_80/6060_rollen.jpg"> 2329 <img loading="lazy" 2330 class="menu-image border border-transparent roun
2330ded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2331 src="https://123magazijninrichting.nl/media/menu_images/6/0/resized/80_80/6060_rollen.jpg" 2332 alt="Kantelbakken Beeld" 2333 /> 2334 </picture> 2335 <div class="my-auto"> 2336 Kantelbakken </div> 2337 </a> 2338 </div> 2339 <div class="nav-item last:mb-[100px]"> 2340 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnbenodigdheden/verpakkingsmateriaal/" aria-label="Verpakkingsmateriaal"> 2341 <picture> 2342 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/t/r/resized/80_80/transparante_tape.jpg"> 2343 <img loading="lazy" 2344 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2345 src="https://123magazijninrichting.nl/media/menu_images/t/r/resized/80_80/transparante_tape.jpg" 2346 alt="Verpakkingsmateriaal Beeld" 2347 /> 2348 </picture> 2349 <div class="my-auto"> 2350 Verpakkingsmateriaal </div> 2351 </a> 2352 </div> 2353 </div> 2354 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 2355 :class="[ 2356 (activeLevel == 2 && activeId.includes('category-node-190')) ? 'translate-x-0' : '', 2357 (activeId.includes('category-node-190') && activeLevel > 2) ? '-translate-x-full' : '', 2358 (!activeId.includes('category-node-190')) ? 'translate-x-full' : '' 2359 ].filter(Boolean).join(' ')" 2360 x-init=" 2361 $watch(() => !activeId.includes('category-node-190'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 2362 $watch(() => activeId.includes('category-node-190') && activeLevel > 2, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 2363 " 2364 > 2365 <div class="back-button"> 2366 <button 2367 type="button" 2368 @click="activeLevel = 1; removeFromActiveId('category-node-190'); scrollToTop()" 2369 aria-label="Back to previous category" 2370 > 2371 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 2372 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 2373</svg> 2374 <span class="ml-2">Terug</span> 2375 </button> 2376 </div> 2377 <div class="nav-item last:mb-[100px]"> 2378 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/kantoorinrichting/kantoor-voordeelsets/" aria-label="Kantoor voordeelsets"> 2379 <picture> 2380 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/1/_/resized/80_80/1_x_zwarte_set.png"> 2381 <img loading="lazy" 2382 class="menu-image border border-transparent roun
2382ded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2383 src="https://123magazijninrichting.nl/media/menu_images/1/_/resized/80_80/1_x_zwarte_set.png" 2384 alt="Kantoor voordeelsets Beeld" 2385 /> 2386 </picture> 2387 <div class="my-auto"> 2388 Kantoor voordeelsets </div> 2389 </a> 2390 </div> 2391 <div class="nav-item last:mb-[100px]"> 2392 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/bureaus/" aria-label="Bureaus"> 2393 <picture> 2394 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/b/l/resized/80_80/black.png"> 2395 <img loading="lazy" 2396 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2397 src="https://123magazijninrichting.nl/media/menu_images/b/l/resized/80_80/black.png" 2398 alt="Bureaus Beeld" 2399 /> 2400 </picture> 2401 <div class="my-auto"> 2402 Bureaus </div> 2403 </a> 2404 <div @click="activeId.push('category-node-191'); activeLevel = 3; scrollToTop()"> 2405 <div class="w-6 h-6 -mr-[6px]"> 2406 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 2407 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 2408</svg> 2409 </div> 2410 </div> 2411 </div> 2412 <div class="nav-item last:mb-[100px]"> 2413 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/zitmeubilair/" aria-label="Zitmeubilair"> 2414 <picture> 2415 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stahulpen.jpg"> 2416 <img loading="lazy" 2417 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2418 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stahulpen.jpg" 2419 alt="Zitmeubilair Beeld" 2420 /> 2421 </picture> 2422 <div class="my-auto"> 2423 Zitmeubilair </div> 2424 </a> 2425 <div @click="activeId.push('category-node-192'); activeLevel = 3; scrollToTop()"> 2426 <div class="w-6 h-6 -mr-[6px]"> 2427 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 2428 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 2429</svg> 2430 </div> 2431 </div> 2432 </div> 2433 <div class="nav-item last:mb-[
2433100px]"> 2434 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/kantoorkasten/" aria-label="Kantoorkasten"> 2435 <picture> 2436 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/r/o/resized/80_80/roldeurkast_135_x_120_x_43_cm_zwart.jpg"> 2437 <img loading="lazy" 2438 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2439 src="https://123magazijninrichting.nl/media/menu_images/r/o/resized/80_80/roldeurkast_135_x_120_x_43_cm_zwart.jpg" 2440 alt="Kantoorkasten Beeld" 2441 /> 2442 </picture> 2443 <div class="my-auto"> 2444 Kantoorkasten </div> 2445 </a> 2446 <div @click="activeId.push('category-node-193'); activeLevel = 3; scrollToTop()"> 2447 <div class="w-6 h-6 -mr-[6px]"> 2448 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 2449 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 2450</svg> 2451 </div> 2452 </div> 2453 </div> 2454 <div class="nav-item last:mb-[100px]"> 2455 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/kantooraccessoires/" aria-label="Kantooraccessoires"> 2456 <picture> 2457 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-05-23_115757.jpg"> 2458 <img loading="lazy" 2459 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2460 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-05-23_115757.jpg" 2461 alt="Kantooraccessoires Beeld" 2462 /> 2463 </picture> 2464 <div class="my-auto"> 2465 Kantooraccessoires </div> 2466 </a> 2467 <div @click="activeId.push('category-node-194'); activeLevel = 3; scrollToTop()"> 2468 <div class="w-6 h-6 -mr-[6px]"> 2469 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 2470 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 2471</svg> 2472 </div> 2473 </div> 2474 </div> 2475 <div class="nav-item last:mb-[100px]"> 2476 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/kantinemeubilair/" aria-label="Kantinemeubilair"> 2477 <picture> 2478 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-05-23_115851.jpg"> 2479 <img loading="lazy" 2480 class="menu-image border border-transparent roun
2480ded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2481 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-05-23_115851.jpg" 2482 alt="Kantinemeubilair Beeld" 2483 /> 2484 </picture> 2485 <div class="my-auto"> 2486 Kantinemeubilair </div> 2487 </a> 2488 <div @click="activeId.push('category-node-195'); activeLevel = 3; scrollToTop()"> 2489 <div class="w-6 h-6 -mr-[6px]"> 2490 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 2491 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 2492</svg> 2493 </div> 2494 </div> 2495 </div> 2496 <div class="nav-item last:mb-[100px]"> 2497 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/kantoormeubilair-gebruikt/" aria-label="Gebruikt kantoormeubilair"> 2498 <picture> 2499 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/w/e/resized/80_80/werkstoelen.jpg"> 2500 <img loading="lazy" 2501 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2502 src="https://123magazijninrichting.nl/media/menu_images/w/e/resized/80_80/werkstoelen.jpg" 2503 alt="Gebruikt kantoormeubilair Beeld" 2504 /> 2505 </picture> 2506 <div class="my-auto"> 2507 Gebruikt kantoormeubilair </div> 2508 </a> 2509 <div @click="activeId.push('category-node-196'); activeLevel = 3; scrollToTop()"> 2510 <div class="w-6 h-6 -mr-[6px]"> 2511 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 2512 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 2513</svg> 2514 </div> 2515 </div> 2516 </div> 2517 </div> 2518 2519 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 2520 :class="[ 2521 activeLevel == 3 && activeId.includes('category-node-4') ? 'translate-x-0' : '', 2522 activeId.includes('category-node-4') && activeLevel > 3 ? '-translate-x-full' : '', 2523 !activeId.includes('category-node-4') ? 'translate-x-full' : '' 2524 ].filter(Boolean).join(' ')" 2525 x-init=" 2526 $watch(() => !activeId.includes('category-node-4'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 2527 $watch(() => activeId.includes('category-node-4') && activeLevel > 3, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 2528 " 2529 > 2530 <div class="back-button"> 2531 <button 2532 type="button" 2533 @click="activeLevel = 2; removeFromActiveId('category-node-4'); scrollToTop()" 2534 aria-label="Back to previous category" 2535 > 2536 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 2537 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 2538</svg>
2539 <span class="ml-2">Terug</span> 2540 </button> 2541 </div> 2542 <div class="nav-item last:mb-[100px]"> 2543 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/legbordstellingen/voordeelsets/" aria-label="Legbordstelling voordeelsets"> 2544 <picture> 2545 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/_/8/resized/80_80/_8538_rgb.jpg"> 2546 <img loading="lazy" 2547 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2548 src="https://123magazijninrichting.nl/media/menu_images/_/8/resized/80_80/_8538_rgb.jpg" 2549 alt="Legbordstelling voordeelsets Beeld" 2550 /> 2551 </picture> 2552 <div class="my-auto"> 2553 Legbordstelling voordeelsets </div> 2554 </a> 2555 </div> 2556 <div class="nav-item last:mb-[100px]"> 2557 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/legbordstellingen/basissectie/" aria-label="Legbordstelling basissecties"> 2558 <picture> 2559 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/a/resized/80_80/magazijninrichting-legbordstelling-1-los-123-magazijn-inrichting-foto-ruben-cress-2016-510x510_1_2.png"> 2560 <img loading="lazy" 2561 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2562 src="https://123magazijninrichting.nl/media/menu_images/m/a/resized/80_80/magazijninrichting-legbordstelling-1-los-123-magazijn-inrichting-foto-ruben-cress-2016-510x510_1_2.png" 2563 alt="Legbordstelling basissecties Beeld" 2564 /> 2565 </picture> 2566 <div class="my-auto"> 2567 Legbordstelling basissecties </div> 2568 </a> 2569 </div> 2570 <div class="nav-item last:mb-[100px]"> 2571 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/legbordstellingen/aanbouwsectie/" aria-label="Legbordstelling aanbouwsecties"> 2572 <picture> 2573 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/a/a/resized/80_80/aanbouwsectie_legbordstelling_2_secties2_2.png"> 2574 <img loading="lazy" 2575 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2576 src="https://123magazijninrichting.nl/media/menu_images/a/a/resized/80_80/aanbouwsectie_legbordstelling_2_secties2_2.png" 2577 alt="Legbordstelling aanbouwsecties Beeld" 2578 /> 2579 </picture> 2580 <div class="my-auto"> 2581 Legbordstelling aanbouwsecties </div> 2582 </a> 2583 </div> 2584 <div class="nav-item last:mb-[
2584100px]"> 2585 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/legbordstellingen/hoeksecties/" aria-label="Legbordstelling hoekstellingen"> 2586 <picture> 2587 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/e/c/resized/80_80/eckregal-explo-aufsicht2_rgb_1.jpg"> 2588 <img loading="lazy" 2589 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2590 src="https://123magazijninrichting.nl/media/menu_images/e/c/resized/80_80/eckregal-explo-aufsicht2_rgb_1.jpg" 2591 alt="Legbordstelling hoekstellingen Beeld" 2592 /> 2593 </picture> 2594 <div class="my-auto"> 2595 Legbordstelling hoekstellingen </div> 2596 </a> 2597 </div> 2598 <div class="nav-item last:mb-[100px]"> 2599 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/legbordstellingen/legbordstelling-met-draadroosters/" aria-label="Legbordstelling met draadroosters"> 2600 <picture> 2601 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_114827.jpg"> 2602 <img loading="lazy" 2603 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2604 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_114827.jpg" 2605 alt="Legbordstelling met draadroosters Beeld" 2606 /> 2607 </picture> 2608 <div class="my-auto"> 2609 Legbordstelling met draadroosters </div> 2610 </a> 2611 </div> 2612 <div class="nav-item last:mb-[100px]"> 2613 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/legbordstellingen/onderdelen/" aria-label="Legbordstelling onderdelen"> 2614 <picture> 2615 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/_/x/resized/80_80/_x0a9401_rgb.jpg"> 2616 <img loading="lazy" 2617 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2618 src="https://123magazijninrichting.nl/media/menu_images/_/x/resized/80_80/_x0a9401_rgb.jpg" 2619 alt="Legbordstelling onderdelen Beeld" 2620 /> 2621 </picture> 2622 <div class="my-auto"> 2623 Legbordstelling onderdelen </div> 2624 </a> 2625 <div @click="activeId.push('category-node-34'); activeLevel = 4; scrollToTop()"> 2626 <div class="w-6 h-6 -mr-[6px]"> 2627 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 2628 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 2629</svg> 2630 </div> 2631 </div> 2632 </div> 2633 <div class="nav-item last:mb-[
2633100px]"> 2634 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/legbordstellingen/accessoires/" aria-label="Legbordstelling accessoires"> 2635 <picture> 2636 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/l/e/resized/80_80/legbordstelling_accessoires_2.jpg"> 2637 <img loading="lazy" 2638 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2639 src="https://123magazijninrichting.nl/media/menu_images/l/e/resized/80_80/legbordstelling_accessoires_2.jpg" 2640 alt="Legbordstelling accessoires Beeld" 2641 /> 2642 </picture> 2643 <div class="my-auto"> 2644 Legbordstelling accessoires </div> 2645 </a> 2646 <div @click="activeId.push('category-node-202'); activeLevel = 4; scrollToTop()"> 2647 <div class="w-6 h-6 -mr-[6px]"> 2648 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 2649 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 2650</svg> 2651 </div> 2652 </div> 2653 </div> 2654 <div class="nav-item last:mb-[100px]"> 2655 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/legbordstellingen/winkelstellingen/" aria-label="Winkelstellingen"> 2656 <picture> 2657 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/w/i/resized/80_80/winkelstelling_2.jpg"> 2658 <img loading="lazy" 2659 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2660 src="https://123magazijninrichting.nl/media/menu_images/w/i/resized/80_80/winkelstelling_2.jpg" 2661 alt="Winkelstellingen Beeld" 2662 /> 2663 </picture> 2664 <div class="my-auto"> 2665 Winkelstellingen </div> 2666 </a> 2667 </div> 2668 <div class="nav-item last:mb-[100px]"> 2669 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/legbordstellingen/gebruikt/" aria-label="Gebruikte legbordstellingen"> 2670 <picture> 2671 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/l/e/resized/80_80/legbordstelling_basissectie_17.jpg"> 2672 <img loading="lazy" 2673 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2674 src="https://123magazijninrichting.nl/media/menu_images/l/e/resized/80_80/legbordstelling_basissectie_17.jpg" 2675 alt="Gebruikte legbordstellingen Beeld" 2676 /> 2677 </picture> 2678 <div class="my-auto"> 2679 Gebruikte legbordstellingen </div> 2680 </a> 2681 </div> 2682 </div> 2683 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 2684 :class="[ 2685 activeLevel == 3 && activeId.includes('category-node-18') ? 'translate-x-0' : '', 2686 activeId.includes('category-node-18') && activeLevel > 3 ? '-translate-x-full' : '', 2687 !activeId.includes('category-node-18') ? 'translate-x-full' : ''
2688 ].filter(Boolean).join(' ')" 2689 x-init=" 2690 $watch(() => !activeId.includes('category-node-18'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 2691 $watch(() => activeId.includes('category-node-18') && activeLevel > 3, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 2692 " 2693 > 2694 <div class="back-button"> 2695 <button 2696 type="button" 2697 @click="activeLevel = 2; removeFromActiveId('category-node-18'); scrollToTop()" 2698 aria-label="Back to previous category" 2699 > 2700 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 2701 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 2702</svg> 2703 <span class="ml-2">Terug</span> 2704 </button> 2705 </div> 2706 <div class="nav-item last:mb-[100px]"> 2707 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/palletstellingen/voordeelsets/" aria-label="Palletstellingen voordeelsets"> 2708 <picture> 2709 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-10-23_105942_1.jpg"> 2710 <img loading="lazy" 2711 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2712 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-10-23_105942_1.jpg" 2713 alt="Palletstellingen voordeelsets Beeld" 2714 /> 2715 </picture> 2716 <div class="my-auto"> 2717 Palletstellingen voordeelsets </div> 2718 </a> 2719 </div> 2720 <div class="nav-item last:mb-[100px]"> 2721 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/palletstellingen/basissecties/" aria-label="Palletstelling basissecties"> 2722 <picture> 2723 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_palletstelling_basissectie_2_niveaus_leeg__3.jpg"> 2724 <img loading="lazy" 2725 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2726 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_palletstelling_basissectie_2_niveaus_leeg__3.jpg" 2727 alt="Palletstelling basissecties Beeld" 2728 /> 2729 </picture> 2730 <div class="my-auto"> 2731 Palletstelling basissecties </div> 2732 </a> 2733 </div> 2734 <div class="nav-item last:mb-[
2734100px]"> 2735 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/palletstellingen/aanbouwsecties/" aria-label="Palletstelling aanbouwsecties"> 2736 <picture> 2737 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_palletstelling_aanbouwsectie_4000_mm_.jpg"> 2738 <img loading="lazy" 2739 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2740 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_palletstelling_aanbouwsectie_4000_mm_.jpg" 2741 alt="Palletstelling aanbouwsecties Beeld" 2742 /> 2743 </picture> 2744 <div class="my-auto"> 2745 Palletstelling aanbouwsecties </div> 2746 </a> 2747 </div> 2748 <div class="nav-item last:mb-[100px]"> 2749 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/palletstellingen/onderdelen/" aria-label="Palletstelling onderdelen"> 2750 <picture> 2751 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/b/o/resized/80_80/borgpen.jpg"> 2752 <img loading="lazy" 2753 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2754 src="https://123magazijninrichting.nl/media/menu_images/b/o/resized/80_80/borgpen.jpg" 2755 alt="Palletstelling onderdelen Beeld" 2756 /> 2757 </picture> 2758 <div class="my-auto"> 2759 Palletstelling onderdelen </div> 2760 </a> 2761 <div @click="activeId.push('category-node-51'); activeLevel = 4; scrollToTop()"> 2762 <div class="w-6 h-6 -mr-[6px]"> 2763 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 2764 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 2765</svg> 2766 </div> 2767 </div> 2768 </div> 2769 <div class="nav-item last:mb-[100px]"> 2770 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/palletstellingen/handige-extras/" aria-label="Handige extra's voor palletstellingen"> 2771 <picture> 2772 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_doordrukbeveiliging.jpg"> 2773 <img loading="lazy" 2774 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2775 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_doordrukbeveiliging.jpg" 2776 alt="Handige extra's voor palletstellingen Beeld" 2777 /> 2778 </picture> 2779 <div class="my-auto"> 2780 Handige extra's voor palletstellingen </div> 2781 </a> 2782 <div @click="activeId.push('category-node-208'); activeLevel = 4; scrollToTop()"> 2783 <div class="w-6 h-6 -mr-[6px]"> 2784 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 2785 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 2786</svg> 2787 </div> 2788 </div> 2789 </div> 2790 <div class="nav-item last:mb-[
2790100px]"> 2791 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/palletstellingen/veiligheid/" aria-label="Palletstelling veiligheidsartikelen"> 2792 <picture> 2793 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_aanrijdbeveiliging_stijlbeschermer.jpg"> 2794 <img loading="lazy" 2795 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2796 src="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_aanrijdbeveiliging_stijlbeschermer.jpg" 2797 alt="Palletstelling veiligheidsartikelen Beeld" 2798 /> 2799 </picture> 2800 <div class="my-auto"> 2801 Palletstelling veiligheidsartikelen </div> 2802 </a> 2803 </div> 2804 <div class="nav-item last:mb-[100px]"> 2805 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/palletstellingen/gebruikt/" aria-label="Gebruikte palletstellingen"> 2806 <picture> 2807 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_palletstelling_basissectie_3_niveaus_gevuld_.jpg"> 2808 <img loading="lazy" 2809 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2810 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_palletstelling_basissectie_3_niveaus_gevuld_.jpg" 2811 alt="Gebruikte palletstellingen Beeld" 2812 /> 2813 </picture> 2814 <div class="my-auto"> 2815 Gebruikte palletstellingen </div> 2816 </a> 2817 </div> 2818 <div class="nav-item last:mb-[100px]"> 2819 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnstellingen/palletstellingen/pushbackstellingen/" aria-label="Pushbackstellingen"> 2820 <picture> 2821 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/p/u/resized/80_80/pushbackstelling.jpg"> 2822 <img loading="lazy" 2823 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2824 src="https://123magazijninrichting.nl/media/menu_images/p/u/resized/80_80/pushbackstelling.jpg" 2825 alt="Pushbackstellingen Beeld" 2826 /> 2827 </picture> 2828 <div class="my-auto"> 2829 Pushbackstellingen </div> 2830 </a> 2831 </div> 2832 <div class="nav-item last:mb-[
2832100px]"> 2833 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnstellingen/palletstellingen/doorrijstellingen/" aria-label="Doorrolstellingen"> 2834 <picture> 2835 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/d/o/resized/80_80/doorrolstelling_-_hoofdmenu_afbeelding.jpg"> 2836 <img loading="lazy" 2837 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2838 src="https://123magazijninrichting.nl/media/menu_images/d/o/resized/80_80/doorrolstelling_-_hoofdmenu_afbeelding.jpg" 2839 alt="Doorrolstellingen Beeld" 2840 /> 2841 </picture> 2842 <div class="my-auto"> 2843 Doorrolstellingen </div> 2844 </a> 2845 </div> 2846 <div class="nav-item last:mb-[100px]"> 2847 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnstellingen/palletstellingen/inrijstellingen/" aria-label="Inrijstellingen"> 2848 <picture> 2849 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/i/n/resized/80_80/inrijstelling_-_menu_afbeelding.jpg"> 2850 <img loading="lazy" 2851 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2852 src="https://123magazijninrichting.nl/media/menu_images/i/n/resized/80_80/inrijstelling_-_menu_afbeelding.jpg" 2853 alt="Inrijstellingen Beeld" 2854 /> 2855 </picture> 2856 <div class="my-auto"> 2857 Inrijstellingen </div> 2858 </a> 2859 </div> 2860 </div> 2861 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 2862 :class="[ 2863 activeLevel == 3 && activeId.includes('category-node-9') ? 'translate-x-0' : '', 2864 activeId.includes('category-node-9') && activeLevel > 3 ? '-translate-x-full' : '', 2865 !activeId.includes('category-node-9') ? 'translate-x-full' : '' 2866 ].filter(Boolean).join(' ')" 2867 x-init=" 2868 $watch(() => !activeId.includes('category-node-9'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 2869 $watch(() => activeId.includes('category-node-9') && activeLevel > 3, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 2870 " 2871 > 2872 <div class="back-button"> 2873 <button 2874 type="button" 2875 @click="activeLevel = 2; removeFromActiveId('category-node-9'); scrollToTop()" 2876 aria-label="Back to previous category" 2877 > 2878 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 2879 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 2880</svg>
2881 <span class="ml-2">Terug</span> 2882 </button> 2883 </div> 2884 <div class="nav-item last:mb-[100px]"> 2885 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/draagarmstellingen/voordeelsets/" aria-label="Voordeelsets"> 2886 <picture> 2887 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_atlas_draagarmstelling_variabel_dubbelzijdig_1.jpg"> 2888 <img loading="lazy" 2889 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2890 src="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_atlas_draagarmstelling_variabel_dubbelzijdig_1.jpg" 2891 alt="Voordeelsets Beeld" 2892 /> 2893 </picture> 2894 <div class="my-auto"> 2895 Voordeelsets </div> 2896 </a> 2897 </div> 2898 <div class="nav-item last:mb-[100px]"> 2899 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnstellingen/draagarmstellingen/enkelzijdig/" aria-label="Enkelzijdige draagarmstellingen"> 2900 <picture> 2901 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_atlas_draagarmstelling_enkelzijdig_1_1.jpg"> 2902 <img loading="lazy" 2903 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2904 src="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_atlas_draagarmstelling_enkelzijdig_1_1.jpg" 2905 alt="Enkelzijdige draagarmstellingen Beeld" 2906 /> 2907 </picture> 2908 <div class="my-auto"> 2909 Enkelzijdige draagarmstellingen </div> 2910 </a> 2911 <div @click="activeId.push('category-node-66'); activeLevel = 4; scrollToTop()"> 2912 <div class="w-6 h-6 -mr-[6px]"> 2913 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 2914 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 2915</svg> 2916 </div> 2917 </div> 2918 </div> 2919 <div class="nav-item last:mb-[100px]"> 2920 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/draagarmstellingen/dubbelzijdig/" aria-label="Dubbelzijdige draagarmstellingen"> 2921 <picture> 2922 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_atlas_draagarmstelling_dubbelzijdig__1.jpg"> 2923 <img loading="lazy" 2924 class="menu-image border border-transparent roun
2924ded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2925 src="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_atlas_draagarmstelling_dubbelzijdig__1.jpg" 2926 alt="Dubbelzijdige draagarmstellingen Beeld" 2927 /> 2928 </picture> 2929 <div class="my-auto"> 2930 Dubbelzijdige draagarmstellingen </div> 2931 </a> 2932 <div @click="activeId.push('category-node-67'); activeLevel = 4; scrollToTop()"> 2933 <div class="w-6 h-6 -mr-[6px]"> 2934 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 2935 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 2936</svg> 2937 </div> 2938 </div> 2939 </div> 2940 <div class="nav-item last:mb-[100px]"> 2941 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/draagarmstellingen/onderdelen/" aria-label="Draagarmstelling onderdelen"> 2942 <picture> 2943 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/_/x/resized/80_80/_x0a5947_rgb.jpg"> 2944 <img loading="lazy" 2945 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2946 src="https://123magazijninrichting.nl/media/menu_images/_/x/resized/80_80/_x0a5947_rgb.jpg" 2947 alt="Draagarmstelling onderdelen Beeld" 2948 /> 2949 </picture> 2950 <div class="my-auto"> 2951 Draagarmstelling onderdelen </div> 2952 </a> 2953 <div @click="activeId.push('category-node-214'); activeLevel = 4; scrollToTop()"> 2954 <div class="w-6 h-6 -mr-[6px]"> 2955 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 2956 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 2957</svg> 2958 </div> 2959 </div> 2960 </div> 2961 <div class="nav-item last:mb-[100px]"> 2962 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/draagarmstellingen/accessoires/" aria-label="Draagarmstelling accessoires"> 2963 <picture> 2964 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schraubanker_1.jpg"> 2965 <img loading="lazy" 2966 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2967 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schraubanker_1.jpg" 2968 alt="Draagarmstelling accessoires Beeld" 2969 /> 2970 </picture> 2971 <div class="my-auto"> 2972 Draagarmstelling accessoires </div> 2973 </a> 2974 </div> 2975 <div class="nav-item last:mb-[
2975100px]"> 2976 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/draagarmstellingen/draagarmstellingen-met-dak/" aria-label="Draagarmstellingen met dak"> 2977 <picture> 2978 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/c/h/resized/80_80/chatgpt_image_4_sep_2026_14_37_22_2.png"> 2979 <img loading="lazy" 2980 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2981 src="https://123magazijninrichting.nl/media/menu_images/c/h/resized/80_80/chatgpt_image_4_sep_2026_14_37_22_2.png" 2982 alt="Draagarmstellingen met dak Beeld" 2983 /> 2984 </picture> 2985 <div class="my-auto"> 2986 Draagarmstellingen met dak </div> 2987 </a> 2988 </div> 2989 <div class="nav-item last:mb-[100px]"> 2990 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/draagarmstellingen/draagarmwagen/" aria-label="Draagarmwagen"> 2991 <picture> 2992 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_132258.jpg"> 2993 <img loading="lazy" 2994 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 2995 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_132258.jpg" 2996 alt="Draagarmwagen Beeld" 2997 /> 2998 </picture> 2999 <div class="my-auto"> 3000 Draagarmwagen </div> 3001 </a> 3002 </div> 3003 <div class="nav-item last:mb-[100px]"> 3004 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/draagarmstellingen/gebruikt/" aria-label="Gebruikte draagarmstellingen"> 3005 <picture> 3006 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_atlas_draagarmstelling_variabel_enkelzijdig_1.jpg"> 3007 <img loading="lazy" 3008 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3009 src="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_atlas_draagarmstelling_variabel_enkelzijdig_1.jpg" 3010 alt="Gebruikte draagarmstellingen Beeld" 3011 /> 3012 </picture> 3013 <div class="my-auto"> 3014 Gebruikte draagarmstellingen </div> 3015 </a> 3016 </div> 3017 </div> 3018 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 3019 :class="[ 3020 activeLevel == 3 && activeId.includes('category-node-10') ? 'translate-x-0' : '', 3021 activeId.includes('category-node-10') && activeLevel > 3 ? '-translate-x-full' : '', 3022 !activeId.includes('category-node-10') ? 'translate-x-full' : ''
3023 ].filter(Boolean).join(' ')" 3024 x-init=" 3025 $watch(() => !activeId.includes('category-node-10'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 3026 $watch(() => activeId.includes('category-node-10') && activeLevel > 3, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 3027 " 3028 > 3029 <div class="back-button"> 3030 <button 3031 type="button" 3032 @click="activeLevel = 2; removeFromActiveId('category-node-10'); scrollToTop()" 3033 aria-label="Back to previous category" 3034 > 3035 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 3036 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 3037</svg> 3038 <span class="ml-2">Terug</span> 3039 </button> 3040 </div> 3041 <div class="nav-item last:mb-[100px]"> 3042 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/grootvakstellingen/voordeelsets/" aria-label="Grootvakstelling voordeelsets"> 3043 <picture> 3044 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/_/8/resized/80_80/_8139rgb.jpg"> 3045 <img loading="lazy" 3046 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3047 src="https://123magazijninrichting.nl/media/menu_images/_/8/resized/80_80/_8139rgb.jpg" 3048 alt="Grootvakstelling voordeelsets Beeld" 3049 /> 3050 </picture> 3051 <div class="my-auto"> 3052 Grootvakstelling voordeelsets </div> 3053 </a> 3054 </div> 3055 <div class="nav-item last:mb-[100px]"> 3056 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/grootvakstellingen/basissecties/" aria-label="Grootvakstelling basissecties"> 3057 <picture> 3058 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/g/r/resized/80_80/grootvakstelling_basissectie_5.jpg"> 3059 <img loading="lazy" 3060 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3061 src="https://123magazijninrichting.nl/media/menu_images/g/r/resized/80_80/grootvakstelling_basissectie_5.jpg" 3062 alt="Grootvakstelling basissecties Beeld" 3063 /> 3064 </picture> 3065 <div class="my-auto"> 3066 Grootvakstelling basissecties </div> 3067 </a> 3068 </div> 3069 <div class="nav-item last:mb-[100px]"> 3070 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/grootvakstellingen/aanbouwsecties/" aria-label="Grootvakstelling aanbouwsecties"> 3071 <picture> 3072 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/a/a/resized/80_80/aanbouwsectieee.jpg"> 3073 <img loading="lazy" 3074 class="menu-image border border-transparent roun
3074ded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3075 src="https://123magazijninrichting.nl/media/menu_images/a/a/resized/80_80/aanbouwsectieee.jpg" 3076 alt="Grootvakstelling aanbouwsecties Beeld" 3077 /> 3078 </picture> 3079 <div class="my-auto"> 3080 Grootvakstelling aanbouwsecties </div> 3081 </a> 3082 </div> 3083 <div class="nav-item last:mb-[100px]"> 3084 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/grootvakstellingen/accessoires/" aria-label="Grootvakstelling accessoires"> 3085 <picture> 3086 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stapelkrat_-_wit.jpg"> 3087 <img loading="lazy" 3088 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3089 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stapelkrat_-_wit.jpg" 3090 alt="Grootvakstelling accessoires Beeld" 3091 /> 3092 </picture> 3093 <div class="my-auto"> 3094 Grootvakstelling accessoires </div> 3095 </a> 3096 <div @click="activeId.push('category-node-79'); activeLevel = 4; scrollToTop()"> 3097 <div class="w-6 h-6 -mr-[6px]"> 3098 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 3099 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 3100</svg> 3101 </div> 3102 </div> 3103 </div> 3104 <div class="nav-item last:mb-[100px]"> 3105 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/grootvakstellingen/onderdelen/" aria-label="Grootvakstelling onderdelen"> 3106 <picture> 3107 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/4/2/resized/80_80/42757_rgb_1.jpg"> 3108 <img loading="lazy" 3109 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3110 src="https://123magazijninrichting.nl/media/menu_images/4/2/resized/80_80/42757_rgb_1.jpg" 3111 alt="Grootvakstelling onderdelen Beeld" 3112 /> 3113 </picture> 3114 <div class="my-auto"> 3115 Grootvakstelling onderdelen </div> 3116 </a> 3117 <div @click="activeId.push('category-node-84'); activeLevel = 4; scrollToTop()"> 3118 <div class="w-6 h-6 -mr-[6px]"> 3119 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 3120 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 3121</svg> 3122 </div> 3123 </div> 3124 </div> 3125 <div class="nav-item last:mb-[
3125100px]"> 3126 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/grootvakstellingen/gebruikt/" aria-label="Gebruikte grootvakstellingen"> 3127 <picture> 3128 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/_/8/resized/80_80/_8140_rgb.jpg"> 3129 <img loading="lazy" 3130 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3131 src="https://123magazijninrichting.nl/media/menu_images/_/8/resized/80_80/_8140_rgb.jpg" 3132 alt="Gebruikte grootvakstellingen Beeld" 3133 /> 3134 </picture> 3135 <div class="my-auto"> 3136 Gebruikte grootvakstellingen </div> 3137 </a> 3138 </div> 3139 <div class="nav-item last:mb-[100px]"> 3140 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnstellingen/grootvakstellingen/grootvakstellingen-met-bakken/" aria-label="Grootvakstellingen met bakken"> 3141 <picture> 3142 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/c/h/resized/80_80/chatgpt_image_23_apr_2026_13_43_44.png"> 3143 <img loading="lazy" 3144 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3145 src="https://123magazijninrichting.nl/media/menu_images/c/h/resized/80_80/chatgpt_image_23_apr_2026_13_43_44.png" 3146 alt="Grootvakstellingen met bakken Beeld" 3147 /> 3148 </picture> 3149 <div class="my-auto"> 3150 Grootvakstellingen met bakken </div> 3151 </a> 3152 </div> 3153 </div> 3154 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 3155 :class="[ 3156 activeLevel == 3 && activeId.includes('category-node-11') ? 'translate-x-0' : '', 3157 activeId.includes('category-node-11') && activeLevel > 3 ? '-translate-x-full' : '', 3158 !activeId.includes('category-node-11') ? 'translate-x-full' : '' 3159 ].filter(Boolean).join(' ')" 3160 x-init=" 3161 $watch(() => !activeId.includes('category-node-11'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 3162 $watch(() => activeId.includes('category-node-11') && activeLevel > 3, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 3163 " 3164 > 3165 <div class="back-button"> 3166 <button 3167 type="button" 3168 @click="activeLevel = 2; removeFromActiveId('category-node-11'); scrollToTop()" 3169 aria-label="Back to previous category" 3170 > 3171 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 3172 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 3173</svg>
3174 <span class="ml-2">Terug</span> 3175 </button> 3176 </div> 3177 <div class="nav-item last:mb-[100px]"> 3178 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/bakkenstellingen/voordeelsets/" aria-label="Bakkenstelling voordeelsets"> 3179 <picture> 3180 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/9/0/resized/80_80/90237_2.jpg"> 3181 <img loading="lazy" 3182 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3183 src="https://123magazijninrichting.nl/media/menu_images/9/0/resized/80_80/90237_2.jpg" 3184 alt="Bakkenstelling voordeelsets Beeld" 3185 /> 3186 </picture> 3187 <div class="my-auto"> 3188 Bakkenstelling voordeelsets </div> 3189 </a> 3190 </div> 3191 <div class="nav-item last:mb-[100px]"> 3192 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/bakkenstellingen/basissecties/" aria-label="Bakkenstelling basissecties"> 3193 <picture> 3194 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/b/a/resized/80_80/bakknstelling_basissectie_1.jpg"> 3195 <img loading="lazy" 3196 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3197 src="https://123magazijninrichting.nl/media/menu_images/b/a/resized/80_80/bakknstelling_basissectie_1.jpg" 3198 alt="Bakkenstelling basissecties Beeld" 3199 /> 3200 </picture> 3201 <div class="my-auto"> 3202 Bakkenstelling basissecties </div> 3203 </a> 3204 </div> 3205 <div class="nav-item last:mb-[100px]"> 3206 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/bakkenstellingen/aanbouwsecties/" aria-label="Bakkenstelling aanbouwsecties"> 3207 <picture> 3208 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/b/a/resized/80_80/bakknstelling_aanbouwsectie_1.jpg"> 3209 <img loading="lazy" 3210 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3211 src="https://123magazijninrichting.nl/media/menu_images/b/a/resized/80_80/bakknstelling_aanbouwsectie_1.jpg" 3212 alt="Bakkenstelling aanbouwsecties Beeld" 3213 /> 3214 </picture> 3215 <div class="my-auto"> 3216 Bakkenstelling aanbouwsecties </div> 3217 </a> 3218 </div> 3219 <div class="nav-item last:mb-[
3219100px]"> 3220 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/bakkenstellingen/accessoires/" aria-label="Bakkenstelling accessoires"> 3221 <picture> 3222 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stapelkrat_-_blauw.jpg"> 3223 <img loading="lazy" 3224 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3225 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stapelkrat_-_blauw.jpg" 3226 alt="Bakkenstelling accessoires Beeld" 3227 /> 3228 </picture> 3229 <div class="my-auto"> 3230 Bakkenstelling accessoires </div> 3231 </a> 3232 <div @click="activeId.push('category-node-123'); activeLevel = 4; scrollToTop()"> 3233 <div class="w-6 h-6 -mr-[6px]"> 3234 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 3235 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 3236</svg> 3237 </div> 3238 </div> 3239 </div> 3240 <div class="nav-item last:mb-[100px]"> 3241 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/bakkenstellingen/onderdelen/" aria-label="Bakkenstelling onderdelen"> 3242 <picture> 3243 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/l/e/resized/80_80/legborden_meta.jpg"> 3244 <img loading="lazy" 3245 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3246 src="https://123magazijninrichting.nl/media/menu_images/l/e/resized/80_80/legborden_meta.jpg" 3247 alt="Bakkenstelling onderdelen Beeld" 3248 /> 3249 </picture> 3250 <div class="my-auto"> 3251 Bakkenstelling onderdelen </div> 3252 </a> 3253 </div> 3254 <div class="nav-item last:mb-[100px]"> 3255 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/bakkenstellingen/gebruikt/" aria-label="Gebruikte bakkenstellingen"> 3256 <picture> 3257 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stapelkrat_-_rood.jpg"> 3258 <img loading="lazy" 3259 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3260 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stapelkrat_-_rood.jpg" 3261 alt="Gebruikte bakkenstellingen Beeld" 3262 /> 3263 </picture> 3264 <div class="my-auto"> 3265 Gebruikte bakkenstellingen </div> 3266 </a> 3267 </div> 3268 </div> 3269 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 3270 :class="[ 3271 activeLevel == 3 && activeId.includes('category-node-19') ? 'translate-x-0' : '', 3272 activeId.includes('category-node-19') && activeLevel > 3 ? '-translate-x-full' : '', 3273 !activeId.includes('category-node-19') ? 'translate-x-full' : ''
3274 ].filter(Boolean).join(' ')" 3275 x-init=" 3276 $watch(() => !activeId.includes('category-node-19'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 3277 $watch(() => activeId.includes('category-node-19') && activeLevel > 3, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 3278 " 3279 > 3280 <div class="back-button"> 3281 <button 3282 type="button" 3283 @click="activeLevel = 2; removeFromActiveId('category-node-19'); scrollToTop()" 3284 aria-label="Back to previous category" 3285 > 3286 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 3287 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 3288</svg> 3289 <span class="ml-2">Terug</span> 3290 </button> 3291 </div> 3292 <div class="nav-item last:mb-[100px]"> 3293 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/bandenstellingen/" aria-label="Bandenstellingen"> 3294 <picture> 3295 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/b/a/resized/80_80/bandenstelling_2.jpg"> 3296 <img loading="lazy" 3297 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3298 src="https://123magazijninrichting.nl/media/menu_images/b/a/resized/80_80/bandenstelling_2.jpg" 3299 alt="Bandenstellingen Beeld" 3300 /> 3301 </picture> 3302 <div class="my-auto"> 3303 Bandenstellingen </div> 3304 </a> 3305 <div @click="activeId.push('category-node-20'); activeLevel = 4; scrollToTop()"> 3306 <div class="w-6 h-6 -mr-[6px]"> 3307 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 3308 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 3309</svg> 3310 </div> 3311 </div> 3312 </div> 3313 <div class="nav-item last:mb-[100px]"> 3314 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/velgenstellingen/" aria-label="Velgenstellingen"> 3315 <picture> 3316 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/v/e/resized/80_80/velgenstelling_2.jpg"> 3317 <img loading="lazy" 3318 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3319 src="https://123magazijninrichting.nl/media/menu_images/v/e/resized/80_80/velgenstelling_2.jpg" 3320 alt="Velgenstellingen Beeld" 3321 /> 3322 </picture> 3323 <div class="my-auto"> 3324 Velgenstellingen </div> 3325 </a> 3326 <div @click="activeId.push('category-node-21'); activeLevel = 4; scrollToTop()"> 3327 <div class="w-6 h-6 -mr-[6px]"> 3328 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 3329 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 3330</svg> 3331 </div> 3332 </div> 3333 </div> 3334 <div class="nav-item last:mb-[
3334100px]"> 3335 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/uitlaatstellingen/" aria-label="Uitlaatstellingen"> 3336 <picture> 3337 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/u/i/resized/80_80/uitlaat_stellingen_1.jpg"> 3338 <img loading="lazy" 3339 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3340 src="https://123magazijninrichting.nl/media/menu_images/u/i/resized/80_80/uitlaat_stellingen_1.jpg" 3341 alt="Uitlaatstellingen Beeld" 3342 /> 3343 </picture> 3344 <div class="my-auto"> 3345 Uitlaatstellingen </div> 3346 </a> 3347 </div> 3348 <div class="nav-item last:mb-[100px]"> 3349 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnstellingen/automotive-stellingen/v-snaarstellingen/" aria-label="V-snaarstellingen"> 3350 <picture> 3351 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-24_162329.png"> 3352 <img loading="lazy" 3353 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3354 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-24_162329.png" 3355 alt="V-snaarstellingen Beeld" 3356 /> 3357 </picture> 3358 <div class="my-auto"> 3359 V-snaarstellingen </div> 3360 </a> 3361 </div> 3362 </div> 3363 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 3364 :class="[ 3365 activeLevel == 3 && activeId.includes('category-node-23') ? 'translate-x-0' : '', 3366 activeId.includes('category-node-23') && activeLevel > 3 ? '-translate-x-full' : '', 3367 !activeId.includes('category-node-23') ? 'translate-x-full' : '' 3368 ].filter(Boolean).join(' ')" 3369 x-init=" 3370 $watch(() => !activeId.includes('category-node-23'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 3371 $watch(() => activeId.includes('category-node-23') && activeLevel > 3, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 3372 " 3373 > 3374 <div class="back-button"> 3375 <button 3376 type="button" 3377 @click="activeLevel = 2; removeFromActiveId('category-node-23'); scrollToTop()" 3378 aria-label="Back to previous category" 3379 > 3380 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 3381 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 3382</svg>
3383 <span class="ml-2">Terug</span> 3384 </button> 3385 </div> 3386 <div class="nav-item last:mb-[100px]"> 3387 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/verticale-stellingen/voordeelsets/" aria-label="Verticale stelling voordeelsets"> 3388 <picture> 3389 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_145219.jpg"> 3390 <img loading="lazy" 3391 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3392 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_145219.jpg" 3393 alt="Verticale stelling voordeelsets Beeld" 3394 /> 3395 </picture> 3396 <div class="my-auto"> 3397 Verticale stelling voordeelsets </div> 3398 </a> 3399 </div> 3400 <div class="nav-item last:mb-[100px]"> 3401 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/verticale-stellingen/basissecties/" aria-label="Verticale stelling basissecties"> 3402 <picture> 3403 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/v/e/resized/80_80/verticale_stelling_basissectie_2_1.jpg"> 3404 <img loading="lazy" 3405 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3406 src="https://123magazijninrichting.nl/media/menu_images/v/e/resized/80_80/verticale_stelling_basissectie_2_1.jpg" 3407 alt="Verticale stelling basissecties Beeld" 3408 /> 3409 </picture> 3410 <div class="my-auto"> 3411 Verticale stelling basissecties </div> 3412 </a> 3413 </div> 3414 <div class="nav-item last:mb-[100px]"> 3415 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/verticale-stellingen/aanbouwsecties/" aria-label="Verticale stelling aanbouwsecties"> 3416 <picture> 3417 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/v/e/resized/80_80/verticale_stelling_aanbouwsectie_1.jpg"> 3418 <img loading="lazy" 3419 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3420 src="https://123magazijninrichting.nl/media/menu_images/v/e/resized/80_80/verticale_stelling_aanbouwsectie_1.jpg" 3421 alt="Verticale stelling aanbouwsecties Beeld" 3422 /> 3423 </picture> 3424 <div class="my-auto"> 3425 Verticale stelling aanbouwsecties </div> 3426 </a> 3427 </div> 3428 <div class="nav-item last:mb-[
3428100px]"> 3429 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/verticale-stellingen/losse-onderdelen/" aria-label="Verticale stelling onderdelen"> 3430 <picture> 3431 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_145020.jpg"> 3432 <img loading="lazy" 3433 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3434 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_145020.jpg" 3435 alt="Verticale stelling onderdelen Beeld" 3436 /> 3437 </picture> 3438 <div class="my-auto"> 3439 Verticale stelling onderdelen </div> 3440 </a> 3441 </div> 3442 </div> 3443 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 3444 :class="[ 3445 activeLevel == 3 && activeId.includes('category-node-24') ? 'translate-x-0' : '', 3446 activeId.includes('category-node-24') && activeLevel > 3 ? '-translate-x-full' : '', 3447 !activeId.includes('category-node-24') ? 'translate-x-full' : '' 3448 ].filter(Boolean).join(' ')" 3449 x-init=" 3450 $watch(() => !activeId.includes('category-node-24'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 3451 $watch(() => activeId.includes('category-node-24') && activeLevel > 3, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 3452 " 3453 > 3454 <div class="back-button"> 3455 <button 3456 type="button" 3457 @click="activeLevel = 2; removeFromActiveId('category-node-24'); scrollToTop()" 3458 aria-label="Back to previous category" 3459 > 3460 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 3461 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 3462</svg> 3463 <span class="ml-2">Terug</span> 3464 </button> 3465 </div> 3466 <div class="nav-item last:mb-[100px]"> 3467 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnstellingen/haspelstellingen/haspelstellingen-voordeelsets/" aria-label="Haspelstellingen voordeelsets"> 3468 <picture> 3469 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-02-27_135549.jpg"> 3470 <img loading="lazy" 3471 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3472 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-02-27_135549.jpg" 3473 alt="Haspelstellingen voordeelsets Beeld" 3474 /> 3475 </picture> 3476 <div class="my-auto"> 3477 Haspelstellingen voordeelsets </div> 3478 </a> 3479 </div> 3480 <div class="nav-item last:mb-[
3480100px]"> 3481 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/haspelstellingen/basissecties/" aria-label="Haspelstelling basissecties"> 3482 <picture> 3483 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/h/a/resized/80_80/haspelstelling_basissectie_3.jpg"> 3484 <img loading="lazy" 3485 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3486 src="https://123magazijninrichting.nl/media/menu_images/h/a/resized/80_80/haspelstelling_basissectie_3.jpg" 3487 alt="Haspelstelling basissecties Beeld" 3488 /> 3489 </picture> 3490 <div class="my-auto"> 3491 Haspelstelling basissecties </div> 3492 </a> 3493 </div> 3494 <div class="nav-item last:mb-[100px]"> 3495 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/haspelstellingen/aanbouwsecties/" aria-label="Haspelstelling aanbouwsecties"> 3496 <picture> 3497 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/h/a/resized/80_80/haspelstelling_aanbouwsectie_2.jpg"> 3498 <img loading="lazy" 3499 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3500 src="https://123magazijninrichting.nl/media/menu_images/h/a/resized/80_80/haspelstelling_aanbouwsectie_2.jpg" 3501 alt="Haspelstelling aanbouwsecties Beeld" 3502 /> 3503 </picture> 3504 <div class="my-auto"> 3505 Haspelstelling aanbouwsecties </div> 3506 </a> 3507 </div> 3508 <div class="nav-item last:mb-[100px]"> 3509 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/haspelstellingen/onderdelen/" aria-label="Haspelstelling onderdelen"> 3510 <picture> 3511 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/k/a/resized/80_80/kabeltrommel_20080744_rgb.jpg"> 3512 <img loading="lazy" 3513 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3514 src="https://123magazijninrichting.nl/media/menu_images/k/a/resized/80_80/kabeltrommel_20080744_rgb.jpg" 3515 alt="Haspelstelling onderdelen Beeld" 3516 /> 3517 </picture> 3518 <div class="my-auto"> 3519 Haspelstelling onderdelen </div> 3520 </a> 3521 </div> 3522 </div> 3523 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 3524 :class="[ 3525 activeLevel == 3 && activeId.includes('category-node-25') ? 'translate-x-0' : '', 3526 activeId.includes('category-node-25') && activeLevel > 3 ? '-translate-x-full' : '', 3527 !activeId.includes('category-node-25') ? 'translate-x-full' : ''
3528 ].filter(Boolean).join(' ')" 3529 x-init=" 3530 $watch(() => !activeId.includes('category-node-25'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 3531 $watch(() => activeId.includes('category-node-25') && activeLevel > 3, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 3532 " 3533 > 3534 <div class="back-button"> 3535 <button 3536 type="button" 3537 @click="activeLevel = 2; removeFromActiveId('category-node-25'); scrollToTop()" 3538 aria-label="Back to previous category" 3539 > 3540 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 3541 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 3542</svg> 3543 <span class="ml-2">Terug</span> 3544 </button> 3545 </div> 3546 <div class="nav-item last:mb-[100px]"> 3547 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/krattenstellingen/" aria-label="Krattenstellingen"> 3548 <picture> 3549 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/k/r/resized/80_80/krattenstelling_1.jpg"> 3550 <img loading="lazy" 3551 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3552 src="https://123magazijninrichting.nl/media/menu_images/k/r/resized/80_80/krattenstelling_1.jpg" 3553 alt="Krattenstellingen Beeld" 3554 /> 3555 </picture> 3556 <div class="my-auto"> 3557 Krattenstellingen </div> 3558 </a> 3559 </div> 3560 <div class="nav-item last:mb-[100px]"> 3561 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/vatenstellingen/" aria-label="Vatenstellingen"> 3562 <picture> 3563 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/v/a/resized/80_80/vatenstelling_7.jpg"> 3564 <img loading="lazy" 3565 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3566 src="https://123magazijninrichting.nl/media/menu_images/v/a/resized/80_80/vatenstelling_7.jpg" 3567 alt="Vatenstellingen Beeld" 3568 /> 3569 </picture> 3570 <div class="my-auto"> 3571 Vatenstellingen </div> 3572 </a> 3573 </div> 3574 <div class="nav-item last:mb-[100px]"> 3575 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/gevaarlijke-stoffen-stellingen/" aria-label="Stellingen gevaarlijke stoffen"> 3576 <picture> 3577 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/g/e/resized/80_80/gevaarlijke_stoffen_stelling.jpg"> 3578 <img loading="lazy" 3579 class="menu-image border border-transparent roun
3579ded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3580 src="https://123magazijninrichting.nl/media/menu_images/g/e/resized/80_80/gevaarlijke_stoffen_stelling.jpg" 3581 alt="Stellingen gevaarlijke stoffen Beeld" 3582 /> 3583 </picture> 3584 <div class="my-auto"> 3585 Stellingen gevaarlijke stoffen </div> 3586 </a> 3587 </div> 3588 <div class="nav-item last:mb-[100px]"> 3589 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/wandstellingen/" aria-label="Wandstellingen"> 3590 <picture> 3591 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/_/8/resized/80_80/_8453_rgb.jpg"> 3592 <img loading="lazy" 3593 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3594 src="https://123magazijninrichting.nl/media/menu_images/_/8/resized/80_80/_8453_rgb.jpg" 3595 alt="Wandstellingen Beeld" 3596 /> 3597 </picture> 3598 <div class="my-auto"> 3599 Wandstellingen </div> 3600 </a> 3601 </div> 3602 <div class="nav-item last:mb-[100px]"> 3603 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/winkelstellingen/" aria-label="Winkelstellingen"> 3604 <picture> 3605 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/w/i/resized/80_80/winkelstelling_3.jpg"> 3606 <img loading="lazy" 3607 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3608 src="https://123magazijninrichting.nl/media/menu_images/w/i/resized/80_80/winkelstelling_3.jpg" 3609 alt="Winkelstellingen Beeld" 3610 /> 3611 </picture> 3612 <div class="my-auto"> 3613 Winkelstellingen </div> 3614 </a> 3615 </div> 3616 </div> 3617 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 3618 :class="[ 3619 activeLevel == 3 && activeId.includes('category-node-152') ? 'translate-x-0' : '', 3620 activeId.includes('category-node-152') && activeLevel > 3 ? '-translate-x-full' : '', 3621 !activeId.includes('category-node-152') ? 'translate-x-full' : '' 3622 ].filter(Boolean).join(' ')" 3623 x-init=" 3624 $watch(() => !activeId.includes('category-node-152'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 3625 $watch(() => activeId.includes('category-node-152') && activeLevel > 3, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 3626 " 3627 > 3628 <div class="back-button"> 3629 <button 3630 type="button" 3631 @click="activeLevel = 2; removeFromActiveId('category-node-152'); scrollToTop()" 3632 aria-label="Back to previous category" 3633 > 3634 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 3635 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 3636</svg>
3637 <span class="ml-2">Terug</span> 3638 </button> 3639 </div> 3640 <div class="nav-item last:mb-[100px]"> 3641 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/werkbanken/vaste-poten/" aria-label="Werkbanken met vaste poten"> 3642 <picture> 3643 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/w/e/resized/80_80/werkbank_3.jpg"> 3644 <img loading="lazy" 3645 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3646 src="https://123magazijninrichting.nl/media/menu_images/w/e/resized/80_80/werkbank_3.jpg" 3647 alt="Werkbanken met vaste poten Beeld" 3648 /> 3649 </picture> 3650 <div class="my-auto"> 3651 Werkbanken met vaste poten </div> 3652 </a> 3653 </div> 3654 <div class="nav-item last:mb-[100px]"> 3655 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/werkbanken/op-wielen/" aria-label="Werkbanken op wielen"> 3656 <picture> 3657 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/w/e/resized/80_80/werkbank_op_wielen_1.jpg"> 3658 <img loading="lazy" 3659 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3660 src="https://123magazijninrichting.nl/media/menu_images/w/e/resized/80_80/werkbank_op_wielen_1.jpg" 3661 alt="Werkbanken op wielen Beeld" 3662 /> 3663 </picture> 3664 <div class="my-auto"> 3665 Werkbanken op wielen </div> 3666 </a> 3667 </div> 3668 <div class="nav-item last:mb-[100px]"> 3669 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/werkbanken/elektrisch-verstelbaar/" aria-label="Elektrisch verstelbare werkbanken"> 3670 <picture> 3671 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/e/l/resized/80_80/elektrisch_verstelbare_werkbank_1.jpg"> 3672 <img loading="lazy" 3673 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3674 src="https://123magazijninrichting.nl/media/menu_images/e/l/resized/80_80/elektrisch_verstelbare_werkbank_1.jpg" 3675 alt="Elektrisch verstelbare werkbanken Beeld" 3676 /> 3677 </picture> 3678 <div class="my-auto"> 3679 Elektrisch verstelbare werkbanken </div> 3680 </a> 3681 </div> 3682 </div> 3683 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 3684 :class="[ 3685 activeLevel == 3 && activeId.includes('category-node-147') ? 'translate-x-0' : '', 3686 activeId.includes('category-node-147') && activeLevel > 3 ? '-translate-x-full' : '', 3687 !activeId.includes('category-node-147') ? 'translate-x-full' : ''
3688 ].filter(Boolean).join(' ')" 3689 x-init=" 3690 $watch(() => !activeId.includes('category-node-147'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 3691 $watch(() => activeId.includes('category-node-147') && activeLevel > 3, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 3692 " 3693 > 3694 <div class="back-button"> 3695 <button 3696 type="button" 3697 @click="activeLevel = 2; removeFromActiveId('category-node-147'); scrollToTop()" 3698 aria-label="Back to previous category" 3699 > 3700 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 3701 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 3702</svg> 3703 <span class="ml-2">Terug</span> 3704 </button> 3705 </div> 3706 <div class="nav-item last:mb-[100px]"> 3707 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/werkbanken/liggers/" aria-label="Werkbank liggers"> 3708 <picture> 3709 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_top_ligger_.jpg"> 3710 <img loading="lazy" 3711 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3712 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_top_ligger_.jpg" 3713 alt="Werkbank liggers Beeld" 3714 /> 3715 </picture> 3716 <div class="my-auto"> 3717 Werkbank liggers </div> 3718 </a> 3719 </div> 3720 <div class="nav-item last:mb-[100px]"> 3721 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/werkbanken/staanders/" aria-label="Werkbank staanders"> 3722 <picture> 3723 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/staander_werkbank_1.jpg"> 3724 <img loading="lazy" 3725 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3726 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/staander_werkbank_1.jpg" 3727 alt="Werkbank staanders Beeld" 3728 /> 3729 </picture> 3730 <div class="my-auto"> 3731 Werkbank staanders </div> 3732 </a> 3733 </div> 3734 <div class="nav-item last:mb-[100px]"> 3735 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/werkbanken/wielen/" aria-label="Werkbank wielen"> 3736 <picture> 3737 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/w/e/resized/80_80/werkbank_wielen_met_rem.jpg"> 3738 <img loading="lazy" 3739 class="menu-image border border-transparent roun
3739ded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3740 src="https://123magazijninrichting.nl/media/menu_images/w/e/resized/80_80/werkbank_wielen_met_rem.jpg" 3741 alt="Werkbank wielen Beeld" 3742 /> 3743 </picture> 3744 <div class="my-auto"> 3745 Werkbank wielen </div> 3746 </a> 3747 </div> 3748 <div class="nav-item last:mb-[100px]"> 3749 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/werkbanken/werkbladen/" aria-label="Werkbladen voor werkbanken"> 3750 <picture> 3751 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/c/-/resized/80_80/c-dur_plaat.jpg"> 3752 <img loading="lazy" 3753 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3754 src="https://123magazijninrichting.nl/media/menu_images/c/-/resized/80_80/c-dur_plaat.jpg" 3755 alt="Werkbladen voor werkbanken Beeld" 3756 /> 3757 </picture> 3758 <div class="my-auto"> 3759 Werkbladen voor werkbanken </div> 3760 </a> 3761 </div> 3762 <div class="nav-item last:mb-[100px]"> 3763 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/werkbanken/frames/" aria-label="Werkbank frames"> 3764 <picture> 3765 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/5/5/resized/80_80/558bb73d-ad94-48c7-9a74-ea9e071d81a4.png"> 3766 <img loading="lazy" 3767 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3768 src="https://123magazijninrichting.nl/media/menu_images/5/5/resized/80_80/558bb73d-ad94-48c7-9a74-ea9e071d81a4.png" 3769 alt="Werkbank frames Beeld" 3770 /> 3771 </picture> 3772 <div class="my-auto"> 3773 Werkbank frames </div> 3774 </a> 3775 </div> 3776 </div> 3777 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 3778 :class="[ 3779 activeLevel == 3 && activeId.includes('category-node-87') ? 'translate-x-0' : '', 3780 activeId.includes('category-node-87') && activeLevel > 3 ? '-translate-x-full' : '', 3781 !activeId.includes('category-node-87') ? 'translate-x-full' : '' 3782 ].filter(Boolean).join(' ')" 3783 x-init=" 3784 $watch(() => !activeId.includes('category-node-87'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 3785 $watch(() => activeId.includes('category-node-87') && activeLevel > 3, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 3786 " 3787 > 3788 <div class="back-button"> 3789 <button 3790 type="button" 3791 @click="activeLevel = 2; removeFromActiveId('category-node-87'); scrollToTop()" 3792 aria-label="Back to previous category" 3793 > 3794 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 3795 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 3796</svg>
3797 <span class="ml-2">Terug</span> 3798 </button> 3799 </div> 3800 <div class="nav-item last:mb-[100px]"> 3801 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/veiligheidsartikelen/aanrijdbeveiliging/voordeelsets/" aria-label="Aanrijdbeveiliging voordeelsets"> 3802 <picture> 3803 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_hoekbeschermer_geel_3x.jpg"> 3804 <img loading="lazy" 3805 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3806 src="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_hoekbeschermer_geel_3x.jpg" 3807 alt="Aanrijdbeveiliging voordeelsets Beeld" 3808 /> 3809 </picture> 3810 <div class="my-auto"> 3811 Aanrijdbeveiliging voordeelsets </div> 3812 </a> 3813 </div> 3814 <div class="nav-item last:mb-[100px]"> 3815 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/aanrijdbeveiliging/palen/" aria-label="Aanrijdbeveiliging palen"> 3816 <picture> 3817 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/r/a/resized/80_80/rambeveiligingspaal_160_x_9_cm_geel-zwart_om_in_te_betonneren_1.jpg"> 3818 <img loading="lazy" 3819 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3820 src="https://123magazijninrichting.nl/media/menu_images/r/a/resized/80_80/rambeveiligingspaal_160_x_9_cm_geel-zwart_om_in_te_betonneren_1.jpg" 3821 alt="Aanrijdbeveiliging palen Beeld" 3822 /> 3823 </picture> 3824 <div class="my-auto"> 3825 Aanrijdbeveiliging palen </div> 3826 </a> 3827 </div> 3828 <div class="nav-item last:mb-[100px]"> 3829 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/aanrijdbeveiliging/dubbelstellingen/" aria-label="Aanrijdbeveiliging voor dubbelstellingen"> 3830 <picture> 3831 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/1/9/resized/80_80/198f2291_-_kopie_-_kopie.jpg"> 3832 <img loading="lazy" 3833 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3834 src="https://123magazijninrichting.nl/media/menu_images/1/9/resized/80_80/198f2291_-_kopie_-_kopie.jpg" 3835 alt="Aanrijdbeveiliging voor dubbelstellingen Beeld" 3836 /> 3837 </picture> 3838 <div class="my-auto"> 3839 Aanrijdbeveiliging voor dubbelstellingen </div> 3840 </a> 3841 </div> 3842 <div class="nav-item last:mb-[
3842100px]"> 3843 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/aanrijdbeveiliging/enkelstellingen/" aria-label="Aanrijdbeveiliging voor enkelstellingen"> 3844 <picture> 3845 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/a/a/resized/80_80/aanrijdbeveiliging_staanderbeschermer_enkelzijdig.jpg"> 3846 <img loading="lazy" 3847 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3848 src="https://123magazijninrichting.nl/media/menu_images/a/a/resized/80_80/aanrijdbeveiliging_staanderbeschermer_enkelzijdig.jpg" 3849 alt="Aanrijdbeveiliging voor enkelstellingen Beeld" 3850 /> 3851 </picture> 3852 <div class="my-auto"> 3853 Aanrijdbeveiliging voor enkelstellingen </div> 3854 </a> 3855 </div> 3856 <div class="nav-item last:mb-[100px]"> 3857 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/aanrijdbeveiliging/hoekbescherming/" aria-label="Hoekbescherming"> 3858 <picture> 3859 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/h/o/resized/80_80/hoekbescherming_enkel_2.jpg"> 3860 <img loading="lazy" 3861 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3862 src="https://123magazijninrichting.nl/media/menu_images/h/o/resized/80_80/hoekbescherming_enkel_2.jpg" 3863 alt="Hoekbescherming Beeld" 3864 /> 3865 </picture> 3866 <div class="my-auto"> 3867 Hoekbescherming </div> 3868 </a> 3869 </div> 3870 <div class="nav-item last:mb-[100px]"> 3871 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/aanrijdbeveiliging/kunststof-bescherming/" aria-label="Kunststof bescherming"> 3872 <picture> 3873 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/d/-/resized/80_80/d-flexx_alfa_staanderbeschermer_1.jpg"> 3874 <img loading="lazy" 3875 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3876 src="https://123magazijninrichting.nl/media/menu_images/d/-/resized/80_80/d-flexx_alfa_staanderbeschermer_1.jpg" 3877 alt="Kunststof bescherming Beeld" 3878 /> 3879 </picture> 3880 <div class="my-auto"> 3881 Kunststof bescherming </div> 3882 </a> 3883 </div> 3884 <div class="nav-item last:mb-[
3884100px]"> 3885 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/aanrijdbeveiliging/rambeveiliging/" aria-label="Rambeveiliging"> 3886 <picture> 3887 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/r/a/resized/80_80/rambeveiliging_-_featured_afbeelding_2.jpg"> 3888 <img loading="lazy" 3889 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3890 src="https://123magazijninrichting.nl/media/menu_images/r/a/resized/80_80/rambeveiliging_-_featured_afbeelding_2.jpg" 3891 alt="Rambeveiliging Beeld" 3892 /> 3893 </picture> 3894 <div class="my-auto"> 3895 Rambeveiliging </div> 3896 </a> 3897 </div> 3898 <div class="nav-item last:mb-[100px]"> 3899 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/aanrijdbeveiliging/riem-afzetpalen/" aria-label="Riem afzetpalen"> 3900 <picture> 3901 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-02_131828.png"> 3902 <img loading="lazy" 3903 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3904 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-02_131828.png" 3905 alt="Riem afzetpalen Beeld" 3906 /> 3907 </picture> 3908 <div class="my-auto"> 3909 Riem afzetpalen </div> 3910 </a> 3911 </div> 3912 <div class="nav-item last:mb-[100px]"> 3913 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/aanrijdbeveiliging/stijlbescherming/" aria-label="Stijlbescherming"> 3914 <picture> 3915 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stijlbescherming.jpg"> 3916 <img loading="lazy" 3917 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3918 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stijlbescherming.jpg" 3919 alt="Stijlbescherming Beeld" 3920 /> 3921 </picture> 3922 <div class="my-auto"> 3923 Stijlbescherming </div> 3924 </a> 3925 </div> 3926 <div class="nav-item last:mb-[
3926100px]"> 3927 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/aanrijdbeveiliging/stellingbescherming/" aria-label="Stellingbescherming"> 3928 <picture> 3929 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_aanrijdbeveiliging_stijlbeschermer2.jpg"> 3930 <img loading="lazy" 3931 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3932 src="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_aanrijdbeveiliging_stijlbeschermer2.jpg" 3933 alt="Stellingbescherming Beeld" 3934 /> 3935 </picture> 3936 <div class="my-auto"> 3937 Stellingbescherming </div> 3938 </a> 3939 </div> 3940 <div class="nav-item last:mb-[100px]"> 3941 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/aanrijdbeveiliging/verkeersdrempels/" aria-label="Verkeersdrempels"> 3942 <picture> 3943 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/2/8/resized/80_80/284g1132_-_kopie.jpg"> 3944 <img loading="lazy" 3945 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3946 src="https://123magazijninrichting.nl/media/menu_images/2/8/resized/80_80/284g1132_-_kopie.jpg" 3947 alt="Verkeersdrempels Beeld" 3948 /> 3949 </picture> 3950 <div class="my-auto"> 3951 Verkeersdrempels </div> 3952 </a> 3953 </div> 3954 <div class="nav-item last:mb-[100px]"> 3955 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/veiligheidsartikelen/aanrijdbeveiliging/kolombescherming/" aria-label="Kolombescherming"> 3956 <picture> 3957 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/k/o/resized/80_80/kollombeschermer.jpg"> 3958 <img loading="lazy" 3959 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3960 src="https://123magazijninrichting.nl/media/menu_images/k/o/resized/80_80/kollombeschermer.jpg" 3961 alt="Kolombescherming Beeld" 3962 /> 3963 </picture> 3964 <div class="my-auto"> 3965 Kolombescherming </div> 3966 </a> 3967 </div> 3968 <div class="nav-item last:mb-[
3968100px]"> 3969 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/veiligheidsartikelen/aanrijdbeveiliging/gebruikte-aanrijdbeveiliging/" aria-label="Gebruikte aanrijdbeveiliging"> 3970 <picture> 3971 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/d/9/resized/80_80/d95ec197-a162-47e1-861f-29806062f67f.png"> 3972 <img loading="lazy" 3973 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 3974 src="https://123magazijninrichting.nl/media/menu_images/d/9/resized/80_80/d95ec197-a162-47e1-861f-29806062f67f.png" 3975 alt="Gebruikte aanrijdbeveiliging Beeld" 3976 /> 3977 </picture> 3978 <div class="my-auto"> 3979 Gebruikte aanrijdbeveiliging </div> 3980 </a> 3981 </div> 3982 </div> 3983 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 3984 :class="[ 3985 activeLevel == 3 && activeId.includes('category-node-88') ? 'translate-x-0' : '', 3986 activeId.includes('category-node-88') && activeLevel > 3 ? '-translate-x-full' : '', 3987 !activeId.includes('category-node-88') ? 'translate-x-full' : '' 3988 ].filter(Boolean).join(' ')" 3989 x-init=" 3990 $watch(() => !activeId.includes('category-node-88'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 3991 $watch(() => activeId.includes('category-node-88') && activeLevel > 3, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 3992 " 3993 > 3994 <div class="back-button"> 3995 <button 3996 type="button" 3997 @click="activeLevel = 2; removeFromActiveId('category-node-88'); scrollToTop()" 3998 aria-label="Back to previous category" 3999 > 4000 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 4001 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 4002</svg> 4003 <span class="ml-2">Terug</span> 4004 </button> 4005 </div> 4006 <div class="nav-item last:mb-[100px]"> 4007 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/spiegels/industriespiegels/" aria-label="Industriespiegels"> 4008 <picture> 4009 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/i/n/resized/80_80/industriespiegel.jpg"> 4010 <img loading="lazy" 4011 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4012 src="https://123magazijninrichting.nl/media/menu_images/i/n/resized/80_80/industriespiegel.jpg" 4013 alt="Industriespiegels Beeld" 4014 /> 4015 </picture> 4016 <div class="my-auto"> 4017 Industriespiegels </div> 4018 </a> 4019 </div> 4020 <div class="nav-item last:mb-[
4020100px]"> 4021 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/spiegels/panoramaspiegels/" aria-label="Panoramaspiegels"> 4022 <picture> 4023 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/p/a/resized/80_80/panorama_spiegel.jpg"> 4024 <img loading="lazy" 4025 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4026 src="https://123magazijninrichting.nl/media/menu_images/p/a/resized/80_80/panorama_spiegel.jpg" 4027 alt="Panoramaspiegels Beeld" 4028 /> 4029 </picture> 4030 <div class="my-auto"> 4031 Panoramaspiegels </div> 4032 </a> 4033 </div> 4034 <div class="nav-item last:mb-[100px]"> 4035 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/spiegels/verkeersspiegels/" aria-label="Verkeersspiegels"> 4036 <picture> 4037 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/v/e/resized/80_80/verkeersspiegel.jpg"> 4038 <img loading="lazy" 4039 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4040 src="https://123magazijninrichting.nl/media/menu_images/v/e/resized/80_80/verkeersspiegel.jpg" 4041 alt="Verkeersspiegels Beeld" 4042 /> 4043 </picture> 4044 <div class="my-auto"> 4045 Verkeersspiegels </div> 4046 </a> 4047 </div> 4048 <div class="nav-item last:mb-[100px]"> 4049 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/spiegels/waarnemingsspiegels/" aria-label="Waarnemingsspiegels"> 4050 <picture> 4051 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/w/a/resized/80_80/waarnemingsspiegel.jpg"> 4052 <img loading="lazy" 4053 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4054 src="https://123magazijninrichting.nl/media/menu_images/w/a/resized/80_80/waarnemingsspiegel.jpg" 4055 alt="Waarnemingsspiegels Beeld" 4056 /> 4057 </picture> 4058 <div class="my-auto"> 4059 Waarnemingsspiegels </div> 4060 </a> 4061 </div> 4062 </div> 4063 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 4064 :class="[ 4065 activeLevel == 3 && activeId.includes('category-node-89') ? 'translate-x-0' : '', 4066 activeId.includes('category-node-89') && activeLevel > 3 ? '-translate-x-full' : '', 4067 !activeId.includes('category-node-89') ? 'translate-x-full' : ''
4068 ].filter(Boolean).join(' ')" 4069 x-init=" 4070 $watch(() => !activeId.includes('category-node-89'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 4071 $watch(() => activeId.includes('category-node-89') && activeLevel > 3, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 4072 " 4073 > 4074 <div class="back-button"> 4075 <button 4076 type="button" 4077 @click="activeLevel = 2; removeFromActiveId('category-node-89'); scrollToTop()" 4078 aria-label="Back to previous category" 4079 > 4080 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 4081 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 4082</svg> 4083 <span class="ml-2">Terug</span> 4084 </button> 4085 </div> 4086 <div class="nav-item last:mb-[100px]"> 4087 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/veiligheidsartikelen/vloermarkering/voordeelsets/" aria-label="Vloermarkering voordeelsets"> 4088 <picture> 4089 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/v/o/resized/80_80/voordeelsets_3_x_blauw.jpg"> 4090 <img loading="lazy" 4091 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4092 src="https://123magazijninrichting.nl/media/menu_images/v/o/resized/80_80/voordeelsets_3_x_blauw.jpg" 4093 alt="Vloermarkering voordeelsets Beeld" 4094 /> 4095 </picture> 4096 <div class="my-auto"> 4097 Vloermarkering voordeelsets </div> 4098 </a> 4099 </div> 4100 <div class="nav-item last:mb-[100px]"> 4101 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/vloermarkering/markeermachines/" aria-label="Markeermachines"> 4102 <picture> 4103 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/p/r/resized/80_80/proline_vloermarkering_tapeliner_set_75_mm_-_wit_3.jpg"> 4104 <img loading="lazy" 4105 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4106 src="https://123magazijninrichting.nl/media/menu_images/p/r/resized/80_80/proline_vloermarkering_tapeliner_set_75_mm_-_wit_3.jpg" 4107 alt="Markeermachines Beeld" 4108 /> 4109 </picture> 4110 <div class="my-auto"> 4111 Markeermachines </div> 4112 </a> 4113 </div> 4114 <div class="nav-item last:mb-[100px]"> 4115 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/vloermarkering/markeringstape/" aria-label="Markeringstape"> 4116 <picture> 4117 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/t/a/resized/80_80/tape_vinyl_-_geel.jpg"> 4118 <img loading="lazy" 4119 class="menu-image border border-transparent roun
4119ded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4120 src="https://123magazijninrichting.nl/media/menu_images/t/a/resized/80_80/tape_vinyl_-_geel.jpg" 4121 alt="Markeringstape Beeld" 4122 /> 4123 </picture> 4124 <div class="my-auto"> 4125 Markeringstape </div> 4126 </a> 4127 </div> 4128 <div class="nav-item last:mb-[100px]"> 4129 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/vloermarkering/markeringsverf/" aria-label="Markeringsverf"> 4130 <picture> 4131 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/p/r/resized/80_80/proline-paint_markeerverf_voor_bedrijfsvloeren_-_5_liter_-_zilvergrijs_-_2.jpg"> 4132 <img loading="lazy" 4133 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4134 src="https://123magazijninrichting.nl/media/menu_images/p/r/resized/80_80/proline-paint_markeerverf_voor_bedrijfsvloeren_-_5_liter_-_zilvergrijs_-_2.jpg" 4135 alt="Markeringsverf Beeld" 4136 /> 4137 </picture> 4138 <div class="my-auto"> 4139 Markeringsverf </div> 4140 </a> 4141 </div> 4142 <div class="nav-item last:mb-[100px]"> 4143 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/vloermarkering/" aria-label="Vloermarketing accessoires"> 4144 <picture> 4145 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/k/r/resized/80_80/krijt.jpg"> 4146 <img loading="lazy" 4147 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4148 src="https://123magazijninrichting.nl/media/menu_images/k/r/resized/80_80/krijt.jpg" 4149 alt="Vloermarketing accessoires Beeld" 4150 /> 4151 </picture> 4152 <div class="my-auto"> 4153 Vloermarketing accessoires </div> 4154 </a> 4155 </div> 4156 <div class="nav-item last:mb-[100px]"> 4157 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/veiligheidsartikelen/vloermarkering/vloermarkering-stickers/" aria-label="Vloermarkering stickers "> 4158 <picture> 4159 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/2/6/resized/80_80/261f5122.jpg"> 4160 <img loading="lazy" 4161 class="menu-image border border-transparent roun
4161ded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4162 src="https://123magazijninrichting.nl/media/menu_images/2/6/resized/80_80/261f5122.jpg" 4163 alt="Vloermarkering stickers Beeld" 4164 /> 4165 </picture> 4166 <div class="my-auto"> 4167 Vloermarkering stickers </div> 4168 </a> 4169 </div> 4170 </div> 4171 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 4172 :class="[ 4173 activeLevel == 3 && activeId.includes('category-node-90') ? 'translate-x-0' : '', 4174 activeId.includes('category-node-90') && activeLevel > 3 ? '-translate-x-full' : '', 4175 !activeId.includes('category-node-90') ? 'translate-x-full' : '' 4176 ].filter(Boolean).join(' ')" 4177 x-init=" 4178 $watch(() => !activeId.includes('category-node-90'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 4179 $watch(() => activeId.includes('category-node-90') && activeLevel > 3, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 4180 " 4181 > 4182 <div class="back-button"> 4183 <button 4184 type="button" 4185 @click="activeLevel = 2; removeFromActiveId('category-node-90'); scrollToTop()" 4186 aria-label="Back to previous category" 4187 > 4188 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 4189 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 4190</svg> 4191 <span class="ml-2">Terug</span> 4192 </button> 4193 </div> 4194 <div class="nav-item last:mb-[100px]"> 4195 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/veiligheidsborden/locatieborden/" aria-label="Locatieborden"> 4196 <picture> 4197 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_152318.jpg"> 4198 <img loading="lazy" 4199 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4200 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_152318.jpg" 4201 alt="Locatieborden Beeld" 4202 /> 4203 </picture> 4204 <div class="my-auto"> 4205 Locatieborden </div> 4206 </a> 4207 </div> 4208 <div class="nav-item last:mb-[100px]"> 4209 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/veiligheidsborden/informatieborden/" aria-label="Informatieborden"> 4210 <picture> 4211 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_152430.jpg"> 4212 <img loading="lazy" 4213 class="menu-image border border-transparent roun
4213ded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4214 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_152430.jpg" 4215 alt="Informatieborden Beeld" 4216 /> 4217 </picture> 4218 <div class="my-auto"> 4219 Informatieborden </div> 4220 </a> 4221 </div> 4222 <div class="nav-item last:mb-[100px]"> 4223 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/veiligheidsborden/verbodsborden/" aria-label="Verbodsborden"> 4224 <picture> 4225 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_152537.jpg"> 4226 <img loading="lazy" 4227 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4228 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_152537.jpg" 4229 alt="Verbodsborden Beeld" 4230 /> 4231 </picture> 4232 <div class="my-auto"> 4233 Verbodsborden </div> 4234 </a> 4235 </div> 4236 <div class="nav-item last:mb-[100px]"> 4237 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/veiligheidsborden/waarschuwingsborden/" aria-label="Waarschuwingsborden"> 4238 <picture> 4239 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_152608.jpg"> 4240 <img loading="lazy" 4241 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4242 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_152608.jpg" 4243 alt="Waarschuwingsborden Beeld" 4244 /> 4245 </picture> 4246 <div class="my-auto"> 4247 Waarschuwingsborden </div> 4248 </a> 4249 </div> 4250 <div class="nav-item last:mb-[100px]"> 4251 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/veiligheidsborden/nooduitgangborden/" aria-label="Nooduitgangborden"> 4252 <picture> 4253 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_152646.jpg"> 4254 <img loading="lazy" 4255 class="menu-image border border-transparent roun
4255ded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4256 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_152646.jpg" 4257 alt="Nooduitgangborden Beeld" 4258 /> 4259 </picture> 4260 <div class="my-auto"> 4261 Nooduitgangborden </div> 4262 </a> 4263 </div> 4264 </div> 4265 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 4266 :class="[ 4267 activeLevel == 3 && activeId.includes('category-node-157') ? 'translate-x-0' : '', 4268 activeId.includes('category-node-157') && activeLevel > 3 ? '-translate-x-full' : '', 4269 !activeId.includes('category-node-157') ? 'translate-x-full' : '' 4270 ].filter(Boolean).join(' ')" 4271 x-init=" 4272 $watch(() => !activeId.includes('category-node-157'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 4273 $watch(() => activeId.includes('category-node-157') && activeLevel > 3, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 4274 " 4275 > 4276 <div class="back-button"> 4277 <button 4278 type="button" 4279 @click="activeLevel = 2; removeFromActiveId('category-node-157'); scrollToTop()" 4280 aria-label="Back to previous category" 4281 > 4282 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 4283 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 4284</svg> 4285 <span class="ml-2">Terug</span> 4286 </button> 4287 </div> 4288 <div class="nav-item last:mb-[100px]"> 4289 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/palletwagens/" aria-label="Palletwagens"> 4290 <picture> 4291 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/c/2/resized/80_80/c2m-t03456_korte_lepels-500x500_2.jpg"> 4292 <img loading="lazy" 4293 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4294 src="https://123magazijninrichting.nl/media/menu_images/c/2/resized/80_80/c2m-t03456_korte_lepels-500x500_2.jpg" 4295 alt="Palletwagens Beeld" 4296 /> 4297 </picture> 4298 <div class="my-auto"> 4299 Palletwagens </div> 4300 </a> 4301 <div @click="activeId.push('category-node-165'); activeLevel = 4; scrollToTop()"> 4302 <div class="w-6 h-6 -mr-[6px]"> 4303 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 4304 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 4305</svg> 4306 </div> 4307 </div> 4308 </div> 4309 <div class="nav-item last:mb-[
4309100px]"> 4310 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/steekwagens/" aria-label="Steekwagens"> 4311 <picture> 4312 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/2/0/resized/80_80/207.054-l_universele_steekwagen_250_kg-500x500.jpg"> 4313 <img loading="lazy" 4314 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4315 src="https://123magazijninrichting.nl/media/menu_images/2/0/resized/80_80/207.054-l_universele_steekwagen_250_kg-500x500.jpg" 4316 alt="Steekwagens Beeld" 4317 /> 4318 </picture> 4319 <div class="my-auto"> 4320 Steekwagens </div> 4321 </a> 4322 <div @click="activeId.push('category-node-166'); activeLevel = 4; scrollToTop()"> 4323 <div class="w-6 h-6 -mr-[6px]"> 4324 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 4325 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 4326</svg> 4327 </div> 4328 </div> 4329 </div> 4330 <div class="nav-item last:mb-[100px]"> 4331 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/werkplaatswagens/" aria-label="Werkplaatswagens"> 4332 <picture> 4333 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/1/0/resized/80_80/100727__02__rgb.jpg"> 4334 <img loading="lazy" 4335 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4336 src="https://123magazijninrichting.nl/media/menu_images/1/0/resized/80_80/100727__02__rgb.jpg" 4337 alt="Werkplaatswagens Beeld" 4338 /> 4339 </picture> 4340 <div class="my-auto"> 4341 Werkplaatswagens </div> 4342 </a> 4343 </div> 4344 <div class="nav-item last:mb-[100px]"> 4345 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/gereedschapswagens/" aria-label="Gereedschapswagens"> 4346 <picture> 4347 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/g/e/resized/80_80/gereedschapswagen.png"> 4348 <img loading="lazy" 4349 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4350 src="https://123magazijninrichting.nl/media/menu_images/g/e/resized/80_80/gereedschapswagen.png" 4351 alt="Gereedschapswagens Beeld" 4352 /> 4353 </picture> 4354 <div class="my-auto"> 4355 Gereedschapswagens </div> 4356 </a> 4357 </div> 4358 <div class="nav-item last:mb-[
4358100px]"> 4359 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnwagens/" aria-label="Magazijnwagens"> 4360 <picture> 4361 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/a/resized/80_80/magazijnwagens.png"> 4362 <img loading="lazy" 4363 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4364 src="https://123magazijninrichting.nl/media/menu_images/m/a/resized/80_80/magazijnwagens.png" 4365 alt="Magazijnwagens Beeld" 4366 /> 4367 </picture> 4368 <div class="my-auto"> 4369 Magazijnwagens </div> 4370 </a> 4371 <div @click="activeId.push('category-node-168'); activeLevel = 4; scrollToTop()"> 4372 <div class="w-6 h-6 -mr-[6px]"> 4373 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 4374 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 4375</svg> 4376 </div> 4377 </div> 4378 </div> 4379 <div class="nav-item last:mb-[100px]"> 4380 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/orderpickwagens/" aria-label="Orderpickwagens"> 4381 <picture> 4382 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/1/0/resized/80_80/10-1088__rgb_1000.jpg"> 4383 <img loading="lazy" 4384 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4385 src="https://123magazijninrichting.nl/media/menu_images/1/0/resized/80_80/10-1088__rgb_1000.jpg" 4386 alt="Orderpickwagens Beeld" 4387 /> 4388 </picture> 4389 <div class="my-auto"> 4390 Orderpickwagens </div> 4391 </a> 4392 <div @click="activeId.push('category-node-169'); activeLevel = 4; scrollToTop()"> 4393 <div class="w-6 h-6 -mr-[6px]"> 4394 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 4395 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 4396</svg> 4397 </div> 4398 </div> 4399 </div> 4400 <div class="nav-item last:mb-[100px]"> 4401 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/heftafels/" aria-label="Heftafels"> 4402 <picture> 4403 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/h/e/resized/80_80/heftafel_500_kg_verrijdbaar.jpg"> 4404 <img loading="lazy" 4405 class="menu-image border border-transparent roun
4405ded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4406 src="https://123magazijninrichting.nl/media/menu_images/h/e/resized/80_80/heftafel_500_kg_verrijdbaar.jpg" 4407 alt="Heftafels Beeld" 4408 /> 4409 </picture> 4410 <div class="my-auto"> 4411 Heftafels </div> 4412 </a> 4413 <div @click="activeId.push('category-node-170'); activeLevel = 4; scrollToTop()"> 4414 <div class="w-6 h-6 -mr-[6px]"> 4415 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 4416 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 4417</svg> 4418 </div> 4419 </div> 4420 </div> 4421 <div class="nav-item last:mb-[100px]"> 4422 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/esd-wagens/" aria-label="ESD wagens"> 4423 <picture> 4424 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/e/s/resized/80_80/esd_-_tafelwagen_3.jpg"> 4425 <img loading="lazy" 4426 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4427 src="https://123magazijninrichting.nl/media/menu_images/e/s/resized/80_80/esd_-_tafelwagen_3.jpg" 4428 alt="ESD wagens Beeld" 4429 /> 4430 </picture> 4431 <div class="my-auto"> 4432 ESD wagens </div> 4433 </a> 4434 <div @click="activeId.push('category-node-225'); activeLevel = 4; scrollToTop()"> 4435 <div class="w-6 h-6 -mr-[6px]"> 4436 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 4437 <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"/> 4438</svg> 4439 </div> 4440 </div> 4441 </div> 4442 </div> 4443 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 4444 :class="[ 4445 activeLevel == 3 && activeId.includes('category-node-156') ? 'translate-x-0' : '', 4446 activeId.includes('category-node-156') && activeLevel > 3 ? '-translate-x-full' : '', 4447 !activeId.includes('category-node-156') ? 'translate-x-full' : '' 4448 ].filter(Boolean).join(' ')" 4449 x-init=" 4450 $watch(() => !activeId.includes('category-node-156'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 4451 $watch(() => activeId.includes('category-node-156') && activeLevel > 3, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 4452 " 4453 > 4454 <div class="back-button"> 4455 <button 4456 type="button" 4457 @click="activeLevel = 2; removeFromActiveId('category-node-156'); scrollToTop()" 4458 aria-label="Back to previous category" 4459 > 4460 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 4461 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 4462</svg>
4463 <span class="ml-2">Terug</span> 4464 </button> 4465 </div> 4466 <div class="nav-item last:mb-[100px]"> 4467 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/kasten/draaideur/" aria-label="Draaideurkasten"> 4468 <picture> 4469 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/d/r/resized/80_80/draaideurkast_extra_small_zwart_-_100_x_80_x_38.5_cm_-_zwart_1.jpg"> 4470 <img loading="lazy" 4471 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4472 src="https://123magazijninrichting.nl/media/menu_images/d/r/resized/80_80/draaideurkast_extra_small_zwart_-_100_x_80_x_38.5_cm_-_zwart_1.jpg" 4473 alt="Draaideurkasten Beeld" 4474 /> 4475 </picture> 4476 <div class="my-auto"> 4477 Draaideurkasten </div> 4478 </a> 4479 </div> 4480 <div class="nav-item last:mb-[100px]"> 4481 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnbenodigdheden/kasten/garderobekasten/" aria-label="Garderobekasten"> 4482 <picture> 4483 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/c/h/resized/80_80/chb18024v7035-8720061050609-product-1.jpg"> 4484 <img loading="lazy" 4485 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4486 src="https://123magazijninrichting.nl/media/menu_images/c/h/resized/80_80/chb18024v7035-8720061050609-product-1.jpg" 4487 alt="Garderobekasten Beeld" 4488 /> 4489 </picture> 4490 <div class="my-auto"> 4491 Garderobekasten </div> 4492 </a> 4493 </div> 4494 <div class="nav-item last:mb-[100px]"> 4495 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnbenodigdheden/kasten/lockerkasten/" aria-label="Lockerkasten"> 4496 <picture> 4497 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/c/h/resized/80_80/chb180210v9005-8720061050692-product-2.jpg"> 4498 <img loading="lazy" 4499 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4500 src="https://123magazijninrichting.nl/media/menu_images/c/h/resized/80_80/chb180210v9005-8720061050692-product-2.jpg" 4501 alt="Lockerkasten Beeld" 4502 /> 4503 </picture> 4504 <div class="my-auto"> 4505 Lockerkasten </div> 4506 </a> 4507 </div> 4508 <div class="nav-item last:mb-[
4508100px]"> 4509 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/kasten/gereedschap/" aria-label="Gereedschapkasten"> 4510 <picture> 4511 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/g/e/resized/80_80/gereedschapskast_met_9_schuifladen_en_tussenwand_100_x_100_x_50_cm_hxbxd_.jpg"> 4512 <img loading="lazy" 4513 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4514 src="https://123magazijninrichting.nl/media/menu_images/g/e/resized/80_80/gereedschapskast_met_9_schuifladen_en_tussenwand_100_x_100_x_50_cm_hxbxd_.jpg" 4515 alt="Gereedschapkasten Beeld" 4516 /> 4517 </picture> 4518 <div class="my-auto"> 4519 Gereedschapkasten </div> 4520 </a> 4521 </div> 4522 <div class="nav-item last:mb-[100px]"> 4523 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/kasten/lades/" aria-label="Ladekasten"> 4524 <picture> 4525 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/4/0/resized/80_80/4026212281392_20098996_dunkel_rgb.jpg"> 4526 <img loading="lazy" 4527 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4528 src="https://123magazijninrichting.nl/media/menu_images/4/0/resized/80_80/4026212281392_20098996_dunkel_rgb.jpg" 4529 alt="Ladekasten Beeld" 4530 /> 4531 </picture> 4532 <div class="my-auto"> 4533 Ladekasten </div> 4534 </a> 4535 </div> 4536 <div class="nav-item last:mb-[100px]"> 4537 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/kasten/materiaal/" aria-label="Materiaalkasten"> 4538 <picture> 4539 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/g/e/resized/80_80/gereedschapskast_met_2_schuifladen_en_tussenwand_100_x_50_x_50_cm_hxbxd__1.jpg"> 4540 <img loading="lazy" 4541 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4542 src="https://123magazijninrichting.nl/media/menu_images/g/e/resized/80_80/gereedschapskast_met_2_schuifladen_en_tussenwand_100_x_50_x_50_cm_hxbxd__1.jpg" 4543 alt="Materiaalkasten Beeld" 4544 /> 4545 </picture> 4546 <div class="my-auto"> 4547 Materiaalkasten </div> 4548 </a> 4549 </div> 4550 <div class="nav-item last:mb-[
4550100px]"> 4551 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/kasten/vakken/" aria-label="Vakkenkasten"> 4552 <picture> 4553 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-02_135205.jpg"> 4554 <img loading="lazy" 4555 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4556 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-02_135205.jpg" 4557 alt="Vakkenkasten Beeld" 4558 /> 4559 </picture> 4560 <div class="my-auto"> 4561 Vakkenkasten </div> 4562 </a> 4563 </div> 4564 <div class="nav-item last:mb-[100px]"> 4565 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/kasten/veiligheid/" aria-label="Veiligheidskasten"> 4566 <picture> 4567 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_094232.jpg"> 4568 <img loading="lazy" 4569 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4570 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_094232.jpg" 4571 alt="Veiligheidskasten Beeld" 4572 /> 4573 </picture> 4574 <div class="my-auto"> 4575 Veiligheidskasten </div> 4576 </a> 4577 </div> 4578 </div> 4579 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 4580 :class="[ 4581 activeLevel == 3 && activeId.includes('category-node-252') ? 'translate-x-0' : '', 4582 activeId.includes('category-node-252') && activeLevel > 3 ? '-translate-x-full' : '', 4583 !activeId.includes('category-node-252') ? 'translate-x-full' : '' 4584 ].filter(Boolean).join(' ')" 4585 x-init=" 4586 $watch(() => !activeId.includes('category-node-252'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 4587 $watch(() => activeId.includes('category-node-252') && activeLevel > 3, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 4588 " 4589 > 4590 <div class="back-button"> 4591 <button 4592 type="button" 4593 @click="activeLevel = 2; removeFromActiveId('category-node-252'); scrollToTop()" 4594 aria-label="Back to previous category" 4595 > 4596 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 4597 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 4598</svg>
4599 <span class="ml-2">Terug</span> 4600 </button> 4601 </div> 4602 <div class="nav-item last:mb-[100px]"> 4603 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnbenodigdheden/werkplaatsmeubilair/voordeelsets/" aria-label="Werkplaatsmeubilair voordeelsets"> 4604 <picture> 4605 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/o/p/resized/80_80/opstapkruk_rood_metaal_5x.png"> 4606 <img loading="lazy" 4607 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4608 src="https://123magazijninrichting.nl/media/menu_images/o/p/resized/80_80/opstapkruk_rood_metaal_5x.png" 4609 alt="Werkplaatsmeubilair voordeelsets Beeld" 4610 /> 4611 </picture> 4612 <div class="my-auto"> 4613 Werkplaatsmeubilair voordeelsets </div> 4614 </a> 4615 </div> 4616 <div class="nav-item last:mb-[100px]"> 4617 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/werkplaatsmeubilair/werkstoelen/" aria-label="Werkstoelen"> 4618 <picture> 4619 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/w/e/resized/80_80/werkstoel_pur_met_spinvoet_kunststof_41-57_cm_hoog.jpg"> 4620 <img loading="lazy" 4621 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4622 src="https://123magazijninrichting.nl/media/menu_images/w/e/resized/80_80/werkstoel_pur_met_spinvoet_kunststof_41-57_cm_hoog.jpg" 4623 alt="Werkstoelen Beeld" 4624 /> 4625 </picture> 4626 <div class="my-auto"> 4627 Werkstoelen </div> 4628 </a> 4629 </div> 4630 <div class="nav-item last:mb-[100px]"> 4631 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/werkplaatsmeubilair/opstapkrukken/" aria-label="Opstapkrukken"> 4632 <picture> 4633 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/k/u/resized/80_80/kunststof_blauw_.jpg"> 4634 <img loading="lazy" 4635 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4636 src="https://123magazijninrichting.nl/media/menu_images/k/u/resized/80_80/kunststof_blauw_.jpg" 4637 alt="Opstapkrukken Beeld" 4638 /> 4639 </picture> 4640 <div class="my-auto"> 4641 Opstapkrukken </div> 4642 </a> 4643 </div> 4644 <div class="nav-item last:mb-[
4644100px]"> 4645 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/werkplaatsmeubilair/werkkrukken/" aria-label="Werkkrukken"> 4646 <picture> 4647 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/w/e/resized/80_80/werkkruk_met_metalen_frame_en_houten_zitvlak.jpg"> 4648 <img loading="lazy" 4649 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4650 src="https://123magazijninrichting.nl/media/menu_images/w/e/resized/80_80/werkkruk_met_metalen_frame_en_houten_zitvlak.jpg" 4651 alt="Werkkrukken Beeld" 4652 /> 4653 </picture> 4654 <div class="my-auto"> 4655 Werkkrukken </div> 4656 </a> 4657 </div> 4658 </div> 4659 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 4660 :class="[ 4661 activeLevel == 3 && activeId.includes('category-node-314') ? 'translate-x-0' : '', 4662 activeId.includes('category-node-314') && activeLevel > 3 ? '-translate-x-full' : '', 4663 !activeId.includes('category-node-314') ? 'translate-x-full' : '' 4664 ].filter(Boolean).join(' ')" 4665 x-init=" 4666 $watch(() => !activeId.includes('category-node-314'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 4667 $watch(() => activeId.includes('category-node-314') && activeLevel > 3, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 4668 " 4669 > 4670 <div class="back-button"> 4671 <button 4672 type="button" 4673 @click="activeLevel = 2; removeFromActiveId('category-node-314'); scrollToTop()" 4674 aria-label="Back to previous category" 4675 > 4676 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 4677 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 4678</svg> 4679 <span class="ml-2">Terug</span> 4680 </button> 4681 </div> 4682 <div class="nav-item last:mb-[100px]"> 4683 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnbenodigdheden/opslagbakken/palletvoordeel/" aria-label="Opslagbakken palletvoordeel "> 4684 <picture> 4685 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/c/h/resized/80_80/chatgpt_image_8_apr_2026_13_55_12.png"> 4686 <img loading="lazy" 4687 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4688 src="https://123magazijninrichting.nl/media/menu_images/c/h/resized/80_80/chatgpt_image_8_apr_2026_13_55_12.png" 4689 alt="Opslagbakken palletvoordeel Beeld" 4690 /> 4691 </picture> 4692 <div class="my-auto"> 4693 Opslagbakken palletvoordeel </div> 4694 </a> 4695 </div> 4696 <div class="nav-item last:mb-[
4696100px]"> 4697 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnbenodigdheden/opslagbakken/euronormbakken/" aria-label="Euronormbakken"> 4698 <picture> 4699 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/e/u/resized/80_80/euronorm_stapelbare_bak_600_x_400_x_325_mm_-_60_liter_-_grijs__2_1.jpg"> 4700 <img loading="lazy" 4701 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4702 src="https://123magazijninrichting.nl/media/menu_images/e/u/resized/80_80/euronorm_stapelbare_bak_600_x_400_x_325_mm_-_60_liter_-_grijs__2_1.jpg" 4703 alt="Euronormbakken Beeld" 4704 /> 4705 </picture> 4706 <div class="my-auto"> 4707 Euronormbakken </div> 4708 </a> 4709 </div> 4710 <div class="nav-item last:mb-[100px]"> 4711 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnbenodigdheden/opslagbakken/opbergkratten/" aria-label="Opbergkratten"> 4712 <picture> 4713 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stapelkrat_-_rood_1_1.jpg"> 4714 <img loading="lazy" 4715 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4716 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stapelkrat_-_rood_1_1.jpg" 4717 alt="Opbergkratten Beeld" 4718 /> 4719 </picture> 4720 <div class="my-auto"> 4721 Opbergkratten </div> 4722 </a> 4723 </div> 4724 <div class="nav-item last:mb-[100px]"> 4725 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnbenodigdheden/opslagbakken/gebruikt/" aria-label="Gebruikte opslagbakken"> 4726 <picture> 4727 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stapelkrat_-_blauw_5.jpg"> 4728 <img loading="lazy" 4729 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4730 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stapelkrat_-_blauw_5.jpg" 4731 alt="Gebruikte opslagbakken Beeld" 4732 /> 4733 </picture> 4734 <div class="my-auto"> 4735 Gebruikte opslagbakken </div> 4736 </a> 4737 </div> 4738 <div class="nav-item last:mb-[
4738100px]"> 4739 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnbenodigdheden/opslagbakken/stapelbakken/" aria-label="Stapelbakken"> 4740 <picture> 4741 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/1/9/resized/80_80/19d611fd-7683-419e-8a9d-70be9933c7a4.png"> 4742 <img loading="lazy" 4743 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4744 src="https://123magazijninrichting.nl/media/menu_images/1/9/resized/80_80/19d611fd-7683-419e-8a9d-70be9933c7a4.png" 4745 alt="Stapelbakken Beeld" 4746 /> 4747 </picture> 4748 <div class="my-auto"> 4749 Stapelbakken </div> 4750 </a> 4751 </div> 4752 </div> 4753 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 4754 :class="[ 4755 activeLevel == 3 && activeId.includes('category-node-191') ? 'translate-x-0' : '', 4756 activeId.includes('category-node-191') && activeLevel > 3 ? '-translate-x-full' : '', 4757 !activeId.includes('category-node-191') ? 'translate-x-full' : '' 4758 ].filter(Boolean).join(' ')" 4759 x-init=" 4760 $watch(() => !activeId.includes('category-node-191'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 4761 $watch(() => activeId.includes('category-node-191') && activeLevel > 3, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 4762 " 4763 > 4764 <div class="back-button"> 4765 <button 4766 type="button" 4767 @click="activeLevel = 2; removeFromActiveId('category-node-191'); scrollToTop()" 4768 aria-label="Back to previous category" 4769 > 4770 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 4771 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 4772</svg> 4773 <span class="ml-2">Terug</span> 4774 </button> 4775 </div> 4776 <div class="nav-item last:mb-[100px]"> 4777 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/bureaus/vast/" aria-label="Vaste bureaus"> 4778 <picture> 4779 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-26_120952.jpg"> 4780 <img loading="lazy" 4781 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4782 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-26_120952.jpg" 4783 alt="Vaste bureaus Beeld" 4784 /> 4785 </picture> 4786 <div class="my-auto"> 4787 Vaste bureaus </div> 4788 </a> 4789 </div> 4790 <div class="nav-item last:mb-[
4790100px]"> 4791 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/bureaus/elektrisch-verstelbaar/" aria-label="Elektrisch verstelbare bureaus"> 4792 <picture> 4793 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-02_130938_1.jpg"> 4794 <img loading="lazy" 4795 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4796 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-02_130938_1.jpg" 4797 alt="Elektrisch verstelbare bureaus Beeld" 4798 /> 4799 </picture> 4800 <div class="my-auto"> 4801 Elektrisch verstelbare bureaus </div> 4802 </a> 4803 </div> 4804 </div> 4805 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 4806 :class="[ 4807 activeLevel == 3 && activeId.includes('category-node-192') ? 'translate-x-0' : '', 4808 activeId.includes('category-node-192') && activeLevel > 3 ? '-translate-x-full' : '', 4809 !activeId.includes('category-node-192') ? 'translate-x-full' : '' 4810 ].filter(Boolean).join(' ')" 4811 x-init=" 4812 $watch(() => !activeId.includes('category-node-192'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 4813 $watch(() => activeId.includes('category-node-192') && activeLevel > 3, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 4814 " 4815 > 4816 <div class="back-button"> 4817 <button 4818 type="button" 4819 @click="activeLevel = 2; removeFromActiveId('category-node-192'); scrollToTop()" 4820 aria-label="Back to previous category" 4821 > 4822 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 4823 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 4824</svg> 4825 <span class="ml-2">Terug</span> 4826 </button> 4827 </div> 4828 <div class="nav-item last:mb-[100px]"> 4829 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/bureaustoelen/" aria-label="Bureaustoelen"> 4830 <picture> 4831 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/d/d/resized/80_80/dd4ce456-4c28-4cef-aaa5-e0b6bbffeefc.png"> 4832 <img loading="lazy" 4833 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4834 src="https://123magazijninrichting.nl/media/menu_images/d/d/resized/80_80/dd4ce456-4c28-4cef-aaa5-e0b6bbffeefc.png" 4835 alt="Bureaustoelen Beeld" 4836 /> 4837 </picture> 4838 <div class="my-auto"> 4839 Bureaustoelen </div> 4840 </a> 4841 </div> 4842 <div class="nav-item last:mb-[
4842100px]"> 4843 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/stahulp/" aria-label="Stahulp"> 4844 <picture> 4845 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-02_130427_2.jpg"> 4846 <img loading="lazy" 4847 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4848 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-02_130427_2.jpg" 4849 alt="Stahulp Beeld" 4850 /> 4851 </picture> 4852 <div class="my-auto"> 4853 Stahulp </div> 4854 </a> 4855 </div> 4856 <div class="nav-item last:mb-[100px]"> 4857 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/krukken/" aria-label="Krukken"> 4858 <picture> 4859 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/w/e/resized/80_80/werkkruk_met_metalen_frame_en_houten_zitvlak_1.jpg"> 4860 <img loading="lazy" 4861 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4862 src="https://123magazijninrichting.nl/media/menu_images/w/e/resized/80_80/werkkruk_met_metalen_frame_en_houten_zitvlak_1.jpg" 4863 alt="Krukken Beeld" 4864 /> 4865 </picture> 4866 <div class="my-auto"> 4867 Krukken </div> 4868 </a> 4869 </div> 4870 </div> 4871 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 4872 :class="[ 4873 activeLevel == 3 && activeId.includes('category-node-193') ? 'translate-x-0' : '', 4874 activeId.includes('category-node-193') && activeLevel > 3 ? '-translate-x-full' : '', 4875 !activeId.includes('category-node-193') ? 'translate-x-full' : '' 4876 ].filter(Boolean).join(' ')" 4877 x-init=" 4878 $watch(() => !activeId.includes('category-node-193'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 4879 $watch(() => activeId.includes('category-node-193') && activeLevel > 3, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 4880 " 4881 > 4882 <div class="back-button"> 4883 <button 4884 type="button" 4885 @click="activeLevel = 2; removeFromActiveId('category-node-193'); scrollToTop()" 4886 aria-label="Back to previous category" 4887 > 4888 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 4889 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 4890</svg>
4891 <span class="ml-2">Terug</span> 4892 </button> 4893 </div> 4894 <div class="nav-item last:mb-[100px]"> 4895 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/kantoorkasten/draaideur/" aria-label="Draaideurkasten"> 4896 <picture> 4897 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/d/r/resized/80_80/draaideurkast_extra_small_zwart_-_100_x_80_x_38.5_cm_-_zwart2_1.jpg"> 4898 <img loading="lazy" 4899 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4900 src="https://123magazijninrichting.nl/media/menu_images/d/r/resized/80_80/draaideurkast_extra_small_zwart_-_100_x_80_x_38.5_cm_-_zwart2_1.jpg" 4901 alt="Draaideurkasten Beeld" 4902 /> 4903 </picture> 4904 <div class="my-auto"> 4905 Draaideurkasten </div> 4906 </a> 4907 </div> 4908 <div class="nav-item last:mb-[100px]"> 4909 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/kantoorkasten/roldeur/" aria-label="Roldeurkasten"> 4910 <picture> 4911 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/j/a/resized/80_80/jaloeziedeurkast_3oh_wit_zwart_100.jpg"> 4912 <img loading="lazy" 4913 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4914 src="https://123magazijninrichting.nl/media/menu_images/j/a/resized/80_80/jaloeziedeurkast_3oh_wit_zwart_100.jpg" 4915 alt="Roldeurkasten Beeld" 4916 /> 4917 </picture> 4918 <div class="my-auto"> 4919 Roldeurkasten </div> 4920 </a> 4921 </div> 4922 <div class="nav-item last:mb-[100px]"> 4923 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/kantoorkasten/archief/" aria-label="Archiefkasten"> 4924 <picture> 4925 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_compact_archiefstelling_basissectie_.jpg"> 4926 <img loading="lazy" 4927 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4928 src="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_compact_archiefstelling_basissectie_.jpg" 4929 alt="Archiefkasten Beeld" 4930 /> 4931 </picture> 4932 <div class="my-auto"> 4933 Archiefkasten </div> 4934 </a> 4935 </div> 4936 <div class="nav-item last:mb-[
4936100px]"> 4937 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/kantoorinrichting/kantoorkasten/ladeblokken/" aria-label="Ladeblokken"> 4938 <picture> 4939 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-09-02_130714.png"> 4940 <img loading="lazy" 4941 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4942 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-09-02_130714.png" 4943 alt="Ladeblokken Beeld" 4944 /> 4945 </picture> 4946 <div class="my-auto"> 4947 Ladeblokken </div> 4948 </a> 4949 </div> 4950 </div> 4951 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 4952 :class="[ 4953 activeLevel == 3 && activeId.includes('category-node-194') ? 'translate-x-0' : '', 4954 activeId.includes('category-node-194') && activeLevel > 3 ? '-translate-x-full' : '', 4955 !activeId.includes('category-node-194') ? 'translate-x-full' : '' 4956 ].filter(Boolean).join(' ')" 4957 x-init=" 4958 $watch(() => !activeId.includes('category-node-194'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 4959 $watch(() => activeId.includes('category-node-194') && activeLevel > 3, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 4960 " 4961 > 4962 <div class="back-button"> 4963 <button 4964 type="button" 4965 @click="activeLevel = 2; removeFromActiveId('category-node-194'); scrollToTop()" 4966 aria-label="Back to previous category" 4967 > 4968 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 4969 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 4970</svg> 4971 <span class="ml-2">Terug</span> 4972 </button> 4973 </div> 4974 <div class="nav-item last:mb-[100px]"> 4975 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/kantooraccessoires/bureau-displays/" aria-label="Bureau displays "> 4976 <picture> 4977 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-02_131223.jpg"> 4978 <img loading="lazy" 4979 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4980 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-02_131223.jpg" 4981 alt="Bureau displays Beeld" 4982 /> 4983 </picture> 4984 <div class="my-auto"> 4985 Bureau displays </div> 4986 </a> 4987 </div> 4988 <div class="nav-item last:mb-[
4988100px]"> 4989 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/kantoorinrichting/kantooraccessoires/magneetetiketten/" aria-label="Magneetetiketten"> 4990 <picture> 4991 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/c/h/resized/80_80/chatgpt_image_9_apr_2026_09_08_24_1.png"> 4992 <img loading="lazy" 4993 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 4994 src="https://123magazijninrichting.nl/media/menu_images/c/h/resized/80_80/chatgpt_image_9_apr_2026_09_08_24_1.png" 4995 alt="Magneetetiketten Beeld" 4996 /> 4997 </picture> 4998 <div class="my-auto"> 4999 Magneetetiketten </div> 5000 </a> 5001 </div> 5002 </div> 5003 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 5004 :class="[ 5005 activeLevel == 3 && activeId.includes('category-node-195') ? 'translate-x-0' : '', 5006 activeId.includes('category-node-195') && activeLevel > 3 ? '-translate-x-full' : '', 5007 !activeId.includes('category-node-195') ? 'translate-x-full' : '' 5008 ].filter(Boolean).join(' ')" 5009 x-init=" 5010 $watch(() => !activeId.includes('category-node-195'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 5011 $watch(() => activeId.includes('category-node-195') && activeLevel > 3, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 5012 " 5013 > 5014 <div class="back-button"> 5015 <button 5016 type="button" 5017 @click="activeLevel = 2; removeFromActiveId('category-node-195'); scrollToTop()" 5018 aria-label="Back to previous category" 5019 > 5020 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 5021 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 5022</svg> 5023 <span class="ml-2">Terug</span> 5024 </button> 5025 </div> 5026 <div class="nav-item last:mb-[100px]"> 5027 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/kantinestoelen/" aria-label="Kantinestoelen "> 5028 <picture> 5029 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-05-23_115851_2.jpg"> 5030 <img loading="lazy" 5031 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5032 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-05-23_115851_2.jpg" 5033 alt="Kantinestoelen Beeld" 5034 /> 5035 </picture> 5036 <div class="my-auto"> 5037 Kantinestoelen </div> 5038 </a> 5039 </div> 5040 <div class="nav-item last:mb-[
5040100px]"> 5041 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/kantinetafels/" aria-label="Kantinetafels"> 5042 <picture> 5043 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/r/u/resized/80_80/rustiek_eik_-_zwart.jpg"> 5044 <img loading="lazy" 5045 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5046 src="https://123magazijninrichting.nl/media/menu_images/r/u/resized/80_80/rustiek_eik_-_zwart.jpg" 5047 alt="Kantinetafels Beeld" 5048 /> 5049 </picture> 5050 <div class="my-auto"> 5051 Kantinetafels </div> 5052 </a> 5053 </div> 5054 </div> 5055 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 5056 :class="[ 5057 activeLevel == 3 && activeId.includes('category-node-196') ? 'translate-x-0' : '', 5058 activeId.includes('category-node-196') && activeLevel > 3 ? '-translate-x-full' : '', 5059 !activeId.includes('category-node-196') ? 'translate-x-full' : '' 5060 ].filter(Boolean).join(' ')" 5061 x-init=" 5062 $watch(() => !activeId.includes('category-node-196'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 5063 $watch(() => activeId.includes('category-node-196') && activeLevel > 3, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 5064 " 5065 > 5066 <div class="back-button"> 5067 <button 5068 type="button" 5069 @click="activeLevel = 2; removeFromActiveId('category-node-196'); scrollToTop()" 5070 aria-label="Back to previous category" 5071 > 5072 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 5073 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 5074</svg> 5075 <span class="ml-2">Terug</span> 5076 </button> 5077 </div> 5078 <div class="nav-item last:mb-[100px]"> 5079 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/kantoormeubilair-gebruikt/ladeblokken/" aria-label="Gebruikte ladeblokken"> 5080 <picture> 5081 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/l/a/resized/80_80/ladeblok_gebruikt_-_53_x_41.5_x_40_-_donker_grijs_-_2.png"> 5082 <img loading="lazy" 5083 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5084 src="https://123magazijninrichting.nl/media/menu_images/l/a/resized/80_80/ladeblok_gebruikt_-_53_x_41.5_x_40_-_donker_grijs_-_2.png" 5085 alt="Gebruikte ladeblokken Beeld" 5086 /> 5087 </picture> 5088 <div class="my-auto"> 5089 Gebruikte ladeblokken </div> 5090 </a> 5091 </div> 5092 <div class="nav-item last:mb-[
5092100px]"> 5093 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/kantoormeubilair-gebruikt/kasten/" aria-label="Gebruikte kasten"> 5094 <picture> 5095 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/d/r/resized/80_80/draaideurkast_extra_small_zwart_-_100_x_80_x_38.5_cm_-_zwart2.jpg"> 5096 <img loading="lazy" 5097 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5098 src="https://123magazijninrichting.nl/media/menu_images/d/r/resized/80_80/draaideurkast_extra_small_zwart_-_100_x_80_x_38.5_cm_-_zwart2.jpg" 5099 alt="Gebruikte kasten Beeld" 5100 /> 5101 </picture> 5102 <div class="my-auto"> 5103 Gebruikte kasten </div> 5104 </a> 5105 </div> 5106 <div class="nav-item last:mb-[100px]"> 5107 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/kantoormeubilair-gebruikt/bureaus/" aria-label="Gebruikte bureaus"> 5108 <picture> 5109 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-02_130929.jpg"> 5110 <img loading="lazy" 5111 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5112 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-02_130929.jpg" 5113 alt="Gebruikte bureaus Beeld" 5114 /> 5115 </picture> 5116 <div class="my-auto"> 5117 Gebruikte bureaus </div> 5118 </a> 5119 </div> 5120 <div class="nav-item last:mb-[100px]"> 5121 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/kantoormeubilair-gebruikt/zitmeubilair/" aria-label="Gebruikt zitmeubilair"> 5122 <picture> 5123 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/c/o/resized/80_80/conferentiestel_vergaderstoel_zwart_bewerkt.png"> 5124 <img loading="lazy" 5125 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5126 src="https://123magazijninrichting.nl/media/menu_images/c/o/resized/80_80/conferentiestel_vergaderstoel_zwart_bewerkt.png" 5127 alt="Gebruikt zitmeubilair Beeld" 5128 /> 5129 </picture> 5130 <div class="my-auto"> 5131 Gebruikt zitmeubilair </div> 5132 </a> 5133 </div> 5134 <div class="nav-item last:mb-[
5134100px]"> 5135 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/kantoormeubilair-gebruikt/kantinemeubilair/" aria-label="Gebruikt kantinemeubilair"> 5136 <picture> 5137 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-05-23_115851_1.jpg"> 5138 <img loading="lazy" 5139 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5140 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-05-23_115851_1.jpg" 5141 alt="Gebruikt kantinemeubilair Beeld" 5142 /> 5143 </picture> 5144 <div class="my-auto"> 5145 Gebruikt kantinemeubilair </div> 5146 </a> 5147 </div> 5148 <div class="nav-item last:mb-[100px]"> 5149 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/kantoormeubilair-gebruikt/kluizen/" aria-label="Gebruikte kluizen"> 5150 <picture> 5151 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/k/l/resized/80_80/kluis.png"> 5152 <img loading="lazy" 5153 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5154 src="https://123magazijninrichting.nl/media/menu_images/k/l/resized/80_80/kluis.png" 5155 alt="Gebruikte kluizen Beeld" 5156 /> 5157 </picture> 5158 <div class="my-auto"> 5159 Gebruikte kluizen </div> 5160 </a> 5161 </div> 5162 <div class="nav-item last:mb-[100px]"> 5163 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/kantoorinrichting/kantoormeubilair-gebruikt/opruimhoek/" aria-label="Opruimhoek"> 5164 <picture> 5165 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/g/e/resized/80_80/gebruikt_afbeelding_3.png"> 5166 <img loading="lazy" 5167 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5168 src="https://123magazijninrichting.nl/media/menu_images/g/e/resized/80_80/gebruikt_afbeelding_3.png" 5169 alt="Opruimhoek Beeld" 5170 /> 5171 </picture> 5172 <div class="my-auto"> 5173 Opruimhoek </div> 5174 </a> 5175 </div> 5176 </div> 5177 5178 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 5179 :class="[ 5180 activeLevel == 4 && activeId.includes('category-node-34') ? 'translate-x-0' : '', 5181 activeId.includes('category-node-34') && activeLevel > 4 ? '-translate-x-full' : '', 5182 !activeId.includes('category-node-34') ? 'translate-x-full' : ''
5183 ].filter(Boolean).join(' ')" 5184 x-init=" 5185 $watch(() => !activeId.includes('category-node-34'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 5186 $watch(() => activeId.includes('category-node-34') && activeLevel > 4, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 5187 " 5188 > 5189 <div class="back-button"> 5190 <button 5191 type="button" 5192 @click="activeLevel = 3; removeFromActiveId('category-node-34'); scrollToTop()" 5193 aria-label="Back to previous category" 5194 > 5195 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 5196 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 5197</svg> 5198 <span class="ml-2">Terug</span> 5199 </button> 5200 </div> 5201 <div class="nav-item last:mb-[100px]"> 5202 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/legbordstellingen/staanders/" aria-label="Legbordstelling staanders"> 5203 <picture> 5204 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/l/e/resized/80_80/legbord_staander.jpg"> 5205 <img loading="lazy" 5206 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5207 src="https://123magazijninrichting.nl/media/menu_images/l/e/resized/80_80/legbord_staander.jpg" 5208 alt="Legbordstelling staanders Beeld" 5209 /> 5210 </picture> 5211 <div class="my-auto"> 5212 Legbordstelling staanders </div> 5213 </a> 5214 </div> 5215 <div class="nav-item last:mb-[100px]"> 5216 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/legbordstellingen/legborden/" aria-label="Legbordstelling legborden"> 5217 <picture> 5218 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/l/e/resized/80_80/legborden_meta_1.jpg"> 5219 <img loading="lazy" 5220 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5221 src="https://123magazijninrichting.nl/media/menu_images/l/e/resized/80_80/legborden_meta_1.jpg" 5222 alt="Legbordstelling legborden Beeld" 5223 /> 5224 </picture> 5225 <div class="my-auto"> 5226 Legbordstelling legborden </div> 5227 </a> 5228 </div> 5229 <div class="nav-item last:mb-[100px]"> 5230 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/legbordstellingen/stelvoeten/" aria-label="Legbordstelling stelvoeten"> 5231 <picture> 5232 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stelvoet_dubbelzijdig.jpg"> 5233 <img loading="lazy" 5234 class="menu-image border border-transparent roun
5234ded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5235 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stelvoet_dubbelzijdig.jpg" 5236 alt="Legbordstelling stelvoeten Beeld" 5237 /> 5238 </picture> 5239 <div class="my-auto"> 5240 Legbordstelling stelvoeten </div> 5241 </a> 5242 </div> 5243 <div class="nav-item last:mb-[100px]"> 5244 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/legbordstellingen/vulplaten/" aria-label="Legbordstelling vulplaten"> 5245 <picture> 5246 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/v/u/resized/80_80/vulplaat_dubbelzijdig_.jpg"> 5247 <img loading="lazy" 5248 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5249 src="https://123magazijninrichting.nl/media/menu_images/v/u/resized/80_80/vulplaat_dubbelzijdig_.jpg" 5250 alt="Legbordstelling vulplaten Beeld" 5251 /> 5252 </picture> 5253 <div class="my-auto"> 5254 Legbordstelling vulplaten </div> 5255 </a> 5256 </div> 5257 <div class="nav-item last:mb-[100px]"> 5258 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/legbordstellingen/lengteversteviging/" aria-label="Legbordstelling lengteversteviging"> 5259 <picture> 5260 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/l/a/resized/80_80/langschoren_.jpg"> 5261 <img loading="lazy" 5262 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5263 src="https://123magazijninrichting.nl/media/menu_images/l/a/resized/80_80/langschoren_.jpg" 5264 alt="Legbordstelling lengteversteviging Beeld" 5265 /> 5266 </picture> 5267 <div class="my-auto"> 5268 Legbordstelling lengteversteviging </div> 5269 </a> 5270 </div> 5271 <div class="nav-item last:mb-[100px]"> 5272 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/legbordstellingen/metaclips/" aria-label="Legbordstelling clips"> 5273 <picture> 5274 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/_/x/resized/80_80/_x0a9405_rgb.jpg"> 5275 <img loading="lazy" 5276 class="menu-image border border-transparent roun
5276ded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5277 src="https://123magazijninrichting.nl/media/menu_images/_/x/resized/80_80/_x0a9405_rgb.jpg" 5278 alt="Legbordstelling clips Beeld" 5279 /> 5280 </picture> 5281 <div class="my-auto"> 5282 Legbordstelling clips </div> 5283 </a> 5284 </div> 5285 <div class="nav-item last:mb-[100px]"> 5286 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/legbordstellingen/profielklemmen/" aria-label="Legbordstelling profielklemmen"> 5287 <picture> 5288 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/_/x/resized/80_80/_x0a9409_rgb.jpg"> 5289 <img loading="lazy" 5290 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5291 src="https://123magazijninrichting.nl/media/menu_images/_/x/resized/80_80/_x0a9409_rgb.jpg" 5292 alt="Legbordstelling profielklemmen Beeld" 5293 /> 5294 </picture> 5295 <div class="my-auto"> 5296 Legbordstelling profielklemmen </div> 5297 </a> 5298 </div> 5299 <div class="nav-item last:mb-[100px]"> 5300 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/legbordstellingen/klemvoeten/" aria-label="Legbordstelling klemvoeten"> 5301 <picture> 5302 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/_/x/resized/80_80/_x0a9420_rgb.jpg"> 5303 <img loading="lazy" 5304 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5305 src="https://123magazijninrichting.nl/media/menu_images/_/x/resized/80_80/_x0a9420_rgb.jpg" 5306 alt="Legbordstelling klemvoeten Beeld" 5307 /> 5308 </picture> 5309 <div class="my-auto"> 5310 Legbordstelling klemvoeten </div> 5311 </a> 5312 </div> 5313 <div class="nav-item last:mb-[100px]"> 5314 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/legbordstellingen/afdekdoppen/" aria-label="Legbordstelling afdekdoppen"> 5315 <picture> 5316 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/_/x/resized/80_80/_x0a9411_rgb.jpg"> 5317 <img loading="lazy" 5318 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5319 src="https://123magazijninrichting.nl/media/menu_images/_/x/resized/80_80/_x0a9411_rgb.jpg" 5320 alt="Legbordstelling afdekdoppen Beeld" 5321 /> 5322 </picture> 5323 <div class="my-auto"> 5324 Legbordstelling afdekdoppen </div> 5325 </a> 5326 </div> 5327 <div class="nav-item last:mb-[
5327100px]"> 5328 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/legbordstellingen/spanners/" aria-label="Legbordstelling spanners"> 5329 <picture> 5330 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/p/resized/80_80/spanner_.jpg"> 5331 <img loading="lazy" 5332 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5333 src="https://123magazijninrichting.nl/media/menu_images/s/p/resized/80_80/spanner_.jpg" 5334 alt="Legbordstelling spanners Beeld" 5335 /> 5336 </picture> 5337 <div class="my-auto"> 5338 Legbordstelling spanners </div> 5339 </a> 5340 </div> 5341 <div class="nav-item last:mb-[100px]"> 5342 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/legbordstellingen/diagonaalstangen/" aria-label="Legbordstelling diagonaalstangen"> 5343 <picture> 5344 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/d/i/resized/80_80/diagonaal.jpg"> 5345 <img loading="lazy" 5346 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5347 src="https://123magazijninrichting.nl/media/menu_images/d/i/resized/80_80/diagonaal.jpg" 5348 alt="Legbordstelling diagonaalstangen Beeld" 5349 /> 5350 </picture> 5351 <div class="my-auto"> 5352 Legbordstelling diagonaalstangen </div> 5353 </a> 5354 </div> 5355 </div> 5356 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 5357 :class="[ 5358 activeLevel == 4 && activeId.includes('category-node-202') ? 'translate-x-0' : '', 5359 activeId.includes('category-node-202') && activeLevel > 4 ? '-translate-x-full' : '', 5360 !activeId.includes('category-node-202') ? 'translate-x-full' : '' 5361 ].filter(Boolean).join(' ')" 5362 x-init=" 5363 $watch(() => !activeId.includes('category-node-202'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 5364 $watch(() => activeId.includes('category-node-202') && activeLevel > 4, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 5365 " 5366 > 5367 <div class="back-button"> 5368 <button 5369 type="button" 5370 @click="activeLevel = 3; removeFromActiveId('category-node-202'); scrollToTop()" 5371 aria-label="Back to previous category" 5372 > 5373 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 5374 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 5375</svg>
5376 <span class="ml-2">Terug</span> 5377 </button> 5378 </div> 5379 <div class="nav-item last:mb-[100px]"> 5380 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/legbordstellingen/accessoires/vakverdelers/" aria-label="Legbordstelling vakverdelers"> 5381 <picture> 5382 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_vakverdeler_.jpg"> 5383 <img loading="lazy" 5384 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5385 src="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_vakverdeler_.jpg" 5386 alt="Legbordstelling vakverdelers Beeld" 5387 /> 5388 </picture> 5389 <div class="my-auto"> 5390 Legbordstelling vakverdelers </div> 5391 </a> 5392 </div> 5393 <div class="nav-item last:mb-[100px]"> 5394 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/legbordstellingen/lades/" aria-label="Legbordstelling lades"> 5395 <picture> 5396 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/l/a/resized/80_80/lade_meta_.jpg"> 5397 <img loading="lazy" 5398 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5399 src="https://123magazijninrichting.nl/media/menu_images/l/a/resized/80_80/lade_meta_.jpg" 5400 alt="Legbordstelling lades Beeld" 5401 /> 5402 </picture> 5403 <div class="my-auto"> 5404 Legbordstelling lades </div> 5405 </a> 5406 </div> 5407 <div class="nav-item last:mb-[100px]"> 5408 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/legbordstellingen/achterwanden/" aria-label="Legbordstelling achterwanden"> 5409 <picture> 5410 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/d/i/resized/80_80/dichte_achterwand.jpg"> 5411 <img loading="lazy" 5412 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5413 src="https://123magazijninrichting.nl/media/menu_images/d/i/resized/80_80/dichte_achterwand.jpg" 5414 alt="Legbordstelling achterwanden Beeld" 5415 /> 5416 </picture> 5417 <div class="my-auto"> 5418 Legbordstelling achterwanden </div> 5419 </a> 5420 </div> 5421 <div class="nav-item last:mb-[
5421100px]"> 5422 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnstellingen/legbordstellingen/accessoires/legbordstelling-etikethouders/" aria-label="Legbordstelling etikethouders"> 5423 <picture> 5424 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-28_084506.png"> 5425 <img loading="lazy" 5426 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5427 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-28_084506.png" 5428 alt="Legbordstelling etikethouders Beeld" 5429 /> 5430 </picture> 5431 <div class="my-auto"> 5432 Legbordstelling etikethouders </div> 5433 </a> 5434 </div> 5435 <div class="nav-item last:mb-[100px]"> 5436 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnstellingen/legbordstellingen/accessoires/overige-accessoires/" aria-label="Overige accessoires"> 5437 <picture> 5438 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-28_085102.png"> 5439 <img loading="lazy" 5440 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5441 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-28_085102.png" 5442 alt="Overige accessoires Beeld" 5443 /> 5444 </picture> 5445 <div class="my-auto"> 5446 Overige accessoires </div> 5447 </a> 5448 </div> 5449 </div> 5450 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 5451 :class="[ 5452 activeLevel == 4 && activeId.includes('category-node-51') ? 'translate-x-0' : '', 5453 activeId.includes('category-node-51') && activeLevel > 4 ? '-translate-x-full' : '', 5454 !activeId.includes('category-node-51') ? 'translate-x-full' : '' 5455 ].filter(Boolean).join(' ')" 5456 x-init=" 5457 $watch(() => !activeId.includes('category-node-51'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 5458 $watch(() => activeId.includes('category-node-51') && activeLevel > 4, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 5459 " 5460 > 5461 <div class="back-button"> 5462 <button 5463 type="button" 5464 @click="activeLevel = 3; removeFromActiveId('category-node-51'); scrollToTop()" 5465 aria-label="Back to previous category" 5466 > 5467 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 5468 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 5469</svg>
5470 <span class="ml-2">Terug</span> 5471 </button> 5472 </div> 5473 <div class="nav-item last:mb-[100px]"> 5474 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/palletstellingen/borgpennen/" aria-label="Palletstelling borgpennen"> 5475 <picture> 5476 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/b/o/resized/80_80/borgpen_2.jpg"> 5477 <img loading="lazy" 5478 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5479 src="https://123magazijninrichting.nl/media/menu_images/b/o/resized/80_80/borgpen_2.jpg" 5480 alt="Palletstelling borgpennen Beeld" 5481 /> 5482 </picture> 5483 <div class="my-auto"> 5484 Palletstelling borgpennen </div> 5485 </a> 5486 </div> 5487 <div class="nav-item last:mb-[100px]"> 5488 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/palletstellingen/keilankers/" aria-label="Palletstelling keilankers"> 5489 <picture> 5490 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/k/e/resized/80_80/keilanker_.jpg"> 5491 <img loading="lazy" 5492 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5493 src="https://123magazijninrichting.nl/media/menu_images/k/e/resized/80_80/keilanker_.jpg" 5494 alt="Palletstelling keilankers Beeld" 5495 /> 5496 </picture> 5497 <div class="my-auto"> 5498 Palletstelling keilankers </div> 5499 </a> 5500 </div> 5501 <div class="nav-item last:mb-[100px]"> 5502 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/palletstellingen/liggers/" aria-label="Palletstelling liggers"> 5503 <picture> 5504 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_130735_1.jpg"> 5505 <img loading="lazy" 5506 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5507 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_130735_1.jpg" 5508 alt="Palletstelling liggers Beeld" 5509 /> 5510 </picture> 5511 <div class="my-auto"> 5512 Palletstelling liggers </div> 5513 </a> 5514 </div> 5515 <div class="nav-item last:mb-[
5515100px]"> 5516 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/palletstellingen/staanders/" aria-label="Palletstelling staanders"> 5517 <picture> 5518 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_staander.jpg"> 5519 <img loading="lazy" 5520 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5521 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_staander.jpg" 5522 alt="Palletstelling staanders Beeld" 5523 /> 5524 </picture> 5525 <div class="my-auto"> 5526 Palletstelling staanders </div> 5527 </a> 5528 </div> 5529 <div class="nav-item last:mb-[100px]"> 5530 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/palletstellingen/schoren/" aria-label="Palletstelling schoren"> 5531 <picture> 5532 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_horizontaal_-_diagonaal_schoor.jpg"> 5533 <img loading="lazy" 5534 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5535 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_horizontaal_-_diagonaal_schoor.jpg" 5536 alt="Palletstelling schoren Beeld" 5537 /> 5538 </picture> 5539 <div class="my-auto"> 5540 Palletstelling schoren </div> 5541 </a> 5542 </div> 5543 <div class="nav-item last:mb-[100px]"> 5544 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/palletstellingen/vulplaten/" aria-label="Palletstelling vulplaten"> 5545 <picture> 5546 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_100801.jpg"> 5547 <img loading="lazy" 5548 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5549 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_100801.jpg" 5550 alt="Palletstelling vulplaten Beeld" 5551 /> 5552 </picture> 5553 <div class="my-auto"> 5554 Palletstelling vulplaten </div> 5555 </a> 5556 </div> 5557 <div class="nav-item last:mb-[
5557100px]"> 5558 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/palletstellingen/voetplaten/" aria-label="Palletstelling voetplaten"> 5559 <picture> 5560 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_1008402_1.jpg"> 5561 <img loading="lazy" 5562 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5563 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_1008402_1.jpg" 5564 alt="Palletstelling voetplaten Beeld" 5565 /> 5566 </picture> 5567 <div class="my-auto"> 5568 Palletstelling voetplaten </div> 5569 </a> 5570 </div> 5571 </div> 5572 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 5573 :class="[ 5574 activeLevel == 4 && activeId.includes('category-node-208') ? 'translate-x-0' : '', 5575 activeId.includes('category-node-208') && activeLevel > 4 ? '-translate-x-full' : '', 5576 !activeId.includes('category-node-208') ? 'translate-x-full' : '' 5577 ].filter(Boolean).join(' ')" 5578 x-init=" 5579 $watch(() => !activeId.includes('category-node-208'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 5580 $watch(() => activeId.includes('category-node-208') && activeLevel > 4, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 5581 " 5582 > 5583 <div class="back-button"> 5584 <button 5585 type="button" 5586 @click="activeLevel = 3; removeFromActiveId('category-node-208'); scrollToTop()" 5587 aria-label="Back to previous category" 5588 > 5589 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 5590 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 5591</svg> 5592 <span class="ml-2">Terug</span> 5593 </button> 5594 </div> 5595 <div class="nav-item last:mb-[100px]"> 5596 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/palletstellingen/afstandhouders/" aria-label="Palletstelling afstandhouders"> 5597 <picture> 5598 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_101057.jpg"> 5599 <img loading="lazy" 5600 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5601 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_101057.jpg" 5602 alt="Palletstelling afstandhouders Beeld" 5603 /> 5604 </picture> 5605 <div class="my-auto"> 5606 Palletstelling afstandhouders </div> 5607 </a> 5608 </div> 5609 <div class="nav-item last:mb-[
5609100px]"> 5610 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/palletstellingen/doorschuifbeveiliging/" aria-label="Palletstelling doorschuifbeveiliging"> 5611 <picture> 5612 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_doordrukbeveiliging_1.jpg"> 5613 <img loading="lazy" 5614 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5615 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_doordrukbeveiliging_1.jpg" 5616 alt="Palletstelling doorschuifbeveiliging Beeld" 5617 /> 5618 </picture> 5619 <div class="my-auto"> 5620 Palletstelling doorschuifbeveiliging </div> 5621 </a> 5622 </div> 5623 <div class="nav-item last:mb-[100px]"> 5624 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/palletstellingen/gaaswand/" aria-label="Palletstelling gaaswanden"> 5625 <picture> 5626 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_101916.jpg"> 5627 <img loading="lazy" 5628 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5629 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_101916.jpg" 5630 alt="Palletstelling gaaswanden Beeld" 5631 /> 5632 </picture> 5633 <div class="my-auto"> 5634 Palletstelling gaaswanden </div> 5635 </a> 5636 </div> 5637 <div class="nav-item last:mb-[100px]"> 5638 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/palletstellingen/houten-vlonders/" aria-label="Palletstelling houten vlonders"> 5639 <picture> 5640 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/l/a/resized/80_80/lat-om-lat_vlonder.jpeg"> 5641 <img loading="lazy" 5642 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5643 src="https://123magazijninrichting.nl/media/menu_images/l/a/resized/80_80/lat-om-lat_vlonder.jpeg" 5644 alt="Palletstelling houten vlonders Beeld" 5645 /> 5646 </picture> 5647 <div class="my-auto"> 5648 Palletstelling houten vlonders </div> 5649 </a> 5650 </div> 5651 <div class="nav-item last:mb-[
5651100px]"> 5652 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/palletstellingen/stellingroosters/" aria-label="Palletstelling gaasroosters"> 5653 <picture> 5654 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/g/a/resized/80_80/gaasrooster_2.jpg"> 5655 <img loading="lazy" 5656 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5657 src="https://123magazijninrichting.nl/media/menu_images/g/a/resized/80_80/gaasrooster_2.jpg" 5658 alt="Palletstelling gaasroosters Beeld" 5659 /> 5660 </picture> 5661 <div class="my-auto"> 5662 Palletstelling gaasroosters </div> 5663 </a> 5664 </div> 5665 <div class="nav-item last:mb-[100px]"> 5666 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/palletstellingen/vakverdelers/" aria-label="Palletstelling vakverdelers"> 5667 <picture> 5668 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/p/a/resized/80_80/palletstelling_vakverdeler_50_cm.jpg"> 5669 <img loading="lazy" 5670 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5671 src="https://123magazijninrichting.nl/media/menu_images/p/a/resized/80_80/palletstelling_vakverdeler_50_cm.jpg" 5672 alt="Palletstelling vakverdelers Beeld" 5673 /> 5674 </picture> 5675 <div class="my-auto"> 5676 Palletstelling vakverdelers </div> 5677 </a> 5678 </div> 5679 <div class="nav-item last:mb-[100px]"> 5680 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnstellingen/palletstellingen/handige-extra-s/diepteliggers/" aria-label="Diepteliggers"> 5681 <picture> 5682 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-23_133138.png"> 5683 <img loading="lazy" 5684 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5685 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-23_133138.png" 5686 alt="Diepteliggers Beeld" 5687 /> 5688 </picture> 5689 <div class="my-auto"> 5690 Diepteliggers </div> 5691 </a> 5692 </div> 5693 <div class="nav-item last:mb-[
5693100px]"> 5694 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnstellingen/palletstellingen/handige-extra-s/stapelbokken/" aria-label="Stapelbokken"> 5695 <picture> 5696 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-09-02_132154_1.png"> 5697 <img loading="lazy" 5698 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5699 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-09-02_132154_1.png" 5700 alt="Stapelbokken Beeld" 5701 /> 5702 </picture> 5703 <div class="my-auto"> 5704 Stapelbokken </div> 5705 </a> 5706 </div> 5707 </div> 5708 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 5709 :class="[ 5710 activeLevel == 4 && activeId.includes('category-node-66') ? 'translate-x-0' : '', 5711 activeId.includes('category-node-66') && activeLevel > 4 ? '-translate-x-full' : '', 5712 !activeId.includes('category-node-66') ? 'translate-x-full' : '' 5713 ].filter(Boolean).join(' ')" 5714 x-init=" 5715 $watch(() => !activeId.includes('category-node-66'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 5716 $watch(() => activeId.includes('category-node-66') && activeLevel > 4, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 5717 " 5718 > 5719 <div class="back-button"> 5720 <button 5721 type="button" 5722 @click="activeLevel = 3; removeFromActiveId('category-node-66'); scrollToTop()" 5723 aria-label="Back to previous category" 5724 > 5725 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 5726 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 5727</svg> 5728 <span class="ml-2">Terug</span> 5729 </button> 5730 </div> 5731 <div class="nav-item last:mb-[100px]"> 5732 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/draagarmstellingen/enkelzijdig/licht/" aria-label="Lichte enkelzijdige draagarmstelling (0-250kg)"> 5733 <picture> 5734 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_atlas_draagarmstelling_enkelzijdig_1_2.jpg"> 5735 <img loading="lazy" 5736 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5737 src="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_atlas_draagarmstelling_enkelzijdig_1_2.jpg" 5738 alt="Lichte enkelzijdige draagarmstelling (0-250kg) Beeld" 5739 /> 5740 </picture> 5741 <div class="my-auto"> 5742 Lichte enkelzijdige draagarmstelling (0-250kg) </div> 5743 </a> 5744 </div> 5745 <div class="nav-item last:mb-[
5745100px]"> 5746 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/draagarmstellingen/enkelzijdig/medium/" aria-label="Medium enkelzijdige draagarmstelling (300-550kg)"> 5747 <picture> 5748 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_multistrong_medium_draagarmstelling_enkelzijdig__1.jpg"> 5749 <img loading="lazy" 5750 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5751 src="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_multistrong_medium_draagarmstelling_enkelzijdig__1.jpg" 5752 alt="Medium enkelzijdige draagarmstelling (300-550kg) Beeld" 5753 /> 5754 </picture> 5755 <div class="my-auto"> 5756 Medium enkelzijdige draagarmstelling (300-550kg) </div> 5757 </a> 5758 </div> 5759 <div class="nav-item last:mb-[100px]"> 5760 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/draagarmstellingen/enkelzijdig/zwaar/" aria-label="Zware enkelzijdige draagarmstelling (600-1000kg)"> 5761 <picture> 5762 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/b/r/resized/80_80/br_zware_draagarmstelling_enkelzijdig_.jpg"> 5763 <img loading="lazy" 5764 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5765 src="https://123magazijninrichting.nl/media/menu_images/b/r/resized/80_80/br_zware_draagarmstelling_enkelzijdig_.jpg" 5766 alt="Zware enkelzijdige draagarmstelling (600-1000kg) Beeld" 5767 /> 5768 </picture> 5769 <div class="my-auto"> 5770 Zware enkelzijdige draagarmstelling (600-1000kg) </div> 5771 </a> 5772 </div> 5773 </div> 5774 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 5775 :class="[ 5776 activeLevel == 4 && activeId.includes('category-node-67') ? 'translate-x-0' : '', 5777 activeId.includes('category-node-67') && activeLevel > 4 ? '-translate-x-full' : '', 5778 !activeId.includes('category-node-67') ? 'translate-x-full' : '' 5779 ].filter(Boolean).join(' ')" 5780 x-init=" 5781 $watch(() => !activeId.includes('category-node-67'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 5782 $watch(() => activeId.includes('category-node-67') && activeLevel > 4, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 5783 " 5784 > 5785 <div class="back-button"> 5786 <button 5787 type="button" 5788 @click="activeLevel = 3; removeFromActiveId('category-node-67'); scrollToTop()" 5789 aria-label="Back to previous category" 5790 > 5791 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 5792 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 5793</svg>
5794 <span class="ml-2">Terug</span> 5795 </button> 5796 </div> 5797 <div class="nav-item last:mb-[100px]"> 5798 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/draagarmstellingen/dubbelzijdig/licht/" aria-label="Lichte dubbelzijdige draagarmstelling (0-250kg)"> 5799 <picture> 5800 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_atlas_draagarmstelling_dubbelzijdig__2.jpg"> 5801 <img loading="lazy" 5802 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5803 src="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_atlas_draagarmstelling_dubbelzijdig__2.jpg" 5804 alt="Lichte dubbelzijdige draagarmstelling (0-250kg) Beeld" 5805 /> 5806 </picture> 5807 <div class="my-auto"> 5808 Lichte dubbelzijdige draagarmstelling (0-250kg) </div> 5809 </a> 5810 </div> 5811 <div class="nav-item last:mb-[100px]"> 5812 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/draagarmstellingen/dubbelzijdig/medium/" aria-label="Medium dubbelzijdige draagarmstelling (300-550kg)"> 5813 <picture> 5814 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_multistrong_medium_draagarmstelling_dubbelzijdig__3.jpg"> 5815 <img loading="lazy" 5816 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5817 src="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_multistrong_medium_draagarmstelling_dubbelzijdig__3.jpg" 5818 alt="Medium dubbelzijdige draagarmstelling (300-550kg) Beeld" 5819 /> 5820 </picture> 5821 <div class="my-auto"> 5822 Medium dubbelzijdige draagarmstelling (300-550kg) </div> 5823 </a> 5824 </div> 5825 <div class="nav-item last:mb-[100px]"> 5826 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/draagarmstellingen/dubbelzijdig/zwaar/" aria-label="Zware dubbelzijdige draagarmstelling (600-1000kg)"> 5827 <picture> 5828 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/b/r/resized/80_80/br_zware_draagarmstelling_dubbelzijdig_.jpg"> 5829 <img loading="lazy" 5830 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5831 src="https://123magazijninrichting.nl/media/menu_images/b/r/resized/80_80/br_zware_draagarmstelling_dubbelzijdig_.jpg" 5832 alt="Zware dubbelzijdige draagarmstelling (600-1000kg) Beeld" 5833 /> 5834 </picture> 5835 <div class="my-auto"> 5836 Zware dubbelzijdige draagarmstelling (600-1000kg) </div> 5837 </a> 5838 </div> 5839 </div> 5840 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 5841 :class="[ 5842 activeLevel == 4 && activeId.includes('category-node-214') ? 'translate-x-0' : '', 5843 activeId.includes('category-node-214') && activeLevel > 4 ? '-translate-x-full' : '', 5844 !activeId.includes('category-node-214') ? 'translate-x-full' : ''
5845 ].filter(Boolean).join(' ')" 5846 x-init=" 5847 $watch(() => !activeId.includes('category-node-214'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 5848 $watch(() => activeId.includes('category-node-214') && activeLevel > 4, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 5849 " 5850 > 5851 <div class="back-button"> 5852 <button 5853 type="button" 5854 @click="activeLevel = 3; removeFromActiveId('category-node-214'); scrollToTop()" 5855 aria-label="Back to previous category" 5856 > 5857 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 5858 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 5859</svg> 5860 <span class="ml-2">Terug</span> 5861 </button> 5862 </div> 5863 <div class="nav-item last:mb-[100px]"> 5864 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/draagarmstellingen/staanders-enkelzijdig/" aria-label="Draagarmstelling staanders - enkelzijdig"> 5865 <picture> 5866 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_multistrong_staander.jpg"> 5867 <img loading="lazy" 5868 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5869 src="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_multistrong_staander.jpg" 5870 alt="Draagarmstelling staanders - enkelzijdig Beeld" 5871 /> 5872 </picture> 5873 <div class="my-auto"> 5874 Draagarmstelling staanders - enkelzijdig </div> 5875 </a> 5876 </div> 5877 <div class="nav-item last:mb-[100px]"> 5878 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/draagarmstellingen/staanders-dubbelzijdig/" aria-label="Draagarmstelling staanders - dubbelzijdig"> 5879 <picture> 5880 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_multistrong_staander_dubbelzijdig.jpg"> 5881 <img loading="lazy" 5882 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5883 src="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_multistrong_staander_dubbelzijdig.jpg" 5884 alt="Draagarmstelling staanders - dubbelzijdig Beeld" 5885 /> 5886 </picture> 5887 <div class="my-auto"> 5888 Draagarmstelling staanders - dubbelzijdig </div> 5889 </a> 5890 </div> 5891 <div class="nav-item last:mb-[
5891100px]"> 5892 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/draagarmstellingen/draagarmen/" aria-label="Draagarmstelling draagarmen"> 5893 <picture> 5894 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/_/x/resized/80_80/_x0a5948_rgb_frei.jpg"> 5895 <img loading="lazy" 5896 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5897 src="https://123magazijninrichting.nl/media/menu_images/_/x/resized/80_80/_x0a5948_rgb_frei.jpg" 5898 alt="Draagarmstelling draagarmen Beeld" 5899 /> 5900 </picture> 5901 <div class="my-auto"> 5902 Draagarmstelling draagarmen </div> 5903 </a> 5904 </div> 5905 <div class="nav-item last:mb-[100px]"> 5906 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/draagarmstellingen/schoren/" aria-label="Draagarmstelling schoren"> 5907 <picture> 5908 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/7/4/resized/80_80/74898.jpg"> 5909 <img loading="lazy" 5910 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5911 src="https://123magazijninrichting.nl/media/menu_images/7/4/resized/80_80/74898.jpg" 5912 alt="Draagarmstelling schoren Beeld" 5913 /> 5914 </picture> 5915 <div class="my-auto"> 5916 Draagarmstelling schoren </div> 5917 </a> 5918 </div> 5919 </div> 5920 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 5921 :class="[ 5922 activeLevel == 4 && activeId.includes('category-node-79') ? 'translate-x-0' : '', 5923 activeId.includes('category-node-79') && activeLevel > 4 ? '-translate-x-full' : '', 5924 !activeId.includes('category-node-79') ? 'translate-x-full' : '' 5925 ].filter(Boolean).join(' ')" 5926 x-init=" 5927 $watch(() => !activeId.includes('category-node-79'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 5928 $watch(() => activeId.includes('category-node-79') && activeLevel > 4, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 5929 " 5930 > 5931 <div class="back-button"> 5932 <button 5933 type="button" 5934 @click="activeLevel = 3; removeFromActiveId('category-node-79'); scrollToTop()" 5935 aria-label="Back to previous category" 5936 > 5937 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 5938 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 5939</svg>
5940 <span class="ml-2">Terug</span> 5941 </button> 5942 </div> 5943 <div class="nav-item last:mb-[100px]"> 5944 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/grootvakstellingen/vakverdelers/" aria-label="Grootvakstelling vakverdelers"> 5945 <picture> 5946 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_105448.jpg"> 5947 <img loading="lazy" 5948 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5949 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_105448.jpg" 5950 alt="Grootvakstelling vakverdelers Beeld" 5951 /> 5952 </picture> 5953 <div class="my-auto"> 5954 Grootvakstelling vakverdelers </div> 5955 </a> 5956 </div> 5957 <div class="nav-item last:mb-[100px]"> 5958 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnstellingen/grootvakstellingen/accessoires/vatenhouders/" aria-label="Vatenhouders"> 5959 <picture> 5960 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-28_083456.png"> 5961 <img loading="lazy" 5962 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 5963 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-28_083456.png" 5964 alt="Vatenhouders Beeld" 5965 /> 5966 </picture> 5967 <div class="my-auto"> 5968 Vatenhouders </div> 5969 </a> 5970 </div> 5971 </div> 5972 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 5973 :class="[ 5974 activeLevel == 4 && activeId.includes('category-node-84') ? 'translate-x-0' : '', 5975 activeId.includes('category-node-84') && activeLevel > 4 ? '-translate-x-full' : '', 5976 !activeId.includes('category-node-84') ? 'translate-x-full' : '' 5977 ].filter(Boolean).join(' ')" 5978 x-init=" 5979 $watch(() => !activeId.includes('category-node-84'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 5980 $watch(() => activeId.includes('category-node-84') && activeLevel > 4, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 5981 " 5982 > 5983 <div class="back-button"> 5984 <button 5985 type="button" 5986 @click="activeLevel = 3; removeFromActiveId('category-node-84'); scrollToTop()" 5987 aria-label="Back to previous category" 5988 > 5989 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 5990 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 5991</svg>
5992 <span class="ml-2">Terug</span> 5993 </button> 5994 </div> 5995 <div class="nav-item last:mb-[100px]"> 5996 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/grootvakstellingen/losse-niveaus/" aria-label="Grootvakstelling losse niveaus"> 5997 <picture> 5998 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/_/7/resized/80_80/_77a5946rgb.jpg"> 5999 <img loading="lazy" 6000 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6001 src="https://123magazijninrichting.nl/media/menu_images/_/7/resized/80_80/_77a5946rgb.jpg" 6002 alt="Grootvakstelling losse niveaus Beeld" 6003 /> 6004 </picture> 6005 <div class="my-auto"> 6006 Grootvakstelling losse niveaus </div> 6007 </a> 6008 </div> 6009 <div class="nav-item last:mb-[100px]"> 6010 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/grootvakstellingen/liggers/" aria-label="Grootvakstelling liggers"> 6011 <picture> 6012 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/2/0/resized/80_80/20057905_rgb.jpg"> 6013 <img loading="lazy" 6014 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6015 src="https://123magazijninrichting.nl/media/menu_images/2/0/resized/80_80/20057905_rgb.jpg" 6016 alt="Grootvakstelling liggers Beeld" 6017 /> 6018 </picture> 6019 <div class="my-auto"> 6020 Grootvakstelling liggers </div> 6021 </a> 6022 </div> 6023 <div class="nav-item last:mb-[100px]"> 6024 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/grootvakstellingen/staanders/" aria-label="Grootvakstelling staanders"> 6025 <picture> 6026 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/4/2/resized/80_80/42757_rgb_3.jpg"> 6027 <img loading="lazy" 6028 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6029 src="https://123magazijninrichting.nl/media/menu_images/4/2/resized/80_80/42757_rgb_3.jpg" 6030 alt="Grootvakstelling staanders Beeld" 6031 /> 6032 </picture> 6033 <div class="my-auto"> 6034 Grootvakstelling staanders </div> 6035 </a> 6036 </div> 6037 </div> 6038 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 6039 :class="[ 6040 activeLevel == 4 && activeId.includes('category-node-123') ? 'translate-x-0' : '', 6041 activeId.includes('category-node-123') && activeLevel > 4 ? '-translate-x-full' : '', 6042 !activeId.includes('category-node-123') ? 'translate-x-full' : ''
6043 ].filter(Boolean).join(' ')" 6044 x-init=" 6045 $watch(() => !activeId.includes('category-node-123'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 6046 $watch(() => activeId.includes('category-node-123') && activeLevel > 4, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 6047 " 6048 > 6049 <div class="back-button"> 6050 <button 6051 type="button" 6052 @click="activeLevel = 3; removeFromActiveId('category-node-123'); scrollToTop()" 6053 aria-label="Back to previous category" 6054 > 6055 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 6056 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 6057</svg> 6058 <span class="ml-2">Terug</span> 6059 </button> 6060 </div> 6061 <div class="nav-item last:mb-[100px]"> 6062 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/bakkenstellingen/magazijnbakken/" aria-label="Magazijnbakken"> 6063 <picture> 6064 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/a/resized/80_80/magazijn_stapelbak_500_x_310_x_200_mm_lxbxh_-_blauw_.jpg"> 6065 <img loading="lazy" 6066 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6067 src="https://123magazijninrichting.nl/media/menu_images/m/a/resized/80_80/magazijn_stapelbak_500_x_310_x_200_mm_lxbxh_-_blauw_.jpg" 6068 alt="Magazijnbakken Beeld" 6069 /> 6070 </picture> 6071 <div class="my-auto"> 6072 Magazijnbakken </div> 6073 </a> 6074 </div> 6075 <div class="nav-item last:mb-[100px]"> 6076 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/bakkenstellingen/stapelkratten/" aria-label="Stapelkratten"> 6077 <picture> 6078 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stapelkrat_-_blauw_1.jpg"> 6079 <img loading="lazy" 6080 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6081 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stapelkrat_-_blauw_1.jpg" 6082 alt="Stapelkratten Beeld" 6083 /> 6084 </picture> 6085 <div class="my-auto"> 6086 Stapelkratten </div> 6087 </a> 6088 </div> 6089 </div> 6090 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 6091 :class="[ 6092 activeLevel == 4 && activeId.includes('category-node-20') ? 'translate-x-0' : '', 6093 activeId.includes('category-node-20') && activeLevel > 4 ? '-translate-x-full' : '', 6094 !activeId.includes('category-node-20') ? 'translate-x-full' : ''
6095 ].filter(Boolean).join(' ')" 6096 x-init=" 6097 $watch(() => !activeId.includes('category-node-20'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 6098 $watch(() => activeId.includes('category-node-20') && activeLevel > 4, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 6099 " 6100 > 6101 <div class="back-button"> 6102 <button 6103 type="button" 6104 @click="activeLevel = 3; removeFromActiveId('category-node-20'); scrollToTop()" 6105 aria-label="Back to previous category" 6106 > 6107 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 6108 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 6109</svg> 6110 <span class="ml-2">Terug</span> 6111 </button> 6112 </div> 6113 <div class="nav-item last:mb-[100px]"> 6114 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/bandenstellingen/voordeelsets/" aria-label="Bandenstelling voordeelsets"> 6115 <picture> 6116 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/r/e/resized/80_80/reifenregal_3-felder-blickhoehe_rgb.jpg"> 6117 <img loading="lazy" 6118 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6119 src="https://123magazijninrichting.nl/media/menu_images/r/e/resized/80_80/reifenregal_3-felder-blickhoehe_rgb.jpg" 6120 alt="Bandenstelling voordeelsets Beeld" 6121 /> 6122 </picture> 6123 <div class="my-auto"> 6124 Bandenstelling voordeelsets </div> 6125 </a> 6126 </div> 6127 <div class="nav-item last:mb-[100px]"> 6128 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/bandenstellingen/onderdelen/" aria-label="Bandenstelling onderdelen "> 6129 <picture> 6130 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/v/e/resized/80_80/velgenstelling_geraamte_.jpg"> 6131 <img loading="lazy" 6132 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6133 src="https://123magazijninrichting.nl/media/menu_images/v/e/resized/80_80/velgenstelling_geraamte_.jpg" 6134 alt="Bandenstelling onderdelen Beeld" 6135 /> 6136 </picture> 6137 <div class="my-auto"> 6138 Bandenstelling onderdelen </div> 6139 </a> 6140 </div> 6141 <div class="nav-item last:mb-[100px]"> 6142 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnstellingen/automotive-stellingen/bandenstellingen/bandenstelling-basissecties/" aria-label="Bandenstelling basissecties"> 6143 <picture> 6144 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-24_155109.png"> 6145 <img loading="lazy" 6146 class="menu-image border border-transparent roun
6146ded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6147 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-24_155109.png" 6148 alt="Bandenstelling basissecties Beeld" 6149 /> 6150 </picture> 6151 <div class="my-auto"> 6152 Bandenstelling basissecties </div> 6153 </a> 6154 </div> 6155 <div class="nav-item last:mb-[100px]"> 6156 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnstellingen/automotive-stellingen/bandenstellingen/bandenstelling-aanbouwsecties/" aria-label="Bandenstelling aanbouwsecties"> 6157 <picture> 6158 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-24_155952.png"> 6159 <img loading="lazy" 6160 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6161 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-24_155952.png" 6162 alt="Bandenstelling aanbouwsecties Beeld" 6163 /> 6164 </picture> 6165 <div class="my-auto"> 6166 Bandenstelling aanbouwsecties </div> 6167 </a> 6168 </div> 6169 </div> 6170 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 6171 :class="[ 6172 activeLevel == 4 && activeId.includes('category-node-21') ? 'translate-x-0' : '', 6173 activeId.includes('category-node-21') && activeLevel > 4 ? '-translate-x-full' : '', 6174 !activeId.includes('category-node-21') ? 'translate-x-full' : '' 6175 ].filter(Boolean).join(' ')" 6176 x-init=" 6177 $watch(() => !activeId.includes('category-node-21'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 6178 $watch(() => activeId.includes('category-node-21') && activeLevel > 4, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 6179 " 6180 > 6181 <div class="back-button"> 6182 <button 6183 type="button" 6184 @click="activeLevel = 3; removeFromActiveId('category-node-21'); scrollToTop()" 6185 aria-label="Back to previous category" 6186 > 6187 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 6188 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 6189</svg> 6190 <span class="ml-2">Terug</span> 6191 </button> 6192 </div> 6193 <div class="nav-item last:mb-[100px]"> 6194 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/velgenstellingen/voordeelsets/" aria-label="Velgenstelling voordeelsets"> 6195 <picture> 6196 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/v/e/resized/80_80/velgenstelling_voordeelrij_3_secties.jpg"> 6197 <img loading="lazy" 6198 class="menu-image border border-transparent roun
6198ded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6199 src="https://123magazijninrichting.nl/media/menu_images/v/e/resized/80_80/velgenstelling_voordeelrij_3_secties.jpg" 6200 alt="Velgenstelling voordeelsets Beeld" 6201 /> 6202 </picture> 6203 <div class="my-auto"> 6204 Velgenstelling voordeelsets </div> 6205 </a> 6206 </div> 6207 <div class="nav-item last:mb-[100px]"> 6208 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnstellingen/automotive-stellingen/velgenstellingen/velgenstelling-basissecties/" aria-label="Velgenstelling basissecties"> 6209 <picture> 6210 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-24_160655.png"> 6211 <img loading="lazy" 6212 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6213 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-24_160655.png" 6214 alt="Velgenstelling basissecties Beeld" 6215 /> 6216 </picture> 6217 <div class="my-auto"> 6218 Velgenstelling basissecties </div> 6219 </a> 6220 </div> 6221 <div class="nav-item last:mb-[100px]"> 6222 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnstellingen/automotive-stellingen/velgenstellingen/velgenstelling-aanbouwsecties/" aria-label="Velgenstelling aanbouwsecties"> 6223 <picture> 6224 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-24_161145.png"> 6225 <img loading="lazy" 6226 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6227 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-24_161145.png" 6228 alt="Velgenstelling aanbouwsecties Beeld" 6229 /> 6230 </picture> 6231 <div class="my-auto"> 6232 Velgenstelling aanbouwsecties </div> 6233 </a> 6234 </div> 6235 <div class="nav-item last:mb-[100px]"> 6236 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnstellingen/automotive-stellingen/velgenstellingen/velgenstelling-losse-onderdelen/" aria-label="Velgenstelling losse onderdelen"> 6237 <picture> 6238 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-24_161414.png"> 6239 <img loading="lazy" 6240 class="menu-image border border-transparent roun
6240ded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6241 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-24_161414.png" 6242 alt="Velgenstelling losse onderdelen Beeld" 6243 /> 6244 </picture> 6245 <div class="my-auto"> 6246 Velgenstelling losse onderdelen </div> 6247 </a> 6248 </div> 6249 </div> 6250 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 6251 :class="[ 6252 activeLevel == 4 && activeId.includes('category-node-165') ? 'translate-x-0' : '', 6253 activeId.includes('category-node-165') && activeLevel > 4 ? '-translate-x-full' : '', 6254 !activeId.includes('category-node-165') ? 'translate-x-full' : '' 6255 ].filter(Boolean).join(' ')" 6256 x-init=" 6257 $watch(() => !activeId.includes('category-node-165'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 6258 $watch(() => activeId.includes('category-node-165') && activeLevel > 4, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 6259 " 6260 > 6261 <div class="back-button"> 6262 <button 6263 type="button" 6264 @click="activeLevel = 3; removeFromActiveId('category-node-165'); scrollToTop()" 6265 aria-label="Back to previous category" 6266 > 6267 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 6268 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 6269</svg> 6270 <span class="ml-2">Terug</span> 6271 </button> 6272 </div> 6273 <div class="nav-item last:mb-[100px]"> 6274 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnbenodigdheden/intern-transport/palletwagens/voordeelsets/" aria-label="Palletwagens voordeelsets "> 6275 <picture> 6276 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/v/o/resized/80_80/voordeelset_standaard_palletwagen_2x.jpg"> 6277 <img loading="lazy" 6278 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6279 src="https://123magazijninrichting.nl/media/menu_images/v/o/resized/80_80/voordeelset_standaard_palletwagen_2x.jpg" 6280 alt="Palletwagens voordeelsets Beeld" 6281 /> 6282 </picture> 6283 <div class="my-auto"> 6284 Palletwagens voordeelsets </div> 6285 </a> 6286 </div> 6287 <div class="nav-item last:mb-[100px]"> 6288 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/palletwagens/standaard/" aria-label="Standaard palletwagens"> 6289 <picture> 6290 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/standaard_palletwagen.png"> 6291 <img loading="lazy" 6292 class="menu-image border border-transparent roun
6292ded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6293 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/standaard_palletwagen.png" 6294 alt="Standaard palletwagens Beeld" 6295 /> 6296 </picture> 6297 <div class="my-auto"> 6298 Standaard palletwagens </div> 6299 </a> 6300 </div> 6301 <div class="nav-item last:mb-[100px]"> 6302 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/palletwagens/rvs/" aria-label="RVS palletwagens"> 6303 <picture> 6304 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/p/a/resized/80_80/palletwagen_rvs_2.png"> 6305 <img loading="lazy" 6306 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6307 src="https://123magazijninrichting.nl/media/menu_images/p/a/resized/80_80/palletwagen_rvs_2.png" 6308 alt="RVS palletwagens Beeld" 6309 /> 6310 </picture> 6311 <div class="my-auto"> 6312 RVS palletwagens </div> 6313 </a> 6314 </div> 6315 <div class="nav-item last:mb-[100px]"> 6316 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/palletwagens/ruw-terrein/" aria-label="Palletwagens ruw terrein"> 6317 <picture> 6318 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/p/a/resized/80_80/palletwagen_ruw_terrein.png"> 6319 <img loading="lazy" 6320 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6321 src="https://123magazijninrichting.nl/media/menu_images/p/a/resized/80_80/palletwagen_ruw_terrein.png" 6322 alt="Palletwagens ruw terrein Beeld" 6323 /> 6324 </picture> 6325 <div class="my-auto"> 6326 Palletwagens ruw terrein </div> 6327 </a> 6328 </div> 6329 </div> 6330 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 6331 :class="[ 6332 activeLevel == 4 && activeId.includes('category-node-166') ? 'translate-x-0' : '', 6333 activeId.includes('category-node-166') && activeLevel > 4 ? '-translate-x-full' : '', 6334 !activeId.includes('category-node-166') ? 'translate-x-full' : '' 6335 ].filter(Boolean).join(' ')" 6336 x-init=" 6337 $watch(() => !activeId.includes('category-node-166'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 6338 $watch(() => activeId.includes('category-node-166') && activeLevel > 4, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 6339 " 6340 > 6341 <div class="back-button"> 6342 <button 6343 type="button" 6344 @click="activeLevel = 3; removeFromActiveId('category-node-166'); scrollToTop()" 6345 aria-label="Back to previous category" 6346 > 6347 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 6348 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 6349</svg>
6350 <span class="ml-2">Terug</span> 6351 </button> 6352 </div> 6353 <div class="nav-item last:mb-[100px]"> 6354 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnbenodigdheden/intern-transport/steekwagens/voordeelsets/" aria-label="Steekwagens voordeelsets "> 6355 <picture> 6356 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/steekwagen_universeel_250_kg_luchtband_wielen_2x.jpg"> 6357 <img loading="lazy" 6358 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6359 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/steekwagen_universeel_250_kg_luchtband_wielen_2x.jpg" 6360 alt="Steekwagens voordeelsets Beeld" 6361 /> 6362 </picture> 6363 <div class="my-auto"> 6364 Steekwagens voordeelsets </div> 6365 </a> 6366 </div> 6367 <div class="nav-item last:mb-[100px]"> 6368 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/steekwagens/universeel/" aria-label="Universele steekwagens"> 6369 <picture> 6370 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/u/n/resized/80_80/universele_steekwagen.png"> 6371 <img loading="lazy" 6372 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6373 src="https://123magazijninrichting.nl/media/menu_images/u/n/resized/80_80/universele_steekwagen.png" 6374 alt="Universele steekwagens Beeld" 6375 /> 6376 </picture> 6377 <div class="my-auto"> 6378 Universele steekwagens </div> 6379 </a> 6380 </div> 6381 <div class="nav-item last:mb-[100px]"> 6382 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/steekwagens/inklapbaar/" aria-label="Inklapbare steekwagens"> 6383 <picture> 6384 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/i/n/resized/80_80/inklapbare_steekwagen.png"> 6385 <img loading="lazy" 6386 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6387 src="https://123magazijninrichting.nl/media/menu_images/i/n/resized/80_80/inklapbare_steekwagen.png" 6388 alt="Inklapbare steekwagens Beeld" 6389 /> 6390 </picture> 6391 <div class="my-auto"> 6392 Inklapbare steekwagens </div> 6393 </a> 6394 </div> 6395 </div> 6396 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 6397 :class="[ 6398 activeLevel == 4 && activeId.includes('category-node-168') ? 'translate-x-0' : '', 6399 activeId.includes('category-node-168') && activeLevel > 4 ? '-translate-x-full' : '', 6400 !activeId.includes('category-node-168') ? 'translate-x-full' : ''
6401 ].filter(Boolean).join(' ')" 6402 x-init=" 6403 $watch(() => !activeId.includes('category-node-168'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 6404 $watch(() => activeId.includes('category-node-168') && activeLevel > 4, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 6405 " 6406 > 6407 <div class="back-button"> 6408 <button 6409 type="button" 6410 @click="activeLevel = 3; removeFromActiveId('category-node-168'); scrollToTop()" 6411 aria-label="Back to previous category" 6412 > 6413 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 6414 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 6415</svg> 6416 <span class="ml-2">Terug</span> 6417 </button> 6418 </div> 6419 <div class="nav-item last:mb-[100px]"> 6420 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnwagens/magazijnkarren/" aria-label="Magazijnkarren"> 6421 <picture> 6422 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/a/resized/80_80/materiaalwagen_.jpg"> 6423 <img loading="lazy" 6424 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6425 src="https://123magazijninrichting.nl/media/menu_images/m/a/resized/80_80/materiaalwagen_.jpg" 6426 alt="Magazijnkarren Beeld" 6427 /> 6428 </picture> 6429 <div class="my-auto"> 6430 Magazijnkarren </div> 6431 </a> 6432 </div> 6433 <div class="nav-item last:mb-[100px]"> 6434 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnwagens/montagewagens/" aria-label="Montagewagens"> 6435 <picture> 6436 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/t/r/resized/80_80/transsport_dolly_2_.jpg"> 6437 <img loading="lazy" 6438 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6439 src="https://123magazijninrichting.nl/media/menu_images/t/r/resized/80_80/transsport_dolly_2_.jpg" 6440 alt="Montagewagens Beeld" 6441 /> 6442 </picture> 6443 <div class="my-auto"> 6444 Montagewagens </div> 6445 </a> 6446 </div> 6447 <div class="nav-item last:mb-[100px]"> 6448 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnwagens/platformwagens/" aria-label="Platformwagens"> 6449 <picture> 6450 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/e/s/resized/80_80/esd_-_platformwagen_2.jpg"> 6451 <img loading="lazy" 6452 class="menu-image border border-transparent roun
6452ded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6453 src="https://123magazijninrichting.nl/media/menu_images/e/s/resized/80_80/esd_-_platformwagen_2.jpg" 6454 alt="Platformwagens Beeld" 6455 /> 6456 </picture> 6457 <div class="my-auto"> 6458 Platformwagens </div> 6459 </a> 6460 </div> 6461 <div class="nav-item last:mb-[100px]"> 6462 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnwagens/rongenwagens/" aria-label="Rongenwagens"> 6463 <picture> 6464 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_153819.jpg"> 6465 <img loading="lazy" 6466 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6467 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_153819.jpg" 6468 alt="Rongenwagens Beeld" 6469 /> 6470 </picture> 6471 <div class="my-auto"> 6472 Rongenwagens </div> 6473 </a> 6474 </div> 6475 <div class="nav-item last:mb-[100px]"> 6476 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnwagens/transport-dollys/" aria-label="Transport dolly's"> 6477 <picture> 6478 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/p/a/resized/80_80/palletonderwagen_-_grijs.jpg"> 6479 <img loading="lazy" 6480 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6481 src="https://123magazijninrichting.nl/media/menu_images/p/a/resized/80_80/palletonderwagen_-_grijs.jpg" 6482 alt="Transport dolly's Beeld" 6483 /> 6484 </picture> 6485 <div class="my-auto"> 6486 Transport dolly's </div> 6487 </a> 6488 </div> 6489 </div> 6490 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 6491 :class="[ 6492 activeLevel == 4 && activeId.includes('category-node-169') ? 'translate-x-0' : '', 6493 activeId.includes('category-node-169') && activeLevel > 4 ? '-translate-x-full' : '', 6494 !activeId.includes('category-node-169') ? 'translate-x-full' : '' 6495 ].filter(Boolean).join(' ')" 6496 x-init=" 6497 $watch(() => !activeId.includes('category-node-169'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 6498 $watch(() => activeId.includes('category-node-169') && activeLevel > 4, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 6499 " 6500 > 6501 <div class="back-button"> 6502 <button 6503 type="button" 6504 @click="activeLevel = 3; removeFromActiveId('category-node-169'); scrollToTop()" 6505 aria-label="Back to previous category" 6506 > 6507 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 6508 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 6509</svg>
6510 <span class="ml-2">Terug</span> 6511 </button> 6512 </div> 6513 <div class="nav-item last:mb-[100px]"> 6514 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/magazijnbenodigdheden/intern-transport/orderpickwagens/voordeelsets/" aria-label="Orderpickwagens voordeelsets "> 6515 <picture> 6516 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/1/9/resized/80_80/19100006.jpg"> 6517 <img loading="lazy" 6518 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6519 src="https://123magazijninrichting.nl/media/menu_images/1/9/resized/80_80/19100006.jpg" 6520 alt="Orderpickwagens voordeelsets Beeld" 6521 /> 6522 </picture> 6523 <div class="my-auto"> 6524 Orderpickwagens voordeelsets </div> 6525 </a> 6526 </div> 6527 <div class="nav-item last:mb-[100px]"> 6528 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/orderpickwagens/pakketwagens/" aria-label="Pakketwagens"> 6529 <picture> 6530 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/8/4/resized/80_80/8482-1.jpg"> 6531 <img loading="lazy" 6532 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6533 src="https://123magazijninrichting.nl/media/menu_images/8/4/resized/80_80/8482-1.jpg" 6534 alt="Pakketwagens Beeld" 6535 /> 6536 </picture> 6537 <div class="my-auto"> 6538 Pakketwagens </div> 6539 </a> 6540 </div> 6541 <div class="nav-item last:mb-[100px]"> 6542 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/orderpickwagens/etagewagens/" aria-label="Etagewagens"> 6543 <picture> 6544 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/8/4/resized/80_80/8481-3de_fetra_etagenwagen_1_.jpg"> 6545 <img loading="lazy" 6546 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6547 src="https://123magazijninrichting.nl/media/menu_images/8/4/resized/80_80/8481-3de_fetra_etagenwagen_1_.jpg" 6548 alt="Etagewagens Beeld" 6549 /> 6550 </picture> 6551 <div class="my-auto"> 6552 Etagewagens </div> 6553 </a> 6554 </div> 6555 <div class="nav-item last:mb-[
6555100px]"> 6556 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/orderpickwagens/tafelwagens/" aria-label="Tafelwagens"> 6557 <picture> 6558 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/e/s/resized/80_80/esd_-_tafelwagen_1.jpg"> 6559 <img loading="lazy" 6560 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6561 src="https://123magazijninrichting.nl/media/menu_images/e/s/resized/80_80/esd_-_tafelwagen_1.jpg" 6562 alt="Tafelwagens Beeld" 6563 /> 6564 </picture> 6565 <div class="my-auto"> 6566 Tafelwagens </div> 6567 </a> 6568 </div> 6569 <div class="nav-item last:mb-[100px]"> 6570 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/orderpickwagens/bakkenwagens/" aria-label="Bakkenwagens"> 6571 <picture> 6572 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/b/a/resized/80_80/bakkenwagen_1.jpg"> 6573 <img loading="lazy" 6574 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6575 src="https://123magazijninrichting.nl/media/menu_images/b/a/resized/80_80/bakkenwagen_1.jpg" 6576 alt="Bakkenwagens Beeld" 6577 /> 6578 </picture> 6579 <div class="my-auto"> 6580 Bakkenwagens </div> 6581 </a> 6582 </div> 6583 <div class="nav-item last:mb-[100px]"> 6584 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/orderpickwagens/orderverzamelwagens/" aria-label="Orderverzamelwagens"> 6585 <picture> 6586 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_154224.jpg"> 6587 <img loading="lazy" 6588 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6589 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_154224.jpg" 6590 alt="Orderverzamelwagens Beeld" 6591 /> 6592 </picture> 6593 <div class="my-auto"> 6594 Orderverzamelwagens </div> 6595 </a> 6596 </div> 6597 </div> 6598 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 6599 :class="[ 6600 activeLevel == 4 && activeId.includes('category-node-170') ? 'translate-x-0' : '', 6601 activeId.includes('category-node-170') && activeLevel > 4 ? '-translate-x-full' : '', 6602 !activeId.includes('category-node-170') ? 'translate-x-full' : ''
6603 ].filter(Boolean).join(' ')" 6604 x-init=" 6605 $watch(() => !activeId.includes('category-node-170'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 6606 $watch(() => activeId.includes('category-node-170') && activeLevel > 4, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 6607 " 6608 > 6609 <div class="back-button"> 6610 <button 6611 type="button" 6612 @click="activeLevel = 3; removeFromActiveId('category-node-170'); scrollToTop()" 6613 aria-label="Back to previous category" 6614 > 6615 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 6616 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 6617</svg> 6618 <span class="ml-2">Terug</span> 6619 </button> 6620 </div> 6621 <div class="nav-item last:mb-[100px]"> 6622 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/heftafels/vast/" aria-label="Vaste heftafels"> 6623 <picture> 6624 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_091710.jpg"> 6625 <img loading="lazy" 6626 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6627 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_091710.jpg" 6628 alt="Vaste heftafels Beeld" 6629 /> 6630 </picture> 6631 <div class="my-auto"> 6632 Vaste heftafels </div> 6633 </a> 6634 </div> 6635 <div class="nav-item last:mb-[100px]"> 6636 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/heftafels/verrijdbaar/" aria-label="Verrijdbare heftafels"> 6637 <picture> 6638 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/h/e/resized/80_80/heftafel_antreciet.jpg"> 6639 <img loading="lazy" 6640 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6641 src="https://123magazijninrichting.nl/media/menu_images/h/e/resized/80_80/heftafel_antreciet.jpg" 6642 alt="Verrijdbare heftafels Beeld" 6643 /> 6644 </picture> 6645 <div class="my-auto"> 6646 Verrijdbare heftafels </div> 6647 </a> 6648 </div> 6649 <div class="nav-item last:mb-[100px]"> 6650 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/heftafels/hefwagens/" aria-label="Hefwagens"> 6651 <picture> 6652 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_091500.jpg"> 6653 <img loading="lazy" 6654 class="menu-image border border-transparent roun
6654ded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6655 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_091500.jpg" 6656 alt="Hefwagens Beeld" 6657 /> 6658 </picture> 6659 <div class="my-auto"> 6660 Hefwagens </div> 6661 </a> 6662 </div> 6663 <div class="nav-item last:mb-[100px]"> 6664 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/heftafels/schaarheftafels/" aria-label="Schaarheftafels"> 6665 <picture> 6666 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_091551.jpg"> 6667 <img loading="lazy" 6668 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6669 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_091551.jpg" 6670 alt="Schaarheftafels Beeld" 6671 /> 6672 </picture> 6673 <div class="my-auto"> 6674 Schaarheftafels </div> 6675 </a> 6676 </div> 6677 </div> 6678 <div class="absolute top-0 w-full transition-transform duration-300 overflow-y-hidden" 6679 :class="[ 6680 activeLevel == 4 && activeId.includes('category-node-225') ? 'translate-x-0' : '', 6681 activeId.includes('category-node-225') && activeLevel > 4 ? '-translate-x-full' : '', 6682 !activeId.includes('category-node-225') ? 'translate-x-full' : '' 6683 ].filter(Boolean).join(' ')" 6684 x-init=" 6685 $watch(() => !activeId.includes('category-node-225'), v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 6686 $watch(() => activeId.includes('category-node-225') && activeLevel > 4, v => v ? setTimeout(() => $el.style.height = '0px', 300) : $el.style.height = '') 6687 " 6688 > 6689 <div class="back-button"> 6690 <button 6691 type="button" 6692 @click="activeLevel = 3; removeFromActiveId('category-node-225'); scrollToTop()" 6693 aria-label="Back to previous category" 6694 > 6695 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="-ml-[6px]" width="24" height="24" aria-hidden="true"> 6696 <path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/> 6697</svg> 6698 <span class="ml-2">Terug</span> 6699 </button> 6700 </div> 6701 <div class="nav-item last:mb-[100px]"> 6702 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/esd-wagens/platformwagens/" aria-label="ESD platformwagens"> 6703 <picture> 6704 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/e/s/resized/80_80/esd_-_platformwagen_2_1.jpg"> 6705 <img loading="lazy" 6706 class="menu-image border border-transparent roun
6706ded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6707 src="https://123magazijninrichting.nl/media/menu_images/e/s/resized/80_80/esd_-_platformwagen_2_1.jpg" 6708 alt="ESD platformwagens Beeld" 6709 /> 6710 </picture> 6711 <div class="my-auto"> 6712 ESD platformwagens </div> 6713 </a> 6714 </div> 6715 <div class="nav-item last:mb-[100px]"> 6716 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/esd-wagens/etagewagens/" aria-label="ESD etagewagens"> 6717 <picture> 6718 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/e/s/resized/80_80/esd-etagewagen.jpg"> 6719 <img loading="lazy" 6720 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6721 src="https://123magazijninrichting.nl/media/menu_images/e/s/resized/80_80/esd-etagewagen.jpg" 6722 alt="ESD etagewagens Beeld" 6723 /> 6724 </picture> 6725 <div class="my-auto"> 6726 ESD etagewagens </div> 6727 </a> 6728 </div> 6729 <div class="nav-item last:mb-[100px]"> 6730 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/esd-wagens/steekwagens/" aria-label="ESD steekwagens"> 6731 <picture> 6732 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/e/s/resized/80_80/esd_-_steekwagen_2.jpg"> 6733 <img loading="lazy" 6734 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6735 src="https://123magazijninrichting.nl/media/menu_images/e/s/resized/80_80/esd_-_steekwagen_2.jpg" 6736 alt="ESD steekwagens Beeld" 6737 /> 6738 </picture> 6739 <div class="my-auto"> 6740 ESD steekwagens </div> 6741 </a> 6742 </div> 6743 <div class="nav-item last:mb-[100px]"> 6744 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/esd-wagens/transport-dollys/" aria-label="ESD transport dolly's"> 6745 <picture> 6746 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/e/s/resized/80_80/esd_-_transport_dolly__1.jpg"> 6747 <img loading="lazy" 6748 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6749 src="https://123magazijninrichting.nl/media/menu_images/e/s/resized/80_80/esd_-_transport_dolly__1.jpg" 6750 alt="ESD transport dolly's Beeld" 6751 /> 6752 </picture> 6753 <div class="my-auto"> 6754 ESD transport dolly's </div> 6755 </a> 6756 </div> 6757 <div class="nav-item last:mb-[
6757100px]"> 6758 <a class="flex flex-row flex-1" href="https://123magazijninrichting.nl/esd-wagens/tafelwagens/" aria-label="ESD tafelwagens"> 6759 <picture> 6760 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/e/s/resized/80_80/esd_-_tafelwagen_2.jpg"> 6761 <img loading="lazy" 6762 class="menu-image border border-transparent rounded mr-2 box-border w-10 h-10 object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 6763 src="https://123magazijninrichting.nl/media/menu_images/e/s/resized/80_80/esd_-_tafelwagen_2.jpg" 6764 alt="ESD tafelwagens Beeld" 6765 /> 6766 </picture> 6767 <div class="my-auto"> 6768 ESD tafelwagens </div> 6769 </a> 6770 </div> 6771 </div> 6772 </div> 6773 </nav> 6774</div> 6775
6776<script> 6777 'use strict'; 6778 6779 const initMenuMobile_6ac5dc5b9b830 = () => { 6780 return { 6781 scrollY: window.scrollY, 6782 showNavigation: false, 6783 mobileMenu: document.getElementById('mobile-menu'), 6784 mobileMenuIcon: document.getElementById('main-menu-icon'), 6785 activeId: [], 6786 activeLevel:1, 6787 openMenu() { 6788 this.scrollY = window.scrollY; 6789 document.documentElement.style.setProperty('--scroll-y', `-${this.scrollY}px`); 6790 document.body.classList.add('body-fixed'); 6791 if (!this.showNavigation) { 6792 this.showNavigation = true; 6793 } 6794 this.mobileMenu.classList.add('opened'); 6795 this.mobileMenuIcon.classList.add('opened'); 6796 document.getElementById("mobile-menu-items").classList.remove('hidden'); 6797 }, 6798 scrollToTop() { 6799 this.$refs.mobileMenuItems.scrollTo({ top: 0 }); 6800 }, 6801 toggleMenu() { 6802 let isOpened = this.mobileMenu.classList.contains('opened'); 6803 isOpened ? this.closeMenu() : this.openMenu() 6804 }, 6805 removeFromActiveId(id) { 6806 var index = this.activeId.indexOf(id); 6807 if (index > -1) { 6808 this.activeId.splice(index, 1); 6809 } 6810 }, 6811 closeMenu() { 6812 document.body.classList.remove('body-fixed'); 6813 window.scrollTo(0, this.scrollY); 6814 this.mobileMenu.classList.remove('opened'); 6815 this.mobileMenuIcon.classList.remove('opened'); 6816 6817 this.activeId = [] 6818 this.activeLevel = 1 6819 }, 6820 eventListeners: { 6821 ['@click.window']() { 6822 if (!this.showNavigation) { 6823 this.showNavigation = true; 6824 } 6825 }, 6826 ['@scroll.window']() { 6827 if (!this.showNavigation) { 6828 this.showNavigation = true; 6829 } 6830 } 6831 }, 6832 } 6833 } 6834</script>
6834 6835 6836<a 6837 class="inline-flex align-middle h-[3.4rem] min-w-max" 6838 href="https://123magazijninrichting.nl/" 6839 aria-label="Go to Home page" 6840> 6841 <picture> 6842 <source type="image/webp" srcset="https://123magazijninrichting.nl/media/webp_image/logo/default/123magazijninrichting.webp"> 6843 <source type="image/png" 6844 srcset="https://123magazijninrichting.nl/media/logo/default/123magazijninrichting.png"> 6845 <img 6846 src="https://123magazijninrichting.nl/media/logo/default/123magazijninrichting.png" 6847 alt="123 Magazijninrichting" 6848 width="189" 6849 height="64" 6850 loading="eager" 6851 fetchpriority="high" 6852 class="sm:h-[3.4rem] h-[2.5rem] w-auto" 6853 loading="lazy" /> </picture> 6854 6855 6856 </a> 6857 6858 <div x-ref="searchContainerDesktop" class="hidden lg:block min-h-a11y px-6 max-w-[40.5rem] w-full shrink"></div> 6859 6860 <div class="ml-auto lg:ml-0 flex sm:gap-6 gap-4 items-center"> 6861 6862 6863<a href="tel:+31 (0)546 433505" class="mr-4 flex-row text-magecode-dark-blue hover:text-magecode-aqua my-auto hidden sm:flex whitespace-nowrap"> 6864 <svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 18 18" fill="none" class="mr-2 pointer-event-none" role="img"> 6865<path d="M16.4402 17.5C14.5557 17.5 12.6625 17.0618 10.7605 16.1855C8.85867 15.3092 7.11125 14.073 5.51825 12.477C3.92542 10.8808 2.69083 9.13333 1.8145 7.2345C0.938167 5.33583 0.5 3.44425 0.5 1.55975C0.5 1.25692 0.6 1.00458 0.8 0.80275C1 0.600916 1.25 0.5 1.55 0.5H4.8115C5.064 0.5 5.28675 0.582417 5.47975 0.74725C5.67275 0.911917 5.7955 1.11542 5.848 1.35775L6.42125 4.3C6.46092 4.573 6.45258 4.80758 6.39625 5.00375C6.33975 5.19992 6.23842 5.36467 6.09225 5.498L3.78275 7.74625C4.15442 8.42692 4.57908 9.07083 5.05675 9.678C5.53425 10.285 6.05125 10.8648 6.60775 11.4173C7.15642 11.9661 7.73975 12.4757 8.35775 12.9462C8.97575 13.4167 9.64308 13.8546 10.3598 14.2598L12.6038 11.9963C12.7603 11.8334 12.9498 11.7193 13.1723 11.6538C13.3946 11.5884 13.6257 11.5724 13.8655 11.6058L16.6423 12.1713C16.8948 12.2379 17.1008 12.3667 17.2605 12.5577C17.4202 12.7487 17.5 12.9654 17.5 13.2078V16.45C17.5 16.75 17.3991 17 17.1973 17.2C16.9954 17.4 16.7431 17.5 16.4402 17.5ZM3.073 6.327L4.85775 4.61925C4.88975 4.59358 4.91058 4.55833 4.92025 4.5135C4.92992 4.46867 4.92833 4.427 4.9155 4.3885L4.48075 2.15375C4.46792 2.10258 4.4455 2.06417 4.4135 2.0385C4.3815 2.01283 4.33983 2 4.2885 2H2.15C2.1115 2 2.07942 2.01283 2.05375 2.0385C2.02825 2.06417 2.0155 2.09625 2.0155 2.13475C2.06667 2.81808 2.1785 3.51225 2.351 4.21725C2.52333 4.92242 2.764 5.62567 3.073 6.327ZM11.773 14.9693C12.4358 15.2783 13.1272 15.5145 13.847 15.678C14.567 15.8413 15.2397 15.9384 15.8652 15.9693C15.9037 15.9693 15.9358 15.9564 15.9615 15.9307C15.9872 15.9051 16 15.873 16 15.8345V13.7308C16 13.6794 15.9872 13.6378 15.9615 13.6058C15.9358 13.5738 15.8974 13.5513 15.8462 13.5385L13.7462 13.1115C13.7077 13.0987 13.6741 13.0971 13.6453 13.1067C13.6164 13.1164 13.5859 13.1372 13.5538 13.1692L11.773 14.9693Z" fill="currentColor"/> 6866<title>phone-icon</title></svg> 6867 <div class="my-auto text-sm leading-[100%]"> 6868 +31 (0)546 433505 </div> 6869</a> 6870 6871 6872 6873<a 6874 type="button" 6875 id="customer-menu" 6876 class="flex flex-row gap-x-2 h-6 w-6 text-magecode-dark-blue hover:text-magecode-aqua" 6877 href="https://123magazijninrichting.nl/customer/account/" 6878 aria-label="Mijn account" 6879> 6880 <svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 20 20" fill="none" class="m-auto pointer-events-none" role="img"> 6881 <path d="M4.02308 15.2923C4.87308 14.6615 5.79903 14.1635 6.80095 13.7981C7.80287 13.4327 8.86921 13.25 9.99998 13.25C11.1307 13.25 12.1971 13.4327 13.199 13.7981C14.2009 14.1635 15.1269 14.6615 15.9769 15.2923C16.5987 14.609 17.0913 13.8179 17.4548 12.9192C17.8182 12.0205 18 11.0474 18 9.99998C18 7.78331 17.2208 5.89581 15.6625 4.33748C14.1041 2.77914 12.2166 1.99998 9.99998 1.99998C7.78331 1.99998 5.89581 2.77914 4.33748 4.33748C2.77914 5.89581 1.99998 7.78331 1.99998 9.99998C1.99998 11.0474 2.18171 12.0205 2.54518 12.9192C2.90864 13.8179 3.40128 14.609 4.02308 15.2923ZM10.0003 10.75C9.08726 10.75 8.31729 10.4366 7.69038 9.80988C7.06346 9.18314 6.75 8.41328 6.75 7.50028C6.75 6.58726 7.06336 5.81729 7.69008 5.19038C8.31681 4.56346 9.08668 4.25 9.99968 4.25C10.9127 4.25 11.6827 4.56336 12.3096 5.19008C12.9365 5.81681 13.25 6.58668 13.25 7.49968C13.25 8.41269 12.9366 9.18266 12.3099 9.80958C11.6831 10.4365 10.9133 10.75 10.0003 10.75ZM9.99998 19.5C8.68074 19.5 7.44325 19.2519 6.2875 18.7557C5.13173 18.2596 4.12628 17.5839 3.27115 16.7288C2.41603 15.8737 1.7404 14.8682 1.24425 13.7125C0.748083 12.5567 0.5 11.3192 0.5 9.99998C0.5 8.68074 0.748083 7.44325 1.24425 6.2875C1.7404 5.13173 2.41603 4.12628 3.27115 3.27115C4.12628 2.41603 5.13173 1.7404 6.2875 1.24425C7.44325 0.748084 8.68074 0.5 9.99998 0.5C11.3192 0.5 12.5567 0.748084 13.7125 1.24425C14.8682 1.7404 15.8737 2.41603 16.7288 3.27115C17.5839 4.12628 18.2596 5.13173 18.7557 6.2875C19.2519 7.44325 19.5 8.68074 19.5 9.99998C19.5 11.3192 19.2519 12.5567 18.7557 13.7125C18.2596 14.8682 17.5839 15.8737 16.7288 16.7288C15.8737 17.5839 14.8682 18.2596 13.7125 18.7557C12.5567 19.2519 11.3192 19.5 9.99998 19.5ZM9.99998 18C10.9025 18 11.7727 17.8548 12.6105 17.5644C13.4484 17.274 14.1923 16.8679 14.8423 16.3461C14.1923 15.8436 13.458 15.4519 12.6394 15.1711C11.8208 14.8903 10.941 14.75 9.99998 14.75C9.05894 14.75 8.17753 14.8887 7.35573 15.1663C6.53393 15.4439 5.80123 15.8371 5.15765 16.3461C5.80765 16.8679 6.55157 17.274 7.3894 17.5644C8.22722 17.8548 9.09741 18 9.99998 18ZM9.99998 9.25C10.4974 9.25 10.9134 9.08269 11.2481 8.74808C11.5827 8.41344 11.75 7.99741 11.75 7.49998C11.75 7.00254 11.5827 6.58651 11.2481 6.25188C10.9134 5.91726 10.4974 5.74995 9.99998 5.74995C9.50254 5.74995 9.08651 5.91726 8.75187 6.25188C8.41726 6.58651 8.24995 7.00254 8.24995 7.49998C8.24995 7.99741 8.41726 8.41344 8.75187 8.74808C9.08651 9.08269 9.50254 9.25 9.99998 9.25Z" fill="currentColor"/> 6882<title>user-icon</title></svg> 6883</a> 6884 6885 <div> 6886 <a x-data="initAmQuoteIcon()" 6887 @click.prevent.stop="$dispatch('toggle-amquote',{})" 6888 @private-content-loaded.window="getData($event.detail.data)"
6889 id="amquote-icon" 6890 href="https://123magazijninrichting.nl/request_quote/cart/" 6891 class="relative inline-block no-underline hover:text-magecode-aqua h-6 w-6 flex"> 6892 <span class="sr-only label"> 6893 Offerte </span> 6894 6895 <svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 24 24" fill="none" class="m-auto [&_path]:stroke-magecode-dark-blue hover:[&_path]:stroke-magecode-aqua pointer-events-none" role="img"> 6896 <path d="M6 2L3 6V20C3 20.5304 3.21071 21.0391 3.58579 21.4142C3.96086 21.7893 4.46957 22 5 22H19C19.5304 22 20.0391 21.7893 20.4142 21.4142C20.7893 21.0391 21 20.5304 21 20V6L18 2H6Z" stroke="#121826" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 6897 <path d="M3 6H21" stroke="#121826" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 6898 <path d="M16 10C16 11.0609 15.5786 12.0783 14.8284 12.8284C14.0783 13.5786 13.0609 14 12 14C10.9391 14 9.92172 13.5786 9.17157 12.8284C8.42143 12.0783 8 11.0609 8 10" stroke="#121826" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 6899<title>quote</title></svg> 6900 6901 <span x-text="quotecart.summary_count" 6902 class="absolute -right-1 -top-1 min-w-4 min-h-4 rounded-full bg-primary text-white 6903 text-xs font-semibold leading-[100%] tabular-nums flex justify-center items-center cart-count" 6904 :class="{ 6905 'hidden': !quotecart.summary_count, 6906 'block': quotecart.summary_count }" 6907 ></span> 6908 </a> 6909 6910
6910<script> 6911 function initAmQuoteCartDrawer() { 6912 return { 6913 open: false, 6914 isLoading: false, 6915 quotecart: {}, 6916 maxItemsToDisplay: 10, 6917 itemsCount: 0, 6918 totalCartAmount: 0, 6919 getData(data) { 6920 if (data.quotecart) { 6921 this.quotecart = data.quotecart; 6922 this.itemsCount = data.quotecart.items && data.quotecart.items.length || 0; 6923 this.totalCartAmount = this.quotecart.summary_count; 6924 this.setQuoteItems(); 6925 } 6926 this.isLoading = false; 6927 }, 6928 quoteItems: [], 6929 getItemCountTitle() { 6930 return hyva.strf('(%0 van %1)', this.maxItemsToDisplay, this.itemsCount) 6931 }, 6932 setQuoteItems() { 6933 this.quoteItems = this.quotecart.items && this.quotecart.items.sort((a, b) => b.item_id - a.item_id) || []; 6934 6935 if (this.maxItemsToDisplay > 0) { 6936 this.quoteItems = this.quoteItems.slice(0, parseInt(this.maxItemsToDisplay, 10)); 6937 } 6938 }, 6939 deleteItemFromQuote(itemId) { 6940 this.isLoading = true; 6941 6942 const formKey = hyva.getFormKey(); 6943 const postUrl = BASE_URL + 'amasty_quote/sidebar/removeItem/'; 6944 6945 fetch(postUrl, { 6946 "headers": { 6947 "content-type": "application/x-www-form-urlencoded; charset=UTF-8", 6948 }, 6949 "body": "form_key=" + formKey + "&item_id=" + itemId, 6950 "method": "POST", 6951 "mode": "cors", 6952 "credentials": "include" 6953 }).then(response => { 6954 if (response.redirected) { 6955 window.location.href = response.url; 6956 } else if (response.ok) { 6957 return response.json(); 6958 } else { 6959 window.dispatchMessages && window.dispatchMessages([{ 6960 type: 'warning', 6961 text: 'Kan\u0020artikel\u0020niet\u0020uit\u0020offerte\u0020verwijderen.' 6962 }]); 6963 this.isLoading = false; 6964 } 6965 }).then(result => { 6966 window.dispatchMessages && window.dispatchMessages([{ 6967 type: result.success ? 'success' : 'error', 6968 text: result.success 6969 ? 'U\u0020heeft\u0020het\u0020artikel\u0020verwijderd.' 6970 : result.error_message 6971 }], result.success ? 5000 : 0) 6972 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 6973 }); 6974 } 6975 } 6976 } 6977</script>
6977 6978<section id="quotecart-drawer" 6979 x-data="initAmQuoteCartDrawer()" 6980 @private-content-loaded.window="getData($event.detail.data)" 6981 @toggle-amquote.window="open=true" 6982 @keydown.window.escape="open=false" 6983> 6984 <template x-if="quotecart"> 6985 <div role="dialog" 6986 aria-labelledby="quote-cart-drawer-title" 6987 aria-modal="true" 6988 @click.away="open=false" 6989 class="fixed inset-y-0 right-0 z-40 flex max-w-full"> 6990 <div class="backdrop" 6991 x-show="open" 6992 x-transition:enter="ease-in-out duration-200" 6993 x-transition:enter-start="opacity-0" 6994 x-transition:enter-end="opacity-100" 6995 x-transition:leave="ease-in-out duration-200" 6996 x-transition:leave-start="opacity-100" 6997 x-transition:leave-end="opacity-0" 6998 @click="open=false" 6999 role="button" 7000 aria-label="Sluit paneel"></div> 7001 <div class="relative w-screen max-w-md shadow-2xl" 7002 x-show="open" 7003 x-transition:enter="transform transition ease-in-out duration-200" 7004 x-transition:enter-start="translate-x-full" 7005 x-transition:enter-end="translate-x-0" 7006 x-transition:leave="transform transition ease-in-out duration-200" 7007 x-transition:leave-start="translate-x-0" 7008 x-transition:leave-end="translate-x-full" 7009 > 7010 <div class="flex flex-col h-full bg-white shadow-xl"> 7011 7012 <header class="bg-header flex justify-between h-[4.5rem] top-0 relative"> 7013 <p id="cart-drawer-title" class="text-lg font-semibold leading-[100%] text-white block my-auto h-max pl-4 sm:pl-6"> 7014 Mijn offerteaanvraag </p> 7015 <button 7016 type="button" 7017 @click="open=false" 7018 aria-label="Close minicart" 7019 class="text-gray-300 transition-colors px-4 py-5 sm:px-6" 7020 > 7021 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 7022 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 7023</svg> 7024 </button> 7025 </header> 7026 7027 7028 <div x-show="itemsCount" class="relative grid gap-6 overflow-y-auto bg-white border-b border-container"> 7029 <template x-for="item in quoteItems"> 7030 <div class="flex-row flex hover:bg-gray-100 transition duration-150"> 7031 <a :href="item.product_url" 7032 :aria-label="hyva.strf('Product\u0020\u0022\u00250\u0022', item.product_name)" 7033 class="flex items-start py-3 px-6 ease-in-out gap-x-2 flex-1" 7034 > 7035 <div class="relative"> 7036 <div class="absolute right-0 top-0 min-w-4 min-h-4 rounded-full bg-primary text-white text-xs font-semibold leading-[100%] tabular-nums flex justify-center items-center cart-count" x-html="item.qty"></div> 7037 <img 7038 :src="item.product_image.src" 7039 :width="item.product_image.width" 7040 :height="item.product_image.height" 7041 :alt="item.product_image.alt" 7042 loading="lazy" 7043 /> 7044 </div> 7045 <div class="w-3/4 flex-1 relative"> 7046 <div> 7047 <p class="font-semibold text-base">
7048 <span x-html="item.product_name"></span> 7049 </p> 7050 </div> 7051 <template x-for="option in item.options"> 7052 <div class="text-sm text-slate-500"> 7053 <p class="font-bold float-left clear-left mr-2" x-text="option.label + ':'"></p> 7054 <p class="" x-html="option.value"></p> 7055 </div> 7056 </template> 7057 <p class="text-base mt-2 [&_.price]:font-normal"> 7058 <span x-html="item.product_price"></span> 7059 </p> 7060 </div> 7061 </a> 7062 <div class="pr-6 py-3 flex flex-col justify-start"> 7063 <button type="button" 7064 class="inline-flex text-slate-300" 7065 @click="deleteItemFromQuote(item.item_id)" 7066 :aria-label="hyva.strf('Remove\u0020product\u0020\u0022\u00250\u0022\u0020from\u0020cart', item.product_name)" 7067 > 7068 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" role="img"> 7069 <path stroke-linecap="round" stroke-linejoin="round" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/> 7070<title>trash</title></svg> 7071 </button> 7072 </div> 7073 </div> 7074 </template> 7075 </div> 7076 7077 7078 <div x-show="itemsCount" class="relative grid gap-6 bg-white sm:gap-8 w-full mt-6"> 7079 <div class="flex justify-center w-full px-3"> 7080 <a @click.prevent.stop="$dispatch('toggle-authentication', 7081 {url: 'https://123magazijninrichting.nl/request_quote/cart/'});" 7082 href="https://123magazijninrichting.nl/request_quote/cart/" 7083 class="inline-flex btn btn-primary w-full justify-center"> 7084 Mijn offerteaanvraag </a> 7085 </div> 7086 </div> 7087 7088 <template x-if="!itemsCount"> 7089 <div class="relative px-4 py-6 bg-white border-bs sm:px-6 border-container"> 7090 Offerte is leeg </div> 7091 </template> 7092 7093 </div> 7094 </div> 7095 <div class="flex flex-row justify-center items-center w-full h-full fixed select-none z-[60] hidden" 7096 style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.7);" 7097 x-transition:enter="ease-out duration-200" 7098 x-transition:enter-start="opacity-0" 7099 x-transition:enter-end="opacity-100" 7100 x-transition:leave="ease-in duration-200" 7101 x-transition:leave-start="opacity-100" 7102 x-transition:leave-end="opacity-0"> 7103 <div class="w-20 h-20 border-[3px] border-primary animate-spin rounded-full border-l-transparent border-r-transparent border-b-transparent"></div> 7104</div> 7105 </div> 7106 </template> 7107</section> 7108</div>
7109<script> 7110 'use strict'; 7111 7112 function initAmQuoteIcon() { 7113 return { 7114 quotecart: {}, 7115 getData(data) { 7116 if (data.quotecart) { this.quotecart = data.quotecart } 7117 } 7118 } 7119 } 7120</script>
7120 7121 7122 <button 7123 id="menu-cart-icon" 7124 class="relative inline-block rounded p-0 outline-offset-2 h-6 w-6" 7125 x-ref="cartButton" 7126 :aria-disabled="isCartEmpty()" 7127 :aria-label="` 7128 Toggle minicart, 7129 ${isCartEmpty() 7130 ? 'Winkelwagen is leeg' 7131 : cart.summary_count > 1 7132 ? hyva.str('%1 producten', cart.summary_count) 7133 : hyva.str('%1 item', cart.summary_count) 7134 }`" 7135 @click.prevent.stop="() => { 7136 $dispatch('toggle-cart', { isOpen: true }) 7137 }" 7138 @toggle-cart.window="toggleCart($event)" 7139 :aria-expanded="isCartOpen" 7140 aria-haspopup="dialog" 7141 > 7142 <svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 20" fill="none" class="m-auto text-magecode-dark-blue hover:text-magecode-aqua pointer-events-none" role="img"> 7143<path d="M5.65382 19.5576C5.16794 19.5576 4.75481 19.3874 4.41442 19.0471C4.07404 18.7067 3.90385 18.2936 3.90385 17.8077C3.90385 17.3218 4.07404 16.9086 4.41442 16.5683C4.75481 16.2279 5.16794 16.0577 5.65382 16.0577C6.13972 16.0577 6.55287 16.2279 6.89325 16.5683C7.23363 16.9086 7.40382 17.3218 7.40382 17.8077C7.40382 18.2936 7.23363 18.7067 6.89325 19.0471C6.55287 19.3874 6.13972 19.5576 5.65382 19.5576ZM15.3461 19.5576C14.8602 19.5576 14.4471 19.3874 14.1067 19.0471C13.7663 18.7067 13.5961 18.2936 13.5961 17.8077C13.5961 17.3218 13.7663 16.9086 14.1067 16.5683C14.4471 16.2279 14.8602 16.0577 15.3461 16.0577C15.832 16.0577 16.2451 16.2279 16.5855 16.5683C16.9259 16.9086 17.0961 17.3218 17.0961 17.8077C17.0961 18.2936 16.9259 18.7067 16.5855 19.0471C16.2451 19.3874 15.832 19.5576 15.3461 19.5576ZM4.51535 3.74998L7.04997 9.05768H13.8673C13.925 9.05768 13.9763 9.04325 14.0211 9.0144C14.066 8.98555 14.1045 8.94548 14.1365 8.8942L16.8192 4.0192C16.8577 3.94868 16.8609 3.88618 16.8288 3.8317C16.7968 3.7772 16.7423 3.74995 16.6653 3.74995L4.51535 3.74998ZM3.79613 2.25003H17.6807C18.0897 2.25003 18.399 2.42406 18.6086 2.77213C18.8182 3.12021 18.8281 3.47566 18.6384 3.83847L15.4346 9.64225C15.2705 9.93072 15.0535 10.1554 14.7836 10.3163C14.5137 10.4772 14.2179 10.5576 13.8961 10.5576H6.59998L5.44227 12.673C5.39099 12.75 5.38939 12.8333 5.43747 12.9231C5.48556 13.0128 5.55767 13.0577 5.65382 13.0577H17.0961V14.5576H5.65382C4.98717 14.5576 4.48622 14.2701 4.15095 13.6952C3.8157 13.1202 3.80384 12.5461 4.11538 11.9731L5.54233 9.40765L1.90385 1.74995H0V0.25H2.84612L3.79613 2.25V2.25003Z" fill="currentColor"/> 7144<title>shopping-cart</title></svg> 7145 <span 7146 x-text="cart.summary_count" 7147 x-show="!isCartEmpty()" 7148 x-cloak 7149 class="absolute -right-1 -top-1 min-w-4 min-h-4 rounded-full bg-primary text-white 7150 text-xs font-semibold leading-[100%] tabular-nums flex justify-center items-center cart-count" 7151 aria-hidden="true" 7152 ></span> 7153 </button> 7154 7155 <button class="main-menu block lg:hidden" 7156 title="Toggle Navigation" 7157 onclick="toggleMenu()" 7158 data-menu-sensitivity="200"> 7159 <div id="main-menu-icon" x-ref="mobileMenuTrigger"> 7160 <div class="main-menu__toggle"> 7161 <span class="mobile-menu-icon" aria-hidden="true"></span> 7162 </div> 7163 7164 </div> 7165 </button> 7166 </div> 7167 </div> 7168 7169 <div class="bg-white"> 7170 <div class="min-h-[42.5px] hidden lg:block"> 7171 <div class="relative header-main-content w-full bg-white top-0 border-b border-nav-border"> 7172 7173<nav 7174 class="navigation hidden grow lg:flex justify-between flex-row container" 7175 aria-label="Main menu" 7176 x-data="initMenuDesktop_6ac5dc5bca385()" 7177 x-ref="nav-desktop" 7178 @load.window="setActiveMenu($root)" 7179> 7180 <ul class="flex flex-wrap gap-x-[1.125rem]"> 7181 <li 7182 class="level-0 wrapper" 7183 x-data="{ 7184 open: false, 7185 initialHover: true, 7186 canHover(func) { 7187 const isHoverableDevice = window.matchMedia('(hover: hover) and (pointer: fine)').matches; 7188 if (!isHoverableDevice) return; 7189 func(); 7190 } 7191 }" 7192 @mouseover.away="initialHover = false; open = false;" 7193 @keydown.escape="open = false" 7194 > 7195 <div class="backdrop w-screen h-screen fixed -z-20 top-[63.5px]" x-show="open" @mouseover="open = false" x-cloak></div> 7196 <button 7197 type="button" 7198 class="level-0 group w-full flex justify-between items-center pb-[calc(theme(padding.5)_-_3px)] 7199 border-transparent text-header hover:text-header_active transition 7200 aria-expanded:text-header_active text-[15px] data-[has-current]:aria-expanded:text-header_active 7201 data-[has-current]:hover:text-header_active" 7202 @mouseenter="initialHover ? open = false : open = true; event = $event;" 7203 @click="window.location.href = 'https://123magazijninrichting.nl/magazijnstellingen/'" 7204 aria-expanded="false" 7205 :aria-expanded="open" 7206 aria-controls="category-node-3-desktop-menu-panel" 7207 > 7208 Magazijnstellingen <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="transition ml-0.5 group-aria-expanded:rotate-180 text-header group-aria-expanded:text-header_active hover:fill-header_active" width="16" height="16" aria-hidden="true"> 7209 <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/> 7210</svg> 7211 </button> 7212 <div x-show="open" x-effect="selectFirstOptions()"> 7213 <div class="nav-absolute-bg z-30 absolute top-full left-0 right-0 bg-white border-t border-slate-200 rounded-b-3xl overflow-auto" 7214 x-show="open === true" x-cloak> 7215 <div 7216 id="category-node-3-desktop-menu-panel" 7217 class="z-30 mx-auto flex pb-10 flex-row justify-between gap-[5%] min-h-64 bg-white container" 7218 7219 > 7220 <div class="menu-subcategories-wrap relative flex-[65] mt-10"> 7221 <ul class="flex flex-col w-72" :style="{ 'min-height': `${menuMinHeight}px` }"> 7222 <li class=""> 7223 <a 7224 href="https://123magazijninrichting.nl/magazijnstellingen/" 7225 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto" 7226 >Categorieën</a> 7227 </li> 7228 7229 <li 7230 class="level-1 has-child" 7231 x-data="{ subMenuOpencategory_node_4: false }" 7232 data-item="subMenuOpencategory_node_4" 7233 @mouseleave.prevent.stop="subMenuOpencategory_node_4 = false" 7234 > 7235 <button 7236 type="button" 7237 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium " 7238 x-ref="childmenuTogglecategory_node_4" 7239 @mouseover="subMenuOpencategory_node_4 = true; 7240 currentActiveCmsBlock = document.querySelector(`[data-cms-block-id='category_node_4']`) ? 'category_node_4' : 'parent'; 7241 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/m/a/resized/280_200/magazijninrichting-legbordstelling-1-los-123-magazijn-inrichting-foto-ruben-cress-2016-510x510_1.png','category_node_4'); 7242 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_4.clientHeight }, '10'); 7243 " 7244 @click="window.location.href = 'https://123magazijninrichting.nl/legbordstellingen/'" 7245 aria-expanded="false" 7246 :aria-expanded="subMenuOpencategory_node_4" 7247 aria-controls="category-node-4-desktop-menu-panel" 7248 > 7249 <picture> 7250 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/a/resized/80_80/magazijninrichting-legbordstelling-1-los-123-magazijn-inrichting-foto-ruben-cress-2016-510x510_1.png"> 7251 <img loading="lazy" 7252 width="40" 7253 height="40" 7254 alt="Legbordstellingen Beeld" 7255 class="menu-image border border-transparent roun
7255ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 7256 src="https://123magazijninrichting.nl/media/menu_images/m/a/resized/80_80/magazijninrichting-legbordstelling-1-los-123-magazijn-inrichting-foto-ruben-cress-2016-510x510_1.png" 7257 /> 7258 </picture> 7259 Legbordstellingen <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 7260 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 7261</svg> 7262 </button> 7263 <ul 7264 id="category-node-4-desktop-menu-panel" 7265 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 7266 x-show="subMenuOpencategory_node_4" 7267 x-ref="childmenuWrappercategory_node_4" 7268 @keydown.escape.stop="subMenuOpencategory_node_4 = false; 7269 $refs.childmenuTogglecategory_node_4.focus();" 7270 > 7271 <li> 7272 <a 7273 href="https://123magazijninrichting.nl/legbordstellingen/" 7274 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 7275 x-ref="childmenuViewAllcategory_node_4" 7276 >Legbordstellingen</a> 7277 </li> 7278 7279 <li class="level-2" 7280 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/_/8/resized/280_200/_8538_rgb.jpg','category_node_12');" 7281 > 7282 <a 7283 href="https://123magazijninrichting.nl/legbordstellingen/voordeelsets/" 7284 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 7285 > 7286 <picture> 7287 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/_/8/resized/80_80/_8538_rgb.jpg"> 7288 <img loading="lazy" 7289 width="40" 7290 height="40" 7291 alt="Legbordstelling voordeelsets Beeld" 7292 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 7293 src="https://123magazijninrichting.nl/media/menu_images/_/8/resized/80_80/_8538_rgb.jpg" 7294 /> 7295 </picture> 7296 Voordeelsets </a> 7297 </li> 7298 7299 <li class="level-2" 7300 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/m/a/resized/280_200/magazijninrichting-legbordstelling-1-los-123-magazijn-inrichting-foto-ruben-cress-2016-510x510_1_2.png','category_node_31');" 7301 > 7302 <a 7303 href="https://123magazijninrichting.nl/legbordstellingen/basissectie/" 7304 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 7305 > 7306 <picture> 7307 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/a/resized/80_80/magazijninrichting-legbordstelling-1-los-123-magazijn-inrichting-foto-ruben-cress-2016-510x510_1_2.png"> 7308 <img loading="lazy" 7309 width="40" 7310 height="40" 7311 alt="Legbordstelling basissecties Beeld" 7312 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 7313 src="https://123magazijninrichting.nl/media/menu_images/m/a/resized/80_80/magazijninrichting-legbordstelling-1-los-123-magazijn-inrichting-foto-ruben-cress-2016-510x510_1_2.png" 7314 /> 7315 </picture> 7316 Basissecties </a> 7317 </li> 7318 7319 <li class="level-2" 7320 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/a/a/resized/280_200/aanbouwsectie_legbordstelling_2_secties2_2.png','category_node_32');" 7321 > 7322 <a 7323 href="https://123magazijninrichting.nl/legbordstellingen/aanbouwsectie/" 7324 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 7325 > 7326 <picture> 7327 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/a/a/resized/80_80/aanbouwsectie_legbordstelling_2_secties2_2.png"> 7328 <img loading="lazy" 7329 width="40" 7330 height="40" 7331 alt="Legbordstelling aanbouwsecties Beeld" 7332 class="menu-image border border-transparent roun
7332ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 7333 src="https://123magazijninrichting.nl/media/menu_images/a/a/resized/80_80/aanbouwsectie_legbordstelling_2_secties2_2.png" 7334 /> 7335 </picture> 7336 Aanbouwsecties </a> 7337 </li> 7338 7339 <li class="level-2" 7340 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/e/c/resized/280_200/eckregal-explo-aufsicht2_rgb_1.jpg','category_node_33');" 7341 > 7342 <a 7343 href="https://123magazijninrichting.nl/legbordstellingen/hoeksecties/" 7344 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 7345 > 7346 <picture> 7347 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/e/c/resized/80_80/eckregal-explo-aufsicht2_rgb_1.jpg"> 7348 <img loading="lazy" 7349 width="40" 7350 height="40" 7351 alt="Legbordstelling hoekstellingen Beeld" 7352 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 7353 src="https://123magazijninrichting.nl/media/menu_images/e/c/resized/80_80/eckregal-explo-aufsicht2_rgb_1.jpg" 7354 /> 7355 </picture> 7356 Hoekstellingen </a> 7357 </li> 7358 7359 <li class="level-2" 7360 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2025-06-03_114827.jpg','category_node_113');" 7361 > 7362 <a 7363 href="https://123magazijninrichting.nl/legbordstellingen/legbordstelling-met-draadroosters/" 7364 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 7365 > 7366 <picture> 7367 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_114827.jpg"> 7368 <img loading="lazy" 7369 width="40" 7370 height="40" 7371 alt="Legbordstelling met draadroosters Beeld" 7372 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 7373 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_114827.jpg" 7374 /> 7375 </picture> 7376 Draadroosters </a> 7377 </li> 7378 7379 <li 7380 class="level-2 has-child" 7381 x-data="{ subMenuOpencategory_node_34: false }" 7382 data-item="subMenuOpencategory_node_34" 7383 @mouseleave.prevent.stop="subMenuOpencategory_node_34 = false" 7384 > 7385 <button 7386 type="button" 7387 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium pl-8" 7388 x-ref="childmenuTogglecategory_node_34" 7389 @mouseover="subMenuOpencategory_node_34 = true; 7390 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/_/x/resized/280_200/_x0a9401_rgb.jpg','category_node_34'); 7391 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_34.clientHeight }, '10'); 7392 " 7393 @click="window.location.href = 'https://123magazijninrichting.nl/legbordstellingen/onderdelen/'" 7394 aria-expanded="false" 7395 :aria-expanded="subMenuOpencategory_node_34" 7396 aria-controls="category-node-34-desktop-menu-panel" 7397 > 7398 <picture> 7399 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/_/x/resized/80_80/_x0a9401_rgb.jpg"> 7400 <img loading="lazy" 7401 width="40" 7402 height="40" 7403 alt="Legbordstelling onderdelen Beeld" 7404 class="menu-image border border-transparent roun
7404ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 7405 src="https://123magazijninrichting.nl/media/menu_images/_/x/resized/80_80/_x0a9401_rgb.jpg" 7406 /> 7407 </picture> 7408 Onderdelen <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 7409 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 7410</svg> 7411 </button> 7412 <ul 7413 id="category-node-34-desktop-menu-panel" 7414 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 7415 x-show="subMenuOpencategory_node_34" 7416 x-ref="childmenuWrappercategory_node_34" 7417 @keydown.escape.stop="subMenuOpencategory_node_34 = false; 7418 $refs.childmenuTogglecategory_node_34.focus();" 7419 > 7420 <li> 7421 <a 7422 href="https://123magazijninrichting.nl/legbordstellingen/onderdelen/" 7423 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 7424 x-ref="childmenuViewAllcategory_node_34" 7425 >Legbordstelling onderdelen</a> 7426 </li> 7427 7428 <li class="level-3" 7429 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/l/e/resized/280_200/legbord_staander.jpg','category_node_35');" 7430 > 7431 <a 7432 href="https://123magazijninrichting.nl/legbordstellingen/staanders/" 7433 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 7434 > 7435 <picture> 7436 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/l/e/resized/80_80/legbord_staander.jpg"> 7437 <img loading="lazy" 7438 width="40" 7439 height="40" 7440 alt="Legbordstelling staanders Beeld" 7441 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 7442 src="https://123magazijninrichting.nl/media/menu_images/l/e/resized/80_80/legbord_staander.jpg" 7443 /> 7444 </picture> 7445 Staanders </a> 7446 </li> 7447 7448 <li class="level-3" 7449 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/l/e/resized/280_200/legborden_meta_1.jpg','category_node_36');" 7450 > 7451 <a 7452 href="https://123magazijninrichting.nl/legbordstellingen/legborden/" 7453 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 7454 > 7455 <picture> 7456 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/l/e/resized/80_80/legborden_meta_1.jpg"> 7457 <img loading="lazy" 7458 width="40" 7459 height="40" 7460 alt="Legbordstelling legborden Beeld" 7461 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 7462 src="https://123magazijninrichting.nl/media/menu_images/l/e/resized/80_80/legborden_meta_1.jpg" 7463 /> 7464 </picture> 7465 Legborden </a> 7466 </li> 7467 7468 <li class="level-3" 7469 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/t/resized/280_200/stelvoet_dubbelzijdig.jpg','category_node_37');" 7470 > 7471 <a 7472 href="https://123magazijninrichting.nl/legbordstellingen/stelvoeten/" 7473 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 7474 > 7475 <picture> 7476 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stelvoet_dubbelzijdig.jpg"> 7477 <img loading="lazy" 7478 width="40" 7479 height="40" 7480 alt="Legbordstelling stelvoeten Beeld" 7481 class="menu-image border border-transparent roun
7481ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 7482 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stelvoet_dubbelzijdig.jpg" 7483 /> 7484 </picture> 7485 Stelvoeten </a> 7486 </li> 7487 7488 <li class="level-3" 7489 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/v/u/resized/280_200/vulplaat_dubbelzijdig_.jpg','category_node_38');" 7490 > 7491 <a 7492 href="https://123magazijninrichting.nl/legbordstellingen/vulplaten/" 7493 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 7494 > 7495 <picture> 7496 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/v/u/resized/80_80/vulplaat_dubbelzijdig_.jpg"> 7497 <img loading="lazy" 7498 width="40" 7499 height="40" 7500 alt="Legbordstelling vulplaten Beeld" 7501 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 7502 src="https://123magazijninrichting.nl/media/menu_images/v/u/resized/80_80/vulplaat_dubbelzijdig_.jpg" 7503 /> 7504 </picture> 7505 Vulplaten </a> 7506 </li> 7507 7508 <li class="level-3" 7509 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/l/a/resized/280_200/langschoren_.jpg','category_node_39');" 7510 > 7511 <a 7512 href="https://123magazijninrichting.nl/legbordstellingen/lengteversteviging/" 7513 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 7514 > 7515 <picture> 7516 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/l/a/resized/80_80/langschoren_.jpg"> 7517 <img loading="lazy" 7518 width="40" 7519 height="40" 7520 alt="Legbordstelling lengteversteviging Beeld" 7521 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 7522 src="https://123magazijninrichting.nl/media/menu_images/l/a/resized/80_80/langschoren_.jpg" 7523 /> 7524 </picture> 7525 Lengteversteviging </a> 7526 </li> 7527 7528 <li class="level-3" 7529 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/_/x/resized/280_200/_x0a9405_rgb.jpg','category_node_40');" 7530 > 7531 <a 7532 href="https://123magazijninrichting.nl/legbordstellingen/metaclips/" 7533 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 7534 > 7535 <picture> 7536 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/_/x/resized/80_80/_x0a9405_rgb.jpg"> 7537 <img loading="lazy" 7538 width="40" 7539 height="40" 7540 alt="Legbordstelling clips Beeld" 7541 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 7542 src="https://123magazijninrichting.nl/media/menu_images/_/x/resized/80_80/_x0a9405_rgb.jpg" 7543 /> 7544 </picture> 7545 Stelling clips </a> 7546 </li> 7547 7548 <li class="level-3" 7549 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/_/x/resized/280_200/_x0a9409_rgb.jpg','category_node_41');" 7550 > 7551 <a 7552 href="https://123magazijninrichting.nl/legbordstellingen/profielklemmen/" 7553 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 7554 > 7555 <picture> 7556 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/_/x/resized/80_80/_x0a9409_rgb.jpg"> 7557 <img loading="lazy" 7558 width="40" 7559 height="40" 7560 alt="Legbordstelling profielklemmen Beeld" 7561 class="menu-image border border-transparent roun
7561ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 7562 src="https://123magazijninrichting.nl/media/menu_images/_/x/resized/80_80/_x0a9409_rgb.jpg" 7563 /> 7564 </picture> 7565 Profielklemmen </a> 7566 </li> 7567 7568 <li class="level-3" 7569 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/_/x/resized/280_200/_x0a9420_rgb.jpg','category_node_42');" 7570 > 7571 <a 7572 href="https://123magazijninrichting.nl/legbordstellingen/klemvoeten/" 7573 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 7574 > 7575 <picture> 7576 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/_/x/resized/80_80/_x0a9420_rgb.jpg"> 7577 <img loading="lazy" 7578 width="40" 7579 height="40" 7580 alt="Legbordstelling klemvoeten Beeld" 7581 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 7582 src="https://123magazijninrichting.nl/media/menu_images/_/x/resized/80_80/_x0a9420_rgb.jpg" 7583 /> 7584 </picture> 7585 Klemvoeten </a> 7586 </li> 7587 7588 <li class="level-3" 7589 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/_/x/resized/280_200/_x0a9411_rgb.jpg','category_node_43');" 7590 > 7591 <a 7592 href="https://123magazijninrichting.nl/legbordstellingen/afdekdoppen/" 7593 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 7594 > 7595 <picture> 7596 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/_/x/resized/80_80/_x0a9411_rgb.jpg"> 7597 <img loading="lazy" 7598 width="40" 7599 height="40" 7600 alt="Legbordstelling afdekdoppen Beeld" 7601 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 7602 src="https://123magazijninrichting.nl/media/menu_images/_/x/resized/80_80/_x0a9411_rgb.jpg" 7603 /> 7604 </picture> 7605 Afdekdoppen </a> 7606 </li> 7607 7608 <li class="level-3" 7609 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/p/resized/280_200/spanner_.jpg','category_node_44');" 7610 > 7611 <a 7612 href="https://123magazijninrichting.nl/legbordstellingen/spanners/" 7613 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 7614 > 7615 <picture> 7616 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/p/resized/80_80/spanner_.jpg"> 7617 <img loading="lazy" 7618 width="40" 7619 height="40" 7620 alt="Legbordstelling spanners Beeld" 7621 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 7622 src="https://123magazijninrichting.nl/media/menu_images/s/p/resized/80_80/spanner_.jpg" 7623 /> 7624 </picture> 7625 Spanners </a> 7626 </li> 7627 7628 <li class="level-3" 7629 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/d/i/resized/280_200/diagonaal.jpg','category_node_45');" 7630 > 7631 <a 7632 href="https://123magazijninrichting.nl/legbordstellingen/diagonaalstangen/" 7633 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 7634 > 7635 <picture> 7636 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/d/i/resized/80_80/diagonaal.jpg"> 7637 <img loading="lazy" 7638 width="40" 7639 height="40" 7640 alt="Legbordstelling diagonaalstangen Beeld" 7641 class="menu-image border border-transparent roun
7641ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 7642 src="https://123magazijninrichting.nl/media/menu_images/d/i/resized/80_80/diagonaal.jpg" 7643 /> 7644 </picture> 7645 Diagonaalstangen </a> 7646 </li> 7647 </ul> 7648 </li> 7649 7650 <li 7651 class="level-2 has-child" 7652 x-data="{ subMenuOpencategory_node_202: false }" 7653 data-item="subMenuOpencategory_node_202" 7654 @mouseleave.prevent.stop="subMenuOpencategory_node_202 = false" 7655 > 7656 <button 7657 type="button" 7658 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium pl-8" 7659 x-ref="childmenuTogglecategory_node_202" 7660 @mouseover="subMenuOpencategory_node_202 = true; 7661 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/l/e/resized/280_200/legbordstelling_accessoires_2.jpg','category_node_202'); 7662 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_202.clientHeight }, '10'); 7663 " 7664 @click="window.location.href = 'https://123magazijninrichting.nl/legbordstellingen/accessoires/'" 7665 aria-expanded="false" 7666 :aria-expanded="subMenuOpencategory_node_202" 7667 aria-controls="category-node-202-desktop-menu-panel" 7668 > 7669 <picture> 7670 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/l/e/resized/80_80/legbordstelling_accessoires_2.jpg"> 7671 <img loading="lazy" 7672 width="40" 7673 height="40" 7674 alt="Legbordstelling accessoires Beeld" 7675 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 7676 src="https://123magazijninrichting.nl/media/menu_images/l/e/resized/80_80/legbordstelling_accessoires_2.jpg" 7677 /> 7678 </picture> 7679 Accessoires <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 7680 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 7681</svg> 7682 </button> 7683 <ul 7684 id="category-node-202-desktop-menu-panel" 7685 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 7686 x-show="subMenuOpencategory_node_202" 7687 x-ref="childmenuWrappercategory_node_202" 7688 @keydown.escape.stop="subMenuOpencategory_node_202 = false; 7689 $refs.childmenuTogglecategory_node_202.focus();" 7690 > 7691 <li> 7692 <a 7693 href="https://123magazijninrichting.nl/legbordstellingen/accessoires/" 7694 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 7695 x-ref="childmenuViewAllcategory_node_202" 7696 >Legbordstelling accessoires</a> 7697 </li> 7698 7699 <li class="level-3" 7700 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/m/e/resized/280_200/meta_vakverdeler_.jpg','category_node_203');" 7701 > 7702 <a 7703 href="https://123magazijninrichting.nl/legbordstellingen/accessoires/vakverdelers/" 7704 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 7705 > 7706 <picture> 7707 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_vakverdeler_.jpg"> 7708 <img loading="lazy" 7709 width="40" 7710 height="40" 7711 alt="Legbordstelling vakverdelers Beeld" 7712 class="menu-image border border-transparent roun
7712ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 7713 src="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_vakverdeler_.jpg" 7714 /> 7715 </picture> 7716 Vakverdelers </a> 7717 </li> 7718 7719 <li class="level-3" 7720 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/l/a/resized/280_200/lade_meta_.jpg','category_node_204');" 7721 > 7722 <a 7723 href="https://123magazijninrichting.nl/legbordstellingen/lades/" 7724 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 7725 > 7726 <picture> 7727 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/l/a/resized/80_80/lade_meta_.jpg"> 7728 <img loading="lazy" 7729 width="40" 7730 height="40" 7731 alt="Legbordstelling lades Beeld" 7732 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 7733 src="https://123magazijninrichting.nl/media/menu_images/l/a/resized/80_80/lade_meta_.jpg" 7734 /> 7735 </picture> 7736 Lades </a> 7737 </li> 7738 7739 <li class="level-3" 7740 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/d/i/resized/280_200/dichte_achterwand.jpg','category_node_205');" 7741 > 7742 <a 7743 href="https://123magazijninrichting.nl/legbordstellingen/achterwanden/" 7744 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 7745 > 7746 <picture> 7747 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/d/i/resized/80_80/dichte_achterwand.jpg"> 7748 <img loading="lazy" 7749 width="40" 7750 height="40" 7751 alt="Legbordstelling achterwanden Beeld" 7752 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 7753 src="https://123magazijninrichting.nl/media/menu_images/d/i/resized/80_80/dichte_achterwand.jpg" 7754 /> 7755 </picture> 7756 Achterwanden </a> 7757 </li> 7758 7759 <li class="level-3" 7760 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2026-04-28_084506.png','category_node_361');" 7761 > 7762 <a 7763 href="https://123magazijninrichting.nl/magazijnstellingen/legbordstellingen/accessoires/legbordstelling-etikethouders/" 7764 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 7765 > 7766 <picture> 7767 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-28_084506.png"> 7768 <img loading="lazy" 7769 width="40" 7770 height="40" 7771 alt="Legbordstelling etikethouders Beeld" 7772 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 7773 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-28_084506.png" 7774 /> 7775 </picture> 7776 Etikethouders </a> 7777 </li> 7778 7779 <li class="level-3" 7780 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2026-04-28_085102.png','category_node_362');" 7781 > 7782 <a 7783 href="https://123magazijninrichting.nl/magazijnstellingen/legbordstellingen/accessoires/overige-accessoires/" 7784 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 7785 > 7786 <picture> 7787 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-28_085102.png"> 7788 <img loading="lazy" 7789 width="40" 7790 height="40" 7791 alt="Overige accessoires Beeld" 7792 class="menu-image border border-transparent roun
7792ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 7793 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-28_085102.png" 7794 /> 7795 </picture> 7796 Overig </a> 7797 </li> 7798 </ul> 7799 </li> 7800 7801 <li class="level-2" 7802 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/w/i/resized/280_200/winkelstelling_2.jpg','category_node_219');" 7803 > 7804 <a 7805 href="https://123magazijninrichting.nl/legbordstellingen/winkelstellingen/" 7806 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 7807 > 7808 <picture> 7809 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/w/i/resized/80_80/winkelstelling_2.jpg"> 7810 <img loading="lazy" 7811 width="40" 7812 height="40" 7813 alt="Winkelstellingen Beeld" 7814 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 7815 src="https://123magazijninrichting.nl/media/menu_images/w/i/resized/80_80/winkelstelling_2.jpg" 7816 /> 7817 </picture> 7818 Winkelstellingen </a> 7819 </li> 7820 7821 <li class="level-2" 7822 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/l/e/resized/280_200/legbordstelling_basissectie_17.jpg','category_node_13');" 7823 > 7824 <a 7825 href="https://123magazijninrichting.nl/legbordstellingen/gebruikt/" 7826 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 7827 > 7828 <picture> 7829 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/l/e/resized/80_80/legbordstelling_basissectie_17.jpg"> 7830 <img loading="lazy" 7831 width="40" 7832 height="40" 7833 alt="Gebruikte legbordstellingen Beeld" 7834 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 7835 src="https://123magazijninrichting.nl/media/menu_images/l/e/resized/80_80/legbordstelling_basissectie_17.jpg" 7836 /> 7837 </picture> 7838 Gebruikt </a> 7839 </li> 7840 </ul> 7841 </li> 7842 7843 <li 7844 class="level-1 has-child" 7845 x-data="{ subMenuOpencategory_node_18: false }" 7846 data-item="subMenuOpencategory_node_18" 7847 @mouseleave.prevent.stop="subMenuOpencategory_node_18 = false" 7848 > 7849 <button 7850 type="button" 7851 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium " 7852 x-ref="childmenuTogglecategory_node_18" 7853 @mouseover="subMenuOpencategory_node_18 = true; 7854 currentActiveCmsBlock = document.querySelector(`[data-cms-block-id='category_node_18']`) ? 'category_node_18' : 'parent'; 7855 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/t/resized/280_200/stow_palletstelling_basissectie_2_niveaus_leeg_.jpg','category_node_18'); 7856 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_18.clientHeight }, '10'); 7857 " 7858 @click="window.location.href = 'https://123magazijninrichting.nl/palletstellingen/'" 7859 aria-expanded="false" 7860 :aria-expanded="subMenuOpencategory_node_18" 7861 aria-controls="category-node-18-desktop-menu-panel" 7862 > 7863 <picture> 7864 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_palletstelling_basissectie_2_niveaus_leeg_.jpg"> 7865 <img loading="lazy" 7866 width="40" 7867 height="40" 7868 alt="Palletstellingen Beeld" 7869 class="menu-image border border-transparent roun
7869ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 7870 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_palletstelling_basissectie_2_niveaus_leeg_.jpg" 7871 /> 7872 </picture> 7873 Palletstellingen <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 7874 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 7875</svg> 7876 </button> 7877 <ul 7878 id="category-node-18-desktop-menu-panel" 7879 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 7880 x-show="subMenuOpencategory_node_18" 7881 x-ref="childmenuWrappercategory_node_18" 7882 @keydown.escape.stop="subMenuOpencategory_node_18 = false;
7883 $refs.childmenuTogglecategory_node_18.focus();" 7884 > 7885 <li> 7886 <a 7887 href="https://123magazijninrichting.nl/palletstellingen/" 7888 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 7889 x-ref="childmenuViewAllcategory_node_18" 7890 >Palletstellingen</a> 7891 </li> 7892 7893 <li class="level-2" 7894 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2025-10-23_105942_1.jpg','category_node_48');" 7895 > 7896 <a 7897 href="https://123magazijninrichting.nl/palletstellingen/voordeelsets/" 7898 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 7899 > 7900 <picture> 7901 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-10-23_105942_1.jpg"> 7902 <img loading="lazy" 7903 width="40" 7904 height="40" 7905 alt="Palletstellingen voordeelsets Beeld" 7906 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 7907 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-10-23_105942_1.jpg" 7908 /> 7909 </picture> 7910 Voordeelsets </a> 7911 </li> 7912 7913 <li class="level-2" 7914 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/t/resized/280_200/stow_palletstelling_basissectie_2_niveaus_leeg__3.jpg','category_node_49');" 7915 > 7916 <a 7917 href="https://123magazijninrichting.nl/palletstellingen/basissecties/" 7918 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 7919 > 7920 <picture> 7921 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_palletstelling_basissectie_2_niveaus_leeg__3.jpg"> 7922 <img loading="lazy" 7923 width="40" 7924 height="40" 7925 alt="Palletstelling basissecties Beeld" 7926 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 7927 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_palletstelling_basissectie_2_niveaus_leeg__3.jpg" 7928 /> 7929 </picture> 7930 Basissecties </a> 7931 </li> 7932 7933 <li class="level-2" 7934 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/t/resized/280_200/stow_palletstelling_aanbouwsectie_4000_mm_.jpg','category_node_50');" 7935 > 7936 <a 7937 href="https://123magazijninrichting.nl/palletstellingen/aanbouwsecties/" 7938 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 7939 > 7940 <picture> 7941 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_palletstelling_aanbouwsectie_4000_mm_.jpg"> 7942 <img loading="lazy" 7943 width="40" 7944 height="40" 7945 alt="Palletstelling aanbouwsecties Beeld" 7946 class="menu-image border border-transparent roun
7946ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 7947 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_palletstelling_aanbouwsectie_4000_mm_.jpg" 7948 /> 7949 </picture> 7950 Aanbouwsecties </a> 7951 </li> 7952 7953 <li 7954 class="level-2 has-child" 7955 x-data="{ subMenuOpencategory_node_51: false }" 7956 data-item="subMenuOpencategory_node_51" 7957 @mouseleave.prevent.stop="subMenuOpencategory_node_51 = false" 7958 > 7959 <button 7960 type="button" 7961 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium pl-8" 7962 x-ref="childmenuTogglecategory_node_51" 7963 @mouseover="subMenuOpencategory_node_51 = true; 7964 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/b/o/resized/280_200/borgpen.jpg','category_node_51'); 7965 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_51.clientHeight }, '10'); 7966 " 7967 @click="window.location.href = 'https://123magazijninrichting.nl/palletstellingen/onderdelen/'" 7968 aria-expanded="false" 7969 :aria-expanded="subMenuOpencategory_node_51" 7970 aria-controls="category-node-51-desktop-menu-panel" 7971 > 7972 <picture> 7973 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/b/o/resized/80_80/borgpen.jpg"> 7974 <img loading="lazy" 7975 width="40" 7976 height="40" 7977 alt="Palletstelling onderdelen Beeld" 7978 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 7979 src="https://123magazijninrichting.nl/media/menu_images/b/o/resized/80_80/borgpen.jpg" 7980 /> 7981 </picture> 7982 Onderdelen <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 7983 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 7984</svg> 7985 </button> 7986 <ul 7987 id="category-node-51-desktop-menu-panel" 7988 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 7989 x-show="subMenuOpencategory_node_51" 7990 x-ref="childmenuWrappercategory_node_51" 7991 @keydown.escape.stop="subMenuOpencategory_node_51 = false; 7992 $refs.childmenuTogglecategory_node_51.focus();" 7993 > 7994 <li> 7995 <a 7996 href="https://123magazijninrichting.nl/palletstellingen/onderdelen/" 7997 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 7998 x-ref="childmenuViewAllcategory_node_51" 7999 >Palletstelling onderdelen</a> 8000 </li> 8001 8002 <li class="level-3" 8003 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/b/o/resized/280_200/borgpen_2.jpg','category_node_55');" 8004 > 8005 <a 8006 href="https://123magazijninrichting.nl/palletstellingen/borgpennen/" 8007 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 8008 > 8009 <picture> 8010 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/b/o/resized/80_80/borgpen_2.jpg"> 8011 <img loading="lazy" 8012 width="40" 8013 height="40" 8014 alt="Palletstelling borgpennen Beeld" 8015 class="menu-image border border-transparent roun
8015ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8016 src="https://123magazijninrichting.nl/media/menu_images/b/o/resized/80_80/borgpen_2.jpg" 8017 /> 8018 </picture> 8019 Borgpennen </a> 8020 </li> 8021 8022 <li class="level-3" 8023 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/k/e/resized/280_200/keilanker_.jpg','category_node_59');" 8024 > 8025 <a 8026 href="https://123magazijninrichting.nl/palletstellingen/keilankers/" 8027 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 8028 > 8029 <picture> 8030 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/k/e/resized/80_80/keilanker_.jpg"> 8031 <img loading="lazy" 8032 width="40" 8033 height="40" 8034 alt="Palletstelling keilankers Beeld" 8035 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8036 src="https://123magazijninrichting.nl/media/menu_images/k/e/resized/80_80/keilanker_.jpg" 8037 /> 8038 </picture> 8039 Keilankers </a> 8040 </li> 8041 8042 <li class="level-3" 8043 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2025-06-03_130735_1.jpg','category_node_52');" 8044 > 8045 <a 8046 href="https://123magazijninrichting.nl/palletstellingen/liggers/" 8047 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 8048 > 8049 <picture> 8050 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_130735_1.jpg"> 8051 <img loading="lazy" 8052 width="40" 8053 height="40" 8054 alt="Palletstelling liggers Beeld" 8055 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8056 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_130735_1.jpg" 8057 /> 8058 </picture> 8059 Liggers </a> 8060 </li> 8061 8062 <li class="level-3" 8063 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/t/resized/280_200/stow_staander.jpg','category_node_53');" 8064 > 8065 <a 8066 href="https://123magazijninrichting.nl/palletstellingen/staanders/" 8067 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 8068 > 8069 <picture> 8070 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_staander.jpg"> 8071 <img loading="lazy" 8072 width="40" 8073 height="40" 8074 alt="Palletstelling staanders Beeld" 8075 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8076 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_staander.jpg" 8077 /> 8078 </picture> 8079 Staanders </a> 8080 </li> 8081 8082 <li class="level-3" 8083 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/t/resized/280_200/stow_horizontaal_-_diagonaal_schoor.jpg','category_node_211');" 8084 > 8085 <a 8086 href="https://123magazijninrichting.nl/palletstellingen/schoren/" 8087 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 8088 > 8089 <picture> 8090 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_horizontaal_-_diagonaal_schoor.jpg"> 8091 <img loading="lazy" 8092 width="40" 8093 height="40" 8094 alt="Palletstelling schoren Beeld" 8095 class="menu-image border border-transparent roun
8095ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8096 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_horizontaal_-_diagonaal_schoor.jpg" 8097 /> 8098 </picture> 8099 Schoren </a> 8100 </li> 8101 8102 <li class="level-3" 8103 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2025-06-04_100801.jpg','category_node_212');" 8104 > 8105 <a 8106 href="https://123magazijninrichting.nl/palletstellingen/vulplaten/" 8107 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 8108 > 8109 <picture> 8110 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_100801.jpg"> 8111 <img loading="lazy" 8112 width="40" 8113 height="40" 8114 alt="Palletstelling vulplaten Beeld" 8115 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8116 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_100801.jpg" 8117 /> 8118 </picture> 8119 Vulplaten </a> 8120 </li> 8121 8122 <li class="level-3" 8123 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2025-06-04_1008402_1.jpg','category_node_213');" 8124 > 8125 <a 8126 href="https://123magazijninrichting.nl/palletstellingen/voetplaten/" 8127 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 8128 > 8129 <picture> 8130 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_1008402_1.jpg"> 8131 <img loading="lazy" 8132 width="40" 8133 height="40" 8134 alt="Palletstelling voetplaten Beeld" 8135 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8136 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_1008402_1.jpg" 8137 /> 8138 </picture> 8139 Voetplaten </a> 8140 </li> 8141 </ul> 8142 </li> 8143 8144 <li 8145 class="level-2 has-child" 8146 x-data="{ subMenuOpencategory_node_208: false }" 8147 data-item="subMenuOpencategory_node_208" 8148 @mouseleave.prevent.stop="subMenuOpencategory_node_208 = false" 8149 > 8150 <button 8151 type="button" 8152 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium pl-8" 8153 x-ref="childmenuTogglecategory_node_208" 8154 @mouseover="subMenuOpencategory_node_208 = true; 8155 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/t/resized/280_200/stow_doordrukbeveiliging.jpg','category_node_208'); 8156 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_208.clientHeight }, '10'); 8157 " 8158 @click="window.location.href = 'https://123magazijninrichting.nl/palletstellingen/handige-extras/'" 8159 aria-expanded="false" 8160 :aria-expanded="subMenuOpencategory_node_208" 8161 aria-controls="category-node-208-desktop-menu-panel" 8162 > 8163 <picture> 8164 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_doordrukbeveiliging.jpg"> 8165 <img loading="lazy" 8166 width="40" 8167 height="40" 8168 alt="Handige extra's voor palletstellingen Beeld" 8169 class="menu-image border border-transparent roun
8169ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8170 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_doordrukbeveiliging.jpg" 8171 /> 8172 </picture> 8173 Handige extra's <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 8174 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 8175</svg> 8176 </button> 8177 <ul 8178 id="category-node-208-desktop-menu-panel" 8179 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 8180 x-show="subMenuOpencategory_node_208" 8181 x-ref="childmenuWrappercategory_node_208" 8182 @keydown.escape.stop="subMenuOpencategory_node_208 = false; 8183 $refs.childmenuTogglecategory_node_208.focus();" 8184 > 8185 <li> 8186 <a 8187 href="https://123magazijninrichting.nl/palletstellingen/handige-extras/" 8188 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 8189 x-ref="childmenuViewAllcategory_node_208" 8190 >Handige extra's voor palletstellingen</a> 8191 </li> 8192 8193 <li class="level-3" 8194 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2025-06-04_101057.jpg','category_node_60');" 8195 > 8196 <a 8197 href="https://123magazijninrichting.nl/palletstellingen/afstandhouders/" 8198 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 8199 > 8200 <picture> 8201 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_101057.jpg"> 8202 <img loading="lazy" 8203 width="40" 8204 height="40" 8205 alt="Palletstelling afstandhouders Beeld" 8206 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8207 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_101057.jpg" 8208 /> 8209 </picture> 8210 Afstandhouders </a> 8211 </li> 8212 8213 <li class="level-3" 8214 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/t/resized/280_200/stow_doordrukbeveiliging_1.jpg','category_node_209');" 8215 > 8216 <a 8217 href="https://123magazijninrichting.nl/palletstellingen/doorschuifbeveiliging/" 8218 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 8219 > 8220 <picture> 8221 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_doordrukbeveiliging_1.jpg"> 8222 <img loading="lazy" 8223 width="40" 8224 height="40" 8225 alt="Palletstelling doorschuifbeveiliging Beeld" 8226 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8227 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_doordrukbeveiliging_1.jpg" 8228 /> 8229 </picture> 8230 Doorschuifbeveiliging </a> 8231 </li> 8232 8233 <li class="level-3" 8234 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2025-06-04_101916.jpg','category_node_210');" 8235 > 8236 <a 8237 href="https://123magazijninrichting.nl/palletstellingen/gaaswand/" 8238 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 8239 > 8240 <picture> 8241 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_101916.jpg"> 8242 <img loading="lazy" 8243 width="40" 8244 height="40" 8245 alt="Palletstelling gaaswanden Beeld" 8246 class="menu-image border border-transparent roun
8246ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8247 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_101916.jpg" 8248 /> 8249 </picture> 8250 Gaaswanden </a> 8251 </li> 8252 8253 <li class="level-3" 8254 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/l/a/resized/280_200/lat-om-lat_vlonder.jpeg','category_node_58');" 8255 > 8256 <a 8257 href="https://123magazijninrichting.nl/palletstellingen/houten-vlonders/" 8258 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 8259 > 8260 <picture> 8261 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/l/a/resized/80_80/lat-om-lat_vlonder.jpeg"> 8262 <img loading="lazy" 8263 width="40" 8264 height="40" 8265 alt="Palletstelling houten vlonders Beeld" 8266 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8267 src="https://123magazijninrichting.nl/media/menu_images/l/a/resized/80_80/lat-om-lat_vlonder.jpeg" 8268 /> 8269 </picture> 8270 Houten vlonders </a> 8271 </li> 8272 8273 <li class="level-3" 8274 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/g/a/resized/280_200/gaasrooster_2.jpg','category_node_57');" 8275 > 8276 <a 8277 href="https://123magazijninrichting.nl/palletstellingen/stellingroosters/" 8278 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 8279 > 8280 <picture> 8281 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/g/a/resized/80_80/gaasrooster_2.jpg"> 8282 <img loading="lazy" 8283 width="40" 8284 height="40" 8285 alt="Palletstelling gaasroosters Beeld" 8286 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8287 src="https://123magazijninrichting.nl/media/menu_images/g/a/resized/80_80/gaasrooster_2.jpg" 8288 /> 8289 </picture> 8290 Gaasroosters </a> 8291 </li> 8292 8293 <li class="level-3" 8294 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/p/a/resized/280_200/palletstelling_vakverdeler_50_cm.jpg','category_node_61');" 8295 > 8296 <a 8297 href="https://123magazijninrichting.nl/palletstellingen/vakverdelers/" 8298 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 8299 > 8300 <picture> 8301 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/p/a/resized/80_80/palletstelling_vakverdeler_50_cm.jpg"> 8302 <img loading="lazy" 8303 width="40" 8304 height="40" 8305 alt="Palletstelling vakverdelers Beeld" 8306 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8307 src="https://123magazijninrichting.nl/media/menu_images/p/a/resized/80_80/palletstelling_vakverdeler_50_cm.jpg" 8308 /> 8309 </picture> 8310 Vakverdelers </a> 8311 </li> 8312 8313 <li class="level-3" 8314 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2026-04-23_133138.png','category_node_345');" 8315 > 8316 <a 8317 href="https://123magazijninrichting.nl/magazijnstellingen/palletstellingen/handige-extra-s/diepteliggers/" 8318 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 8319 > 8320 <picture> 8321 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-23_133138.png"> 8322 <img loading="lazy" 8323 width="40" 8324 height="40" 8325 alt="Diepteliggers Beeld" 8326 class="menu-image border border-transparent roun
8326ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8327 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-23_133138.png" 8328 /> 8329 </picture> 8330 Diepteliggers </a> 8331 </li> 8332 8333 <li class="level-3" 8334 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2026-09-02_132154_1.png','category_node_370');" 8335 > 8336 <a 8337 href="https://123magazijninrichting.nl/magazijnstellingen/palletstellingen/handige-extra-s/stapelbokken/" 8338 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 8339 > 8340 <picture> 8341 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-09-02_132154_1.png"> 8342 <img loading="lazy" 8343 width="40" 8344 height="40" 8345 alt="Stapelbokken Beeld" 8346 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8347 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-09-02_132154_1.png" 8348 /> 8349 </picture> 8350 Stapelbokken </a> 8351 </li> 8352 </ul> 8353 </li> 8354 8355 <li class="level-2" 8356 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/m/e/resized/280_200/meta_aanrijdbeveiliging_stijlbeschermer.jpg','category_node_63');" 8357 > 8358 <a 8359 href="https://123magazijninrichting.nl/palletstellingen/veiligheid/" 8360 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 8361 > 8362 <picture> 8363 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_aanrijdbeveiliging_stijlbeschermer.jpg"> 8364 <img loading="lazy" 8365 width="40" 8366 height="40" 8367 alt="Palletstelling veiligheidsartikelen Beeld" 8368 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8369 src="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_aanrijdbeveiliging_stijlbeschermer.jpg" 8370 /> 8371 </picture> 8372 Veiligheid </a> 8373 </li> 8374 8375 <li class="level-2" 8376 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/t/resized/280_200/stow_palletstelling_basissectie_3_niveaus_gevuld_.jpg','category_node_114');" 8377 > 8378 <a 8379 href="https://123magazijninrichting.nl/palletstellingen/gebruikt/" 8380 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 8381 > 8382 <picture> 8383 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_palletstelling_basissectie_3_niveaus_gevuld_.jpg"> 8384 <img loading="lazy" 8385 width="40" 8386 height="40" 8387 alt="Gebruikte palletstellingen Beeld" 8388 class="menu-image border border-transparent roun
8388ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8389 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_palletstelling_basissectie_3_niveaus_gevuld_.jpg" 8390 /> 8391 </picture> 8392 Gebruikt </a> 8393 </li> 8394 8395 <li class="level-2" 8396 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/p/u/resized/280_200/pushbackstelling.jpg','category_node_319');" 8397 > 8398 <a 8399 href="https://123magazijninrichting.nl/magazijnstellingen/palletstellingen/pushbackstellingen/" 8400 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 8401 > 8402 <picture> 8403 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/p/u/resized/80_80/pushbackstelling.jpg"> 8404 <img loading="lazy" 8405 width="40" 8406 height="40" 8407 alt="Pushbackstellingen Beeld" 8408 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8409 src="https://123magazijninrichting.nl/media/menu_images/p/u/resized/80_80/pushbackstelling.jpg" 8410 /> 8411 </picture> 8412 Pushbackstellingen </a> 8413 </li> 8414 8415 <li class="level-2" 8416 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/d/o/resized/280_200/doorrolstelling_-_hoofdmenu_afbeelding.jpg','category_node_320');" 8417 > 8418 <a 8419 href="https://123magazijninrichting.nl/magazijnstellingen/palletstellingen/doorrijstellingen/" 8420 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 8421 > 8422 <picture> 8423 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/d/o/resized/80_80/doorrolstelling_-_hoofdmenu_afbeelding.jpg"> 8424 <img loading="lazy" 8425 width="40" 8426 height="40" 8427 alt="Doorrolstellingen Beeld" 8428 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8429 src="https://123magazijninrichting.nl/media/menu_images/d/o/resized/80_80/doorrolstelling_-_hoofdmenu_afbeelding.jpg" 8430 /> 8431 </picture> 8432 Doorrolstellingen </a> 8433 </li> 8434 8435 <li class="level-2" 8436 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/i/n/resized/280_200/inrijstelling_-_menu_afbeelding.jpg','category_node_321');" 8437 > 8438 <a 8439 href="https://123magazijninrichting.nl/magazijnstellingen/palletstellingen/inrijstellingen/" 8440 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 8441 > 8442 <picture> 8443 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/i/n/resized/80_80/inrijstelling_-_menu_afbeelding.jpg"> 8444 <img loading="lazy" 8445 width="40" 8446 height="40" 8447 alt="Inrijstellingen Beeld" 8448 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8449 src="https://123magazijninrichting.nl/media/menu_images/i/n/resized/80_80/inrijstelling_-_menu_afbeelding.jpg" 8450 /> 8451 </picture> 8452 Inrijstellingen </a> 8453 </li> 8454 </ul> 8455 </li> 8456 8457 <li 8458 class="level-1 has-child" 8459 x-data="{ subMenuOpencategory_node_9: false }" 8460 data-item="subMenuOpencategory_node_9" 8461 @mouseleave.prevent.stop="subMenuOpencategory_node_9 = false" 8462 > 8463 <button 8464 type="button" 8465 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium " 8466 x-ref="childmenuTogglecategory_node_9" 8467 @mouseover="subMenuOpencategory_node_9 = true; 8468 currentActiveCmsBlock = document.querySelector(`[data-cms-block-id='category_node_9']`) ? 'category_node_9' : 'parent'; 8469 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/m/e/resized/280_200/meta_atlas_draagarmstelling_dubbelzijdig_.jpg','category_node_9'); 8470 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_9.clientHeight }, '10'); 8471 " 8472 @click="window.location.href = 'https://123magazijninrichting.nl/draagarmstellingen/'" 8473 aria-expanded="false" 8474 :aria-expanded="subMenuOpencategory_node_9" 8475 aria-controls="category-node-9-desktop-menu-panel" 8476 > 8477 <picture> 8478 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_atlas_draagarmstelling_dubbelzijdig_.jpg"> 8479 <img loading="lazy" 8480 width="40" 8481 height="40" 8482 alt="Draagarmstellingen Beeld" 8483 class="menu-image border border-transparent roun
8483ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8484 src="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_atlas_draagarmstelling_dubbelzijdig_.jpg" 8485 /> 8486 </picture> 8487 Draagarmstellingen <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 8488 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 8489</svg> 8490 </button> 8491 <ul 8492 id="category-node-9-desktop-menu-panel" 8493 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 8494 x-show="subMenuOpencategory_node_9" 8495 x-ref="childmenuWrappercategory_node_9" 8496 @keydown.escape.stop="subMenuOpencategory_node_9 = false; 8497 $refs.childmenuTogglecategory_node_9.focus();" 8498 > 8499 <li> 8500 <a 8501 href="https://123magazijninrichting.nl/draagarmstellingen/" 8502 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 8503 x-ref="childmenuViewAllcategory_node_9" 8504 >Draagarmstellingen</a> 8505 </li> 8506 8507 <li class="level-2" 8508 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/m/e/resized/280_200/meta_atlas_draagarmstelling_variabel_dubbelzijdig_1.jpg','category_node_65');" 8509 > 8510 <a 8511 href="https://123magazijninrichting.nl/draagarmstellingen/voordeelsets/" 8512 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 8513 > 8514 <picture> 8515 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_atlas_draagarmstelling_variabel_dubbelzijdig_1.jpg"> 8516 <img loading="lazy" 8517 width="40" 8518 height="40" 8519 alt="Voordeelsets Beeld" 8520 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8521 src="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_atlas_draagarmstelling_variabel_dubbelzijdig_1.jpg" 8522 /> 8523 </picture> 8524 Voordeelsets </a> 8525 </li> 8526 8527 <li 8528 class="level-2 has-child" 8529 x-data="{ subMenuOpencategory_node_66: false }" 8530 data-item="subMenuOpencategory_node_66" 8531 @mouseleave.prevent.stop="subMenuOpencategory_node_66 = false" 8532 > 8533 <button 8534 type="button" 8535 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium pl-8" 8536 x-ref="childmenuTogglecategory_node_66" 8537 @mouseover="subMenuOpencategory_node_66 = true; 8538 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/m/e/resized/280_200/meta_atlas_draagarmstelling_enkelzijdig_1_1.jpg','category_node_66'); 8539 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_66.clientHeight }, '10'); 8540 " 8541 @click="window.location.href = 'https://123magazijninrichting.nl/magazijnstellingen/draagarmstellingen/enkelzijdig/'" 8542 aria-expanded="false" 8543 :aria-expanded="subMenuOpencategory_node_66" 8544 aria-controls="category-node-66-desktop-menu-panel" 8545 > 8546 <picture> 8547 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_atlas_draagarmstelling_enkelzijdig_1_1.jpg"> 8548 <img loading="lazy" 8549 width="40" 8550 height="40" 8551 alt="Enkelzijdige draagarmstellingen Beeld" 8552 class="menu-image border border-transparent roun
8552ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8553 src="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_atlas_draagarmstelling_enkelzijdig_1_1.jpg" 8554 /> 8555 </picture> 8556 Enkelzijdig <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 8557 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 8558</svg> 8559 </button> 8560 <ul 8561 id="category-node-66-desktop-menu-panel" 8562 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 8563 x-show="subMenuOpencategory_node_66" 8564 x-ref="childmenuWrappercategory_node_66" 8565 @keydown.escape.stop="subMenuOpencategory_node_66 = false; 8566 $refs.childmenuTogglecategory_node_66.focus();" 8567 > 8568 <li> 8569 <a 8570 href="https://123magazijninrichting.nl/magazijnstellingen/draagarmstellingen/enkelzijdig/" 8571 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 8572 x-ref="childmenuViewAllcategory_node_66" 8573 >Enkelzijdige draagarmstellingen</a> 8574 </li> 8575 8576 <li class="level-3" 8577 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/m/e/resized/280_200/meta_atlas_draagarmstelling_enkelzijdig_1_2.jpg','category_node_71');" 8578 > 8579 <a 8580 href="https://123magazijninrichting.nl/draagarmstellingen/enkelzijdig/licht/" 8581 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 8582 > 8583 <picture> 8584 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_atlas_draagarmstelling_enkelzijdig_1_2.jpg"> 8585 <img loading="lazy" 8586 width="40" 8587 height="40" 8588 alt="Lichte enkelzijdige draagarmstelling (0-250kg) Beeld" 8589 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8590 src="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_atlas_draagarmstelling_enkelzijdig_1_2.jpg" 8591 /> 8592 </picture> 8593 Licht (0-250kg) </a> 8594 </li> 8595 8596 <li class="level-3" 8597 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/m/e/resized/280_200/meta_multistrong_medium_draagarmstelling_enkelzijdig__1.jpg','category_node_72');" 8598 > 8599 <a 8600 href="https://123magazijninrichting.nl/draagarmstellingen/enkelzijdig/medium/" 8601 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 8602 > 8603 <picture> 8604 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_multistrong_medium_draagarmstelling_enkelzijdig__1.jpg"> 8605 <img loading="lazy" 8606 width="40" 8607 height="40" 8608 alt="Medium enkelzijdige draagarmstelling (300-550kg) Beeld" 8609 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8610 src="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_multistrong_medium_draagarmstelling_enkelzijdig__1.jpg" 8611 /> 8612 </picture> 8613 Medium (300-550kg) </a> 8614 </li> 8615 8616 <li class="level-3" 8617 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/b/r/resized/280_200/br_zware_draagarmstelling_enkelzijdig_.jpg','category_node_73');" 8618 > 8619 <a 8620 href="https://123magazijninrichting.nl/draagarmstellingen/enkelzijdig/zwa
8620ar/" 8621 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 8622 > 8623 <picture> 8624 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/b/r/resized/80_80/br_zware_draagarmstelling_enkelzijdig_.jpg"> 8625 <img loading="lazy" 8626 width="40" 8627 height="40" 8628 alt="Zware enkelzijdige draagarmstelling (600-1000kg) Beeld" 8629 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8630 src="https://123magazijninrichting.nl/media/menu_images/b/r/resized/80_80/br_zware_draagarmstelling_enkelzijdig_.jpg" 8631 /> 8632 </picture> 8633 Zwaar (600-1000kg) </a> 8634 </li> 8635 </ul> 8636 </li> 8637 8638 <li 8639 class="level-2 has-child" 8640 x-data="{ subMenuOpencategory_node_67: false }" 8641 data-item="subMenuOpencategory_node_67" 8642 @mouseleave.prevent.stop="subMenuOpencategory_node_67 = false" 8643 > 8644 <button 8645 type="button" 8646 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium pl-8" 8647 x-ref="childmenuTogglecategory_node_67" 8648 @mouseover="subMenuOpencategory_node_67 = true; 8649 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/m/e/resized/280_200/meta_atlas_draagarmstelling_dubbelzijdig__1.jpg','category_node_67'); 8650 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_67.clientHeight }, '10'); 8651 " 8652 @click="window.location.href = 'https://123magazijninrichting.nl/draagarmstellingen/dubbelzijdig/'" 8653 aria-expanded="false" 8654 :aria-expanded="subMenuOpencategory_node_67" 8655 aria-controls="category-node-67-desktop-menu-panel" 8656 > 8657 <picture> 8658 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_atlas_draagarmstelling_dubbelzijdig__1.jpg"> 8659 <img loading="lazy" 8660 width="40" 8661 height="40" 8662 alt="Dubbelzijdige draagarmstellingen Beeld" 8663 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8664 src="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_atlas_draagarmstelling_dubbelzijdig__1.jpg" 8665 /> 8666 </picture> 8667 Dubbelzijdig <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 8668 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 8669</svg> 8670 </button> 8671 <ul 8672 id="category-node-67-desktop-menu-panel" 8673 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 8674 x-show="subMenuOpencategory_node_67" 8675 x-ref="childmenuWrappercategory_node_67" 8676 @keydown.escape.stop="subMenuOpencategory_node_67 = false; 8677 $refs.childmenuTogglecategory_node_67.focus();" 8678 > 8679 <li> 8680 <a 8681 href="https://123magazijninrichting.nl/draagarmstellingen/dubbelzijdig/" 8682 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 8683 x-ref="childmenuViewAllcategory_node_67" 8684 >Dubbelzijdige draagarmstellingen</a> 8685 </li> 8686 8687 <li class="level-3" 8688 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/m/e/resized/280_200/meta_atlas_draagarmstelling_dubbelzijdig__2.jpg','category_node_68');" 8689 > 8690 <a 8691 href="https://123magazijninrichting.nl/draagarmstellingen/dubbelzijdig/licht/" 8692 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 8693 > 8694 <picture> 8695 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_atlas_draagarmstelling_dubbelzijdig__2.jpg"> 8696 <img loading="lazy" 8697 width="40" 8698 height="40" 8699 alt="Lichte dubbelzijdige draagarmstelling (0-250kg) Beeld" 8700 class="menu-image border border-transparent roun
8700ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8701 src="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_atlas_draagarmstelling_dubbelzijdig__2.jpg" 8702 /> 8703 </picture> 8704 Licht (0-250kg) </a> 8705 </li> 8706 8707 <li class="level-3" 8708 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/m/e/resized/280_200/meta_multistrong_medium_draagarmstelling_dubbelzijdig__3.jpg','category_node_69');" 8709 > 8710 <a 8711 href="https://123magazijninrichting.nl/draagarmstellingen/dubbelzijdig/medium/" 8712 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 8713 > 8714 <picture> 8715 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_multistrong_medium_draagarmstelling_dubbelzijdig__3.jpg"> 8716 <img loading="lazy" 8717 width="40" 8718 height="40" 8719 alt="Medium dubbelzijdige draagarmstelling (300-550kg) Beeld" 8720 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8721 src="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_multistrong_medium_draagarmstelling_dubbelzijdig__3.jpg" 8722 /> 8723 </picture> 8724 Medium (300-550kg) </a> 8725 </li> 8726 8727 <li class="level-3" 8728 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/b/r/resized/280_200/br_zware_draagarmstelling_dubbelzijdig_.jpg','category_node_70');" 8729 > 8730 <a 8731 href="https://123magazijninrichting.nl/draagarmstellingen/dubbelzijdig/zwaar/" 8732 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 8733 > 8734 <picture> 8735 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/b/r/resized/80_80/br_zware_draagarmstelling_dubbelzijdig_.jpg"> 8736 <img loading="lazy" 8737 width="40" 8738 height="40" 8739 alt="Zware dubbelzijdige draagarmstelling (600-1000kg) Beeld" 8740 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8741 src="https://123magazijninrichting.nl/media/menu_images/b/r/resized/80_80/br_zware_draagarmstelling_dubbelzijdig_.jpg" 8742 /> 8743 </picture> 8744 Zwaar (600-1000kg) </a> 8745 </li> 8746 </ul> 8747 </li> 8748 8749 <li 8750 class="level-2 has-child" 8751 x-data="{ subMenuOpencategory_node_214: false }" 8752 data-item="subMenuOpencategory_node_214" 8753 @mouseleave.prevent.stop="subMenuOpencategory_node_214 = false" 8754 > 8755 <button 8756 type="button" 8757 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium pl-8" 8758 x-ref="childmenuTogglecategory_node_214" 8759 @mouseover="subMenuOpencategory_node_214 = true; 8760 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/_/x/resized/280_200/_x0a5947_rgb.jpg','category_node_214'); 8761 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_214.clientHeight }, '10'); 8762 " 8763 @click="window.location.href = 'https://123magazijninrichting.nl/draagarmstellingen/onderdelen/'" 8764 aria-expanded="false" 8765 :aria-expanded="subMenuOpencategory_node_214" 8766 aria-controls="category-node-214-desktop-menu-panel" 8767 > 8768 <picture> 8769 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/_/x/resized/80_80/_x0a5947_rgb.jpg"> 8770 <img loading="lazy" 8771 width="40" 8772 height="40" 8773 alt="Draagarmstelling onderdelen Beeld" 8774 class="menu-image border border-transparent roun
8774ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8775 src="https://123magazijninrichting.nl/media/menu_images/_/x/resized/80_80/_x0a5947_rgb.jpg" 8776 /> 8777 </picture> 8778 Onderdelen <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 8779 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 8780</svg> 8781 </button> 8782 <ul 8783 id="category-node-214-desktop-menu-panel" 8784 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 8785 x-show="subMenuOpencategory_node_214" 8786 x-ref="childmenuWrappercategory_node_214" 8787 @keydown.escape.stop="subMenuOpencategory_node_214 = false; 8788 $refs.childmenuTogglecategory_node_214.focus();" 8789 > 8790 <li> 8791 <a 8792 href="https://123magazijninrichting.nl/draagarmstellingen/onderdelen/" 8793 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 8794 x-ref="childmenuViewAllcategory_node_214" 8795 >Draagarmstelling onderdelen</a> 8796 </li> 8797 8798 <li class="level-3" 8799 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/m/e/resized/280_200/meta_multistrong_staander.jpg','category_node_215');" 8800 > 8801 <a 8802 href="https://123magazijninrichting.nl/draagarmstellingen/staanders-enkelzijdig/" 8803 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 8804 > 8805 <picture> 8806 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_multistrong_staander.jpg"> 8807 <img loading="lazy" 8808 width="40" 8809 height="40" 8810 alt="Draagarmstelling staanders - enkelzijdig Beeld" 8811 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8812 src="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_multistrong_staander.jpg" 8813 /> 8814 </picture> 8815 Staanders - enkelzijdig </a> 8816 </li> 8817 8818 <li class="level-3" 8819 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/m/e/resized/280_200/meta_multistrong_staander_dubbelzijdig.jpg','category_node_216');" 8820 > 8821 <a 8822 href="https://123magazijninrichting.nl/draagarmstellingen/staanders-dubbelzijdig/" 8823 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 8824 > 8825 <picture> 8826 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_multistrong_staander_dubbelzijdig.jpg"> 8827 <img loading="lazy" 8828 width="40" 8829 height="40" 8830 alt="Draagarmstelling staanders - dubbelzijdig Beeld" 8831 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8832 src="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_multistrong_staander_dubbelzijdig.jpg" 8833 /> 8834 </picture> 8835 Staanders - dubbelzijdig </a> 8836 </li> 8837 8838 <li class="level-3" 8839 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/_/x/resized/280_200/_x0a5948_rgb_frei.jpg','category_node_217');" 8840 > 8841 <a 8842 href="https://123magazijninrichting.nl/draagarmstellingen/draagarmen/" 8843 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 8844 > 8845 <picture> 8846 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/_/x/resized/80_80/_x0a5948_rgb_frei.jpg"> 8847 <img loading="lazy" 8848 width="40" 8849 height="40" 8850 alt="Draagarmstelling draagarmen Beeld" 8851 class="menu-image border border-transparent roun
8851ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8852 src="https://123magazijninrichting.nl/media/menu_images/_/x/resized/80_80/_x0a5948_rgb_frei.jpg" 8853 /> 8854 </picture> 8855 Draagarmen </a> 8856 </li> 8857 8858 <li class="level-3" 8859 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/7/4/resized/280_200/74898.jpg','category_node_218');" 8860 > 8861 <a 8862 href="https://123magazijninrichting.nl/draagarmstellingen/schoren/" 8863 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 8864 > 8865 <picture> 8866 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/7/4/resized/80_80/74898.jpg"> 8867 <img loading="lazy" 8868 width="40" 8869 height="40" 8870 alt="Draagarmstelling schoren Beeld" 8871 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8872 src="https://123magazijninrichting.nl/media/menu_images/7/4/resized/80_80/74898.jpg" 8873 /> 8874 </picture> 8875 Schoren </a> 8876 </li> 8877 </ul> 8878 </li> 8879 8880 <li class="level-2" 8881 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schraubanker_1.jpg','category_node_116');" 8882 > 8883 <a 8884 href="https://123magazijninrichting.nl/draagarmstellingen/accessoires/" 8885 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 8886 > 8887 <picture> 8888 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schraubanker_1.jpg"> 8889 <img loading="lazy" 8890 width="40" 8891 height="40" 8892 alt="Draagarmstelling accessoires Beeld" 8893 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8894 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schraubanker_1.jpg" 8895 /> 8896 </picture> 8897 Accessoires </a> 8898 </li> 8899 8900 <li class="level-2" 8901 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/c/h/resized/280_200/chatgpt_image_4_sep_2026_14_37_22_2.png','category_node_74');" 8902 > 8903 <a 8904 href="https://123magazijninrichting.nl/draagarmstellingen/draagarmstellingen-met-dak/" 8905 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 8906 > 8907 <picture> 8908 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/c/h/resized/80_80/chatgpt_image_4_sep_2026_14_37_22_2.png"> 8909 <img loading="lazy" 8910 width="40" 8911 height="40" 8912 alt="Draagarmstellingen met dak Beeld" 8913 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8914 src="https://123magazijninrichting.nl/media/menu_images/c/h/resized/80_80/chatgpt_image_4_sep_2026_14_37_22_2.png" 8915 /> 8916 </picture> 8917 Met dak </a> 8918 </li> 8919 8920 <li class="level-2" 8921 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2025-06-03_132258.jpg','category_node_75');" 8922 > 8923 <a 8924 href="https://123magazijninrichting.nl/draagarmstellingen/draagarmwagen/" 8925 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 8926 > 8927 <picture> 8928 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_132258.jpg"> 8929 <img loading="lazy" 8930 width="40" 8931 height="40" 8932 alt="Draagarmwagen Beeld" 8933 class="menu-image border border-transparent roun
8933ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8934 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_132258.jpg" 8935 /> 8936 </picture> 8937 Draagarmwagen </a> 8938 </li> 8939 8940 <li class="level-2" 8941 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/m/e/resized/280_200/meta_atlas_draagarmstelling_variabel_enkelzijdig_1.jpg','category_node_115');" 8942 > 8943 <a 8944 href="https://123magazijninrichting.nl/draagarmstellingen/gebruikt/" 8945 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 8946 > 8947 <picture> 8948 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_atlas_draagarmstelling_variabel_enkelzijdig_1.jpg"> 8949 <img loading="lazy" 8950 width="40" 8951 height="40" 8952 alt="Gebruikte draagarmstellingen Beeld" 8953 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8954 src="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_atlas_draagarmstelling_variabel_enkelzijdig_1.jpg" 8955 /> 8956 </picture> 8957 Gebruikt </a> 8958 </li> 8959 </ul> 8960 </li> 8961 8962 <li 8963 class="level-1 has-child" 8964 x-data="{ subMenuOpencategory_node_10: false }" 8965 data-item="subMenuOpencategory_node_10" 8966 @mouseleave.prevent.stop="subMenuOpencategory_node_10 = false" 8967 > 8968 <button 8969 type="button" 8970 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium " 8971 x-ref="childmenuTogglecategory_node_10" 8972 @mouseover="subMenuOpencategory_node_10 = true; 8973 currentActiveCmsBlock = document.querySelector(`[data-cms-block-id='category_node_10']`) ? 'category_node_10' : 'parent'; 8974 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/_/8/resized/280_200/_8167rgb_1.png','category_node_10'); 8975 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_10.clientHeight }, '10'); 8976 " 8977 @click="window.location.href = 'https://123magazijninrichting.nl/grootvakstellingen/'" 8978 aria-expanded="false" 8979 :aria-expanded="subMenuOpencategory_node_10" 8980 aria-controls="category-node-10-desktop-menu-panel" 8981 > 8982 <picture> 8983 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/_/8/resized/80_80/_8167rgb_1.png"> 8984 <img loading="lazy" 8985 width="40" 8986 height="40" 8987 alt="Grootvakstellingen Beeld" 8988 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 8989 src="https://123magazijninrichting.nl/media/menu_images/_/8/resized/80_80/_8167rgb_1.png" 8990 /> 8991 </picture> 8992 Grootvakstellingen <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 8993 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 8994</svg> 8995 </button> 8996 <ul 8997 id="category-node-10-desktop-menu-panel" 8998 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 8999 x-show="subMenuOpencategory_node_10" 9000 x-ref="childmenuWrappercategory_node_10" 9001 @keydown.escape.stop="subMenuOpencategory_node_10 = false;
9002 $refs.childmenuTogglecategory_node_10.focus();" 9003 > 9004 <li> 9005 <a 9006 href="https://123magazijninrichting.nl/grootvakstellingen/" 9007 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 9008 x-ref="childmenuViewAllcategory_node_10" 9009 >Grootvakstellingen</a> 9010 </li> 9011 9012 <li class="level-2" 9013 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/_/8/resized/280_200/_8139rgb.jpg','category_node_76');" 9014 > 9015 <a 9016 href="https://123magazijninrichting.nl/grootvakstellingen/voordeelsets/" 9017 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 9018 > 9019 <picture> 9020 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/_/8/resized/80_80/_8139rgb.jpg"> 9021 <img loading="lazy" 9022 width="40" 9023 height="40" 9024 alt="Grootvakstelling voordeelsets Beeld" 9025 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9026 src="https://123magazijninrichting.nl/media/menu_images/_/8/resized/80_80/_8139rgb.jpg" 9027 /> 9028 </picture> 9029 Voordeelsets </a> 9030 </li> 9031 9032 <li class="level-2" 9033 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/g/r/resized/280_200/grootvakstelling_basissectie_5.jpg','category_node_77');" 9034 > 9035 <a 9036 href="https://123magazijninrichting.nl/grootvakstellingen/basissecties/" 9037 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 9038 > 9039 <picture> 9040 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/g/r/resized/80_80/grootvakstelling_basissectie_5.jpg"> 9041 <img loading="lazy" 9042 width="40" 9043 height="40" 9044 alt="Grootvakstelling basissecties Beeld" 9045 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9046 src="https://123magazijninrichting.nl/media/menu_images/g/r/resized/80_80/grootvakstelling_basissectie_5.jpg" 9047 /> 9048 </picture> 9049 Basissecties </a> 9050 </li> 9051 9052 <li class="level-2" 9053 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/a/a/resized/280_200/aanbouwsectieee.jpg','category_node_78');" 9054 > 9055 <a 9056 href="https://123magazijninrichting.nl/grootvakstellingen/aanbouwsecties/" 9057 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 9058 > 9059 <picture> 9060 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/a/a/resized/80_80/aanbouwsectieee.jpg"> 9061 <img loading="lazy" 9062 width="40" 9063 height="40" 9064 alt="Grootvakstelling aanbouwsecties Beeld" 9065 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9066 src="https://123magazijninrichting.nl/media/menu_images/a/a/resized/80_80/aanbouwsectieee.jpg" 9067 /> 9068 </picture> 9069 Aanbouwsecties </a> 9070 </li> 9071 9072 <li 9073 class="level-2 has-child" 9074 x-data="{ subMenuOpencategory_node_79: false }" 9075 data-item="subMenuOpencategory_node_79" 9076 @mouseleave.prevent.stop="subMenuOpencategory_node_79 = false" 9077 > 9078 <button 9079 type="button" 9080 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium pl-8" 9081 x-ref="childmenuTogglecategory_node_79" 9082 @mouseover="subMenuOpencategory_node_79 = true; 9083 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/t/resized/280_200/stapelkrat_-_wit.jpg','category_node_79'); 9084 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_79.clientHeight }, '10'); 9085 " 9086 @click="window.location.href = 'https://123magazijninrichting.nl/grootvakstellingen/accessoires/'" 9087 aria-expanded="false" 9088 :aria-expanded="subMenuOpencategory_node_79" 9089 aria-controls="category-node-79-desktop-menu-panel" 9090 > 9091 <picture> 9092 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stapelkrat_-_wit.jpg"> 9093 <img loading="lazy" 9094 width="40" 9095 height="40" 9096 alt="Grootvakstelling accessoires Beeld" 9097 class="menu-image border border-transparent roun
9097ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9098 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stapelkrat_-_wit.jpg" 9099 /> 9100 </picture> 9101 Accessoires <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 9102 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 9103</svg> 9104 </button> 9105 <ul 9106 id="category-node-79-desktop-menu-panel" 9107 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 9108 x-show="subMenuOpencategory_node_79" 9109 x-ref="childmenuWrappercategory_node_79" 9110 @keydown.escape.stop="subMenuOpencategory_node_79 = false; 9111 $refs.childmenuTogglecategory_node_79.focus();" 9112 > 9113 <li> 9114 <a 9115 href="https://123magazijninrichting.nl/grootvakstellingen/accessoires/" 9116 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 9117 x-ref="childmenuViewAllcategory_node_79" 9118 >Grootvakstelling accessoires</a> 9119 </li> 9120 9121 <li class="level-3" 9122 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2025-06-04_105448.jpg','category_node_235');" 9123 > 9124 <a 9125 href="https://123magazijninrichting.nl/grootvakstellingen/vakverdelers/" 9126 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 9127 > 9128 <picture> 9129 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_105448.jpg"> 9130 <img loading="lazy" 9131 width="40" 9132 height="40" 9133 alt="Grootvakstelling vakverdelers Beeld" 9134 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9135 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_105448.jpg" 9136 /> 9137 </picture> 9138 Vakverdelers </a> 9139 </li> 9140 9141 <li class="level-3" 9142 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2026-04-28_083456.png','category_node_360');" 9143 > 9144 <a 9145 href="https://123magazijninrichting.nl/magazijnstellingen/grootvakstellingen/accessoires/vatenhouders/" 9146 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 9147 > 9148 <picture> 9149 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-28_083456.png"> 9150 <img loading="lazy" 9151 width="40" 9152 height="40" 9153 alt="Vatenhouders Beeld" 9154 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9155 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-28_083456.png" 9156 /> 9157 </picture> 9158 Vatenhouders </a> 9159 </li> 9160 </ul> 9161 </li> 9162 9163 <li 9164 class="level-2 has-child" 9165 x-data="{ subMenuOpencategory_node_84: false }" 9166 data-item="subMenuOpencategory_node_84" 9167 @mouseleave.prevent.stop="subMenuOpencategory_node_84 = false" 9168 > 9169 <button 9170 type="button" 9171 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium pl-8" 9172 x-ref="childmenuTogglecategory_node_84" 9173 @mouseover="subMenuOpencategory_node_84 = true; 9174 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/4/2/resized/280_200/42757_rgb_1.jpg','category_node_84'); 9175 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_84.clientHeight }, '10'); 9176 " 9177 @click="window.location.href = 'https://123magazijninrichting.nl/grootvakstellingen/onderdelen/'" 9178 aria-expanded="false" 9179 :aria-expanded="subMenuOpencategory_node_84" 9180 aria-controls="category-node-84-desktop-menu-panel" 9181 > 9182 <picture> 9183 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/4/2/resized/80_80/42757_rgb_1.jpg"> 9184 <img loading="lazy" 9185 width="40" 9186 height="40" 9187 alt="Grootvakstelling onderdelen Beeld" 9188 class="menu-image border border-transparent roun
9188ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9189 src="https://123magazijninrichting.nl/media/menu_images/4/2/resized/80_80/42757_rgb_1.jpg" 9190 /> 9191 </picture> 9192 Onderdelen <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 9193 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 9194</svg> 9195 </button> 9196 <ul 9197 id="category-node-84-desktop-menu-panel" 9198 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 9199 x-show="subMenuOpencategory_node_84" 9200 x-ref="childmenuWrappercategory_node_84" 9201 @keydown.escape.stop="subMenuOpencategory_node_84 = false; 9202 $refs.childmenuTogglecategory_node_84.focus();" 9203 > 9204 <li> 9205 <a 9206 href="https://123magazijninrichting.nl/grootvakstellingen/onderdelen/" 9207 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 9208 x-ref="childmenuViewAllcategory_node_84" 9209 >Grootvakstelling onderdelen</a> 9210 </li> 9211 9212 <li class="level-3" 9213 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/_/7/resized/280_200/_77a5946rgb.jpg','category_node_117');" 9214 > 9215 <a 9216 href="https://123magazijninrichting.nl/grootvakstellingen/losse-niveaus/" 9217 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 9218 > 9219 <picture> 9220 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/_/7/resized/80_80/_77a5946rgb.jpg"> 9221 <img loading="lazy" 9222 width="40" 9223 height="40" 9224 alt="Grootvakstelling losse niveaus Beeld" 9225 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9226 src="https://123magazijninrichting.nl/media/menu_images/_/7/resized/80_80/_77a5946rgb.jpg" 9227 /> 9228 </picture> 9229 Losse niveaus </a> 9230 </li> 9231 9232 <li class="level-3" 9233 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/2/0/resized/280_200/20057905_rgb.jpg','category_node_118');" 9234 > 9235 <a 9236 href="https://123magazijninrichting.nl/grootvakstellingen/liggers/" 9237 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 9238 > 9239 <picture> 9240 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/2/0/resized/80_80/20057905_rgb.jpg"> 9241 <img loading="lazy" 9242 width="40" 9243 height="40" 9244 alt="Grootvakstelling liggers Beeld" 9245 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9246 src="https://123magazijninrichting.nl/media/menu_images/2/0/resized/80_80/20057905_rgb.jpg" 9247 /> 9248 </picture> 9249 Liggers </a> 9250 </li> 9251 9252 <li class="level-3" 9253 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/4/2/resized/280_200/42757_rgb_3.jpg','category_node_119');" 9254 > 9255 <a 9256 href="https://123magazijninrichting.nl/grootvakstellingen/staanders/" 9257 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 9258 > 9259 <picture> 9260 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/4/2/resized/80_80/42757_rgb_3.jpg"> 9261 <img loading="lazy" 9262 width="40" 9263 height="40" 9264 alt="Grootvakstelling staanders Beeld" 9265 class="menu-image border border-transparent roun
9265ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9266 src="https://123magazijninrichting.nl/media/menu_images/4/2/resized/80_80/42757_rgb_3.jpg" 9267 /> 9268 </picture> 9269 Staanders </a> 9270 </li> 9271 </ul> 9272 </li> 9273 9274 <li class="level-2" 9275 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/_/8/resized/280_200/_8140_rgb.jpg','category_node_129');" 9276 > 9277 <a 9278 href="https://123magazijninrichting.nl/grootvakstellingen/gebruikt/" 9279 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 9280 > 9281 <picture> 9282 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/_/8/resized/80_80/_8140_rgb.jpg"> 9283 <img loading="lazy" 9284 width="40" 9285 height="40" 9286 alt="Gebruikte grootvakstellingen Beeld" 9287 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9288 src="https://123magazijninrichting.nl/media/menu_images/_/8/resized/80_80/_8140_rgb.jpg" 9289 /> 9290 </picture> 9291 Gebruikt </a> 9292 </li> 9293 9294 <li class="level-2" 9295 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/c/h/resized/280_200/chatgpt_image_23_apr_2026_13_43_44.png','category_node_349');" 9296 > 9297 <a 9298 href="https://123magazijninrichting.nl/magazijnstellingen/grootvakstellingen/grootvakstellingen-met-bakken/" 9299 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 9300 > 9301 <picture> 9302 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/c/h/resized/80_80/chatgpt_image_23_apr_2026_13_43_44.png"> 9303 <img loading="lazy" 9304 width="40" 9305 height="40" 9306 alt="Grootvakstellingen met bakken Beeld" 9307 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9308 src="https://123magazijninrichting.nl/media/menu_images/c/h/resized/80_80/chatgpt_image_23_apr_2026_13_43_44.png" 9309 /> 9310 </picture> 9311 Met bakken </a> 9312 </li> 9313 </ul> 9314 </li> 9315 9316 <li 9317 class="level-1 has-child" 9318 x-data="{ subMenuOpencategory_node_11: false }" 9319 data-item="subMenuOpencategory_node_11" 9320 @mouseleave.prevent.stop="subMenuOpencategory_node_11 = false" 9321 > 9322 <button 9323 type="button" 9324 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium " 9325 x-ref="childmenuTogglecategory_node_11" 9326 @mouseover="subMenuOpencategory_node_11 = true; 9327 currentActiveCmsBlock = document.querySelector(`[data-cms-block-id='category_node_11']`) ? 'category_node_11' : 'parent'; 9328 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/9/0/resized/280_200/90237.jpg','category_node_11'); 9329 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_11.clientHeight }, '10'); 9330 " 9331 @click="window.location.href = 'https://123magazijninrichting.nl/bakkenstellingen/'" 9332 aria-expanded="false" 9333 :aria-expanded="subMenuOpencategory_node_11" 9334 aria-controls="category-node-11-desktop-menu-panel" 9335 > 9336 <picture> 9337 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/9/0/resized/80_80/90237.jpg"> 9338 <img loading="lazy" 9339 width="40" 9340 height="40" 9341 alt="Bakkenstellingen Beeld" 9342 class="menu-image border border-transparent roun
9342ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9343 src="https://123magazijninrichting.nl/media/menu_images/9/0/resized/80_80/90237.jpg" 9344 /> 9345 </picture> 9346 Bakkenstellingen <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 9347 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 9348</svg> 9349 </button> 9350 <ul 9351 id="category-node-11-desktop-menu-panel" 9352 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 9353 x-show="subMenuOpencategory_node_11" 9354 x-ref="childmenuWrappercategory_node_11" 9355 @keydown.escape.stop="subMenuOpencategory_node_11 = false; 9356 $refs.childmenuTogglecategory_node_11.focus();" 9357 > 9358 <li> 9359 <a 9360 href="https://123magazijninrichting.nl/bakkenstellingen/" 9361 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 9362 x-ref="childmenuViewAllcategory_node_11" 9363 >Bakkenstellingen</a> 9364 </li> 9365 9366 <li class="level-2" 9367 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/9/0/resized/280_200/90237_2.jpg','category_node_121');" 9368 > 9369 <a 9370 href="https://123magazijninrichting.nl/bakkenstellingen/voordeelsets/" 9371 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 9372 > 9373 <picture> 9374 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/9/0/resized/80_80/90237_2.jpg"> 9375 <img loading="lazy" 9376 width="40" 9377 height="40" 9378 alt="Bakkenstelling voordeelsets Beeld" 9379 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9380 src="https://123magazijninrichting.nl/media/menu_images/9/0/resized/80_80/90237_2.jpg" 9381 /> 9382 </picture> 9383 Voordeelsets </a> 9384 </li> 9385 9386 <li class="level-2" 9387 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/b/a/resized/280_200/bakknstelling_basissectie_1.jpg','category_node_237');" 9388 > 9389 <a 9390 href="https://123magazijninrichting.nl/bakkenstellingen/basissecties/" 9391 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 9392 > 9393 <picture> 9394 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/b/a/resized/80_80/bakknstelling_basissectie_1.jpg"> 9395 <img loading="lazy" 9396 width="40" 9397 height="40" 9398 alt="Bakkenstelling basissecties Beeld" 9399 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9400 src="https://123magazijninrichting.nl/media/menu_images/b/a/resized/80_80/bakknstelling_basissectie_1.jpg" 9401 /> 9402 </picture> 9403 Basissecties </a> 9404 </li> 9405 9406 <li class="level-2" 9407 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/b/a/resized/280_200/bakknstelling_aanbouwsectie_1.jpg','category_node_238');" 9408 > 9409 <a 9410 href="https://123magazijninrichting.nl/bakkenstellingen/aanbouwsecties/" 9411 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 9412 > 9413 <picture> 9414 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/b/a/resized/80_80/bakknstelling_aanbouwsectie_1.jpg"> 9415 <img loading="lazy" 9416 width="40" 9417 height="40" 9418 alt="Bakkenstelling aanbouwsecties Beeld" 9419 class="menu-image border border-transparent roun
9419ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9420 src="https://123magazijninrichting.nl/media/menu_images/b/a/resized/80_80/bakknstelling_aanbouwsectie_1.jpg" 9421 /> 9422 </picture> 9423 Aanbouwsecties </a> 9424 </li> 9425 9426 <li 9427 class="level-2 has-child" 9428 x-data="{ subMenuOpencategory_node_123: false }" 9429 data-item="subMenuOpencategory_node_123" 9430 @mouseleave.prevent.stop="subMenuOpencategory_node_123 = false" 9431 > 9432 <button 9433 type="button" 9434 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium pl-8" 9435 x-ref="childmenuTogglecategory_node_123" 9436 @mouseover="subMenuOpencategory_node_123 = true; 9437 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/t/resized/280_200/stapelkrat_-_blauw.jpg','category_node_123'); 9438 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_123.clientHeight }, '10'); 9439 " 9440 @click="window.location.href = 'https://123magazijninrichting.nl/bakkenstellingen/accessoires/'" 9441 aria-expanded="false" 9442 :aria-expanded="subMenuOpencategory_node_123" 9443 aria-controls="category-node-123-desktop-menu-panel" 9444 > 9445 <picture> 9446 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stapelkrat_-_blauw.jpg"> 9447 <img loading="lazy" 9448 width="40" 9449 height="40" 9450 alt="Bakkenstelling accessoires Beeld" 9451 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9452 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stapelkrat_-_blauw.jpg" 9453 /> 9454 </picture> 9455 Accessoires <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 9456 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 9457</svg> 9458 </button> 9459 <ul 9460 id="category-node-123-desktop-menu-panel" 9461 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 9462 x-show="subMenuOpencategory_node_123" 9463 x-ref="childmenuWrappercategory_node_123" 9464 @keydown.escape.stop="subMenuOpencategory_node_123 = false; 9465 $refs.childmenuTogglecategory_node_123.focus();" 9466 > 9467 <li> 9468 <a 9469 href="https://123magazijninrichting.nl/bakkenstellingen/accessoires/" 9470 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 9471 x-ref="childmenuViewAllcategory_node_123" 9472 >Bakkenstelling accessoires</a> 9473 </li> 9474 9475 <li class="level-3" 9476 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/m/a/resized/280_200/magazijn_stapelbak_500_x_310_x_200_mm_lxbxh_-_blauw_.jpg','category_node_124');" 9477 > 9478 <a 9479 href="https://123magazijninrichting.nl/bakkenstellingen/magazijnbakken/" 9480 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 9481 > 9482 <picture> 9483 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/a/resized/80_80/magazijn_stapelbak_500_x_310_x_200_mm_lxbxh_-_blauw_.jpg"> 9484 <img loading="lazy" 9485 width="40" 9486 height="40" 9487 alt="Magazijnbakken Beeld" 9488 class="menu-image border border-transparent roun
9488ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9489 src="https://123magazijninrichting.nl/media/menu_images/m/a/resized/80_80/magazijn_stapelbak_500_x_310_x_200_mm_lxbxh_-_blauw_.jpg" 9490 /> 9491 </picture> 9492 Magazijnbakken </a> 9493 </li> 9494 9495 <li class="level-3" 9496 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/t/resized/280_200/stapelkrat_-_blauw_1.jpg','category_node_127');" 9497 > 9498 <a 9499 href="https://123magazijninrichting.nl/bakkenstellingen/stapelkratten/" 9500 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 9501 > 9502 <picture> 9503 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stapelkrat_-_blauw_1.jpg"> 9504 <img loading="lazy" 9505 width="40" 9506 height="40" 9507 alt="Stapelkratten Beeld" 9508 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9509 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stapelkrat_-_blauw_1.jpg" 9510 /> 9511 </picture> 9512 Stapelkratten </a> 9513 </li> 9514 </ul> 9515 </li> 9516 9517 <li class="level-2" 9518 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/l/e/resized/280_200/legborden_meta.jpg','category_node_128');" 9519 > 9520 <a 9521 href="https://123magazijninrichting.nl/bakkenstellingen/onderdelen/" 9522 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 9523 > 9524 <picture> 9525 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/l/e/resized/80_80/legborden_meta.jpg"> 9526 <img loading="lazy" 9527 width="40" 9528 height="40" 9529 alt="Bakkenstelling onderdelen Beeld" 9530 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9531 src="https://123magazijninrichting.nl/media/menu_images/l/e/resized/80_80/legborden_meta.jpg" 9532 /> 9533 </picture> 9534 Onderdelen </a> 9535 </li> 9536 9537 <li class="level-2" 9538 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/t/resized/280_200/stapelkrat_-_rood.jpg','category_node_122');" 9539 > 9540 <a 9541 href="https://123magazijninrichting.nl/bakkenstellingen/gebruikt/" 9542 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 9543 > 9544 <picture> 9545 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stapelkrat_-_rood.jpg"> 9546 <img loading="lazy" 9547 width="40" 9548 height="40" 9549 alt="Gebruikte bakkenstellingen Beeld" 9550 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9551 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stapelkrat_-_rood.jpg" 9552 /> 9553 </picture> 9554 Gebruikt </a> 9555 </li> 9556 </ul> 9557 </li> 9558 9559 <li 9560 class="level-1 has-child" 9561 x-data="{ subMenuOpencategory_node_19: false }" 9562 data-item="subMenuOpencategory_node_19" 9563 @mouseleave.prevent.stop="subMenuOpencategory_node_19 = false" 9564 > 9565 <button 9566 type="button" 9567 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium " 9568 x-ref="childmenuTogglecategory_node_19" 9569 @mouseover="subMenuOpencategory_node_19 = true; 9570 currentActiveCmsBlock = document.querySelector(`[data-cms-block-id='category_node_19']`) ? 'category_node_19' : 'parent'; 9571 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/v/e/resized/280_200/velgenstelling_.jpg','category_node_19'); 9572 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_19.clientHeight }, '10'); 9573 " 9574 @click="window.location.href = 'https://123magazijninrichting.nl/automotive-stellingen/'" 9575 aria-expanded="false" 9576 :aria-expanded="subMenuOpencategory_node_19" 9577 aria-controls="category-node-19-desktop-menu-panel" 9578 > 9579 <picture> 9580 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/v/e/resized/80_80/velgenstelling_.jpg"> 9581 <img loading="lazy" 9582 width="40" 9583 height="40" 9584 alt="Bandenstellingen Beeld" 9585 class="menu-image border border-transparent roun
9585ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9586 src="https://123magazijninrichting.nl/media/menu_images/v/e/resized/80_80/velgenstelling_.jpg" 9587 /> 9588 </picture> 9589 Bandenstellingen <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 9590 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 9591</svg> 9592 </button> 9593 <ul 9594 id="category-node-19-desktop-menu-panel" 9595 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 9596 x-show="subMenuOpencategory_node_19" 9597 x-ref="childmenuWrappercategory_node_19" 9598 @keydown.escape.stop="subMenuOpencategory_node_19 = false; 9599 $refs.childmenuTogglecategory_node_19.focus();" 9600 > 9601 <li> 9602 <a 9603 href="https://123magazijninrichting.nl/automotive-stellingen/" 9604 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 9605 x-ref="childmenuViewAllcategory_node_19" 9606 >Bandenstellingen</a> 9607 </li> 9608 9609 <li 9610 class="level-2 has-child" 9611 x-data="{ subMenuOpencategory_node_20: false }" 9612 data-item="subMenuOpencategory_node_20" 9613 @mouseleave.prevent.stop="subMenuOpencategory_node_20 = false" 9614 > 9615 <button 9616 type="button" 9617 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium pl-8" 9618 x-ref="childmenuTogglecategory_node_20" 9619 @mouseover="subMenuOpencategory_node_20 = true; 9620 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/b/a/resized/280_200/bandenstelling_2.jpg','category_node_20'); 9621 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_20.clientHeight }, '10'); 9622 " 9623 @click="window.location.href = 'https://123magazijninrichting.nl/bandenstellingen/'" 9624 aria-expanded="false" 9625 :aria-expanded="subMenuOpencategory_node_20" 9626 aria-controls="category-node-20-desktop-menu-panel" 9627 > 9628 <picture> 9629 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/b/a/resized/80_80/bandenstelling_2.jpg"> 9630 <img loading="lazy" 9631 width="40" 9632 height="40" 9633 alt="Bandenstellingen Beeld" 9634 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9635 src="https://123magazijninrichting.nl/media/menu_images/b/a/resized/80_80/bandenstelling_2.jpg" 9636 /> 9637 </picture> 9638 Bandenstellingen <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 9639 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 9640</svg> 9641 </button> 9642 <ul 9643 id="category-node-20-desktop-menu-panel" 9644 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 9645 x-show="subMenuOpencategory_node_20" 9646 x-ref="childmenuWrappercategory_node_20" 9647 @keydown.escape.stop="subMenuOpencategory_node_20 = false;
9648 $refs.childmenuTogglecategory_node_20.focus();" 9649 > 9650 <li> 9651 <a 9652 href="https://123magazijninrichting.nl/bandenstellingen/" 9653 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 9654 x-ref="childmenuViewAllcategory_node_20" 9655 >Bandenstellingen</a> 9656 </li> 9657 9658 <li class="level-3" 9659 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/r/e/resized/280_200/reifenregal_3-felder-blickhoehe_rgb.jpg','category_node_131');" 9660 > 9661 <a 9662 href="https://123magazijninrichting.nl/bandenstellingen/voordeelsets/" 9663 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 9664 > 9665 <picture> 9666 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/r/e/resized/80_80/reifenregal_3-felder-blickhoehe_rgb.jpg"> 9667 <img loading="lazy" 9668 width="40" 9669 height="40" 9670 alt="Bandenstelling voordeelsets Beeld" 9671 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9672 src="https://123magazijninrichting.nl/media/menu_images/r/e/resized/80_80/reifenregal_3-felder-blickhoehe_rgb.jpg" 9673 /> 9674 </picture> 9675 Voordeelsets </a> 9676 </li> 9677 9678 <li class="level-3" 9679 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/v/e/resized/280_200/velgenstelling_geraamte_.jpg','category_node_286');" 9680 > 9681 <a 9682 href="https://123magazijninrichting.nl/bandenstellingen/onderdelen/" 9683 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 9684 > 9685 <picture> 9686 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/v/e/resized/80_80/velgenstelling_geraamte_.jpg"> 9687 <img loading="lazy" 9688 width="40" 9689 height="40" 9690 alt="Bandenstelling onderdelen Beeld" 9691 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9692 src="https://123magazijninrichting.nl/media/menu_images/v/e/resized/80_80/velgenstelling_geraamte_.jpg" 9693 /> 9694 </picture> 9695 Onderdelen </a> 9696 </li> 9697 9698 <li class="level-3" 9699 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2026-04-24_155109.png','category_node_346');" 9700 > 9701 <a 9702 href="https://123magazijninrichting.nl/magazijnstellingen/automotive-stellingen/bandenstellingen/bandenstelling-basissecties/" 9703 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 9704 > 9705 <picture> 9706 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-24_155109.png"> 9707 <img loading="lazy" 9708 width="40" 9709 height="40" 9710 alt="Bandenstelling basissecties Beeld" 9711 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40p
9711x] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9712 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-24_155109.png" 9713 /> 9714 </picture> 9715 Basissecties </a> 9716 </li> 9717 9718 <li class="level-3" 9719 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2026-04-24_155952.png','category_node_354');" 9720 > 9721 <a 9722 href="https://123magazijninrichting.nl/magazijnstellingen/automotive-stellingen/bandenstellingen/bandenstelling-aanbouwsecties/" 9723 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 9724 > 9725 <picture> 9726 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-24_155952.png"> 9727 <img loading="lazy" 9728 width="40" 9729 height="40" 9730 alt="Bandenstelling aanbouwsecties Beeld" 9731 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9732 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-24_155952.png" 9733 /> 9734 </picture> 9735 Aanbouwsecties </a> 9736 </li> 9737 </ul> 9738 </li> 9739 9740 <li 9741 class="level-2 has-child" 9742 x-data="{ subMenuOpencategory_node_21: false }" 9743 data-item="subMenuOpencategory_node_21" 9744 @mouseleave.prevent.stop="subMenuOpencategory_node_21 = false" 9745 > 9746 <button 9747 type="button" 9748 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium pl-8" 9749 x-ref="childmenuTogglecategory_node_21" 9750 @mouseover="subMenuOpencategory_node_21 = true; 9751 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/v/e/resized/280_200/velgenstelling_2.jpg','category_node_21'); 9752 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_21.clientHeight }, '10'); 9753 " 9754 @click="window.location.href = 'https://123magazijninrichting.nl/velgenstellingen/'" 9755 aria-expanded="false" 9756 :aria-expanded="subMenuOpencategory_node_21" 9757 aria-controls="category-node-21-desktop-menu-panel" 9758 > 9759 <picture> 9760 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/v/e/resized/80_80/velgenstelling_2.jpg"> 9761 <img loading="lazy" 9762 width="40" 9763 height="40" 9764 alt="Velgenstellingen Beeld" 9765 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9766 src="https://123magazijninrichting.nl/media/menu_images/v/e/resized/80_80/velgenstelling_2.jpg" 9767 /> 9768 </picture> 9769 Velgenstellingen <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 9770 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 9771</svg> 9772 </button> 9773 <ul 9774 id="category-node-21-desktop-menu-panel" 9775 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 9776 x-show="subMenuOpencategory_node_21" 9777 x-ref="childmenuWrappercategory_node_21" 9778 @keydown.escape.stop="subMenuOpencategory_node_21 = false;
9779 $refs.childmenuTogglecategory_node_21.focus();" 9780 > 9781 <li> 9782 <a 9783 href="https://123magazijninrichting.nl/velgenstellingen/" 9784 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 9785 x-ref="childmenuViewAllcategory_node_21" 9786 >Velgenstellingen</a> 9787 </li> 9788 9789 <li class="level-3" 9790 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/v/e/resized/280_200/velgenstelling_voordeelrij_3_secties.jpg','category_node_134');" 9791 > 9792 <a 9793 href="https://123magazijninrichting.nl/velgenstellingen/voordeelsets/" 9794 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 9795 > 9796 <picture> 9797 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/v/e/resized/80_80/velgenstelling_voordeelrij_3_secties.jpg"> 9798 <img loading="lazy" 9799 width="40" 9800 height="40" 9801 alt="Velgenstelling voordeelsets Beeld" 9802 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9803 src="https://123magazijninrichting.nl/media/menu_images/v/e/resized/80_80/velgenstelling_voordeelrij_3_secties.jpg" 9804 /> 9805 </picture> 9806 Voordeelsets </a> 9807 </li> 9808 9809 <li class="level-3" 9810 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2026-04-24_160655.png','category_node_356');" 9811 > 9812 <a 9813 href="https://123magazijninrichting.nl/magazijnstellingen/automotive-stellingen/velgenstellingen/velgenstelling-basissecties/" 9814 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 9815 > 9816 <picture> 9817 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-24_160655.png"> 9818 <img loading="lazy" 9819 width="40" 9820 height="40" 9821 alt="Velgenstelling basissecties Beeld" 9822 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9823 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-24_160655.png" 9824 /> 9825 </picture> 9826 Basissecties </a> 9827 </li> 9828 9829 <li class="level-3" 9830 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2026-04-24_161145.png','category_node_357');" 9831 > 9832 <a 9833 href="https://123magazijninrichting.nl/magazijnstellingen/automotive-stellingen/velgenstellingen/velgenstelling-aanbouwsecties/" 9834 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 9835 > 9836 <picture> 9837 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-24_161145.png"> 9838 <img loading="lazy" 9839 width="40" 9840 height="40" 9841 alt="Velgenstelling aanbouwsecties Beeld" 9842 class="menu-image border border-transparent roun
9842ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9843 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-24_161145.png" 9844 /> 9845 </picture> 9846 Aanbouwsecties </a> 9847 </li> 9848 9849 <li class="level-3" 9850 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2026-04-24_161414.png','category_node_358');" 9851 > 9852 <a 9853 href="https://123magazijninrichting.nl/magazijnstellingen/automotive-stellingen/velgenstellingen/velgenstelling-losse-onderdelen/" 9854 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 9855 > 9856 <picture> 9857 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-24_161414.png"> 9858 <img loading="lazy" 9859 width="40" 9860 height="40" 9861 alt="Velgenstelling losse onderdelen Beeld" 9862 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9863 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-24_161414.png" 9864 /> 9865 </picture> 9866 Losse onderdelen </a> 9867 </li> 9868 </ul> 9869 </li> 9870 9871 <li class="level-2" 9872 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/u/i/resized/280_200/uitlaat_stellingen_1.jpg','category_node_22');" 9873 > 9874 <a 9875 href="https://123magazijninrichting.nl/uitlaatstellingen/" 9876 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 9877 > 9878 <picture> 9879 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/u/i/resized/80_80/uitlaat_stellingen_1.jpg"> 9880 <img loading="lazy" 9881 width="40" 9882 height="40" 9883 alt="Uitlaatstellingen Beeld" 9884 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9885 src="https://123magazijninrichting.nl/media/menu_images/u/i/resized/80_80/uitlaat_stellingen_1.jpg" 9886 /> 9887 </picture> 9888 Uitlaatstellingen </a> 9889 </li> 9890 9891 <li class="level-2" 9892 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2026-04-24_162329.png','category_node_359');" 9893 > 9894 <a 9895 href="https://123magazijninrichting.nl/magazijnstellingen/automotive-stellingen/v-snaarstellingen/" 9896 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 9897 > 9898 <picture> 9899 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-24_162329.png"> 9900 <img loading="lazy" 9901 width="40" 9902 height="40" 9903 alt="V-snaarstellingen Beeld" 9904 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40p
9904x] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9905 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-24_162329.png" 9906 /> 9907 </picture> 9908 V-snaarstellingen </a> 9909 </li> 9910 </ul> 9911 </li> 9912 9913 <li 9914 class="level-1 has-child" 9915 x-data="{ subMenuOpencategory_node_23: false }" 9916 data-item="subMenuOpencategory_node_23" 9917 @mouseleave.prevent.stop="subMenuOpencategory_node_23 = false" 9918 > 9919 <button 9920 type="button" 9921 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium " 9922 x-ref="childmenuTogglecategory_node_23" 9923 @mouseover="subMenuOpencategory_node_23 = true; 9924 currentActiveCmsBlock = document.querySelector(`[data-cms-block-id='category_node_23']`) ? 'category_node_23' : 'parent'; 9925 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/_/8/resized/280_200/_8122_rgb_1.jpg','category_node_23'); 9926 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_23.clientHeight }, '10'); 9927 " 9928 @click="window.location.href = 'https://123magazijninrichting.nl/verticale-stellingen/'" 9929 aria-expanded="false" 9930 :aria-expanded="subMenuOpencategory_node_23" 9931 aria-controls="category-node-23-desktop-menu-panel" 9932 > 9933 <picture> 9934 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/_/8/resized/80_80/_8122_rgb_1.jpg"> 9935 <img loading="lazy" 9936 width="40" 9937 height="40" 9938 alt="Verticale stellingen Beeld" 9939 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9940 src="https://123magazijninrichting.nl/media/menu_images/_/8/resized/80_80/_8122_rgb_1.jpg" 9941 /> 9942 </picture> 9943 Verticale stellingen <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 9944 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 9945</svg> 9946 </button> 9947 <ul 9948 id="category-node-23-desktop-menu-panel" 9949 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 9950 x-show="subMenuOpencategory_node_23" 9951 x-ref="childmenuWrappercategory_node_23" 9952 @keydown.escape.stop="subMenuOpencategory_node_23 = false; 9953 $refs.childmenuTogglecategory_node_23.focus();" 9954 > 9955 <li> 9956 <a 9957 href="https://123magazijninrichting.nl/verticale-stellingen/" 9958 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 9959 x-ref="childmenuViewAllcategory_node_23" 9960 >Verticale stellingen</a> 9961 </li> 9962 9963 <li class="level-2" 9964 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2025-06-03_145219.jpg','category_node_140');" 9965 > 9966 <a 9967 href="https://123magazijninrichting.nl/verticale-stellingen/voordeelsets/" 9968 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 9969 > 9970 <picture> 9971 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_145219.jpg"> 9972 <img loading="lazy" 9973 width="40" 9974 height="40" 9975 alt="Verticale stelling voordeelsets Beeld" 9976 class="menu-image border border-transparent roun
9976ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9977 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_145219.jpg" 9978 /> 9979 </picture> 9980 Voordeelsets </a> 9981 </li> 9982 9983 <li class="level-2" 9984 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/v/e/resized/280_200/verticale_stelling_basissectie_2_1.jpg','category_node_141');" 9985 > 9986 <a 9987 href="https://123magazijninrichting.nl/verticale-stellingen/basissecties/" 9988 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 9989 > 9990 <picture> 9991 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/v/e/resized/80_80/verticale_stelling_basissectie_2_1.jpg"> 9992 <img loading="lazy" 9993 width="40" 9994 height="40" 9995 alt="Verticale stelling basissecties Beeld" 9996 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 9997 src="https://123magazijninrichting.nl/media/menu_images/v/e/resized/80_80/verticale_stelling_basissectie_2_1.jpg" 9998 /> 9999 </picture> 10000 Basissecties </a> 10001 </li> 10002 10003 <li class="level-2" 10004 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/v/e/resized/280_200/verticale_stelling_aanbouwsectie_1.jpg','category_node_142');" 10005 > 10006 <a 10007 href="https://123magazijninrichting.nl/verticale-stellingen/aanbouwsecties/" 10008 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 10009 > 10010 <picture> 10011 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/v/e/resized/80_80/verticale_stelling_aanbouwsectie_1.jpg"> 10012 <img loading="lazy" 10013 width="40" 10014 height="40" 10015 alt="Verticale stelling aanbouwsecties Beeld" 10016 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 10017 src="https://123magazijninrichting.nl/media/menu_images/v/e/resized/80_80/verticale_stelling_aanbouwsectie_1.jpg" 10018 /> 10019 </picture> 10020 Aanbouwsecties </a> 10021 </li> 10022 10023 <li class="level-2" 10024 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2025-06-03_145020.jpg','category_node_143');" 10025 > 10026 <a 10027 href="https://123magazijninrichting.nl/verticale-stellingen/losse-onderdelen/" 10028 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 10029 > 10030 <picture> 10031 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_145020.jpg"> 10032 <img loading="lazy" 10033 width="40" 10034 height="40" 10035 alt="Verticale stelling onderdelen Beeld" 10036 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 10037 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_145020.jpg" 10038 /> 10039 </picture> 10040 Losse onderdelen </a> 10041 </li> 10042 </ul> 10043 </li> 10044 10045 <li 10046 class="level-1 has-child" 10047 x-data="{ subMenuOpencategory_node_24: false }" 10048 data-item="subMenuOpencategory_node_24" 10049 @mouseleave.prevent.stop="subMenuOpencategory_node_24 = false" 10050 > 10051 <button 10052 type="button" 10053 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium " 10054 x-ref="childmenuTogglecategory_node_24" 10055 @mouseover="subMenuOpencategory_node_24 = true; 10056 currentActiveCmsBlock = document.querySelector(`[data-cms-block-id='category_node_24']`) ? 'category_node_24' : 'parent'; 10057 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/h/a/resized/280_200/haspelstelling_basissectie_1.jpg','category_node_24'); 10058 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_24.clientHeight }, '10'); 10059 " 10060 @click="window.location.href = 'https://123magazijninrichting.nl/haspelstellingen/'" 10061 aria-expanded="false" 10062 :aria-expanded="subMenuOpencategory_node_24" 10063 aria-controls="category-node-24-desktop-menu-panel" 10064 > 10065 <picture> 10066 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/h/a/resized/80_80/haspelstelling_basissectie_1.jpg"> 10067 <img loading="lazy" 10068 width="40" 10069 height="40" 10070 alt="Haspelstellingen Beeld" 10071 class="menu-image border border-transparent roun
10071ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 10072 src="https://123magazijninrichting.nl/media/menu_images/h/a/resized/80_80/haspelstelling_basissectie_1.jpg" 10073 /> 10074 </picture> 10075 Haspelstellingen <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 10076 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 10077</svg> 10078 </button> 10079 <ul 10080 id="category-node-24-desktop-menu-panel" 10081 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 10082 x-show="subMenuOpencategory_node_24" 10083 x-ref="childmenuWrappercategory_node_24" 10084 @keydown.escape.stop="subMenuOpencategory_node_24 = false; 10085 $refs.childmenuTogglecategory_node_24.focus();" 10086 > 10087 <li> 10088 <a 10089 href="https://123magazijninrichting.nl/haspelstellingen/" 10090 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 10091 x-ref="childmenuViewAllcategory_node_24" 10092 >Haspelstellingen</a> 10093 </li> 10094 10095 <li class="level-2" 10096 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2026-02-27_135549.jpg','category_node_327');" 10097 > 10098 <a 10099 href="https://123magazijninrichting.nl/magazijnstellingen/haspelstellingen/haspelstellingen-voordeelsets/" 10100 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 10101 > 10102 <picture> 10103 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-02-27_135549.jpg"> 10104 <img loading="lazy" 10105 width="40" 10106 height="40" 10107 alt="Haspelstellingen voordeelsets Beeld" 10108 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 10109 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-02-27_135549.jpg" 10110 /> 10111 </picture> 10112 Voordeelsets </a> 10113 </li> 10114 10115 <li class="level-2" 10116 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/h/a/resized/280_200/haspelstelling_basissectie_3.jpg','category_node_220');" 10117 > 10118 <a 10119 href="https://123magazijninrichting.nl/haspelstellingen/basissecties/" 10120 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 10121 > 10122 <picture> 10123 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/h/a/resized/80_80/haspelstelling_basissectie_3.jpg"> 10124 <img loading="lazy" 10125 width="40" 10126 height="40" 10127 alt="Haspelstelling basissecties Beeld" 10128 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 10129 src="https://123magazijninrichting.nl/media/menu_images/h/a/resized/80_80/haspelstelling_basissectie_3.jpg" 10130 /> 10131 </picture> 10132 Basissecties </a> 10133 </li> 10134 10135 <li class="level-2" 10136 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/h/a/resized/280_200/haspelstelling_aanbouwsectie_2.jpg','category_node_221');" 10137 > 10138 <a 10139 href="https://123magazijninrichting.nl/haspelstellingen/aanbouwsecties/" 10140 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 10141 > 10142 <picture> 10143 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/h/a/resized/80_80/haspelstelling_aanbouwsectie_2.jpg"> 10144 <img loading="lazy" 10145 width="40" 10146 height="40" 10147 alt="Haspelstelling aanbouwsecties Beeld" 10148 class="menu-image border border-transparent roun
10148ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 10149 src="https://123magazijninrichting.nl/media/menu_images/h/a/resized/80_80/haspelstelling_aanbouwsectie_2.jpg" 10150 /> 10151 </picture> 10152 Aanbouwsecties </a> 10153 </li> 10154 10155 <li class="level-2" 10156 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/k/a/resized/280_200/kabeltrommel_20080744_rgb.jpg','category_node_222');" 10157 > 10158 <a 10159 href="https://123magazijninrichting.nl/haspelstellingen/onderdelen/" 10160 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 10161 > 10162 <picture> 10163 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/k/a/resized/80_80/kabeltrommel_20080744_rgb.jpg"> 10164 <img loading="lazy" 10165 width="40" 10166 height="40" 10167 alt="Haspelstelling onderdelen Beeld" 10168 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 10169 src="https://123magazijninrichting.nl/media/menu_images/k/a/resized/80_80/kabeltrommel_20080744_rgb.jpg" 10170 /> 10171 </picture> 10172 Onderdelen </a> 10173 </li> 10174 </ul> 10175 </li> 10176 10177 <li 10178 class="level-1 has-child" 10179 x-data="{ subMenuOpencategory_node_25: false }" 10180 data-item="subMenuOpencategory_node_25" 10181 @mouseleave.prevent.stop="subMenuOpencategory_node_25 = false" 10182 > 10183 <button 10184 type="button" 10185 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium " 10186 x-ref="childmenuTogglecategory_node_25" 10187 @mouseover="subMenuOpencategory_node_25 = true; 10188 currentActiveCmsBlock = document.querySelector(`[data-cms-block-id='category_node_25']`) ? 'category_node_25' : 'parent'; 10189 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/k/l/resized/280_200/kledingstelling_3.jpg','category_node_25'); 10190 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_25.clientHeight }, '10'); 10191 " 10192 @click="window.location.href = 'https://123magazijninrichting.nl/overige-stellingen/'" 10193 aria-expanded="false" 10194 :aria-expanded="subMenuOpencategory_node_25" 10195 aria-controls="category-node-25-desktop-menu-panel" 10196 > 10197 <picture> 10198 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/k/l/resized/80_80/kledingstelling_3.jpg"> 10199 <img loading="lazy" 10200 width="40" 10201 height="40" 10202 alt="Overige stellingen Beeld" 10203 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 10204 src="https://123magazijninrichting.nl/media/menu_images/k/l/resized/80_80/kledingstelling_3.jpg" 10205 /> 10206 </picture> 10207 Overige stellingen <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 10208 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 10209</svg> 10210 </button> 10211 <ul 10212 id="category-node-25-desktop-menu-panel" 10213 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 10214 x-show="subMenuOpencategory_node_25" 10215 x-ref="childmenuWrappercategory_node_25" 10216 @keydown.escape.stop="subMenuOpencategory_node_25 = false;
10217 $refs.childmenuTogglecategory_node_25.focus();" 10218 > 10219 <li> 10220 <a 10221 href="https://123magazijninrichting.nl/overige-stellingen/" 10222 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 10223 x-ref="childmenuViewAllcategory_node_25" 10224 >Overige stellingen</a> 10225 </li> 10226 10227 <li class="level-2" 10228 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/k/r/resized/280_200/krattenstelling_1.jpg','category_node_26');" 10229 > 10230 <a 10231 href="https://123magazijninrichting.nl/krattenstellingen/" 10232 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 10233 > 10234 <picture> 10235 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/k/r/resized/80_80/krattenstelling_1.jpg"> 10236 <img loading="lazy" 10237 width="40" 10238 height="40" 10239 alt="Krattenstellingen Beeld" 10240 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 10241 src="https://123magazijninrichting.nl/media/menu_images/k/r/resized/80_80/krattenstelling_1.jpg" 10242 /> 10243 </picture> 10244 Krattenstellingen </a> 10245 </li> 10246 10247 <li class="level-2" 10248 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/v/a/resized/280_200/vatenstelling_7.jpg','category_node_27');" 10249 > 10250 <a 10251 href="https://123magazijninrichting.nl/vatenstellingen/" 10252 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 10253 > 10254 <picture> 10255 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/v/a/resized/80_80/vatenstelling_7.jpg"> 10256 <img loading="lazy" 10257 width="40" 10258 height="40" 10259 alt="Vatenstellingen Beeld" 10260 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 10261 src="https://123magazijninrichting.nl/media/menu_images/v/a/resized/80_80/vatenstelling_7.jpg" 10262 /> 10263 </picture> 10264 Vatenstellingen </a> 10265 </li> 10266 10267 <li class="level-2" 10268 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/g/e/resized/280_200/gevaarlijke_stoffen_stelling.jpg','category_node_28');" 10269 > 10270 <a 10271 href="https://123magazijninrichting.nl/gevaarlijke-stoffen-stellingen/" 10272 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 10273 > 10274 <picture> 10275 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/g/e/resized/80_80/gevaarlijke_stoffen_stelling.jpg"> 10276 <img loading="lazy" 10277 width="40" 10278 height="40" 10279 alt="Stellingen gevaarlijke stoffen Beeld" 10280 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 10281 src="https://123magazijninrichting.nl/media/menu_images/g/e/resized/80_80/gevaarlijke_stoffen_stelling.jpg" 10282 /> 10283 </picture> 10284 Stellingen gevaarlijke stoffen </a> 10285 </li> 10286 10287 <li class="level-2" 10288 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/_/8/resized/280_200/_8453_rgb.jpg','category_node_29');" 10289 > 10290 <a 10291 href="https://123magazijninrichting.nl/wandstellingen/" 10292 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 10293 > 10294 <picture> 10295 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/_/8/resized/80_80/_8453_rgb.jpg"> 10296 <img loading="lazy" 10297 width="40" 10298 height="40" 10299 alt="Wandstellingen Beeld" 10300 class="menu-image border border-transparent roun
10300ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 10301 src="https://123magazijninrichting.nl/media/menu_images/_/8/resized/80_80/_8453_rgb.jpg" 10302 /> 10303 </picture> 10304 Wandstellingen </a> 10305 </li> 10306 10307 <li class="level-2" 10308 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/w/i/resized/280_200/winkelstelling_3.jpg','category_node_30');" 10309 > 10310 <a 10311 href="https://123magazijninrichting.nl/winkelstellingen/" 10312 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 10313 > 10314 <picture> 10315 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/w/i/resized/80_80/winkelstelling_3.jpg"> 10316 <img loading="lazy" 10317 width="40" 10318 height="40" 10319 alt="Winkelstellingen Beeld" 10320 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 10321 src="https://123magazijninrichting.nl/media/menu_images/w/i/resized/80_80/winkelstelling_3.jpg" 10322 /> 10323 </picture> 10324 Winkelstellingen </a> 10325 </li> 10326 </ul> 10327 </li> 10328 </ul> 10329 </div> 10330 <div class="menu-cms-banner-wrap flex-[27.83] mt-10"> 10331 <div data-cms-block-id="parent" :class="'parent' === currentActiveCmsBlock ? 'block' : 'hidden'"> 10332 <style>#html-body [data-pb-style=DENPKXI],#html-body [data-pb-style=RNR7CUQ]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=DENPKXI]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=RNR7CUQ]{align-self:stretch}#html-body [data-pb-style=NK3JWB2]{display:flex;width:100%}
10332#html-body [data-pb-style=VYKG90Y]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=OK18RGD]{background-color:#0a7db3;background-position:right bottom;background-size:auto;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=L3OSKMN]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=XULB0CV]{opacity:1;visibility:visible}#html-body [data-pb-style=QTCI92R]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=XV8785V]{background-position:center center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=HM03716]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=JKMM99V]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=E8CBM85]{background-color:#12407e;background-position:right bottom;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=Q3AVUQ1]{border-radius:24px;min-height:300px;background-color:transparent}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-category-cms-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="DENPKXI"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="RNR7CUQ"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="NK3JWB2"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="VYKG90Y"><div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never" data-element="main" class="common-styles button-text button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bd1b38" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="OK18RGD"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="L3OSKMN"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #ffffff;">Hulp nodig?</span></strong></p><p class="cms-32xl w-[64%]"><span style="color: #ffffff;">Wij helpen u de juiste keuze te maken!</span></p></div><a href="javascript:%24crisp.push(%5B'do',%20'chat:open'%5D)" target="" data-link-type="default" title="" data-element="link"><button type="button" class="pagebuilder-banner-button pagebuilder-button-primary" data-element="button" data-pb-style="XULB0CV">Start de keuzehulp</button></a></div></div></div><style type="text/css">.background-image-6ac5dc5bd1b38 {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png);}</style></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="QTCI92R"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="button-text common-styles menu-dynamic-image button-arrow button-bl content-t content-left"><div data-element="empty_link"><div class="pagebuilder-banner-wrapper" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="XV8785V"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="HM03716"><div class="pagebuilder-poster-content"><div data-element="content"></div></div></div></div></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="JKMM99V"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="ul-buttons button-bl content-t content-left"><div data-element="empty_link"><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bd1b4c" data-background-images='{\"de
10332sktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="E8CBM85"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="Q3AVUQ1"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #43b3e7;">Vragen?</span></strong></p><p class="cms-2xl w-4/5"><span style="color: #ffffff;">Stel ze in de chat</span></p></div></div></div></div><style type="text/css">.background-image-6ac5dc5bd1b4c {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png);}</style></div></div></div></div></div></div></div> </div> 10333 <div data-cms-block-id="category_node_4" :class="'category_node_4' === currentActiveCmsBlock ? 'block' : 'hidden'"> 10334 <style>#html-body [data-pb-style=FEWRPI7],#html-body [data-pb-style=IBCLRDS]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=FEWRPI7]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=IBCLRDS]{align-self:stretch}#html-body [data-pb-style=WXEVRPQ]{display:flex;width:100%}#html-body [data-pb-style=J6J399N]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=NWP9L23]{background-color:#43b3e7;background-position:right bottom;background-size:auto;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=RXL2TKB]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=IFSXVWH]{opacity:1;visibility:visible}#html-body [data-pb-style=NEAFESC]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=VBT0I2T]{background-position:center center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=O9US41W]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=RT7MTLG]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=KB8ARNH]{background-color:#12407e;background-position:right bottom;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=J850RP6]{border-radius:24px;min-height:300px;background-color:transparent}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-category-cms-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="FEWRPI7"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="IBCLRDS"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="WXEVRPQ"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="J6J399N"><div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never" data-element="main" class="common-styles button-text button-bl content-t content-left"><a href="https://123magazijninrichting.nl/legbordstellingen/offerte/" target="" data-link-type="page" title="" data-element="link"><div class="pagebuilder-banner-wrapper" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="NWP9L23"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="RXL2TKB"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs transparent"><strong><span style="color: #ffffff;">
10334Legbordstelling configurator</span></strong></p><p class="cms-32xl w-[64%]"><span style="color: #ffffff;">Configureer in enkele stappen jouw stelling.</span></p></div><button type="button" class="pagebuilder-banner-button pagebuilder-button-primary" data-element="button" data-pb-style="IFSXVWH">naar stap 1</button></div></div></div></a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="NEAFESC"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="button-text common-styles menu-dynamic-image button-arrow button-bl content-t content-left"><a href="#" target="" data-link-type="default" title="" data-element="link"><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bd2c80" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/magecode/category/magazijninrichting-legbordstelling-1-los-123-magazijn-inrichting-foto-ruben-cress-2016-510x510_1.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="VBT0I2T"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="O9US41W"><div class="pagebuilder-poster-content"><div data-element="content"></div></div></div></div><style type="text/css">.background-image-6ac5dc5bd2c80 {background-image: url(https://123magazijninrichting.nl/media/magecode/category/magazijninrichting-legbordstelling-1-los-123-magazijn-inrichting-foto-ruben-cress-2016-510x510_1.png);}</style></a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="RT7MTLG"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="ul-buttons button-bl content-t content-left"><div data-element="empty_link"><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bd2c8c" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/.renditions/wysiwyg/123Magazijninrichting_medewerker.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="KB8ARNH"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="J850RP6"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #43b3e7;">Vragen?</span></strong></p><p class="cms-2xl w-4/5"><span style="color: #ffffff;">Wij helpen je graag! </span></p><ul class="cms-icons"><li class="mail"><li class="phone"><li class="wpp"></ul></div></div></div></div><style type="text/css">.background-image-6ac5dc5bd2c8c {background-image: url(https://123magazijninrichting.nl/media/.renditions/wysiwyg/123Magazijninrichting_medewerker.png);}</style></div></div></div></div></div></div></div> </div> 10335 <div data-cms-block-id="category_node_18" :class="'category_node_18' === currentActiveCmsBlock ? 'block' : 'hidden'"> 10336 <style>#html-body [data-pb-style=CV22QTA],#html-body [data-pb-style=PD40ENW]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=PD40ENW]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=CV22QTA]{align-self:stretch}#html-body [data-pb-style=TPRS7Q1]{display:flex;width:100%}#html-body [data-pb-style=BH1WD2H]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=PM6K8GT]{background-color:#43b3e7;background-position:right bottom;background-size:auto;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=PI3AKKN]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=D16NW48]{opacity:1;visibility:visible}#html-body [data-pb-style=FY4YYR9]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=NBBRKNB]{background-position:center center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=TJFRM7E]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=NI08VGW]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=LK0L7FN]{background-color:#12407e;background-position:right bottom;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=J385QJ2]{border-radius:24px;min-height:300px;background-color:transparent}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-category-cms-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="PD40ENW"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="CV22QTA"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="TPRS7Q1"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="BH1WD2H"><div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never" data-element="main" class="common-styles button-text button-bl content-t content-left"><a href="https://123magazijninrichting.nl/palletstellingen/offerte/" target="" data-link-type="page" title="" data-element="link"><div class="pagebuilder-banner-wrapper" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="PM6K8GT"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="PI3AKKN"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs transparent"><strong><span style="color: #ffffff;">
10336Palletstelling configurator</span></strong></p><p class="cms-32xl w-[64%]"><span style="color: #ffffff;">Configureer in enkele stappen jouw stelling.</span></p></div><button type="button" class="pagebuilder-banner-button pagebuilder-button-primary" data-element="button" data-pb-style="D16NW48">naar stap 1</button></div></div></div></a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="FY4YYR9"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="button-text common-styles menu-dynamic-image button-arrow button-bl content-t content-left"><a href="#" target="" data-link-type="default" title="" data-element="link"><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bd34ef" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/.renditions/wysiwyg/Internal_images_123Magazijninrichting/stow_palletstelling_basissectie_3_niveaus_leeg_.jpg\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="NBBRKNB"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="TJFRM7E"><div class="pagebuilder-poster-content"><div data-element="content"></div></div></div></div><style type="text/css">.background-image-6ac5dc5bd34ef {background-image: url(https://123magazijninrichting.nl/media/.renditions/wysiwyg/Internal_images_123Magazijninrichting/stow_palletstelling_basissectie_3_niveaus_leeg_.jpg);}</style></a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="NI08VGW"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="ul-buttons button-bl content-t content-left"><div data-element="empty_link"><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bd34f9" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/.renditions/wysiwyg/123Magazijninrichting_medewerker.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="LK0L7FN"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="J385QJ2"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #43b3e7;">Vragen?</span></strong></p><p class="cms-2xl w-4/5"><span style="color: #ffffff;">Wij helpen je graag! </span></p><ul class="cms-icons"><li class="mail"><li class="phone"><li class="wpp"></ul></div></div></div></div><style type="text/css">.background-image-6ac5dc5bd34f9 {background-image: url(https://123magazijninrichting.nl/media/.renditions/wysiwyg/123Magazijninrichting_medewerker.png);}</style></div></div></div></div></div></div></div> </div> 10337 <div data-cms-block-id="category_node_9" :class="'category_node_9' === currentActiveCmsBlock ? 'block' : 'hidden'"> 10338 <style>#html-body [data-pb-style=GOLYMH7],#html-body [data-pb-style=HXDEBW8]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=HXDEBW8]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=GOLYMH7]{align-self:stretch}#html-body [data-pb-style=KOYYUMX]{display:flex;width:100%}#html-body [data-pb-style=ATYRR62],#html-body [data-pb-style=ID0TM1I],#html-body [data-pb-style=T3ETCY0]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=AWOJRAI]{background-color:#43b3e7;background-position:right bottom;background-size:auto;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=I8W07CJ]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=PJOJREF]{opacity:1;visibility:visible}#html-body [data-pb-style=XE934QD]{background-position:center center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=URI125U]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=SXBJ85X]{background-color:#12407e;background-position:right bottom;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=X23L7DY]{border-radius:24px;min-height:300px;background-color:transparent}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-category-cms-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="HXDEBW8"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="GOLYMH7"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="KOYYUMX"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="ATYRR62"><div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never" data-element="main" class="common-styles button-text button-bl content-t content-left"><a href="https://123magazijninrichting.nl/draagarmstellingen/offerte/" target="" data-link-type="page" title="" data-element="link"><div class="pagebuilder-banner-wrapper" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="AWOJRAI"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="I8W07CJ"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs transparent"><strong><span style="color: #ffffff;">
10338Draagarmstelling configurator</span></strong></p><p class="cms-32xl w-[64%]"><span style="color: #ffffff;">Configureer in enkele stappen jouw stelling.</span></p></div><button type="button" class="pagebuilder-banner-button pagebuilder-button-primary" data-element="button" data-pb-style="PJOJREF">configureren</button></div></div></div></a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="T3ETCY0"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="button-text common-styles menu-dynamic-image button-arrow button-bl content-t content-left"><a href="#" target="" data-link-type="default" title="" data-element="link"><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bd3d1e" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/.renditions/wysiwyg/Internal_images_123Magazijninrichting/_8307RGB.jpg\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="XE934QD"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="URI125U"><div class="pagebuilder-poster-content"><div data-element="content"></div></div></div></div><style type="text/css">.background-image-6ac5dc5bd3d1e {background-image: url(https://123magazijninrichting.nl/media/.renditions/wysiwyg/Internal_images_123Magazijninrichting/_8307RGB.jpg);}</style></a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="ID0TM1I"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="ul-buttons button-bl content-t content-left"><div data-element="empty_link"><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bd3d29" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/.renditions/wysiwyg/123Magazijninrichting_medewerker.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="SXBJ85X"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="X23L7DY"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #43b3e7;">Vragen?</span></strong></p><p class="cms-2xl w-4/5"><span style="color: #ffffff;">Wij helpen je graag! </span></p><ul class="cms-icons"><li class="mail"><li class="phone"><li class="wpp"></ul></div></div></div></div><style type="text/css">.background-image-6ac5dc5bd3d29 {background-image: url(https://123magazijninrichting.nl/media/.renditions/wysiwyg/123Magazijninrichting_medewerker.png);}</style></div></div></div></div></div></div></div> </div> 10339 <div data-cms-block-id="category_node_10" :class="'category_node_10' === currentActiveCmsBlock ? 'block' : 'hidden'"> 10340 <style>#html-body [data-pb-style=K9E1FI5],#html-body [data-pb-style=MLQEKT5]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=K9E1FI5]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=MLQEKT5]{align-self:stretch}#html-body [data-pb-style=LDTIY1M]{display:flex;width:100%}#html-body [data-pb-style=BLPJL3G]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=WX18YJ6]{background-color:#43b3e7;background-position:right bottom;background-size:auto;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=V6LTMN9]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=WCAL3IJ]{opacity:1;visibility:visible}#html-body [data-pb-style=ADUYDRW]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=ODXIONU]{background-position:center center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=WJVGJXP]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=Q26U3PW]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=NMC31RR]{background-color:#12407e;background-position:right bottom;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=QKV174G]{border-radius:24px;min-height:300px;background-color:transparent}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-category-cms-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="K9E1FI5"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="MLQEKT5"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="L
10340DTIY1M"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="BLPJL3G"><div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never" data-element="main" class="common-styles button-text button-bl content-t content-left"><a href="https://123magazijninrichting.nl/grootvakstellingen/offerte/" target="" data-link-type="page" title="" data-element="link"><div class="pagebuilder-banner-wrapper" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="WX18YJ6"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="V6LTMN9"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs transparent"><strong><span style="color: #ffffff;">Grootvakstelling configurator</span></strong></p><p class="cms-32xl w-[64%]"><span style="color: #ffffff;">Configureer in enkele stappen jouw grootvakstelling.</span></p></div><button type="button" class="pagebuilder-banner-button pagebuilder-button-primary" data-element="button" data-pb-style="WCAL3IJ">naar stap 1</button></div></div></div></a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="ADUYDRW"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="button-text common-styles menu-dynamic-image button-arrow button-bl content-t content-left"><a href="#" target="" data-link-type="default" title="" data-element="link"><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bd455f" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/.renditions/wysiwyg/Werkbank_op_wielen_in_werkplaats.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="ODXIONU"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="WJVGJXP"><div class="pagebuilder-poster-content"><div data-element="content"></div></div></div></div><style type="text/css">.background-image-6ac5dc5bd455f {background-image: url(https://123magazijninrichting.nl/media/.renditions/wysiwyg/Werkbank_op_wielen_in_werkplaats.png);}</style></a></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="Q26U3PW"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="ul-buttons button-bl content-t content-left"><div data-element="empty_link"><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bd456b" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/.renditions/wysiwyg/123Magazijninrichting_medewerker.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="NMC31RR"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="QKV174G"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #43b3e7;">Vragen?</span></strong></p><p class="cms-2xl w-4/5"><span style="color: #ffffff;">Wij helpen je graag! </span></p><ul class="cms-icons"><li class="mail"><li class="phone"><li class="wpp"></ul></div></div></div></div><style type="text/css">.background-image-6ac5dc5bd456b {background-image: url(https://123magazijninrichting.nl/media/.renditions/wysiwyg/123Magazijninrichting_medewerker.png);}</style></div></div></div></div></div></div></div> </div> 10341 <div data-cms-block-id="category_node_11" :class="'category_node_11' === currentActiveCmsBlock ? 'block' : 'hidden'"> 10342 <style>#html-body [data-pb-style=UVW4EM7],#html-body [data-pb-style=VY228QI]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=VY228QI]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=UVW4EM7]{align-self:stretch}#html-body [data-pb-style=ALSHAGU]{display:flex;width:100%}#html-body [data-pb-style=EP28CKK],#html-body [data-pb-style=L3RN4EY],#html-body [data-pb-style=MNLJSX0]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=J7HGW6N]{background-color:#43b3e7;background-position:right bottom;background-size:auto;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=GF01VWD]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=EFAUW2Q]{opacity:1;visibility:visible}#html-body [data-pb-style=T64PYN3]{background-position:center center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=TOLN9BX]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=QXMGSV8]{background-color:#12407e;background-position:right bottom;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=TOUY3SJ]{border-radius:24px;min-height:300px;background-color:transparent}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-category-cms-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="VY228QI"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="UVW4EM7"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="ALSHAGU"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="L3RN4EY"><div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never" data-element="main" class="common-styles button-text button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="J7HGW6N"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="GF01VWD"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs transparent"><strong><span style="color: #ffffff;">
10342Bakkenstelling configurator</span></strong></p><p class="cms-32xl w-[64%]"><span style="color: #ffffff;">Configureer in enkele stappen jouw bakkenstelling.</span></p></div><a href="https://123magazijninrichting.nl/bakkenstellingen/offerte" target="" data-link-type="page" title="" data-element="link"><button type="button" class="pagebuilder-banner-button pagebuilder-button-primary" data-element="button" data-pb-style="EFAUW2Q">naar stap 1</button></a></div></div></div></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="EP28CKK"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="button-text common-styles menu-dynamic-image button-arrow button-bl content-t content-left"><div data-element="empty_link"><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bd4da0" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/magecode/category/bakkenstelling.jpg\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="T64PYN3"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="TOLN9BX"><div class="pagebuilder-poster-content"><div data-element="content"></div></div></div></div><style type="text/css">.background-image-6ac5dc5bd4da0 {background-image: url(https://123magazijninrichting.nl/media/magecode/category/bakkenstelling.jpg);}</style></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="MNLJSX0"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="ul-buttons button-bl content-t content-left"><div data-element="empty_link"><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bd4da9" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/.renditions/wysiwyg/123Magazijninrichting_medewerker.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="QXMGSV8"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="TOUY3SJ"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #43b3e7;">Vragen?</span></strong></p><p class="cms-2xl w-4/5"><span style="color: #ffffff;">Wij helpen je graag! </span></p><ul class="cms-icons"><li class="mail"><li class="phone"><li class="wpp"></ul></div></div></div></div><style type="text/css">.background-image-6ac5dc5bd4da9 {background-image: url(https://123magazijninrichting.nl/media/.renditions/wysiwyg/123Magazijninrichting_medewerker.png);}</style></div></div></div></div></div></div></div> </div> 10343 <div data-cms-block-id="category_node_19" :class="'category_node_19' === currentActiveCmsBlock ? 'block' : 'hidden'"> 10344 <style>#html-body [data-pb-style=JD7UT9R],#html-body [data-pb-style=U4IIU83]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=U4IIU83]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=JD7UT9R]{align-self:stretch}#html-body [data-pb-style=PJTHDPW]{display:flex;width:100%}#html-body [data-pb-style=E2VV4AA],#html-body [data-pb-style=RFXXGNO],#html-body [data-pb-style=TGUD3IG]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=L4W4BHF]{background-color:#43b3e7;background-position:right bottom;background-size:auto;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=AWLWD9U]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=UD62CL1]{opacity:1;visibility:visible}#html-body [data-pb-style=RVKT9SA]{background-position:center center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=QBCP8NU]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=DX6J4NO]{background-color:#12407e;background-position:right bottom;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=GSEFJ47]{border-radius:24px;min-height:300px;background-color:transparent}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-category-cms-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="U4IIU83"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="JD7UT9R"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="PJTHDPW"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="TGUD3IG"><div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never" data-element="main" class="common-styles button-text button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="L4W4BHF"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="AWLWD9U"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs transparent"><strong><span style="color: #ffffff;">
10344Automotive stelling configurator</span></strong></p><p class="cms-32xl w-[64%]"><span style="color: #ffffff;">Configureer in enkele stappen jouw automotive stelling.</span></p></div><a href="https://123magazijninrichting.nl/automotive-stellingen/offerte" target="" data-link-type="page" title="" data-element="link"><button type="button" class="pagebuilder-banner-button pagebuilder-button-primary" data-element="button" data-pb-style="UD62CL1">naar stap 1</button></a></div></div></div></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="RFXXGNO"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="button-text common-styles menu-dynamic-image button-arrow button-bl content-t content-left"><div data-element="empty_link"><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bd5632" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/magecode/category/velgenstelling_.jpg\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="RVKT9SA"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="QBCP8NU"><div class="pagebuilder-poster-content"><div data-element="content"></div></div></div></div><style type="text/css">.background-image-6ac5dc5bd5632 {background-image: url(https://123magazijninrichting.nl/media/magecode/category/velgenstelling_.jpg);}</style></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="E2VV4AA"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="ul-buttons button-bl content-t content-left"><div data-element="empty_link"><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bd563c" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/.renditions/wysiwyg/123Magazijninrichting_medewerker.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="DX6J4NO"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="GSEFJ47"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #43b3e7;">Vragen?</span></strong></p><p class="cms-2xl w-4/5"><span style="color: #ffffff;">Wij helpen je graag! </span></p><ul class="cms-icons"><li class="mail"><li class="phone"><li class="wpp"></ul></div></div></div></div><style type="text/css">.background-image-6ac5dc5bd563c {background-image: url(https://123magazijninrichting.nl/media/.renditions/wysiwyg/123Magazijninrichting_medewerker.png);}</style></div></div></div></div></div></div></div> </div> 10345 <div data-cms-block-id="category_node_23" :class="'category_node_23' === currentActiveCmsBlock ? 'block' : 'hidden'"> 10346 <style>#html-body [data-pb-style=V7TT1EP],#html-body [data-pb-style=W5YKSLA]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=W5YKSLA]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=V7TT1EP]{align-self:stretch}#html-body [data-pb-style=NHWCNGK]{display:flex;width:100%}#html-body [data-pb-style=FCEUF7U],#html-body [data-pb-style=GEBGSP2],#html-body [data-pb-style=GU8QFKN]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=RIBKTVM]{background-color:#43b3e7;background-position:right bottom;background-size:auto;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=IBW7QDU]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=NQPWLUM]{opacity:1;visibility:visible}#html-body [data-pb-style=XGQF8WD]{background-position:center center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=CFRXH9D]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=JECK5N0]{background-color:#12407e;background-position:right bottom;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=MVUF3H7]{border-radius:24px;min-height:300px;background-color:transparent}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-category-cms-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="W5YKSLA"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="V7TT1EP"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="NHWCNGK"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="FCEUF7U"><div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never" data-element="main" class="common-styles button-text button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="RIBKTVM"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="IBW7QDU"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs transparent"><strong><span style="color: #ffffff;">
10346Verticale stellingen configurator</span></strong></p><p class="cms-32xl w-[64%]"><span style="color: #ffffff;">Configureer in enkele stappen jouw stelling</span></p></div><a href="https://123magazijninrichting.nl/verticale-stellingen/offerte" target="" data-link-type="page" title="" data-element="link"><button type="button" class="pagebuilder-banner-button pagebuilder-button-primary" data-element="button" data-pb-style="NQPWLUM">Naar stap 1</button></a></div></div></div></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="GU8QFKN"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="button-text common-styles menu-dynamic-image button-arrow button-bl content-t content-left"><div data-element="empty_link"><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bd5f96" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/magecode/category/Verticale_stelling.jpg\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="XGQF8WD"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="CFRXH9D"><div class="pagebuilder-poster-content"><div data-element="content"></div></div></div></div><style type="text/css">.background-image-6ac5dc5bd5f96 {background-image: url(https://123magazijninrichting.nl/media/magecode/category/Verticale_stelling.jpg);}</style></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="GEBGSP2"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="ul-buttons button-bl content-t content-left"><div data-element="empty_link"><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bd5fa4" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/.renditions/wysiwyg/123Magazijninrichting_medewerker.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="JECK5N0"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="MVUF3H7"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #43b3e7;">Vragen?</span></strong></p><p class="cms-2xl w-4/5"><span style="color: #ffffff;">Wij helpen je graag! </span></p><ul class="cms-icons"><li class="mail"><li class="phone"><li class="wpp"></ul></div></div></div></div><style type="text/css">.background-image-6ac5dc5bd5fa4 {background-image: url(https://123magazijninrichting.nl/media/.renditions/wysiwyg/123Magazijninrichting_medewerker.png);}</style></div></div></div></div></div></div></div> </div> 10347 <div data-cms-block-id="category_node_24" :class="'category_node_24' === currentActiveCmsBlock ? 'block' : 'hidden'"> 10348 <style>#html-body [data-pb-style=COWPB0P],#html-body [data-pb-style=NMBFESN]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=COWPB0P]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=NMBFESN]{align-self:stretch}#html-body [data-pb-style=UVCY0DE]{display:flex;width:100%}#html-body [data-pb-style=MFB6QCU],#html-body [data-pb-style=O55PSN0],#html-body [data-pb-style=SPCLCBT]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=FJXMBIB]{background-color:#43b3e7;background-position:right bottom;background-size:auto;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=JSYDW0A]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=TOPGAWU]{opacity:1;visibility:visible}#html-body [data-pb-style=EV2WU9K]{background-position:center center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=SL93CDA]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=FGC1R6Y]{background-color:#12407e;background-position:right bottom;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=WF0PV8H]{border-radius:24px;min-height:300px;background-color:transparent}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-category-cms-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="COWPB0P"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="NMBFESN"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="UVCY0DE"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="SPCLCBT"><div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never" data-element="main" class="common-styles button-text button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="FJXMBIB"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="JSYDW0A"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs transparent"><strong><span style="color: #ffffff;">
10348Haspelstellingen configurator</span></strong></p><p class="cms-32xl w-[64%]"><span style="color: #ffffff;">Configureer in enkele stappen jouw haspelstelling</span></p></div><a href="https://123magazijninrichting.nl/haspelstellingen/offerte" target="" data-link-type="page" title="" data-element="link"><button type="button" class="pagebuilder-banner-button pagebuilder-button-primary" data-element="button" data-pb-style="TOPGAWU">Naar stap 1</button></a></div></div></div></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="O55PSN0"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="button-text common-styles menu-dynamic-image button-arrow button-bl content-t content-left"><div data-element="empty_link"><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bd68c4" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/magecode/category/Haspelstelling.jpg\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="EV2WU9K"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="SL93CDA"><div class="pagebuilder-poster-content"><div data-element="content"></div></div></div></div><style type="text/css">.background-image-6ac5dc5bd68c4 {background-image: url(https://123magazijninrichting.nl/media/magecode/category/Haspelstelling.jpg);}</style></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="MFB6QCU"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="ul-buttons button-bl content-t content-left"><div data-element="empty_link"><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bd68ce" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/.renditions/wysiwyg/123Magazijninrichting_medewerker.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="FGC1R6Y"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="WF0PV8H"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #43b3e7;">Vragen?</span></strong></p><p class="cms-2xl w-4/5"><span style="color: #ffffff;">Wij helpen je graag! </span></p><ul class="cms-icons"><li class="mail"><li class="phone"><li class="wpp"></ul></div></div></div></div><style type="text/css">.background-image-6ac5dc5bd68ce {background-image: url(https://123magazijninrichting.nl/media/.renditions/wysiwyg/123Magazijninrichting_medewerker.png);}</style></div></div></div></div></div></div></div> </div> 10349 </div> 10350 </div> 10351 </div> 10352 </div> 10353 </li> 10354 <li 10355 class="level-0 wrapper" 10356 x-data="{ 10357 open: false, 10358 initialHover: true, 10359 canHover(func) { 10360 const isHoverableDevice = window.matchMedia('(hover: hover) and (pointer: fine)').matches; 10361 if (!isHoverableDevice) return; 10362 func(); 10363 } 10364 }" 10365 @mouseover.away="initialHover = false; open = false;" 10366 @keydown.escape="open = false" 10367 > 10368 <div class="backdrop w-screen h-screen fixed -z-20 top-[63.5px]" x-show="open" @mouseover="open = false" x-cloak></div> 10369 <button 10370 type="button" 10371 class="level-0 group w-full flex justify-between items-center pb-[calc(theme(padding.5)_-_3px)] 10372 border-transparent text-header hover:text-header_active transition 10373 aria-expanded:text-header_active text-[15px] data-[has-current]:aria-expanded:text-header_active 10374 data-[has-current]:hover:text-header_active" 10375 @mouseenter="initialHover ? open = false : open = true; event = $event;" 10376 @click="window.location.href = 'https://123magazijninrichting.nl/werkbanken/'" 10377 aria-expanded="false" 10378 :aria-expanded="open" 10379 aria-controls="category-node-6-desktop-menu-panel" 10380 > 10381 Werkbanken <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="transition ml-0.5 group-aria-expanded:rotate-180 text-header group-aria-expanded:text-header_active hover:fill-header_active" width="16" height="16" aria-hidden="true"> 10382 <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/> 10383</svg> 10384 </button> 10385 <div x-show="open" x-effect="selectFirstOptions()"> 10386 <div class="nav-absolute-bg z-30 absolute top-full left-0 right-0 bg-white border-t border-slate-200 rounded-b-3xl overflow-auto" 10387 x-show="open === true" x-cloak> 10388 <div 10389 id="category-node-6-desktop-menu-panel" 10390 class="z-30 mx-auto flex pb-10 flex-row justify-between gap-[5%] min-h-64 bg-white container" 10391 10392 > 10393 <div class="menu-subcategories-wrap relative flex-[65] mt-10"> 10394 <ul class="flex flex-col w-72" :style="{ 'min-height': `${menuMinHeight}px` }"> 10395 <li class=""> 10396 <a 10397 href="https://123magazijninrichting.nl/werkbanken/" 10398 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto" 10399 >Categorieën</a> 10400 </li> 10401 10402 <li class="level-1" 10403 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/c/e/resized/280_200/ce694314-87a4-441d-9c6c-15a4b0766372.png','category_node_322');" 10404 > 10405 <a 10406 href="https://123magazijninrichting.nl/werkbanken/werkbanken-voordeelsets/" 10407 class="level-1 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium " 10408 > 10409 <picture> 10410 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/c/e/resized/80_80/ce694314-87a4-441d-9c6c-15a4b0766372.png"> 10411 <img loading="lazy" 10412 width="40" 10413 height="40" 10414 alt="Werkbanken voordeelsets Beeld" 10415 class="menu-image border border-transparent roun
10415ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 10416 src="https://123magazijninrichting.nl/media/menu_images/c/e/resized/80_80/ce694314-87a4-441d-9c6c-15a4b0766372.png" 10417 /> 10418 </picture> 10419 Voordeelsets </a> 10420 </li> 10421 10422 <li 10423 class="level-1 has-child" 10424 x-data="{ subMenuOpencategory_node_152: false }" 10425 data-item="subMenuOpencategory_node_152" 10426 @mouseleave.prevent.stop="subMenuOpencategory_node_152 = false" 10427 > 10428 <button 10429 type="button" 10430 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium " 10431 x-ref="childmenuTogglecategory_node_152" 10432 @mouseover="subMenuOpencategory_node_152 = true; 10433 currentActiveCmsBlock = document.querySelector(`[data-cms-block-id='category_node_152']`) ? 'category_node_152' : 'parent'; 10434 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/w/e/resized/280_200/werkbank_1.jpg','category_node_152'); 10435 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_152.clientHeight }, '10'); 10436 " 10437 @click="window.location.href = 'https://123magazijninrichting.nl/werkbanken/uitvoering/'" 10438 aria-expanded="false" 10439 :aria-expanded="subMenuOpencategory_node_152" 10440 aria-controls="category-node-152-desktop-menu-panel" 10441 > 10442 <picture> 10443 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/w/e/resized/80_80/werkbank_1.jpg"> 10444 <img loading="lazy" 10445 width="40" 10446 height="40" 10447 alt="Uitvoering van de werkbank Beeld" 10448 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 10449 src="https://123magazijninrichting.nl/media/menu_images/w/e/resized/80_80/werkbank_1.jpg" 10450 /> 10451 </picture> 10452 Uitvoering van de werkbank <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 10453 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 10454</svg> 10455 </button> 10456 <ul 10457 id="category-node-152-desktop-menu-panel" 10458 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 10459 x-show="subMenuOpencategory_node_152" 10460 x-ref="childmenuWrappercategory_node_152" 10461 @keydown.escape.stop="subMenuOpencategory_node_152 = false; 10462 $refs.childmenuTogglecategory_node_152.focus();" 10463 > 10464 <li> 10465 <a 10466 href="https://123magazijninrichting.nl/werkbanken/uitvoering/" 10467 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 10468 x-ref="childmenuViewAllcategory_node_152" 10469 >Uitvoering van de werkbank</a> 10470 </li> 10471 10472 <li class="level-2" 10473 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/w/e/resized/280_200/werkbank_3.jpg','category_node_155');" 10474 > 10475 <a 10476 href="https://123magazijninrichting.nl/werkbanken/vaste-poten/" 10477 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 10478 > 10479 <picture> 10480 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/w/e/resized/80_80/werkbank_3.jpg"> 10481 <img loading="lazy" 10482 width="40" 10483 height="40" 10484 alt="Werkbanken met vaste poten Beeld" 10485 class="menu-image border border-transparent roun
10485ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 10486 src="https://123magazijninrichting.nl/media/menu_images/w/e/resized/80_80/werkbank_3.jpg" 10487 /> 10488 </picture> 10489 Met vaste poten </a> 10490 </li> 10491 10492 <li class="level-2" 10493 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/w/e/resized/280_200/werkbank_op_wielen_1.jpg','category_node_153');" 10494 > 10495 <a 10496 href="https://123magazijninrichting.nl/werkbanken/op-wielen/" 10497 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 10498 > 10499 <picture> 10500 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/w/e/resized/80_80/werkbank_op_wielen_1.jpg"> 10501 <img loading="lazy" 10502 width="40" 10503 height="40" 10504 alt="Werkbanken op wielen Beeld" 10505 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 10506 src="https://123magazijninrichting.nl/media/menu_images/w/e/resized/80_80/werkbank_op_wielen_1.jpg" 10507 /> 10508 </picture> 10509 Op wielen </a> 10510 </li> 10511 10512 <li class="level-2" 10513 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/e/l/resized/280_200/elektrisch_verstelbare_werkbank_1.jpg','category_node_154');" 10514 > 10515 <a 10516 href="https://123magazijninrichting.nl/werkbanken/elektrisch-verstelbaar/" 10517 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 10518 > 10519 <picture> 10520 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/e/l/resized/80_80/elektrisch_verstelbare_werkbank_1.jpg"> 10521 <img loading="lazy" 10522 width="40" 10523 height="40" 10524 alt="Elektrisch verstelbare werkbanken Beeld" 10525 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 10526 src="https://123magazijninrichting.nl/media/menu_images/e/l/resized/80_80/elektrisch_verstelbare_werkbank_1.jpg" 10527 /> 10528 </picture> 10529 Elektrisch verstelbaar </a> 10530 </li> 10531 </ul> 10532 </li> 10533 10534 <li 10535 class="level-1 has-child" 10536 x-data="{ subMenuOpencategory_node_147: false }" 10537 data-item="subMenuOpencategory_node_147" 10538 @mouseleave.prevent.stop="subMenuOpencategory_node_147 = false" 10539 > 10540 <button 10541 type="button" 10542 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium " 10543 x-ref="childmenuTogglecategory_node_147" 10544 @mouseover="subMenuOpencategory_node_147 = true; 10545 currentActiveCmsBlock = document.querySelector(`[data-cms-block-id='category_node_147']`) ? 'category_node_147' : 'parent'; 10546 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/o/n/resized/280_200/onderdelen_wielen_1.jpg','category_node_147'); 10547 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_147.clientHeight }, '10'); 10548 " 10549 @click="window.location.href = 'https://123magazijninrichting.nl/werkbanken/onderdelen/'" 10550 aria-expanded="false" 10551 :aria-expanded="subMenuOpencategory_node_147" 10552 aria-controls="category-node-147-desktop-menu-panel" 10553 > 10554 <picture> 10555 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/o/n/resized/80_80/onderdelen_wielen_1.jpg"> 10556 <img loading="lazy" 10557 width="40" 10558 height="40" 10559 alt="Werkbank onderdelen Beeld" 10560 class="menu-image border border-transparent roun
10560ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 10561 src="https://123magazijninrichting.nl/media/menu_images/o/n/resized/80_80/onderdelen_wielen_1.jpg" 10562 /> 10563 </picture> 10564 Onderdelen <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 10565 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 10566</svg> 10567 </button> 10568 <ul 10569 id="category-node-147-desktop-menu-panel" 10570 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 10571 x-show="subMenuOpencategory_node_147" 10572 x-ref="childmenuWrappercategory_node_147" 10573 @keydown.escape.stop="subMenuOpencategory_node_147 = false; 10574 $refs.childmenuTogglecategory_node_147.focus();" 10575 > 10576 <li> 10577 <a 10578 href="https://123magazijninrichting.nl/werkbanken/onderdelen/" 10579 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 10580 x-ref="childmenuViewAllcategory_node_147" 10581 >Werkbank onderdelen</a> 10582 </li> 10583 10584 <li class="level-2" 10585 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/t/resized/280_200/stow_top_ligger_.jpg','category_node_148');" 10586 > 10587 <a 10588 href="https://123magazijninrichting.nl/werkbanken/liggers/" 10589 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 10590 > 10591 <picture> 10592 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_top_ligger_.jpg"> 10593 <img loading="lazy" 10594 width="40" 10595 height="40" 10596 alt="Werkbank liggers Beeld" 10597 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 10598 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stow_top_ligger_.jpg" 10599 /> 10600 </picture> 10601 Liggers </a> 10602 </li> 10603 10604 <li class="level-2" 10605 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/t/resized/280_200/staander_werkbank_1.jpg','category_node_149');" 10606 > 10607 <a 10608 href="https://123magazijninrichting.nl/werkbanken/staanders/" 10609 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 10610 > 10611 <picture> 10612 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/staander_werkbank_1.jpg"> 10613 <img loading="lazy" 10614 width="40" 10615 height="40" 10616 alt="Werkbank staanders Beeld" 10617 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 10618 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/staander_werkbank_1.jpg" 10619 /> 10620 </picture> 10621 Staanders </a> 10622 </li> 10623 10624 <li class="level-2" 10625 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/w/e/resized/280_200/werkbank_wielen_met_rem.jpg','category_node_150');" 10626 > 10627 <a 10628 href="https://123magazijninrichting.nl/werkbanken/wielen/" 10629 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 10630 > 10631 <picture> 10632 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/w/e/resized/80_80/werkbank_wielen_met_rem.jpg"> 10633 <img loading="lazy" 10634 width="40" 10635 height="40" 10636 alt="Werkbank wielen Beeld" 10637 class="menu-image border border-transparent roun
10637ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 10638 src="https://123magazijninrichting.nl/media/menu_images/w/e/resized/80_80/werkbank_wielen_met_rem.jpg" 10639 /> 10640 </picture> 10641 Wielen </a> 10642 </li> 10643 10644 <li class="level-2" 10645 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/c/-/resized/280_200/c-dur_plaat.jpg','category_node_151');" 10646 > 10647 <a 10648 href="https://123magazijninrichting.nl/werkbanken/werkbladen/" 10649 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 10650 > 10651 <picture> 10652 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/c/-/resized/80_80/c-dur_plaat.jpg"> 10653 <img loading="lazy" 10654 width="40" 10655 height="40" 10656 alt="Werkbladen voor werkbanken Beeld" 10657 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 10658 src="https://123magazijninrichting.nl/media/menu_images/c/-/resized/80_80/c-dur_plaat.jpg" 10659 /> 10660 </picture> 10661 Werkbladen </a> 10662 </li> 10663 10664 <li class="level-2" 10665 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/5/5/resized/280_200/558bb73d-ad94-48c7-9a74-ea9e071d81a4.png','category_node_201');" 10666 > 10667 <a 10668 href="https://123magazijninrichting.nl/werkbanken/frames/" 10669 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 10670 > 10671 <picture> 10672 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/5/5/resized/80_80/558bb73d-ad94-48c7-9a74-ea9e071d81a4.png"> 10673 <img loading="lazy" 10674 width="40" 10675 height="40" 10676 alt="Werkbank frames Beeld" 10677 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 10678 src="https://123magazijninrichting.nl/media/menu_images/5/5/resized/80_80/558bb73d-ad94-48c7-9a74-ea9e071d81a4.png" 10679 /> 10680 </picture> 10681 Frames </a> 10682 </li> 10683 </ul> 10684 </li> 10685 10686 <li class="level-1" 10687 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/9/1/resized/280_200/915bdd17-d3a2-42bb-9385-4dfed50677b2.png','category_node_146');" 10688 > 10689 <a 10690 href="https://123magazijninrichting.nl/werkbanken/gebruikt/" 10691 class="level-1 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium " 10692 > 10693 <picture> 10694 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/9/1/resized/80_80/915bdd17-d3a2-42bb-9385-4dfed50677b2.png"> 10695 <img loading="lazy" 10696 width="40" 10697 height="40" 10698 alt="Gebruikte werkbanken Beeld" 10699 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 10700 src="https://123magazijninrichting.nl/media/menu_images/9/1/resized/80_80/915bdd17-d3a2-42bb-9385-4dfed50677b2.png" 10701 /> 10702 </picture> 10703 Gebruikt </a> 10704 </li> 10705 10706 <li class="level-1" 10707 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/c/h/resized/280_200/chatgpt_image_17_mrt_2026_13_14_29.png','category_node_329');" 10708 > 10709 <a 10710 href="https://123magazijninrichting.nl/werkbanken/werkbanken-accessoires/" 10711 class="level-1 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium " 10712 > 10713 <picture> 10714 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/c/h/resized/80_80/chatgpt_image_17_mrt_2026_13_14_29.png"> 10715 <img loading="lazy" 10716 width="40" 10717 height="40" 10718 alt="Werkbank accessoires Beeld" 10719 class="menu-image border border-transparent roun
10719ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 10720 src="https://123magazijninrichting.nl/media/menu_images/c/h/resized/80_80/chatgpt_image_17_mrt_2026_13_14_29.png" 10721 /> 10722 </picture> 10723 Werkbank accessoires </a> 10724 </li> 10725 </ul> 10726 </div> 10727 <div class="menu-cms-banner-wrap flex-[27.83] mt-10"> 10728 <div data-cms-block-id="parent" :class="'parent' === currentActiveCmsBlock ? 'block' : 'hidden'"> 10729 <style>#html-body [data-pb-style=JJ2IT8T],#html-body [data-pb-style=Y26L8BP]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=Y26L8BP]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=JJ2IT8T]{align-self:stretch}#html-body [data-pb-style=R8VBUBT]{display:flex;width:100%}#html-body [data-pb-style=GTYKF0X]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=VF43FKT]{background-color:#0a7db3;background-position:right bottom;background-size:auto;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=WBLQ1SW]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=HE6UPXQ]{opacity:1;visibility:visible}#html-body [data-pb-style=I06SN3W]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=VYGAFHL]{background-position:center center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=SCCVI9K]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=C00GM0Y]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=X8BXQDN]{background-color:#12407e;background-position:right bottom;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=L9TIHG8]{border-radius:24px;min-height:300px;background-color:transparent}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-category-cms-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="Y26L8BP"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="JJ2IT8T"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="R8VBUBT"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="GTYKF0X"><div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never" data-element="main" class="common-styles button-text button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="VF43FKT"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="WBLQ1SW"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #ffffff;">
10729Werkbank configurator</span></strong></p><p class="cms-32xl w-[64%]"><span style="color: #ffffff;">Configureer in enkele stappen jouw werkbank.</span></p></div><a href="https://123magazijninrichting.nl/werkbanken/offerte/" target="" data-link-type="page" title="" data-element="link"><button type="button" class="pagebuilder-banner-button pagebuilder-button-primary" data-element="button" data-pb-style="HE6UPXQ">configureren</button></a></div></div></div></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="I06SN3W"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="button-text common-styles menu-dynamic-image button-arrow button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bd826c" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/.renditions/wysiwyg/Werkbank_op_wielen_in_werkplaats.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="VYGAFHL"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="SCCVI9K"><div class="pagebuilder-poster-content"><div data-element="content"></div></div></div></div><style type="text/css">.background-image-6ac5dc5bd826c {background-image: url(https://123magazijninrichting.nl/media/.renditions/wysiwyg/Werkbank_op_wielen_in_werkplaats.png);}</style></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="C00GM0Y"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="ul-buttons button-bl content-t content-left"><div data-element="empty_link"><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bd8278" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/.renditions/wysiwyg/123Magazijninrichting_medewerker.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="X8BXQDN"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="L9TIHG8"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #43b3e7;">Vragen?</span></strong></p><p class="cms-2xl w-4/5"><span style="color: #ffffff;">Wij helpen je graag! </span></p></div></div></div></div><style type="text/css">.background-image-6ac5dc5bd8278 {background-image: url(https://123magazijninrichting.nl/media/.renditions/wysiwyg/123Magazijninrichting_medewerker.png);}</style></div></div></div></div></div></div></div> </div> 10730 <div data-cms-block-id="category_node_152" :class="'category_node_152' === currentActiveCmsBlock ? 'block' : 'hidden'"> 10731 <style>#html-body [data-pb-style=JJ2IT8T],#html-body [data-pb-style=Y26L8BP]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=Y26L8BP]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=JJ2IT8T]{align-self:stretch}#html-body [data-pb-style=R8VBUBT]{display:flex;width:100%}#html-body [data-pb-style=GTYKF0X]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=VF43FKT]{background-color:#0a7db3;background-position:right bottom;background-size:auto;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=WBLQ1SW]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=HE6UPXQ]{opacity:1;visibility:visible}#html-body [data-pb-style=I06SN3W]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=VYGAFHL]{background-position:center center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=SCCVI9K]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=C00GM0Y]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=X8BXQDN]{background-color:#12407e;background-position:right bottom;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=L9TIHG8]{border-radius:24px;min-height:300px;background-color:transparent}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-category-cms-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="Y26L8BP"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="JJ2IT8T"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="R8VBUBT"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="GTYKF0X"><div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never" data-element="main" class="common-styles button-text button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="VF43FKT"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="WBLQ1SW"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #ffffff;">
10731Werkbank configurator</span></strong></p><p class="cms-32xl w-[64%]"><span style="color: #ffffff;">Configureer in enkele stappen jouw werkbank.</span></p></div><a href="https://123magazijninrichting.nl/werkbanken/offerte/" target="" data-link-type="page" title="" data-element="link"><button type="button" class="pagebuilder-banner-button pagebuilder-button-primary" data-element="button" data-pb-style="HE6UPXQ">configureren</button></a></div></div></div></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="I06SN3W"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="button-text common-styles menu-dynamic-image button-arrow button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bd8e01" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/.renditions/wysiwyg/Werkbank_op_wielen_in_werkplaats.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="VYGAFHL"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="SCCVI9K"><div class="pagebuilder-poster-content"><div data-element="content"></div></div></div></div><style type="text/css">.background-image-6ac5dc5bd8e01 {background-image: url(https://123magazijninrichting.nl/media/.renditions/wysiwyg/Werkbank_op_wielen_in_werkplaats.png);}</style></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="C00GM0Y"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="ul-buttons button-bl content-t content-left"><div data-element="empty_link"><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bd8e11" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/.renditions/wysiwyg/123Magazijninrichting_medewerker.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="X8BXQDN"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="L9TIHG8"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #43b3e7;">Vragen?</span></strong></p><p class="cms-2xl w-4/5"><span style="color: #ffffff;">Wij helpen je graag! </span></p></div></div></div></div><style type="text/css">.background-image-6ac5dc5bd8e11 {background-image: url(https://123magazijninrichting.nl/media/.renditions/wysiwyg/123Magazijninrichting_medewerker.png);}</style></div></div></div></div></div></div></div> </div> 10732 <div data-cms-block-id="category_node_147" :class="'category_node_147' === currentActiveCmsBlock ? 'block' : 'hidden'"> 10733 <style>#html-body [data-pb-style=JJ2IT8T],#html-body [data-pb-style=Y26L8BP]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=Y26L8BP]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=JJ2IT8T]{align-self:stretch}#html-body [data-pb-style=R8VBUBT]{display:flex;width:100%}#html-body [data-pb-style=GTYKF0X]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=VF43FKT]{background-color:#0a7db3;background-position:right bottom;background-size:auto;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=WBLQ1SW]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=HE6UPXQ]{opacity:1;visibility:visible}#html-body [data-pb-style=I06SN3W]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=VYGAFHL]{background-position:center center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=SCCVI9K]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=C00GM0Y]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=X8BXQDN]{background-color:#12407e;background-position:right bottom;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=L9TIHG8]{border-radius:24px;min-height:300px;background-color:transparent}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-category-cms-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="Y26L8BP"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="JJ2IT8T"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="R8VBUBT"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="GTYKF0X"><div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never" data-element="main" class="common-styles button-text button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="VF43FKT"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="WBLQ1SW"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #ffffff;">
10733Werkbank configurator</span></strong></p><p class="cms-32xl w-[64%]"><span style="color: #ffffff;">Configureer in enkele stappen jouw werkbank.</span></p></div><a href="https://123magazijninrichting.nl/werkbanken/offerte/" target="" data-link-type="page" title="" data-element="link"><button type="button" class="pagebuilder-banner-button pagebuilder-button-primary" data-element="button" data-pb-style="HE6UPXQ">configureren</button></a></div></div></div></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="I06SN3W"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="button-text common-styles menu-dynamic-image button-arrow button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bd9823" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/.renditions/wysiwyg/Werkbank_op_wielen_in_werkplaats.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="VYGAFHL"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="SCCVI9K"><div class="pagebuilder-poster-content"><div data-element="content"></div></div></div></div><style type="text/css">.background-image-6ac5dc5bd9823 {background-image: url(https://123magazijninrichting.nl/media/.renditions/wysiwyg/Werkbank_op_wielen_in_werkplaats.png);}</style></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="C00GM0Y"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="ul-buttons button-bl content-t content-left"><div data-element="empty_link"><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bd982d" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/.renditions/wysiwyg/123Magazijninrichting_medewerker.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="X8BXQDN"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="L9TIHG8"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #43b3e7;">Vragen?</span></strong></p><p class="cms-2xl w-4/5"><span style="color: #ffffff;">Wij helpen je graag! </span></p></div></div></div></div><style type="text/css">.background-image-6ac5dc5bd982d {background-image: url(https://123magazijninrichting.nl/media/.renditions/wysiwyg/123Magazijninrichting_medewerker.png);}</style></div></div></div></div></div></div></div> </div> 10734 <div data-cms-block-id="category_node_146" :class="'category_node_146' === currentActiveCmsBlock ? 'block' : 'hidden'"> 10735 <style>#html-body [data-pb-style=JJ2IT8T],#html-body [data-pb-style=Y26L8BP]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=Y26L8BP]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=JJ2IT8T]{align-self:stretch}#html-body [data-pb-style=R8VBUBT]{display:flex;width:100%}#html-body [data-pb-style=GTYKF0X]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=VF43FKT]{background-color:#0a7db3;background-position:right bottom;background-size:auto;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=WBLQ1SW]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=HE6UPXQ]{opacity:1;visibility:visible}#html-body [data-pb-style=I06SN3W]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=VYGAFHL]{background-position:center center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=SCCVI9K]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=C00GM0Y]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=X8BXQDN]{background-color:#12407e;background-position:right bottom;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=L9TIHG8]{border-radius:24px;min-height:300px;background-color:transparent}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-category-cms-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="Y26L8BP"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="JJ2IT8T"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="R8VBUBT"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="GTYKF0X"><div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never" data-element="main" class="common-styles button-text button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="VF43FKT"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="WBLQ1SW"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #ffffff;">
10735Werkbank configurator</span></strong></p><p class="cms-32xl w-[64%]"><span style="color: #ffffff;">Configureer in enkele stappen jouw werkbank.</span></p></div><a href="https://123magazijninrichting.nl/werkbanken/offerte/" target="" data-link-type="page" title="" data-element="link"><button type="button" class="pagebuilder-banner-button pagebuilder-button-primary" data-element="button" data-pb-style="HE6UPXQ">configureren</button></a></div></div></div></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="I06SN3W"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="button-text common-styles menu-dynamic-image button-arrow button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bda28c" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/.renditions/wysiwyg/Werkbank_op_wielen_in_werkplaats.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="VYGAFHL"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="SCCVI9K"><div class="pagebuilder-poster-content"><div data-element="content"></div></div></div></div><style type="text/css">.background-image-6ac5dc5bda28c {background-image: url(https://123magazijninrichting.nl/media/.renditions/wysiwyg/Werkbank_op_wielen_in_werkplaats.png);}</style></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="C00GM0Y"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="ul-buttons button-bl content-t content-left"><div data-element="empty_link"><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bda29c" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/.renditions/wysiwyg/123Magazijninrichting_medewerker.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="X8BXQDN"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="L9TIHG8"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #43b3e7;">Vragen?</span></strong></p><p class="cms-2xl w-4/5"><span style="color: #ffffff;">Wij helpen je graag! </span></p></div></div></div></div><style type="text/css">.background-image-6ac5dc5bda29c {background-image: url(https://123magazijninrichting.nl/media/.renditions/wysiwyg/123Magazijninrichting_medewerker.png);}</style></div></div></div></div></div></div></div> </div> 10736 </div> 10737 </div> 10738 </div> 10739 </div> 10740 </li> 10741 <li 10742 class="level-0 wrapper" 10743 x-data="{ 10744 open: false, 10745 initialHover: true, 10746 canHover(func) { 10747 const isHoverableDevice = window.matchMedia('(hover: hover) and (pointer: fine)').matches; 10748 if (!isHoverableDevice) return; 10749 func(); 10750 } 10751 }" 10752 @mouseover.away="initialHover = false; open = false;" 10753 @keydown.escape="open = false" 10754 > 10755 <div class="backdrop w-screen h-screen fixed -z-20 top-[63.5px]" x-show="open" @mouseover="open = false" x-cloak></div> 10756 <button 10757 type="button" 10758 class="level-0 group w-full flex justify-between items-center pb-[calc(theme(padding.5)_-_3px)] 10759 border-transparent text-header hover:text-header_active transition 10760 aria-expanded:text-header_active text-[15px] data-[has-current]:aria-expanded:text-header_active 10761 data-[has-current]:hover:text-header_active" 10762 @mouseenter="initialHover ? open = false : open = true; event = $event;" 10763 @click="window.location.href = 'https://123magazijninrichting.nl/entresolvloeren/'" 10764 aria-expanded="false" 10765 :aria-expanded="open" 10766 aria-controls="category-node-7-desktop-menu-panel" 10767 > 10768 Entresolvloeren <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="transition ml-0.5 group-aria-expanded:rotate-180 text-header group-aria-expanded:text-header_active hover:fill-header_active" width="16" height="16" aria-hidden="true"> 10769 <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/> 10770</svg> 10771 </button> 10772 <div x-show="open" x-effect="selectFirstOptions()"> 10773 <div class="nav-absolute-bg z-30 absolute top-full left-0 right-0 bg-white border-t border-slate-200 rounded-b-3xl overflow-auto" 10774 x-show="open === true" x-cloak> 10775 <div 10776 id="category-node-7-desktop-menu-panel" 10777 class="z-30 mx-auto flex pb-10 flex-row justify-between gap-[5%] min-h-64 bg-white container" 10778 10779 > 10780 <div class="menu-subcategories-wrap relative flex-[65] mt-10"> 10781 <ul class="flex flex-col w-72" :style="{ 'min-height': `${menuMinHeight}px` }"> 10782 <li class=""> 10783 <a 10784 href="https://123magazijninrichting.nl/entresolvloeren/" 10785 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto" 10786 >Categorieën</a> 10787 </li> 10788 10789 <li class="level-1" 10790 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/t/r/resized/280_200/trap_haaks.jpg','category_node_242');" 10791 > 10792 <a 10793 href="https://123magazijninrichting.nl/entresolvloeren/nieuw/" 10794 class="level-1 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium " 10795 > 10796 <picture> 10797 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/t/r/resized/80_80/trap_haaks.jpg"> 10798 <img loading="lazy" 10799 width="40" 10800 height="40" 10801 alt="Nieuwe entresolvloeren Beeld" 10802 class="menu-image border border-transparent roun
10802ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 10803 src="https://123magazijninrichting.nl/media/menu_images/t/r/resized/80_80/trap_haaks.jpg" 10804 /> 10805 </picture> 10806 Nieuw </a> 10807 </li> 10808 10809 <li class="level-1" 10810 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/c/-/resized/280_200/c-dur_plaat_2.jpg','category_node_289');" 10811 > 10812 <a 10813 href="https://123magazijninrichting.nl/entresolvloeren/vloerplaten/" 10814 class="level-1 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium " 10815 > 10816 <picture> 10817 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/c/-/resized/80_80/c-dur_plaat_2.jpg"> 10818 <img loading="lazy" 10819 width="40" 10820 height="40" 10821 alt="Entresolvloer vloerplaten Beeld" 10822 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 10823 src="https://123magazijninrichting.nl/media/menu_images/c/-/resized/80_80/c-dur_plaat_2.jpg" 10824 /> 10825 </picture> 10826 Vloerplaten </a> 10827 </li> 10828 10829 <li class="level-1" 10830 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/e/n/resized/280_200/entresolvloer_1.jpg','category_node_234');" 10831 > 10832 <a 10833 href="https://123magazijninrichting.nl/entresolvloeren/gebruikt/" 10834 class="level-1 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium " 10835 > 10836 <picture> 10837 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/e/n/resized/80_80/entresolvloer_1.jpg"> 10838 <img loading="lazy" 10839 width="40" 10840 height="40" 10841 alt="Gebruikte entresolvloeren Beeld" 10842 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 10843 src="https://123magazijninrichting.nl/media/menu_images/e/n/resized/80_80/entresolvloer_1.jpg" 10844 /> 10845 </picture> 10846 Gebruikt </a> 10847 </li> 10848 10849 <li class="level-1" 10850 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/k/a/resized/280_200/kantelhek-2.png','category_node_350');" 10851 > 10852 <a 10853 href="https://123magazijninrichting.nl/entresolvloeren/kantelhekken/" 10854 class="level-1 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium " 10855 > 10856 <picture> 10857 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/k/a/resized/80_80/kantelhek-2.png"> 10858 <img loading="lazy" 10859 width="40" 10860 height="40" 10861 alt="Kantelhekken Beeld" 10862 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 10863 src="https://123magazijninrichting.nl/media/menu_images/k/a/resized/80_80/kantelhek-2.png" 10864 /> 10865 </picture> 10866 Kantelhekken </a> 10867 </li> 10868 </ul> 10869 </div> 10870 <div class="menu-cms-banner-wrap flex-[27.83] mt-10"> 10871 <div data-cms-block-id="parent" :class="'parent' === currentActiveCmsBlock ? 'block' : 'hidden'"> 10872 <style>#html-body [data-pb-style=MG4RDOX],#html-body [data-pb-style=MJT9S54]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=MJT9S54]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=MG4RDOX]{align-self:stretch}#html-body [data-pb-style=KE3RO88]{display:flex;width:100%}#html-body [data-pb-style=M2KOGNK]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=JF0NEU1]{background-color:#0a7db3;background-position:right bottom;background-size:auto;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=B0KWPYC]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=DGX49LU]{opacity:1;visibility:visible}#html-body [data-pb-style=S8FS1PQ]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=CHNTL5L]{background-position:center center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=H28V9CJ]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=LW2VFIL]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=YUMW065]{background-color:#12407e;background-position:right bottom;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=GDKFLQ9]{border-radius:24px;min-height:300px;background-color:transparent}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-category-cms-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="MJT9S54"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="MG4RDOX"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="KE3RO88"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="M2KOGNK"><div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never" data-element="main" class="common-styles button-text button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="JF0NEU1"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="B0KWPYC"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #ffffff;">
10872Entresolvloer configurator</span></strong></p><p class="cms-32xl w-[64%]"><span style="color: #ffffff;">Configureer in enkele stappen jouw vloer.</span></p></div><a href="https://123magazijninrichting.nl/entresolvloer/offerte/" target="" data-link-type="page" title="" data-element="link"><button type="button" class="pagebuilder-banner-button pagebuilder-button-primary" data-element="button" data-pb-style="DGX49LU">configureren</button></a></div></div></div></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="S8FS1PQ"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="button-text common-styles menu-dynamic-image button-arrow button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bdb05c" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/.renditions/wysiwyg/Entresolvloer_2.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="CHNTL5L"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="H28V9CJ"><div class="pagebuilder-poster-content"><div data-element="content"></div></div></div></div><style type="text/css">.background-image-6ac5dc5bdb05c {background-image: url(https://123magazijninrichting.nl/media/.renditions/wysiwyg/Entresolvloer_2.png);}</style></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="LW2VFIL"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="ul-buttons button-bl content-t content-left"><div data-element="empty_link"><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bdb06b" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/.renditions/wysiwyg/123Magazijninrichting_medewerker.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="YUMW065"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="GDKFLQ9"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #43b3e7;">Vragen?</span></strong></p><p class="cms-2xl w-4/5"><span style="color: #ffffff;">Wij helpen je graag! </span></p></div></div></div></div><style type="text/css">.background-image-6ac5dc5bdb06b {background-image: url(https://123magazijninrichting.nl/media/.renditions/wysiwyg/123Magazijninrichting_medewerker.png);}</style></div></div></div></div></div></div></div> </div> 10873 <div data-cms-block-id="category_node_242" :class="'category_node_242' === currentActiveCmsBlock ? 'block' : 'hidden'"> 10874 <style>#html-body [data-pb-style=MG4RDOX],#html-body [data-pb-style=MJT9S54]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=MJT9S54]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=MG4RDOX]{align-self:stretch}#html-body [data-pb-style=KE3RO88]{display:flex;width:100%}#html-body [data-pb-style=M2KOGNK]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=JF0NEU1]{background-color:#0a7db3;background-position:right bottom;background-size:auto;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=B0KWPYC]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=DGX49LU]{opacity:1;visibility:visible}#html-body [data-pb-style=S8FS1PQ]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=CHNTL5L]{background-position:center center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=H28V9CJ]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=LW2VFIL]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=YUMW065]{background-color:#12407e;background-position:right bottom;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=GDKFLQ9]{border-radius:24px;min-height:300px;background-color:transparent}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-category-cms-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="MJT9S54"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="MG4RDOX"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="KE3RO88"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="M2KOGNK"><div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never" data-element="main" class="common-styles button-text button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="JF0NEU1"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="B0KWPYC"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #ffffff;">
10874Entresolvloer configurator</span></strong></p><p class="cms-32xl w-[64%]"><span style="color: #ffffff;">Configureer in enkele stappen jouw vloer.</span></p></div><a href="https://123magazijninrichting.nl/entresolvloer/offerte/" target="" data-link-type="page" title="" data-element="link"><button type="button" class="pagebuilder-banner-button pagebuilder-button-primary" data-element="button" data-pb-style="DGX49LU">configureren</button></a></div></div></div></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="S8FS1PQ"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="button-text common-styles menu-dynamic-image button-arrow button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bdb9b2" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/.renditions/wysiwyg/Entresolvloer_2.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="CHNTL5L"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="H28V9CJ"><div class="pagebuilder-poster-content"><div data-element="content"></div></div></div></div><style type="text/css">.background-image-6ac5dc5bdb9b2 {background-image: url(https://123magazijninrichting.nl/media/.renditions/wysiwyg/Entresolvloer_2.png);}</style></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="LW2VFIL"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="ul-buttons button-bl content-t content-left"><div data-element="empty_link"><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bdb9c2" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/.renditions/wysiwyg/123Magazijninrichting_medewerker.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="YUMW065"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="GDKFLQ9"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #43b3e7;">Vragen?</span></strong></p><p class="cms-2xl w-4/5"><span style="color: #ffffff;">Wij helpen je graag! </span></p></div></div></div></div><style type="text/css">.background-image-6ac5dc5bdb9c2 {background-image: url(https://123magazijninrichting.nl/media/.renditions/wysiwyg/123Magazijninrichting_medewerker.png);}</style></div></div></div></div></div></div></div> </div> 10875 <div data-cms-block-id="category_node_234" :class="'category_node_234' === currentActiveCmsBlock ? 'block' : 'hidden'"> 10876 <style>#html-body [data-pb-style=MG4RDOX],#html-body [data-pb-style=MJT9S54]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=MJT9S54]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=MG4RDOX]{align-self:stretch}#html-body [data-pb-style=KE3RO88]{display:flex;width:100%}#html-body [data-pb-style=M2KOGNK]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=JF0NEU1]{background-color:#0a7db3;background-position:right bottom;background-size:auto;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=B0KWPYC]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=DGX49LU]{opacity:1;visibility:visible}#html-body [data-pb-style=S8FS1PQ]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=CHNTL5L]{background-position:center center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=H28V9CJ]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=LW2VFIL]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=YUMW065]{background-color:#12407e;background-position:right bottom;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=GDKFLQ9]{border-radius:24px;min-height:300px;background-color:transparent}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-category-cms-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="MJT9S54"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="MG4RDOX"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="KE3RO88"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="M2KOGNK"><div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never" data-element="main" class="common-styles button-text button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="JF0NEU1"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="B0KWPYC"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #ffffff;">
10876Entresolvloer configurator</span></strong></p><p class="cms-32xl w-[64%]"><span style="color: #ffffff;">Configureer in enkele stappen jouw vloer.</span></p></div><a href="https://123magazijninrichting.nl/entresolvloer/offerte/" target="" data-link-type="page" title="" data-element="link"><button type="button" class="pagebuilder-banner-button pagebuilder-button-primary" data-element="button" data-pb-style="DGX49LU">configureren</button></a></div></div></div></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="S8FS1PQ"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="button-text common-styles menu-dynamic-image button-arrow button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bdc311" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/.renditions/wysiwyg/Entresolvloer_2.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="CHNTL5L"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="H28V9CJ"><div class="pagebuilder-poster-content"><div data-element="content"></div></div></div></div><style type="text/css">.background-image-6ac5dc5bdc311 {background-image: url(https://123magazijninrichting.nl/media/.renditions/wysiwyg/Entresolvloer_2.png);}</style></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="LW2VFIL"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="ul-buttons button-bl content-t content-left"><div data-element="empty_link"><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bdc31f" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/.renditions/wysiwyg/123Magazijninrichting_medewerker.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="wrapper" data-pb-style="YUMW065"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="GDKFLQ9"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #43b3e7;">Vragen?</span></strong></p><p class="cms-2xl w-4/5"><span style="color: #ffffff;">Wij helpen je graag! </span></p></div></div></div></div><style type="text/css">.background-image-6ac5dc5bdc31f {background-image: url(https://123magazijninrichting.nl/media/.renditions/wysiwyg/123Magazijninrichting_medewerker.png);}</style></div></div></div></div></div></div></div> </div> 10877 </div> 10878 </div> 10879 </div> 10880 </div> 10881 </li> 10882 <li 10883 class="level-0 wrapper" 10884 x-data="{ 10885 open: false, 10886 initialHover: true, 10887 canHover(func) { 10888 const isHoverableDevice = window.matchMedia('(hover: hover) and (pointer: fine)').matches; 10889 if (!isHoverableDevice) return; 10890 func(); 10891 } 10892 }" 10893 @mouseover.away="initialHover = false; open = false;" 10894 @keydown.escape="open = false" 10895 > 10896 <div class="backdrop w-screen h-screen fixed -z-20 top-[63.5px]" x-show="open" @mouseover="open = false" x-cloak></div> 10897 <button 10898 type="button" 10899 class="level-0 group w-full flex justify-between items-center pb-[calc(theme(padding.5)_-_3px)] 10900 border-transparent text-header hover:text-header_active transition 10901 aria-expanded:text-header_active text-[15px] data-[has-current]:aria-expanded:text-header_active 10902 data-[has-current]:hover:text-header_active" 10903 @mouseenter="initialHover ? open = false : open = true; event = $event;" 10904 @click="window.location.href = 'https://123magazijninrichting.nl/veiligheidsartikelen/'" 10905 aria-expanded="false" 10906 :aria-expanded="open" 10907 aria-controls="category-node-86-desktop-menu-panel" 10908 > 10909 Veiligheidsartikelen <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="transition ml-0.5 group-aria-expanded:rotate-180 text-header group-aria-expanded:text-header_active hover:fill-header_active" width="16" height="16" aria-hidden="true"> 10910 <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/> 10911</svg> 10912 </button> 10913 <div x-show="open" x-effect="selectFirstOptions()"> 10914 <div class="nav-absolute-bg z-30 absolute top-full left-0 right-0 bg-white border-t border-slate-200 rounded-b-3xl overflow-auto" 10915 x-show="open === true" x-cloak> 10916 <div 10917 id="category-node-86-desktop-menu-panel" 10918 class="z-30 mx-auto flex pb-10 flex-row justify-between gap-[5%] min-h-64 bg-white container" 10919 10920 > 10921 <div class="menu-subcategories-wrap relative flex-[65] mt-10"> 10922 <ul class="flex flex-col w-72" :style="{ 'min-height': `${menuMinHeight}px` }"> 10923 <li class=""> 10924 <a 10925 href="https://123magazijninrichting.nl/veiligheidsartikelen/" 10926 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto" 10927 >Categorieën</a> 10928 </li> 10929 10930 <li 10931 class="level-1 has-child"
10932 x-data="{ subMenuOpencategory_node_87: false }" 10933 data-item="subMenuOpencategory_node_87" 10934 @mouseleave.prevent.stop="subMenuOpencategory_node_87 = false" 10935 > 10936 <button 10937 type="button" 10938 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium " 10939 x-ref="childmenuTogglecategory_node_87" 10940 @mouseover="subMenuOpencategory_node_87 = true; 10941 currentActiveCmsBlock = document.querySelector(`[data-cms-block-id='category_node_87']`) ? 'category_node_87' : 'parent'; 10942 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/r/a/resized/280_200/rammeckeimg_0041_rgb.jpg','category_node_87'); 10943 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_87.clientHeight }, '10'); 10944 " 10945 @click="window.location.href = 'https://123magazijninrichting.nl/aanrijdbeveiliging/'" 10946 aria-expanded="false" 10947 :aria-expanded="subMenuOpencategory_node_87" 10948 aria-controls="category-node-87-desktop-menu-panel" 10949 > 10950 <picture> 10951 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/r/a/resized/80_80/rammeckeimg_0041_rgb.jpg"> 10952 <img loading="lazy" 10953 width="40" 10954 height="40" 10955 alt="Aanrijdbeveiliging Beeld" 10956 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 10957 src="https://123magazijninrichting.nl/media/menu_images/r/a/resized/80_80/rammeckeimg_0041_rgb.jpg" 10958 /> 10959 </picture> 10960 Aanrijdbeveiliging <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 10961 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 10962</svg> 10963 </button> 10964 <ul 10965 id="category-node-87-desktop-menu-panel" 10966 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 10967 x-show="subMenuOpencategory_node_87" 10968 x-ref="childmenuWrappercategory_node_87" 10969 @keydown.escape.stop="subMenuOpencategory_node_87 = false; 10970 $refs.childmenuTogglecategory_node_87.focus();" 10971 > 10972 <li> 10973 <a 10974 href="https://123magazijninrichting.nl/aanrijdbeveiliging/" 10975 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 10976 x-ref="childmenuViewAllcategory_node_87" 10977 >Aanrijdbeveiliging</a> 10978 </li> 10979 10980 <li class="level-2" 10981 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/m/e/resized/280_200/meta_hoekbeschermer_geel_3x.jpg','category_node_335');" 10982 > 10983 <a 10984 href="https://123magazijninrichting.nl/veiligheidsartikelen/aanrijdbeveiliging/voordeelsets/" 10985 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 10986 > 10987 <picture> 10988 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_hoekbeschermer_geel_3x.jpg"> 10989 <img loading="lazy" 10990 width="40" 10991 height="40" 10992 alt="Aanrijdbeveiliging voordeelsets Beeld" 10993 class="menu-image border border-transparent roun
10993ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 10994 src="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_hoekbeschermer_geel_3x.jpg" 10995 /> 10996 </picture> 10997 Voordeelsets </a> 10998 </li> 10999 11000 <li class="level-2" 11001 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/r/a/resized/280_200/rambeveiligingspaal_160_x_9_cm_geel-zwart_om_in_te_betonneren_1.jpg','category_node_91');" 11002 > 11003 <a 11004 href="https://123magazijninrichting.nl/aanrijdbeveiliging/palen/" 11005 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 11006 > 11007 <picture> 11008 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/r/a/resized/80_80/rambeveiligingspaal_160_x_9_cm_geel-zwart_om_in_te_betonneren_1.jpg"> 11009 <img loading="lazy" 11010 width="40" 11011 height="40" 11012 alt="Aanrijdbeveiliging palen Beeld" 11013 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11014 src="https://123magazijninrichting.nl/media/menu_images/r/a/resized/80_80/rambeveiligingspaal_160_x_9_cm_geel-zwart_om_in_te_betonneren_1.jpg" 11015 /> 11016 </picture> 11017 Palen </a> 11018 </li> 11019 11020 <li class="level-2" 11021 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/1/9/resized/280_200/198f2291_-_kopie_-_kopie.jpg','category_node_93');" 11022 > 11023 <a 11024 href="https://123magazijninrichting.nl/aanrijdbeveiliging/dubbelstellingen/" 11025 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 11026 > 11027 <picture> 11028 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/1/9/resized/80_80/198f2291_-_kopie_-_kopie.jpg"> 11029 <img loading="lazy" 11030 width="40" 11031 height="40" 11032 alt="Aanrijdbeveiliging voor dubbelstellingen Beeld" 11033 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11034 src="https://123magazijninrichting.nl/media/menu_images/1/9/resized/80_80/198f2291_-_kopie_-_kopie.jpg" 11035 /> 11036 </picture> 11037 Voor dubbelstellingen </a> 11038 </li> 11039 11040 <li class="level-2" 11041 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/a/a/resized/280_200/aanrijdbeveiliging_staanderbeschermer_enkelzijdig.jpg','category_node_94');" 11042 > 11043 <a 11044 href="https://123magazijninrichting.nl/aanrijdbeveiliging/enkelstellingen/" 11045 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 11046 > 11047 <picture> 11048 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/a/a/resized/80_80/aanrijdbeveiliging_staanderbeschermer_enkelzijdig.jpg"> 11049 <img loading="lazy" 11050 width="40" 11051 height="40" 11052 alt="Aanrijdbeveiliging voor enkelstellingen Beeld" 11053 class="menu-image border border-transparent roun
11053ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11054 src="https://123magazijninrichting.nl/media/menu_images/a/a/resized/80_80/aanrijdbeveiliging_staanderbeschermer_enkelzijdig.jpg" 11055 /> 11056 </picture> 11057 Voor enkelstellingen </a> 11058 </li> 11059 11060 <li class="level-2" 11061 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/h/o/resized/280_200/hoekbescherming_enkel_2.jpg','category_node_97');" 11062 > 11063 <a 11064 href="https://123magazijninrichting.nl/aanrijdbeveiliging/hoekbescherming/" 11065 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 11066 > 11067 <picture> 11068 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/h/o/resized/80_80/hoekbescherming_enkel_2.jpg"> 11069 <img loading="lazy" 11070 width="40" 11071 height="40" 11072 alt="Hoekbescherming Beeld" 11073 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11074 src="https://123magazijninrichting.nl/media/menu_images/h/o/resized/80_80/hoekbescherming_enkel_2.jpg" 11075 /> 11076 </picture> 11077 Hoekbescherming </a> 11078 </li> 11079 11080 <li class="level-2" 11081 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/d/-/resized/280_200/d-flexx_alfa_staanderbeschermer_1.jpg','category_node_99');" 11082 > 11083 <a 11084 href="https://123magazijninrichting.nl/aanrijdbeveiliging/kunststof-bescherming/" 11085 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 11086 > 11087 <picture> 11088 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/d/-/resized/80_80/d-flexx_alfa_staanderbeschermer_1.jpg"> 11089 <img loading="lazy" 11090 width="40" 11091 height="40" 11092 alt="Kunststof bescherming Beeld" 11093 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11094 src="https://123magazijninrichting.nl/media/menu_images/d/-/resized/80_80/d-flexx_alfa_staanderbeschermer_1.jpg" 11095 /> 11096 </picture> 11097 Kunststof bescherming </a> 11098 </li> 11099 11100 <li class="level-2" 11101 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/r/a/resized/280_200/rambeveiliging_-_featured_afbeelding_2.jpg','category_node_100');" 11102 > 11103 <a 11104 href="https://123magazijninrichting.nl/aanrijdbeveiliging/rambeveiliging/" 11105 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 11106 > 11107 <picture> 11108 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/r/a/resized/80_80/rambeveiliging_-_featured_afbeelding_2.jpg"> 11109 <img loading="lazy" 11110 width="40" 11111 height="40" 11112 alt="Rambeveiliging Beeld" 11113 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11114 src="https://123magazijninrichting.nl/media/menu_images/r/a/resized/80_80/rambeveiliging_-_featured_afbeelding_2.jpg" 11115 /> 11116 </picture> 11117 Rambeveiliging </a> 11118 </li> 11119 11120 <li class="level-2" 11121 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2025-06-02_131828.png','category_node_95');" 11122 > 11123 <a 11124 href="https://123magazijninrichting.nl/aanrijdbeveiliging/riem-afzetpalen/" 11125 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 11126 > 11127 <picture> 11128 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-02_131828.png"> 11129 <img loading="lazy" 11130 width="40" 11131 height="40" 11132 alt="Riem afzetpalen Beeld" 11133 class="menu-image border border-transparent roun
11133ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11134 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-02_131828.png" 11135 /> 11136 </picture> 11137 Riem afzetpalen </a> 11138 </li> 11139 11140 <li class="level-2" 11141 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/t/resized/280_200/stijlbescherming.jpg','category_node_96');" 11142 > 11143 <a 11144 href="https://123magazijninrichting.nl/aanrijdbeveiliging/stijlbescherming/" 11145 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 11146 > 11147 <picture> 11148 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stijlbescherming.jpg"> 11149 <img loading="lazy" 11150 width="40" 11151 height="40" 11152 alt="Stijlbescherming Beeld" 11153 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11154 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stijlbescherming.jpg" 11155 /> 11156 </picture> 11157 Stijlbescherming </a> 11158 </li> 11159 11160 <li class="level-2" 11161 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/m/e/resized/280_200/meta_aanrijdbeveiliging_stijlbeschermer2.jpg','category_node_98');" 11162 > 11163 <a 11164 href="https://123magazijninrichting.nl/aanrijdbeveiliging/stellingbescherming/" 11165 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 11166 > 11167 <picture> 11168 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_aanrijdbeveiliging_stijlbeschermer2.jpg"> 11169 <img loading="lazy" 11170 width="40" 11171 height="40" 11172 alt="Stellingbescherming Beeld" 11173 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11174 src="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_aanrijdbeveiliging_stijlbeschermer2.jpg" 11175 /> 11176 </picture> 11177 Stellingbescherming </a> 11178 </li> 11179 11180 <li class="level-2" 11181 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/2/8/resized/280_200/284g1132_-_kopie.jpg','category_node_92');" 11182 > 11183 <a 11184 href="https://123magazijninrichting.nl/aanrijdbeveiliging/verkeersdrempels/" 11185 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 11186 > 11187 <picture> 11188 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/2/8/resized/80_80/284g1132_-_kopie.jpg"> 11189 <img loading="lazy" 11190 width="40" 11191 height="40" 11192 alt="Verkeersdrempels Beeld" 11193 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11194 src="https://123magazijninrichting.nl/media/menu_images/2/8/resized/80_80/284g1132_-_kopie.jpg" 11195 /> 11196 </picture> 11197 Verkeersdrempels </a> 11198 </li> 11199 11200 <li class="level-2" 11201 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/k/o/resized/280_200/kollombeschermer.jpg','category_node_325');" 11202 > 11203 <a 11204 href="https://123magazijninrichting.nl/veiligheidsartikelen/aanrijdbeveiliging/kolombescherming/" 11205 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 11206 > 11207 <picture> 11208 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/k/o/resized/80_80/kollombeschermer.jpg"> 11209 <img loading="lazy" 11210 width="40" 11211 height="40" 11212 alt="Kolombescherming Beeld" 11213 class="menu-image border border-transparent roun
11213ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11214 src="https://123magazijninrichting.nl/media/menu_images/k/o/resized/80_80/kollombeschermer.jpg" 11215 /> 11216 </picture> 11217 Kolombescherming </a> 11218 </li> 11219 11220 <li class="level-2" 11221 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/d/9/resized/280_200/d95ec197-a162-47e1-861f-29806062f67f.png','category_node_352');" 11222 > 11223 <a 11224 href="https://123magazijninrichting.nl/veiligheidsartikelen/aanrijdbeveiliging/gebruikte-aanrijdbeveiliging/" 11225 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 11226 > 11227 <picture> 11228 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/d/9/resized/80_80/d95ec197-a162-47e1-861f-29806062f67f.png"> 11229 <img loading="lazy" 11230 width="40" 11231 height="40" 11232 alt="Gebruikte aanrijdbeveiliging Beeld" 11233 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11234 src="https://123magazijninrichting.nl/media/menu_images/d/9/resized/80_80/d95ec197-a162-47e1-861f-29806062f67f.png" 11235 /> 11236 </picture> 11237 Gebruikt </a> 11238 </li> 11239 </ul> 11240 </li> 11241 11242 <li 11243 class="level-1 has-child" 11244 x-data="{ subMenuOpencategory_node_88: false }" 11245 data-item="subMenuOpencategory_node_88" 11246 @mouseleave.prevent.stop="subMenuOpencategory_node_88 = false" 11247 > 11248 <button 11249 type="button" 11250 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium " 11251 x-ref="childmenuTogglecategory_node_88" 11252 @mouseover="subMenuOpencategory_node_88 = true; 11253 currentActiveCmsBlock = document.querySelector(`[data-cms-block-id='category_node_88']`) ? 'category_node_88' : 'parent'; 11254 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/2/4/resized/280_200/242f2083_-_kopie_-_kopie.jpg','category_node_88'); 11255 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_88.clientHeight }, '10'); 11256 " 11257 @click="window.location.href = 'https://123magazijninrichting.nl/spiegels/'" 11258 aria-expanded="false" 11259 :aria-expanded="subMenuOpencategory_node_88" 11260 aria-controls="category-node-88-desktop-menu-panel" 11261 > 11262 <picture> 11263 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/2/4/resized/80_80/242f2083_-_kopie_-_kopie.jpg"> 11264 <img loading="lazy" 11265 width="40" 11266 height="40" 11267 alt="Veiligheidsspiegels Beeld" 11268 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11269 src="https://123magazijninrichting.nl/media/menu_images/2/4/resized/80_80/242f2083_-_kopie_-_kopie.jpg" 11270 /> 11271 </picture> 11272 Veiligheidsspiegels <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 11273 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 11274</svg> 11275 </button> 11276 <ul 11277 id="category-node-88-desktop-menu-panel" 11278 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 11279 x-show="subMenuOpencategory_node_88" 11280 x-ref="childmenuWrappercategory_node_88" 11281 @keydown.escape.stop="subMenuOpencategory_node_88 = false;
11282 $refs.childmenuTogglecategory_node_88.focus();" 11283 > 11284 <li> 11285 <a 11286 href="https://123magazijninrichting.nl/spiegels/" 11287 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 11288 x-ref="childmenuViewAllcategory_node_88" 11289 >Veiligheidsspiegels</a> 11290 </li> 11291 11292 <li class="level-2" 11293 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/i/n/resized/280_200/industriespiegel.jpg','category_node_102');" 11294 > 11295 <a 11296 href="https://123magazijninrichting.nl/spiegels/industriespiegels/" 11297 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 11298 > 11299 <picture> 11300 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/i/n/resized/80_80/industriespiegel.jpg"> 11301 <img loading="lazy" 11302 width="40" 11303 height="40" 11304 alt="Industriespiegels Beeld" 11305 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11306 src="https://123magazijninrichting.nl/media/menu_images/i/n/resized/80_80/industriespiegel.jpg" 11307 /> 11308 </picture> 11309 Industrie </a> 11310 </li> 11311 11312 <li class="level-2" 11313 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/p/a/resized/280_200/panorama_spiegel.jpg','category_node_103');" 11314 > 11315 <a 11316 href="https://123magazijninrichting.nl/spiegels/panoramaspiegels/" 11317 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 11318 > 11319 <picture> 11320 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/p/a/resized/80_80/panorama_spiegel.jpg"> 11321 <img loading="lazy" 11322 width="40" 11323 height="40" 11324 alt="Panoramaspiegels Beeld" 11325 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11326 src="https://123magazijninrichting.nl/media/menu_images/p/a/resized/80_80/panorama_spiegel.jpg" 11327 /> 11328 </picture> 11329 Panorama </a> 11330 </li> 11331 11332 <li class="level-2" 11333 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/v/e/resized/280_200/verkeersspiegel.jpg','category_node_104');" 11334 > 11335 <a 11336 href="https://123magazijninrichting.nl/spiegels/verkeersspiegels/" 11337 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 11338 > 11339 <picture> 11340 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/v/e/resized/80_80/verkeersspiegel.jpg"> 11341 <img loading="lazy" 11342 width="40" 11343 height="40" 11344 alt="Verkeersspiegels Beeld" 11345 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11346 src="https://123magazijninrichting.nl/media/menu_images/v/e/resized/80_80/verkeersspiegel.jpg" 11347 /> 11348 </picture> 11349 Verkeer </a> 11350 </li> 11351 11352 <li class="level-2" 11353 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/w/a/resized/280_200/waarnemingsspiegel.jpg','category_node_105');" 11354 > 11355 <a 11356 href="https://123magazijninrichting.nl/spiegels/waarnemingsspiegels/" 11357 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 11358 > 11359 <picture> 11360 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/w/a/resized/80_80/waarnemingsspiegel.jpg"> 11361 <img loading="lazy" 11362 width="40" 11363 height="40" 11364 alt="Waarnemingsspiegels Beeld" 11365 class="menu-image border border-transparent roun
11365ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11366 src="https://123magazijninrichting.nl/media/menu_images/w/a/resized/80_80/waarnemingsspiegel.jpg" 11367 /> 11368 </picture> 11369 Waarneming </a> 11370 </li> 11371 </ul> 11372 </li> 11373 11374 <li 11375 class="level-1 has-child" 11376 x-data="{ subMenuOpencategory_node_89: false }" 11377 data-item="subMenuOpencategory_node_89" 11378 @mouseleave.prevent.stop="subMenuOpencategory_node_89 = false" 11379 > 11380 <button 11381 type="button" 11382 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium " 11383 x-ref="childmenuTogglecategory_node_89" 11384 @mouseover="subMenuOpencategory_node_89 = true; 11385 currentActiveCmsBlock = document.querySelector(`[data-cms-block-id='category_node_89']`) ? 'category_node_89' : 'parent'; 11386 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/b/l/resized/280_200/blauw.jpg','category_node_89'); 11387 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_89.clientHeight }, '10'); 11388 " 11389 @click="window.location.href = 'https://123magazijninrichting.nl/veiligheidsartikelen/vloermarkering/'" 11390 aria-expanded="false" 11391 :aria-expanded="subMenuOpencategory_node_89" 11392 aria-controls="category-node-89-desktop-menu-panel" 11393 > 11394 <picture> 11395 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/b/l/resized/80_80/blauw.jpg"> 11396 <img loading="lazy" 11397 width="40" 11398 height="40" 11399 alt="Vloermarkering Beeld" 11400 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11401 src="https://123magazijninrichting.nl/media/menu_images/b/l/resized/80_80/blauw.jpg" 11402 /> 11403 </picture> 11404 Vloermarkering <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 11405 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 11406</svg> 11407 </button> 11408 <ul 11409 id="category-node-89-desktop-menu-panel" 11410 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 11411 x-show="subMenuOpencategory_node_89" 11412 x-ref="childmenuWrappercategory_node_89" 11413 @keydown.escape.stop="subMenuOpencategory_node_89 = false; 11414 $refs.childmenuTogglecategory_node_89.focus();" 11415 > 11416 <li> 11417 <a 11418 href="https://123magazijninrichting.nl/veiligheidsartikelen/vloermarkering/" 11419 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 11420 x-ref="childmenuViewAllcategory_node_89" 11421 >Vloermarkering</a> 11422 </li> 11423 11424 <li class="level-2" 11425 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/v/o/resized/280_200/voordeelsets_3_x_blauw.jpg','category_node_324');" 11426 > 11427 <a 11428 href="https://123magazijninrichting.nl/veiligheidsartikelen/vloermarkering/voordeelsets/" 11429 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 11430 > 11431 <picture> 11432 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/v/o/resized/80_80/voordeelsets_3_x_blauw.jpg"> 11433 <img loading="lazy" 11434 width="40" 11435 height="40" 11436 alt="Vloermarkering voordeelsets Beeld" 11437 class="menu-image border border-transparent roun
11437ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11438 src="https://123magazijninrichting.nl/media/menu_images/v/o/resized/80_80/voordeelsets_3_x_blauw.jpg" 11439 /> 11440 </picture> 11441 Voordeelsets </a> 11442 </li> 11443 11444 <li class="level-2" 11445 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/p/r/resized/280_200/proline_vloermarkering_tapeliner_set_75_mm_-_wit_3.jpg','category_node_106');" 11446 > 11447 <a 11448 href="https://123magazijninrichting.nl/vloermarkering/markeermachines/" 11449 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 11450 > 11451 <picture> 11452 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/p/r/resized/80_80/proline_vloermarkering_tapeliner_set_75_mm_-_wit_3.jpg"> 11453 <img loading="lazy" 11454 width="40" 11455 height="40" 11456 alt="Markeermachines Beeld" 11457 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11458 src="https://123magazijninrichting.nl/media/menu_images/p/r/resized/80_80/proline_vloermarkering_tapeliner_set_75_mm_-_wit_3.jpg" 11459 /> 11460 </picture> 11461 Markeermachines </a> 11462 </li> 11463 11464 <li class="level-2" 11465 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/t/a/resized/280_200/tape_vinyl_-_geel.jpg','category_node_107');" 11466 > 11467 <a 11468 href="https://123magazijninrichting.nl/vloermarkering/markeringstape/" 11469 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 11470 > 11471 <picture> 11472 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/t/a/resized/80_80/tape_vinyl_-_geel.jpg"> 11473 <img loading="lazy" 11474 width="40" 11475 height="40" 11476 alt="Markeringstape Beeld" 11477 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11478 src="https://123magazijninrichting.nl/media/menu_images/t/a/resized/80_80/tape_vinyl_-_geel.jpg" 11479 /> 11480 </picture> 11481 Markeringstape </a> 11482 </li> 11483 11484 <li class="level-2" 11485 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/p/r/resized/280_200/proline-paint_markeerverf_voor_bedrijfsvloeren_-_5_liter_-_zilvergrijs_-_2.jpg','category_node_108');" 11486 > 11487 <a 11488 href="https://123magazijninrichting.nl/vloermarkering/markeringsverf/" 11489 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 11490 > 11491 <picture> 11492 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/p/r/resized/80_80/proline-paint_markeerverf_voor_bedrijfsvloeren_-_5_liter_-_zilvergrijs_-_2.jpg"> 11493 <img loading="lazy" 11494 width="40" 11495 height="40" 11496 alt="Markeringsverf Beeld" 11497 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11498 src="https://123magazijninrichting.nl/media/menu_images/p/r/resized/80_80/proline-paint_markeerverf_voor_bedrijfsvloeren_-_5_liter_-_zilvergrijs_-_2.jpg" 11499 /> 11500 </picture> 11501 Markeringsverf </a> 11502 </li> 11503 11504 <li class="level-2" 11505 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/k/r/resized/280_200/krijt.jpg','category_node_223');" 11506 > 11507 <a 11508 href="https://123magazijninrichting.nl/vloermarkering/" 11509 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 11510 > 11511 <picture> 11512 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/k/r/resized/80_80/krijt.jpg"> 11513 <img loading="lazy" 11514 width="40" 11515 height="40" 11516 alt="Vloermarketing accessoires Beeld" 11517 class="menu-image border border-transparent roun
11517ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11518 src="https://123magazijninrichting.nl/media/menu_images/k/r/resized/80_80/krijt.jpg" 11519 /> 11520 </picture> 11521 Accessoires </a> 11522 </li> 11523 11524 <li class="level-2" 11525 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/2/6/resized/280_200/261f5122.jpg','category_node_328');" 11526 > 11527 <a 11528 href="https://123magazijninrichting.nl/veiligheidsartikelen/vloermarkering/vloermarkering-stickers/" 11529 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 11530 > 11531 <picture> 11532 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/2/6/resized/80_80/261f5122.jpg"> 11533 <img loading="lazy" 11534 width="40" 11535 height="40" 11536 alt="Vloermarkering stickers Beeld" 11537 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11538 src="https://123magazijninrichting.nl/media/menu_images/2/6/resized/80_80/261f5122.jpg" 11539 /> 11540 </picture> 11541 Vloermarkering stickers </a> 11542 </li> 11543 </ul> 11544 </li> 11545 11546 <li 11547 class="level-1 has-child" 11548 x-data="{ subMenuOpencategory_node_90: false }" 11549 data-item="subMenuOpencategory_node_90" 11550 @mouseleave.prevent.stop="subMenuOpencategory_node_90 = false" 11551 > 11552 <button 11553 type="button" 11554 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium " 11555 x-ref="childmenuTogglecategory_node_90" 11556 @mouseover="subMenuOpencategory_node_90 = true; 11557 currentActiveCmsBlock = document.querySelector(`[data-cms-block-id='category_node_90']`) ? 'category_node_90' : 'parent'; 11558 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/2/0/resized/280_200/200_weg.png','category_node_90'); 11559 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_90.clientHeight }, '10'); 11560 " 11561 @click="window.location.href = 'https://123magazijninrichting.nl/veiligheidsartikelen/veiligheidsborden/'" 11562 aria-expanded="false" 11563 :aria-expanded="subMenuOpencategory_node_90" 11564 aria-controls="category-node-90-desktop-menu-panel" 11565 > 11566 <picture> 11567 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/2/0/resized/80_80/200_weg.png"> 11568 <img loading="lazy" 11569 width="40" 11570 height="40" 11571 alt="Veiligheidsborden Beeld" 11572 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11573 src="https://123magazijninrichting.nl/media/menu_images/2/0/resized/80_80/200_weg.png" 11574 /> 11575 </picture> 11576 Veiligheidsborden <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 11577 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 11578</svg> 11579 </button> 11580 <ul 11581 id="category-node-90-desktop-menu-panel" 11582 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 11583 x-show="subMenuOpencategory_node_90" 11584 x-ref="childmenuWrappercategory_node_90" 11585 @keydown.escape.stop="subMenuOpencategory_node_90 = false;
11586 $refs.childmenuTogglecategory_node_90.focus();" 11587 > 11588 <li> 11589 <a 11590 href="https://123magazijninrichting.nl/veiligheidsartikelen/veiligheidsborden/" 11591 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 11592 x-ref="childmenuViewAllcategory_node_90" 11593 >Veiligheidsborden</a> 11594 </li> 11595 11596 <li class="level-2" 11597 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2025-06-03_152318.jpg','category_node_109');" 11598 > 11599 <a 11600 href="https://123magazijninrichting.nl/veiligheidsborden/locatieborden/" 11601 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 11602 > 11603 <picture> 11604 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_152318.jpg"> 11605 <img loading="lazy" 11606 width="40" 11607 height="40" 11608 alt="Locatieborden Beeld" 11609 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11610 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_152318.jpg" 11611 /> 11612 </picture> 11613 Locatie </a> 11614 </li> 11615 11616 <li class="level-2" 11617 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2025-06-03_152430.jpg','category_node_110');" 11618 > 11619 <a 11620 href="https://123magazijninrichting.nl/veiligheidsborden/informatieborden/" 11621 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 11622 > 11623 <picture> 11624 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_152430.jpg"> 11625 <img loading="lazy" 11626 width="40" 11627 height="40" 11628 alt="Informatieborden Beeld" 11629 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11630 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_152430.jpg" 11631 /> 11632 </picture> 11633 Informatie </a> 11634 </li> 11635 11636 <li class="level-2" 11637 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2025-06-03_152537.jpg','category_node_111');" 11638 > 11639 <a 11640 href="https://123magazijninrichting.nl/veiligheidsborden/verbodsborden/" 11641 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 11642 > 11643 <picture> 11644 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_152537.jpg"> 11645 <img loading="lazy" 11646 width="40" 11647 height="40" 11648 alt="Verbodsborden Beeld" 11649 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11650 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_152537.jpg" 11651 /> 11652 </picture> 11653 Verbod </a> 11654 </li> 11655 11656 <li class="level-2" 11657 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2025-06-03_152608.jpg','category_node_112');" 11658 > 11659 <a 11660 href="https://123magazijninrichting.nl/veiligheidsborden/waarschuwingsborden/" 11661 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 11662 > 11663 <picture> 11664 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_152608.jpg"> 11665 <img loading="lazy" 11666 width="40" 11667 height="40" 11668 alt="Waarschuwingsborden Beeld" 11669 class="menu-image border border-transparent roun
11669ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11670 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_152608.jpg" 11671 /> 11672 </picture> 11673 Waarschuwing </a> 11674 </li> 11675 11676 <li class="level-2" 11677 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2025-06-03_152646.jpg','category_node_240');" 11678 > 11679 <a 11680 href="https://123magazijninrichting.nl/veiligheidsborden/nooduitgangborden/" 11681 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 11682 > 11683 <picture> 11684 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_152646.jpg"> 11685 <img loading="lazy" 11686 width="40" 11687 height="40" 11688 alt="Nooduitgangborden Beeld" 11689 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11690 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_152646.jpg" 11691 /> 11692 </picture> 11693 Nooduitgang </a> 11694 </li> 11695 </ul> 11696 </li> 11697 11698 <li class="level-1" 11699 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/h/resized/280_200/shockcove_k2_3d.png','category_node_239');" 11700 > 11701 <a 11702 href="https://123magazijninrichting.nl/wandbescherming/" 11703 class="level-1 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium " 11704 > 11705 <picture> 11706 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/h/resized/80_80/shockcove_k2_3d.png"> 11707 <img loading="lazy" 11708 width="40" 11709 height="40" 11710 alt="Wandbescherming Beeld" 11711 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11712 src="https://123magazijninrichting.nl/media/menu_images/s/h/resized/80_80/shockcove_k2_3d.png" 11713 /> 11714 </picture> 11715 Wandbescherming </a> 11716 </li> 11717 11718 <li class="level-1" 11719 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2026-04-23_134741.png','category_node_348');" 11720 > 11721 <a 11722 href="https://123magazijninrichting.nl/veiligheidsartikelen/hekken/" 11723 class="level-1 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium " 11724 > 11725 <picture> 11726 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-23_134741.png"> 11727 <img loading="lazy" 11728 width="40" 11729 height="40" 11730 alt="Hekken Beeld" 11731 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11732 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-04-23_134741.png" 11733 /> 11734 </picture> 11735 Hekken </a> 11736 </li> 11737 </ul> 11738 </div> 11739 <div class="menu-cms-banner-wrap flex-[27.83] mt-10"> 11740 <div data-cms-block-id="parent" :class="'parent' === currentActiveCmsBlock ? 'block' : 'hidden'"> 11741 <style>#html-body [data-pb-style=DPDSQK5],#html-body [data-pb-style=MB51YYP]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=DPDSQK5]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=MB51YYP]{align-self:stretch}#html-body [data-pb-style=AXSW87G]{display:flex;width:100%}#html-body [data-pb-style=UPD6HSI]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=TLQN6RX]{background-color:#0a7db3;background-position:right bottom;background-size:auto;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=G985KWN]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=EH2B6A1]{opacity:1;visibility:visible}#html-body [data-pb-style=TPCXW89]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=R4X0F4I]{background-position:center center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=CRHU8R5]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=KLIIWLS]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=N97G29P]{background-color:#12407e;background-position:right bottom;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=A4SH08T]{border-radius:24px;min-height:300px;background-color:transparent}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-category-cms-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="DPDSQK5"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="MB51YYP"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="AXSW87G"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="UPD6HSI"><div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never" data-element="main" class="common-styles button-text button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bdf693" data-background-images='{\"de
11741sktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="TLQN6RX"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="G985KWN"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs transparent"><strong><span style="color: #ffffff;">Magazijnkeuring</span></strong></p><p class="cms-32xl w-[64%]"><span style="color: #ffffff;">Magazijnkeuring inplannen?</span></p></div><a href="/magazijnkeuring" target="" data-link-type="default" title="" data-element="link"><button type="button" class="pagebuilder-banner-button pagebuilder-button-primary" data-element="button" data-pb-style="EH2B6A1">Neem contact op</button></a></div></div></div><style type="text/css">.background-image-6ac5dc5bdf693 {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png);}</style></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="TPCXW89"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="button-text common-styles menu-dynamic-image button-arrow button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="R4X0F4I"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="CRHU8R5"><div class="pagebuilder-poster-content"><div data-element="content"></div></div></div></div></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="KLIIWLS"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="ul-buttons button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bdf6a5" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="N97G29P"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="A4SH08T"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #43b3e7;">Vragen?</span></strong></p><p class="cms-2xl w-4/5"><span style="color: #ffffff;">Stel ze in de chat</span></p></div></div></div></div><style type="text/css">.background-image-6ac5dc5bdf6a5 {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png);}</style></div></div></div></div></div></div></div> </div> 11742 <div data-cms-block-id="category_node_87" :class="'category_node_87' === currentActiveCmsBlock ? 'block' : 'hidden'"> 11743 <style>#html-body [data-pb-style=DPDSQK5],#html-body [data-pb-style=MB51YYP]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=DPDSQK5]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=MB51YYP]{align-self:stretch}#html-body [data-pb-style=AXSW87G]{display:flex;width:100%}#html-body [data-pb-style=UPD6HSI]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=TLQN6RX]{background-color:#0a7db3;background-position:right bottom;background-size:auto;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=G985KWN]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=EH2B6A1]{opacity:1;visibility:visible}#html-body [data-pb-style=TPCXW89]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=R4X0F4I]{background-position:center center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=CRHU8R5]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=KLIIWLS]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=N97G29P]{background-color:#12407e;background-position:right bottom;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=A4SH08T]{border-radius:24px;min-height:300px;background-color:transparent}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-category-cms-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="DPDSQK5"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="MB51YYP"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="AXSW87G"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="UPD6HSI"><div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never" data-element="main" class="common-styles button-text button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bdfc9d" data-background-images='{\"de
11743sktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="TLQN6RX"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="G985KWN"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs transparent"><strong><span style="color: #ffffff;">Magazijnkeuring</span></strong></p><p class="cms-32xl w-[64%]"><span style="color: #ffffff;">Magazijnkeuring inplannen?</span></p></div><a href="/magazijnkeuring" target="" data-link-type="default" title="" data-element="link"><button type="button" class="pagebuilder-banner-button pagebuilder-button-primary" data-element="button" data-pb-style="EH2B6A1">Neem contact op</button></a></div></div></div><style type="text/css">.background-image-6ac5dc5bdfc9d {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png);}</style></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="TPCXW89"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="button-text common-styles menu-dynamic-image button-arrow button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="R4X0F4I"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="CRHU8R5"><div class="pagebuilder-poster-content"><div data-element="content"></div></div></div></div></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="KLIIWLS"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="ul-buttons button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bdfcad" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="N97G29P"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="A4SH08T"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #43b3e7;">Vragen?</span></strong></p><p class="cms-2xl w-4/5"><span style="color: #ffffff;">Stel ze in de chat</span></p></div></div></div></div><style type="text/css">.background-image-6ac5dc5bdfcad {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png);}</style></div></div></div></div></div></div></div> </div> 11744 <div data-cms-block-id="category_node_88" :class="'category_node_88' === currentActiveCmsBlock ? 'block' : 'hidden'"> 11745 <style>#html-body [data-pb-style=DPDSQK5],#html-body [data-pb-style=MB51YYP]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=DPDSQK5]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=MB51YYP]{align-self:stretch}#html-body [data-pb-style=AXSW87G]{display:flex;width:100%}#html-body [data-pb-style=UPD6HSI]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=TLQN6RX]{background-color:#0a7db3;background-position:right bottom;background-size:auto;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=G985KWN]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=EH2B6A1]{opacity:1;visibility:visible}#html-body [data-pb-style=TPCXW89]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=R4X0F4I]{background-position:center center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=CRHU8R5]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=KLIIWLS]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=N97G29P]{background-color:#12407e;background-position:right bottom;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=A4SH08T]{border-radius:24px;min-height:300px;background-color:transparent}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-category-cms-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="DPDSQK5"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="MB51YYP"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="AXSW87G"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="UPD6HSI"><div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never" data-element="main" class="common-styles button-text button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5be028f" data-background-images='{\"de
11745sktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="TLQN6RX"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="G985KWN"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs transparent"><strong><span style="color: #ffffff;">Magazijnkeuring</span></strong></p><p class="cms-32xl w-[64%]"><span style="color: #ffffff;">Magazijnkeuring inplannen?</span></p></div><a href="/magazijnkeuring" target="" data-link-type="default" title="" data-element="link"><button type="button" class="pagebuilder-banner-button pagebuilder-button-primary" data-element="button" data-pb-style="EH2B6A1">Neem contact op</button></a></div></div></div><style type="text/css">.background-image-6ac5dc5be028f {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png);}</style></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="TPCXW89"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="button-text common-styles menu-dynamic-image button-arrow button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="R4X0F4I"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="CRHU8R5"><div class="pagebuilder-poster-content"><div data-element="content"></div></div></div></div></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="KLIIWLS"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="ul-buttons button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5be029f" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="N97G29P"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="A4SH08T"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #43b3e7;">Vragen?</span></strong></p><p class="cms-2xl w-4/5"><span style="color: #ffffff;">Stel ze in de chat</span></p></div></div></div></div><style type="text/css">.background-image-6ac5dc5be029f {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png);}</style></div></div></div></div></div></div></div> </div> 11746 <div data-cms-block-id="category_node_89" :class="'category_node_89' === currentActiveCmsBlock ? 'block' : 'hidden'"> 11747 <style>#html-body [data-pb-style=DPDSQK5],#html-body [data-pb-style=MB51YYP]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=DPDSQK5]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=MB51YYP]{align-self:stretch}#html-body [data-pb-style=AXSW87G]{display:flex;width:100%}#html-body [data-pb-style=UPD6HSI]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=TLQN6RX]{background-color:#0a7db3;background-position:right bottom;background-size:auto;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=G985KWN]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=EH2B6A1]{opacity:1;visibility:visible}#html-body [data-pb-style=TPCXW89]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=R4X0F4I]{background-position:center center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=CRHU8R5]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=KLIIWLS]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=N97G29P]{background-color:#12407e;background-position:right bottom;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=A4SH08T]{border-radius:24px;min-height:300px;background-color:transparent}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-category-cms-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="DPDSQK5"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="MB51YYP"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="AXSW87G"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="UPD6HSI"><div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never" data-element="main" class="common-styles button-text button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5be08b7" data-background-images='{\"de
11747sktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="TLQN6RX"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="G985KWN"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs transparent"><strong><span style="color: #ffffff;">Magazijnkeuring</span></strong></p><p class="cms-32xl w-[64%]"><span style="color: #ffffff;">Magazijnkeuring inplannen?</span></p></div><a href="/magazijnkeuring" target="" data-link-type="default" title="" data-element="link"><button type="button" class="pagebuilder-banner-button pagebuilder-button-primary" data-element="button" data-pb-style="EH2B6A1">Neem contact op</button></a></div></div></div><style type="text/css">.background-image-6ac5dc5be08b7 {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png);}</style></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="TPCXW89"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="button-text common-styles menu-dynamic-image button-arrow button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="R4X0F4I"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="CRHU8R5"><div class="pagebuilder-poster-content"><div data-element="content"></div></div></div></div></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="KLIIWLS"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="ul-buttons button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5be08c6" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="N97G29P"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="A4SH08T"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #43b3e7;">Vragen?</span></strong></p><p class="cms-2xl w-4/5"><span style="color: #ffffff;">Stel ze in de chat</span></p></div></div></div></div><style type="text/css">.background-image-6ac5dc5be08c6 {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png);}</style></div></div></div></div></div></div></div> </div> 11748 <div data-cms-block-id="category_node_90" :class="'category_node_90' === currentActiveCmsBlock ? 'block' : 'hidden'"> 11749 <style>#html-body [data-pb-style=DPDSQK5],#html-body [data-pb-style=MB51YYP]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=DPDSQK5]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=MB51YYP]{align-self:stretch}#html-body [data-pb-style=AXSW87G]{display:flex;width:100%}#html-body [data-pb-style=UPD6HSI]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=TLQN6RX]{background-color:#0a7db3;background-position:right bottom;background-size:auto;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=G985KWN]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=EH2B6A1]{opacity:1;visibility:visible}#html-body [data-pb-style=TPCXW89]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=R4X0F4I]{background-position:center center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=CRHU8R5]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=KLIIWLS]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=N97G29P]{background-color:#12407e;background-position:right bottom;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=A4SH08T]{border-radius:24px;min-height:300px;background-color:transparent}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-category-cms-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="DPDSQK5"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="MB51YYP"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="AXSW87G"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="UPD6HSI"><div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never" data-element="main" class="common-styles button-text button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5be0ecf" data-background-images='{\"de
11749sktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="TLQN6RX"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="G985KWN"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs transparent"><strong><span style="color: #ffffff;">Magazijnkeuring</span></strong></p><p class="cms-32xl w-[64%]"><span style="color: #ffffff;">Magazijnkeuring inplannen?</span></p></div><a href="/magazijnkeuring" target="" data-link-type="default" title="" data-element="link"><button type="button" class="pagebuilder-banner-button pagebuilder-button-primary" data-element="button" data-pb-style="EH2B6A1">Neem contact op</button></a></div></div></div><style type="text/css">.background-image-6ac5dc5be0ecf {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png);}</style></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="TPCXW89"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="button-text common-styles menu-dynamic-image button-arrow button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="R4X0F4I"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="CRHU8R5"><div class="pagebuilder-poster-content"><div data-element="content"></div></div></div></div></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="KLIIWLS"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="ul-buttons button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5be0ede" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="N97G29P"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="A4SH08T"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #43b3e7;">Vragen?</span></strong></p><p class="cms-2xl w-4/5"><span style="color: #ffffff;">Stel ze in de chat</span></p></div></div></div></div><style type="text/css">.background-image-6ac5dc5be0ede {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png);}</style></div></div></div></div></div></div></div> </div> 11750 <div data-cms-block-id="category_node_239" :class="'category_node_239' === currentActiveCmsBlock ? 'block' : 'hidden'"> 11751 <style>#html-body [data-pb-style=DPDSQK5],#html-body [data-pb-style=MB51YYP]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=DPDSQK5]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=MB51YYP]{align-self:stretch}#html-body [data-pb-style=AXSW87G]{display:flex;width:100%}#html-body [data-pb-style=UPD6HSI]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=TLQN6RX]{background-color:#0a7db3;background-position:right bottom;background-size:auto;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=G985KWN]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=EH2B6A1]{opacity:1;visibility:visible}#html-body [data-pb-style=TPCXW89]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=R4X0F4I]{background-position:center center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=CRHU8R5]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=KLIIWLS]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=N97G29P]{background-color:#12407e;background-position:right bottom;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=A4SH08T]{border-radius:24px;min-height:300px;background-color:transparent}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-category-cms-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="DPDSQK5"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="MB51YYP"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="AXSW87G"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="UPD6HSI"><div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never" data-element="main" class="common-styles button-text button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5be1495" data-background-images='{\"de
11751sktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="TLQN6RX"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="G985KWN"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs transparent"><strong><span style="color: #ffffff;">Magazijnkeuring</span></strong></p><p class="cms-32xl w-[64%]"><span style="color: #ffffff;">Magazijnkeuring inplannen?</span></p></div><a href="/magazijnkeuring" target="" data-link-type="default" title="" data-element="link"><button type="button" class="pagebuilder-banner-button pagebuilder-button-primary" data-element="button" data-pb-style="EH2B6A1">Neem contact op</button></a></div></div></div><style type="text/css">.background-image-6ac5dc5be1495 {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png);}</style></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="TPCXW89"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="button-text common-styles menu-dynamic-image button-arrow button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="R4X0F4I"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="CRHU8R5"><div class="pagebuilder-poster-content"><div data-element="content"></div></div></div></div></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="KLIIWLS"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="ul-buttons button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5be14a4" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="N97G29P"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="A4SH08T"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #43b3e7;">Vragen?</span></strong></p><p class="cms-2xl w-4/5"><span style="color: #ffffff;">Stel ze in de chat</span></p></div></div></div></div><style type="text/css">.background-image-6ac5dc5be14a4 {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png);}</style></div></div></div></div></div></div></div> </div> 11752 </div> 11753 </div> 11754 </div> 11755 </div> 11756 </li> 11757 <li 11758 class="level-0 wrapper" 11759 x-data="{ 11760 open: false, 11761 initialHover: true, 11762 canHover(func) { 11763 const isHoverableDevice = window.matchMedia('(hover: hover) and (pointer: fine)').matches; 11764 if (!isHoverableDevice) return; 11765 func(); 11766 } 11767 }" 11768 @mouseover.away="initialHover = false; open = false;" 11769 @keydown.escape="open = false" 11770 > 11771 <div class="backdrop w-screen h-screen fixed -z-20 top-[63.5px]" x-show="open" @mouseover="open = false" x-cloak></div> 11772 <button 11773 type="button" 11774 class="level-0 group w-full flex justify-between items-center pb-[calc(theme(padding.5)_-_3px)] 11775 border-transparent text-header hover:text-header_active transition 11776 aria-expanded:text-header_active text-[15px] data-[has-current]:aria-expanded:text-header_active 11777 data-[has-current]:hover:text-header_active" 11778 @mouseenter="initialHover ? open = false : open = true; event = $event;" 11779 @click="window.location.href = 'https://123magazijninrichting.nl/magazijnbenodigdheden/'" 11780 aria-expanded="false" 11781 :aria-expanded="open" 11782 aria-controls="category-node-85-desktop-menu-panel" 11783 > 11784 Magazijnbenodigdheden <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="transition ml-0.5 group-aria-expanded:rotate-180 text-header group-aria-expanded:text-header_active hover:fill-header_active" width="16" height="16" aria-hidden="true"> 11785 <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/> 11786</svg> 11787 </button> 11788 <div x-show="open" x-effect="selectFirstOptions()"> 11789 <div class="nav-absolute-bg z-30 absolute top-full left-0 right-0 bg-white border-t border-slate-200 rounded-b-3xl overflow-auto" 11790 x-show="open === true" x-cloak> 11791 <div 11792 id="category-node-85-desktop-menu-panel" 11793 class="z-30 mx-auto flex pb-10 flex-row justify-between gap-[5%] min-h-64 bg-white container" 11794 11795 > 11796 <div class="menu-subcategories-wrap relative flex-[65] mt-10"> 11797 <ul class="flex flex-col w-72" :style="{ 'min-height': `${menuMinHeight}px` }"> 11798 <li class=""> 11799 <a 11800 href="https://123magazijninrichting.nl/magazijnbenodigdheden/" 11801 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto" 11802 >Categorieën</a> 11803 </li> 11804 11805 <li 11806 class="level-1 has-child" 11807 x-data="{ subMenuOpencategory_node_157: false }" 11808 data-item="subMenuOpencategory_node_157" 11809 @mouseleave.prevent.stop="subMenuOpencategory_node_157 = false" 11810 > 11811 <button 11812 type="button" 11813 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium " 11814 x-ref="childmenuTogglecategory_node_157" 11815 @mouseover="subMenuOpencategory_node_157 = true; 11816 currentActiveCmsBlock = document.querySelector(`[data-cms-block-id='category_node_157']`) ? 'category_node_157' : 'parent'; 11817 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/t/a/resized/280_200/tafelwagen_9.jpg','category_node_157'); 11818 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_157.clientHeight }, '10'); 11819 " 11820 @click="window.location.href = 'https://123magazijninrichting.nl/intern-trans
11820port/'" 11821 aria-expanded="false" 11822 :aria-expanded="subMenuOpencategory_node_157" 11823 aria-controls="category-node-157-desktop-menu-panel" 11824 > 11825 <picture> 11826 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/t/a/resized/80_80/tafelwagen_9.jpg"> 11827 <img loading="lazy" 11828 width="40" 11829 height="40" 11830 alt="Intern transport Beeld" 11831 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11832 src="https://123magazijninrichting.nl/media/menu_images/t/a/resized/80_80/tafelwagen_9.jpg" 11833 /> 11834 </picture> 11835 Intern transport <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 11836 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 11837</svg> 11838 </button> 11839 <ul 11840 id="category-node-157-desktop-menu-panel" 11841 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 11842 x-show="subMenuOpencategory_node_157" 11843 x-ref="childmenuWrappercategory_node_157" 11844 @keydown.escape.stop="subMenuOpencategory_node_157 = false; 11845 $refs.childmenuTogglecategory_node_157.focus();" 11846 > 11847 <li> 11848 <a 11849 href="https://123magazijninrichting.nl/intern-transport/" 11850 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 11851 x-ref="childmenuViewAllcategory_node_157" 11852 >Intern transport</a> 11853 </li> 11854 11855 <li 11856 class="level-2 has-child" 11857 x-data="{ subMenuOpencategory_node_165: false }" 11858 data-item="subMenuOpencategory_node_165" 11859 @mouseleave.prevent.stop="subMenuOpencategory_node_165 = false" 11860 > 11861 <button 11862 type="button" 11863 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium pl-8" 11864 x-ref="childmenuTogglecategory_node_165" 11865 @mouseover="subMenuOpencategory_node_165 = true; 11866 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/c/2/resized/280_200/c2m-t03456_korte_lepels-500x500_2.jpg','category_node_165'); 11867 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_165.clientHeight }, '10'); 11868 " 11869 @click="window.location.href = 'https://123magazijninrichting.nl/palletwagens/'" 11870 aria-expanded="false" 11871 :aria-expanded="subMenuOpencategory_node_165" 11872 aria-controls="category-node-165-desktop-menu-panel" 11873 > 11874 <picture> 11875 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/c/2/resized/80_80/c2m-t03456_korte_lepels-500x500_2.jpg"> 11876 <img loading="lazy" 11877 width="40" 11878 height="40" 11879 alt="Palletwagens Beeld" 11880 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11881 src="https://123magazijninrichting.nl/media/menu_images/c/2/resized/80_80/c2m-t03456_korte_lepels-500x500_2.jpg" 11882 /> 11883 </picture> 11884 Palletwagens <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 11885 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 11886</svg> 11887 </button> 11888 <ul 11889 id="category-node-165-desktop-menu-panel" 11890 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 11891 x-show="subMenuOpencategory_node_165" 11892 x-ref="childmenuWrappercategory_node_165" 11893 @keydown.escape.stop="subMenuOpencategory_node_165 = false;
11894 $refs.childmenuTogglecategory_node_165.focus();" 11895 > 11896 <li> 11897 <a 11898 href="https://123magazijninrichting.nl/palletwagens/" 11899 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 11900 x-ref="childmenuViewAllcategory_node_165" 11901 >Palletwagens</a> 11902 </li> 11903 11904 <li class="level-3" 11905 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/v/o/resized/280_200/voordeelset_standaard_palletwagen_2x.jpg','category_node_331');" 11906 > 11907 <a 11908 href="https://123magazijninrichting.nl/magazijnbenodigdheden/intern-transport/palletwagens/voordeelsets/" 11909 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 11910 > 11911 <picture> 11912 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/v/o/resized/80_80/voordeelset_standaard_palletwagen_2x.jpg"> 11913 <img loading="lazy" 11914 width="40" 11915 height="40" 11916 alt="Palletwagens voordeelsets Beeld" 11917 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11918 src="https://123magazijninrichting.nl/media/menu_images/v/o/resized/80_80/voordeelset_standaard_palletwagen_2x.jpg" 11919 /> 11920 </picture> 11921 Voordeelsets </a> 11922 </li> 11923 11924 <li class="level-3" 11925 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/t/resized/280_200/standaard_palletwagen.png','category_node_172');" 11926 > 11927 <a 11928 href="https://123magazijninrichting.nl/palletwagens/standaard/" 11929 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 11930 > 11931 <picture> 11932 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/standaard_palletwagen.png"> 11933 <img loading="lazy" 11934 width="40" 11935 height="40" 11936 alt="Standaard palletwagens Beeld" 11937 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11938 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/standaard_palletwagen.png" 11939 /> 11940 </picture> 11941 Standaard </a> 11942 </li> 11943 11944 <li class="level-3" 11945 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/p/a/resized/280_200/palletwagen_rvs_2.png','category_node_173');" 11946 > 11947 <a 11948 href="https://123magazijninrichting.nl/palletwagens/rvs/" 11949 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 11950 > 11951 <picture> 11952 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/p/a/resized/80_80/palletwagen_rvs_2.png"> 11953 <img loading="lazy" 11954 width="40" 11955 height="40" 11956 alt="RVS palletwagens Beeld" 11957 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11958 src="https://123magazijninrichting.nl/media/menu_images/p/a/resized/80_80/palletwagen_rvs_2.png" 11959 /> 11960 </picture> 11961 RVS </a> 11962 </li> 11963 11964 <li class="level-3" 11965 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/p/a/resized/280_200/palletwagen_ruw_terrein.png','category_node_174');" 11966 > 11967 <a 11968 href="https://123magazijninrichting.nl/palletwagens/ruw-terrein/"
11969 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 11970 > 11971 <picture> 11972 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/p/a/resized/80_80/palletwagen_ruw_terrein.png"> 11973 <img loading="lazy" 11974 width="40" 11975 height="40" 11976 alt="Palletwagens ruw terrein Beeld" 11977 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 11978 src="https://123magazijninrichting.nl/media/menu_images/p/a/resized/80_80/palletwagen_ruw_terrein.png" 11979 /> 11980 </picture> 11981 Voor ruw terrein </a> 11982 </li> 11983 </ul> 11984 </li> 11985 11986 <li 11987 class="level-2 has-child" 11988 x-data="{ subMenuOpencategory_node_166: false }" 11989 data-item="subMenuOpencategory_node_166" 11990 @mouseleave.prevent.stop="subMenuOpencategory_node_166 = false" 11991 > 11992 <button 11993 type="button" 11994 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium pl-8" 11995 x-ref="childmenuTogglecategory_node_166" 11996 @mouseover="subMenuOpencategory_node_166 = true; 11997 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/2/0/resized/280_200/207.054-l_universele_steekwagen_250_kg-500x500.jpg','category_node_166'); 11998 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_166.clientHeight }, '10'); 11999 " 12000 @click="window.location.href = 'https://123magazijninrichting.nl/steekwagens/'" 12001 aria-expanded="false" 12002 :aria-expanded="subMenuOpencategory_node_166" 12003 aria-controls="category-node-166-desktop-menu-panel" 12004 > 12005 <picture> 12006 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/2/0/resized/80_80/207.054-l_universele_steekwagen_250_kg-500x500.jpg"> 12007 <img loading="lazy" 12008 width="40" 12009 height="40" 12010 alt="Steekwagens Beeld" 12011 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12012 src="https://123magazijninrichting.nl/media/menu_images/2/0/resized/80_80/207.054-l_universele_steekwagen_250_kg-500x500.jpg" 12013 /> 12014 </picture> 12015 Steekwagens <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 12016 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 12017</svg> 12018 </button> 12019 <ul 12020 id="category-node-166-desktop-menu-panel" 12021 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 12022 x-show="subMenuOpencategory_node_166" 12023 x-ref="childmenuWrappercategory_node_166" 12024 @keydown.escape.stop="subMenuOpencategory_node_166 = false; 12025 $refs.childmenuTogglecategory_node_166.focus();" 12026 > 12027 <li> 12028 <a 12029 href="https://123magazijninrichting.nl/steekwagens/" 12030 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 12031 x-ref="childmenuViewAllcategory_node_166" 12032 >Steekwagens</a> 12033 </li> 12034 12035 <li class="level-3" 12036 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/t/resized/280_200/steekwagen_universeel_250_kg_luchtband_wielen_2x.jpg','category_node_332');" 12037 > 12038 <a 12039 href="https://123magazijninrichting.nl/magazijnbenodigdheden/intern-trans
12039port/steekwagens/voordeelsets/" 12040 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 12041 > 12042 <picture> 12043 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/steekwagen_universeel_250_kg_luchtband_wielen_2x.jpg"> 12044 <img loading="lazy" 12045 width="40" 12046 height="40" 12047 alt="Steekwagens voordeelsets Beeld" 12048 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12049 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/steekwagen_universeel_250_kg_luchtband_wielen_2x.jpg" 12050 /> 12051 </picture> 12052 Voordeelsets </a> 12053 </li> 12054 12055 <li class="level-3" 12056 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/u/n/resized/280_200/universele_steekwagen.png','category_node_175');" 12057 > 12058 <a 12059 href="https://123magazijninrichting.nl/steekwagens/universeel/" 12060 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 12061 > 12062 <picture> 12063 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/u/n/resized/80_80/universele_steekwagen.png"> 12064 <img loading="lazy" 12065 width="40" 12066 height="40" 12067 alt="Universele steekwagens Beeld" 12068 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12069 src="https://123magazijninrichting.nl/media/menu_images/u/n/resized/80_80/universele_steekwagen.png" 12070 /> 12071 </picture> 12072 Universeel </a> 12073 </li> 12074 12075 <li class="level-3" 12076 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/i/n/resized/280_200/inklapbare_steekwagen.png','category_node_176');" 12077 > 12078 <a 12079 href="https://123magazijninrichting.nl/steekwagens/inklapbaar/" 12080 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 12081 > 12082 <picture> 12083 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/i/n/resized/80_80/inklapbare_steekwagen.png"> 12084 <img loading="lazy" 12085 width="40" 12086 height="40" 12087 alt="Inklapbare steekwagens Beeld" 12088 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12089 src="https://123magazijninrichting.nl/media/menu_images/i/n/resized/80_80/inklapbare_steekwagen.png" 12090 /> 12091 </picture> 12092 Inklapbaar </a> 12093 </li> 12094 </ul> 12095 </li> 12096 12097 <li class="level-2" 12098 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/1/0/resized/280_200/100727__02__rgb.jpg','category_node_167');" 12099 > 12100 <a 12101 href="https://123magazijninrichting.nl/werkplaatswagens/" 12102 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 12103 > 12104 <picture> 12105 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/1/0/resized/80_80/100727__02__rgb.jpg"> 12106 <img loading="lazy" 12107 width="40" 12108 height="40" 12109 alt="Werkplaatswagens Beeld" 12110 class="menu-image border border-transparent roun
12110ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12111 src="https://123magazijninrichting.nl/media/menu_images/1/0/resized/80_80/100727__02__rgb.jpg" 12112 /> 12113 </picture> 12114 Werkplaatswagens </a> 12115 </li> 12116 12117 <li class="level-2" 12118 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/g/e/resized/280_200/gereedschapswagen.png','category_node_177');" 12119 > 12120 <a 12121 href="https://123magazijninrichting.nl/gereedschapswagens/" 12122 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 12123 > 12124 <picture> 12125 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/g/e/resized/80_80/gereedschapswagen.png"> 12126 <img loading="lazy" 12127 width="40" 12128 height="40" 12129 alt="Gereedschapswagens Beeld" 12130 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12131 src="https://123magazijninrichting.nl/media/menu_images/g/e/resized/80_80/gereedschapswagen.png" 12132 /> 12133 </picture> 12134 Gereedschapswagens </a> 12135 </li> 12136 12137 <li 12138 class="level-2 has-child" 12139 x-data="{ subMenuOpencategory_node_168: false }" 12140 data-item="subMenuOpencategory_node_168" 12141 @mouseleave.prevent.stop="subMenuOpencategory_node_168 = false" 12142 > 12143 <button 12144 type="button" 12145 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium pl-8" 12146 x-ref="childmenuTogglecategory_node_168" 12147 @mouseover="subMenuOpencategory_node_168 = true; 12148 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/m/a/resized/280_200/magazijnwagens.png','category_node_168'); 12149 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_168.clientHeight }, '10'); 12150 " 12151 @click="window.location.href = 'https://123magazijninrichting.nl/magazijnwagens/'" 12152 aria-expanded="false" 12153 :aria-expanded="subMenuOpencategory_node_168" 12154 aria-controls="category-node-168-desktop-menu-panel" 12155 > 12156 <picture> 12157 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/a/resized/80_80/magazijnwagens.png"> 12158 <img loading="lazy" 12159 width="40" 12160 height="40" 12161 alt="Magazijnwagens Beeld" 12162 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12163 src="https://123magazijninrichting.nl/media/menu_images/m/a/resized/80_80/magazijnwagens.png" 12164 /> 12165 </picture> 12166 Magazijnwagens <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 12167 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 12168</svg> 12169 </button> 12170 <ul 12171 id="category-node-168-desktop-menu-panel" 12172 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 12173 x-show="subMenuOpencategory_node_168" 12174 x-ref="childmenuWrappercategory_node_168" 12175 @keydown.escape.stop="subMenuOpencategory_node_168 = false;
12176 $refs.childmenuTogglecategory_node_168.focus();" 12177 > 12178 <li> 12179 <a 12180 href="https://123magazijninrichting.nl/magazijnwagens/" 12181 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 12182 x-ref="childmenuViewAllcategory_node_168" 12183 >Magazijnwagens</a> 12184 </li> 12185 12186 <li class="level-3" 12187 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/m/a/resized/280_200/materiaalwagen_.jpg','category_node_178');" 12188 > 12189 <a 12190 href="https://123magazijninrichting.nl/magazijnwagens/magazijnkarren/" 12191 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 12192 > 12193 <picture> 12194 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/a/resized/80_80/materiaalwagen_.jpg"> 12195 <img loading="lazy" 12196 width="40" 12197 height="40" 12198 alt="Magazijnkarren Beeld" 12199 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12200 src="https://123magazijninrichting.nl/media/menu_images/m/a/resized/80_80/materiaalwagen_.jpg" 12201 /> 12202 </picture> 12203 Magazijnkarren </a> 12204 </li> 12205 12206 <li class="level-3" 12207 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/t/r/resized/280_200/transsport_dolly_2_.jpg','category_node_179');" 12208 > 12209 <a 12210 href="https://123magazijninrichting.nl/magazijnwagens/montagewagens/" 12211 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 12212 > 12213 <picture> 12214 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/t/r/resized/80_80/transsport_dolly_2_.jpg"> 12215 <img loading="lazy" 12216 width="40" 12217 height="40" 12218 alt="Montagewagens Beeld" 12219 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12220 src="https://123magazijninrichting.nl/media/menu_images/t/r/resized/80_80/transsport_dolly_2_.jpg" 12221 /> 12222 </picture> 12223 Montagewagens </a> 12224 </li> 12225 12226 <li class="level-3" 12227 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/e/s/resized/280_200/esd_-_platformwagen_2.jpg','category_node_180');" 12228 > 12229 <a 12230 href="https://123magazijninrichting.nl/magazijnwagens/platformwagens/" 12231 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 12232 > 12233 <picture> 12234 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/e/s/resized/80_80/esd_-_platformwagen_2.jpg"> 12235 <img loading="lazy" 12236 width="40" 12237 height="40" 12238 alt="Platformwagens Beeld" 12239 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12240 src="https://123magazijninrichting.nl/media/menu_images/e/s/resized/80_80/esd_-_platformwagen_2.jpg" 12241 /> 12242 </picture> 12243 Platformwagens </a> 12244 </li> 12245 12246 <li class="level-3" 12247 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2025-06-03_153819.jpg','category_node_181');" 12248 > 12249 <a 12250 href="https://123magazijninrichting.nl/magazijnwagens/rongenwagens/" 12251 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 12252 > 12253 <picture> 12254 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_153819.jpg"> 12255 <img loading="lazy" 12256 width="40" 12257 height="40" 12258 alt="Rongenwagens Beeld" 12259 class="menu-image border border-transparent roun
12259ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12260 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_153819.jpg" 12261 /> 12262 </picture> 12263 Rongenwagens </a> 12264 </li> 12265 12266 <li class="level-3" 12267 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/p/a/resized/280_200/palletonderwagen_-_grijs.jpg','category_node_182');" 12268 > 12269 <a 12270 href="https://123magazijninrichting.nl/magazijnwagens/transport-dollys/" 12271 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 12272 > 12273 <picture> 12274 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/p/a/resized/80_80/palletonderwagen_-_grijs.jpg"> 12275 <img loading="lazy" 12276 width="40" 12277 height="40" 12278 alt="Transport dolly's Beeld" 12279 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12280 src="https://123magazijninrichting.nl/media/menu_images/p/a/resized/80_80/palletonderwagen_-_grijs.jpg" 12281 /> 12282 </picture> 12283 Transport dolly's </a> 12284 </li> 12285 </ul> 12286 </li> 12287 12288 <li 12289 class="level-2 has-child" 12290 x-data="{ subMenuOpencategory_node_169: false }" 12291 data-item="subMenuOpencategory_node_169" 12292 @mouseleave.prevent.stop="subMenuOpencategory_node_169 = false" 12293 > 12294 <button 12295 type="button" 12296 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium pl-8" 12297 x-ref="childmenuTogglecategory_node_169" 12298 @mouseover="subMenuOpencategory_node_169 = true; 12299 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/1/0/resized/280_200/10-1088__rgb_1000.jpg','category_node_169'); 12300 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_169.clientHeight }, '10'); 12301 " 12302 @click="window.location.href = 'https://123magazijninrichting.nl/orderpickwagens/'" 12303 aria-expanded="false" 12304 :aria-expanded="subMenuOpencategory_node_169" 12305 aria-controls="category-node-169-desktop-menu-panel" 12306 > 12307 <picture> 12308 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/1/0/resized/80_80/10-1088__rgb_1000.jpg"> 12309 <img loading="lazy" 12310 width="40" 12311 height="40" 12312 alt="Orderpickwagens Beeld" 12313 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12314 src="https://123magazijninrichting.nl/media/menu_images/1/0/resized/80_80/10-1088__rgb_1000.jpg" 12315 /> 12316 </picture> 12317 Orderpickwagens <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 12318 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 12319</svg> 12320 </button> 12321 <ul 12322 id="category-node-169-desktop-menu-panel" 12323 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 12324 x-show="subMenuOpencategory_node_169" 12325 x-ref="childmenuWrappercategory_node_169" 12326 @keydown.escape.stop="subMenuOpencategory_node_169 = false;
12327 $refs.childmenuTogglecategory_node_169.focus();" 12328 > 12329 <li> 12330 <a 12331 href="https://123magazijninrichting.nl/orderpickwagens/" 12332 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 12333 x-ref="childmenuViewAllcategory_node_169" 12334 >Orderpickwagens</a> 12335 </li> 12336 12337 <li class="level-3" 12338 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/1/9/resized/280_200/19100006.jpg','category_node_334');" 12339 > 12340 <a 12341 href="https://123magazijninrichting.nl/magazijnbenodigdheden/intern-transport/orderpickwagens/voordeelsets/" 12342 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 12343 > 12344 <picture> 12345 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/1/9/resized/80_80/19100006.jpg"> 12346 <img loading="lazy" 12347 width="40" 12348 height="40" 12349 alt="Orderpickwagens voordeelsets Beeld" 12350 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12351 src="https://123magazijninrichting.nl/media/menu_images/1/9/resized/80_80/19100006.jpg" 12352 /> 12353 </picture> 12354 Voordeelsets </a> 12355 </li> 12356 12357 <li class="level-3" 12358 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/8/4/resized/280_200/8482-1.jpg','category_node_183');" 12359 > 12360 <a 12361 href="https://123magazijninrichting.nl/orderpickwagens/pakketwagens/" 12362 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 12363 > 12364 <picture> 12365 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/8/4/resized/80_80/8482-1.jpg"> 12366 <img loading="lazy" 12367 width="40" 12368 height="40" 12369 alt="Pakketwagens Beeld" 12370 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12371 src="https://123magazijninrichting.nl/media/menu_images/8/4/resized/80_80/8482-1.jpg" 12372 /> 12373 </picture> 12374 Pakketwagens </a> 12375 </li> 12376 12377 <li class="level-3" 12378 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/8/4/resized/280_200/8481-3de_fetra_etagenwagen_1_.jpg','category_node_184');" 12379 > 12380 <a 12381 href="https://123magazijninrichting.nl/orderpickwagens/etagewagens/" 12382 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 12383 > 12384 <picture> 12385 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/8/4/resized/80_80/8481-3de_fetra_etagenwagen_1_.jpg"> 12386 <img loading="lazy" 12387 width="40" 12388 height="40" 12389 alt="Etagewagens Beeld" 12390 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12391 src="https://123magazijninrichting.nl/media/menu_images/8/4/resized/80_80/8481-3de_fetra_etagenwagen_1_.jpg" 12392 /> 12393 </picture> 12394 Etagewagens </a> 12395 </li> 12396 12397 <li class="level-3" 12398 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/e/s/resized/280_200/esd_-_tafelwagen_1.jpg','category_node_185');" 12399 > 12400 <a 12401 href="https://123magazijninrichting.nl/orderpickwagens/tafelwagens/" 12402 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 12403 > 12404 <picture> 12405 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/e/s/resized/80_80/esd_-_tafelwagen_1.jpg"> 12406 <img loading="lazy" 12407 width="40" 12408 height="40" 12409 alt="Tafelwagens Beeld" 12410 class="menu-image border border-transparent roun
12410ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12411 src="https://123magazijninrichting.nl/media/menu_images/e/s/resized/80_80/esd_-_tafelwagen_1.jpg" 12412 /> 12413 </picture> 12414 Tafelwagens </a> 12415 </li> 12416 12417 <li class="level-3" 12418 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/b/a/resized/280_200/bakkenwagen_1.jpg','category_node_224');" 12419 > 12420 <a 12421 href="https://123magazijninrichting.nl/orderpickwagens/bakkenwagens/" 12422 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 12423 > 12424 <picture> 12425 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/b/a/resized/80_80/bakkenwagen_1.jpg"> 12426 <img loading="lazy" 12427 width="40" 12428 height="40" 12429 alt="Bakkenwagens Beeld" 12430 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12431 src="https://123magazijninrichting.nl/media/menu_images/b/a/resized/80_80/bakkenwagen_1.jpg" 12432 /> 12433 </picture> 12434 Bakkenwagens </a> 12435 </li> 12436 12437 <li class="level-3" 12438 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2025-06-03_154224.jpg','category_node_233');" 12439 > 12440 <a 12441 href="https://123magazijninrichting.nl/orderpickwagens/orderverzamelwagens/" 12442 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 12443 > 12444 <picture> 12445 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_154224.jpg"> 12446 <img loading="lazy" 12447 width="40" 12448 height="40" 12449 alt="Orderverzamelwagens Beeld" 12450 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12451 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-03_154224.jpg" 12452 /> 12453 </picture> 12454 Orderverzamelwagens </a> 12455 </li> 12456 </ul> 12457 </li> 12458 12459 <li 12460 class="level-2 has-child" 12461 x-data="{ subMenuOpencategory_node_170: false }" 12462 data-item="subMenuOpencategory_node_170" 12463 @mouseleave.prevent.stop="subMenuOpencategory_node_170 = false" 12464 > 12465 <button 12466 type="button" 12467 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium pl-8" 12468 x-ref="childmenuTogglecategory_node_170" 12469 @mouseover="subMenuOpencategory_node_170 = true; 12470 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/h/e/resized/280_200/heftafel_500_kg_verrijdbaar.jpg','category_node_170'); 12471 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_170.clientHeight }, '10'); 12472 " 12473 @click="window.location.href = 'https://123magazijninrichting.nl/heftafels/'" 12474 aria-expanded="false" 12475 :aria-expanded="subMenuOpencategory_node_170" 12476 aria-controls="category-node-170-desktop-menu-panel" 12477 > 12478 <picture> 12479 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/h/e/resized/80_80/heftafel_500_kg_verrijdbaar.jpg"> 12480 <img loading="lazy" 12481 width="40" 12482 height="40" 12483 alt="Heftafels Beeld" 12484 class="menu-image border border-transparent roun
12484ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12485 src="https://123magazijninrichting.nl/media/menu_images/h/e/resized/80_80/heftafel_500_kg_verrijdbaar.jpg" 12486 /> 12487 </picture> 12488 Heftafels <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 12489 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 12490</svg> 12491 </button> 12492 <ul 12493 id="category-node-170-desktop-menu-panel" 12494 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 12495 x-show="subMenuOpencategory_node_170" 12496 x-ref="childmenuWrappercategory_node_170" 12497 @keydown.escape.stop="subMenuOpencategory_node_170 = false; 12498 $refs.childmenuTogglecategory_node_170.focus();" 12499 > 12500 <li> 12501 <a 12502 href="https://123magazijninrichting.nl/heftafels/" 12503 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 12504 x-ref="childmenuViewAllcategory_node_170" 12505 >Heftafels</a> 12506 </li> 12507 12508 <li class="level-3" 12509 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2025-06-04_091710.jpg','category_node_186');" 12510 > 12511 <a 12512 href="https://123magazijninrichting.nl/heftafels/vast/" 12513 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 12514 > 12515 <picture> 12516 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_091710.jpg"> 12517 <img loading="lazy" 12518 width="40" 12519 height="40" 12520 alt="Vaste heftafels Beeld" 12521 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12522 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_091710.jpg" 12523 /> 12524 </picture> 12525 Vast </a> 12526 </li> 12527 12528 <li class="level-3" 12529 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/h/e/resized/280_200/heftafel_antreciet.jpg','category_node_187');" 12530 > 12531 <a 12532 href="https://123magazijninrichting.nl/heftafels/verrijdbaar/" 12533 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 12534 > 12535 <picture> 12536 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/h/e/resized/80_80/heftafel_antreciet.jpg"> 12537 <img loading="lazy" 12538 width="40" 12539 height="40" 12540 alt="Verrijdbare heftafels Beeld" 12541 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12542 src="https://123magazijninrichting.nl/media/menu_images/h/e/resized/80_80/heftafel_antreciet.jpg" 12543 /> 12544 </picture> 12545 Verrijdbaar </a> 12546 </li> 12547 12548 <li class="level-3" 12549 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2025-06-04_091500.jpg','category_node_188');" 12550 > 12551 <a 12552 href="https://123magazijninrichting.nl/heftafels/hefwagens/" 12553 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 12554 > 12555 <picture> 12556 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_091500.jpg"> 12557 <img loading="lazy" 12558 width="40" 12559 height="40" 12560 alt="Hefwagens Beeld" 12561 class="menu-image border border-transparent roun
12561ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12562 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_091500.jpg" 12563 /> 12564 </picture> 12565 Hefwagens </a> 12566 </li> 12567 12568 <li class="level-3" 12569 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2025-06-04_091551.jpg','category_node_189');" 12570 > 12571 <a 12572 href="https://123magazijninrichting.nl/heftafels/schaarheftafels/" 12573 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 12574 > 12575 <picture> 12576 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_091551.jpg"> 12577 <img loading="lazy" 12578 width="40" 12579 height="40" 12580 alt="Schaarheftafels Beeld" 12581 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12582 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_091551.jpg" 12583 /> 12584 </picture> 12585 Schaar </a> 12586 </li> 12587 </ul> 12588 </li> 12589 12590 <li 12591 class="level-2 has-child" 12592 x-data="{ subMenuOpencategory_node_225: false }" 12593 data-item="subMenuOpencategory_node_225" 12594 @mouseleave.prevent.stop="subMenuOpencategory_node_225 = false" 12595 > 12596 <button 12597 type="button" 12598 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium pl-8" 12599 x-ref="childmenuTogglecategory_node_225" 12600 @mouseover="subMenuOpencategory_node_225 = true; 12601 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/e/s/resized/280_200/esd_-_tafelwagen_3.jpg','category_node_225'); 12602 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_225.clientHeight }, '10'); 12603 " 12604 @click="window.location.href = 'https://123magazijninrichting.nl/esd-wagens/'" 12605 aria-expanded="false" 12606 :aria-expanded="subMenuOpencategory_node_225" 12607 aria-controls="category-node-225-desktop-menu-panel" 12608 > 12609 <picture> 12610 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/e/s/resized/80_80/esd_-_tafelwagen_3.jpg"> 12611 <img loading="lazy" 12612 width="40" 12613 height="40" 12614 alt="ESD wagens Beeld" 12615 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12616 src="https://123magazijninrichting.nl/media/menu_images/e/s/resized/80_80/esd_-_tafelwagen_3.jpg" 12617 /> 12618 </picture> 12619 ESD wagens <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 12620 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 12621</svg> 12622 </button> 12623 <ul 12624 id="category-node-225-desktop-menu-panel" 12625 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 12626 x-show="subMenuOpencategory_node_225" 12627 x-ref="childmenuWrappercategory_node_225" 12628 @keydown.escape.stop="subMenuOpencategory_node_225 = false;
12629 $refs.childmenuTogglecategory_node_225.focus();" 12630 > 12631 <li> 12632 <a 12633 href="https://123magazijninrichting.nl/esd-wagens/" 12634 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 12635 x-ref="childmenuViewAllcategory_node_225" 12636 >ESD wagens</a> 12637 </li> 12638 12639 <li class="level-3" 12640 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/e/s/resized/280_200/esd_-_platformwagen_2_1.jpg','category_node_226');" 12641 > 12642 <a 12643 href="https://123magazijninrichting.nl/esd-wagens/platformwagens/" 12644 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 12645 > 12646 <picture> 12647 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/e/s/resized/80_80/esd_-_platformwagen_2_1.jpg"> 12648 <img loading="lazy" 12649 width="40" 12650 height="40" 12651 alt="ESD platformwagens Beeld" 12652 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12653 src="https://123magazijninrichting.nl/media/menu_images/e/s/resized/80_80/esd_-_platformwagen_2_1.jpg" 12654 /> 12655 </picture> 12656 Platformwagens </a> 12657 </li> 12658 12659 <li class="level-3" 12660 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/e/s/resized/280_200/esd-etagewagen.jpg','category_node_230');" 12661 > 12662 <a 12663 href="https://123magazijninrichting.nl/esd-wagens/etagewagens/" 12664 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 12665 > 12666 <picture> 12667 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/e/s/resized/80_80/esd-etagewagen.jpg"> 12668 <img loading="lazy" 12669 width="40" 12670 height="40" 12671 alt="ESD etagewagens Beeld" 12672 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12673 src="https://123magazijninrichting.nl/media/menu_images/e/s/resized/80_80/esd-etagewagen.jpg" 12674 /> 12675 </picture> 12676 Etagewagens </a> 12677 </li> 12678 12679 <li class="level-3" 12680 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/e/s/resized/280_200/esd_-_steekwagen_2.jpg','category_node_231');" 12681 > 12682 <a 12683 href="https://123magazijninrichting.nl/esd-wagens/steekwagens/" 12684 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 12685 > 12686 <picture> 12687 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/e/s/resized/80_80/esd_-_steekwagen_2.jpg"> 12688 <img loading="lazy" 12689 width="40" 12690 height="40" 12691 alt="ESD steekwagens Beeld" 12692 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12693 src="https://123magazijninrichting.nl/media/menu_images/e/s/resized/80_80/esd_-_steekwagen_2.jpg" 12694 /> 12695 </picture> 12696 Steekwagens </a> 12697 </li> 12698 12699 <li class="level-3" 12700 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/e/s/resized/280_200/esd_-_transport_dolly__1.jpg','category_node_232');" 12701 > 12702 <a 12703 href="https://123magazijninrichting.nl/esd-wagens/transport-dollys/" 12704 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 12705 > 12706 <picture> 12707 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/e/s/resized/80_80/esd_-_transport_dolly__1.jpg"> 12708 <img loading="lazy" 12709 width="40" 12710 height="40" 12711 alt="ESD transport dolly's Beeld" 12712 class="menu-image border border-transparent roun
12712ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12713 src="https://123magazijninrichting.nl/media/menu_images/e/s/resized/80_80/esd_-_transport_dolly__1.jpg" 12714 /> 12715 </picture> 12716 Transport dolly's </a> 12717 </li> 12718 12719 <li class="level-3" 12720 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/e/s/resized/280_200/esd_-_tafelwagen_2.jpg','category_node_236');" 12721 > 12722 <a 12723 href="https://123magazijninrichting.nl/esd-wagens/tafelwagens/" 12724 class="level-3 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 12725 > 12726 <picture> 12727 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/e/s/resized/80_80/esd_-_tafelwagen_2.jpg"> 12728 <img loading="lazy" 12729 width="40" 12730 height="40" 12731 alt="ESD tafelwagens Beeld" 12732 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12733 src="https://123magazijninrichting.nl/media/menu_images/e/s/resized/80_80/esd_-_tafelwagen_2.jpg" 12734 /> 12735 </picture> 12736 Tafelwagens </a> 12737 </li> 12738 </ul> 12739 </li> 12740 </ul> 12741 </li> 12742 12743 <li 12744 class="level-1 has-child" 12745 x-data="{ subMenuOpencategory_node_156: false }" 12746 data-item="subMenuOpencategory_node_156" 12747 @mouseleave.prevent.stop="subMenuOpencategory_node_156 = false" 12748 > 12749 <button 12750 type="button" 12751 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium " 12752 x-ref="childmenuTogglecategory_node_156" 12753 @mouseover="subMenuOpencategory_node_156 = true; 12754 currentActiveCmsBlock = document.querySelector(`[data-cms-block-id='category_node_156']`) ? 'category_node_156' : 'parent'; 12755 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/v/a/resized/280_200/vakkenkast_1.jpg','category_node_156'); 12756 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_156.clientHeight }, '10'); 12757 " 12758 @click="window.location.href = 'https://123magazijninrichting.nl/magazijnkasten/'" 12759 aria-expanded="false" 12760 :aria-expanded="subMenuOpencategory_node_156" 12761 aria-controls="category-node-156-desktop-menu-panel" 12762 > 12763 <picture> 12764 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/v/a/resized/80_80/vakkenkast_1.jpg"> 12765 <img loading="lazy" 12766 width="40" 12767 height="40" 12768 alt="Magazijnkasten Beeld" 12769 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12770 src="https://123magazijninrichting.nl/media/menu_images/v/a/resized/80_80/vakkenkast_1.jpg" 12771 /> 12772 </picture> 12773 Magazijnkasten <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 12774 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 12775</svg> 12776 </button> 12777 <ul 12778 id="category-node-156-desktop-menu-panel" 12779 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 12780 x-show="subMenuOpencategory_node_156" 12781 x-ref="childmenuWrappercategory_node_156" 12782 @keydown.escape.stop="subMenuOpencategory_node_156 = false;
12783 $refs.childmenuTogglecategory_node_156.focus();" 12784 > 12785 <li> 12786 <a 12787 href="https://123magazijninrichting.nl/magazijnkasten/" 12788 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 12789 x-ref="childmenuViewAllcategory_node_156" 12790 >Magazijnkasten</a> 12791 </li> 12792 12793 <li class="level-2" 12794 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/d/r/resized/280_200/draaideurkast_extra_small_zwart_-_100_x_80_x_38.5_cm_-_zwart_1.jpg','category_node_159');" 12795 > 12796 <a 12797 href="https://123magazijninrichting.nl/kasten/draaideur/" 12798 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 12799 > 12800 <picture> 12801 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/d/r/resized/80_80/draaideurkast_extra_small_zwart_-_100_x_80_x_38.5_cm_-_zwart_1.jpg"> 12802 <img loading="lazy" 12803 width="40" 12804 height="40" 12805 alt="Draaideurkasten Beeld" 12806 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12807 src="https://123magazijninrichting.nl/media/menu_images/d/r/resized/80_80/draaideurkast_extra_small_zwart_-_100_x_80_x_38.5_cm_-_zwart_1.jpg" 12808 /> 12809 </picture> 12810 Draaideurkasten </a> 12811 </li> 12812 12813 <li class="level-2" 12814 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/c/h/resized/280_200/chb18024v7035-8720061050609-product-1.jpg','category_node_366');" 12815 > 12816 <a 12817 href="https://123magazijninrichting.nl/magazijnbenodigdheden/kasten/garderobekasten/" 12818 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 12819 > 12820 <picture> 12821 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/c/h/resized/80_80/chb18024v7035-8720061050609-product-1.jpg"> 12822 <img loading="lazy" 12823 width="40" 12824 height="40" 12825 alt="Garderobekasten Beeld" 12826 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12827 src="https://123magazijninrichting.nl/media/menu_images/c/h/resized/80_80/chb18024v7035-8720061050609-product-1.jpg" 12828 /> 12829 </picture> 12830 Garderobekasten </a> 12831 </li> 12832 12833 <li class="level-2" 12834 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/c/h/resized/280_200/chb180210v9005-8720061050692-product-2.jpg','category_node_367');" 12835 > 12836 <a 12837 href="https://123magazijninrichting.nl/magazijnbenodigdheden/kasten/lockerkasten/" 12838 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 12839 > 12840 <picture> 12841 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/c/h/resized/80_80/chb180210v9005-8720061050692-product-2.jpg"> 12842 <img loading="lazy" 12843 width="40" 12844 height="40" 12845 alt="Lockerkasten Beeld" 12846 class="menu-image border border-transparent roun
12846ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12847 src="https://123magazijninrichting.nl/media/menu_images/c/h/resized/80_80/chb180210v9005-8720061050692-product-2.jpg" 12848 /> 12849 </picture> 12850 Lockerkasten </a> 12851 </li> 12852 12853 <li class="level-2" 12854 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/g/e/resized/280_200/gereedschapskast_met_9_schuifladen_en_tussenwand_100_x_100_x_50_cm_hxbxd_.jpg','category_node_160');" 12855 > 12856 <a 12857 href="https://123magazijninrichting.nl/kasten/gereedschap/" 12858 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 12859 > 12860 <picture> 12861 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/g/e/resized/80_80/gereedschapskast_met_9_schuifladen_en_tussenwand_100_x_100_x_50_cm_hxbxd_.jpg"> 12862 <img loading="lazy" 12863 width="40" 12864 height="40" 12865 alt="Gereedschapkasten Beeld" 12866 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12867 src="https://123magazijninrichting.nl/media/menu_images/g/e/resized/80_80/gereedschapskast_met_9_schuifladen_en_tussenwand_100_x_100_x_50_cm_hxbxd_.jpg" 12868 /> 12869 </picture> 12870 Gereedschapkasten </a> 12871 </li> 12872 12873 <li class="level-2" 12874 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/4/0/resized/280_200/4026212281392_20098996_dunkel_rgb.jpg','category_node_161');" 12875 > 12876 <a 12877 href="https://123magazijninrichting.nl/kasten/lades/" 12878 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 12879 > 12880 <picture> 12881 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/4/0/resized/80_80/4026212281392_20098996_dunkel_rgb.jpg"> 12882 <img loading="lazy" 12883 width="40" 12884 height="40" 12885 alt="Ladekasten Beeld" 12886 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12887 src="https://123magazijninrichting.nl/media/menu_images/4/0/resized/80_80/4026212281392_20098996_dunkel_rgb.jpg" 12888 /> 12889 </picture> 12890 Ladekasten </a> 12891 </li> 12892 12893 <li class="level-2" 12894 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/g/e/resized/280_200/gereedschapskast_met_2_schuifladen_en_tussenwand_100_x_50_x_50_cm_hxbxd__1.jpg','category_node_162');" 12895 > 12896 <a 12897 href="https://123magazijninrichting.nl/kasten/materiaal/" 12898 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 12899 > 12900 <picture> 12901 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/g/e/resized/80_80/gereedschapskast_met_2_schuifladen_en_tussenwand_100_x_50_x_50_cm_hxbxd__1.jpg"> 12902 <img loading="lazy" 12903 width="40" 12904 height="40" 12905 alt="Materiaalkasten Beeld" 12906 class="menu-image border border-transparent roun
12906ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12907 src="https://123magazijninrichting.nl/media/menu_images/g/e/resized/80_80/gereedschapskast_met_2_schuifladen_en_tussenwand_100_x_50_x_50_cm_hxbxd__1.jpg" 12908 /> 12909 </picture> 12910 Materiaalkasten </a> 12911 </li> 12912 12913 <li class="level-2" 12914 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2025-06-02_135205.jpg','category_node_163');" 12915 > 12916 <a 12917 href="https://123magazijninrichting.nl/kasten/vakken/" 12918 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 12919 > 12920 <picture> 12921 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-02_135205.jpg"> 12922 <img loading="lazy" 12923 width="40" 12924 height="40" 12925 alt="Vakkenkasten Beeld" 12926 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12927 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-02_135205.jpg" 12928 /> 12929 </picture> 12930 Vakkenkasten </a> 12931 </li> 12932 12933 <li class="level-2" 12934 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2025-06-04_094232.jpg','category_node_164');" 12935 > 12936 <a 12937 href="https://123magazijninrichting.nl/kasten/veiligheid/" 12938 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 12939 > 12940 <picture> 12941 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_094232.jpg"> 12942 <img loading="lazy" 12943 width="40" 12944 height="40" 12945 alt="Veiligheidskasten Beeld" 12946 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12947 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-04_094232.jpg" 12948 /> 12949 </picture> 12950 Veiligheidkasten </a> 12951 </li> 12952 </ul> 12953 </li> 12954 12955 <li 12956 class="level-1 has-child" 12957 x-data="{ subMenuOpencategory_node_252: false }" 12958 data-item="subMenuOpencategory_node_252" 12959 @mouseleave.prevent.stop="subMenuOpencategory_node_252 = false" 12960 > 12961 <button 12962 type="button" 12963 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium " 12964 x-ref="childmenuTogglecategory_node_252" 12965 @mouseover="subMenuOpencategory_node_252 = true; 12966 currentActiveCmsBlock = document.querySelector(`[data-cms-block-id='category_node_252']`) ? 'category_node_252' : 'parent'; 12967 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/o/p/resized/280_200/opstapkrukken23.jpg','category_node_252'); 12968 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_252.clientHeight }, '10'); 12969 " 12970 @click="window.location.href = 'https://123magazijninrichting.nl/werkplaatsmeubilair/'" 12971 aria-expanded="false" 12972 :aria-expanded="subMenuOpencategory_node_252" 12973 aria-controls="category-node-252-desktop-menu-panel" 12974 > 12975 <picture> 12976 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/o/p/resized/80_80/opstapkrukken23.jpg"> 12977 <img loading="lazy" 12978 width="40" 12979 height="40" 12980 alt="Werkplaatsmeubilair Beeld" 12981 class="menu-image border border-transparent roun
12981ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 12982 src="https://123magazijninrichting.nl/media/menu_images/o/p/resized/80_80/opstapkrukken23.jpg" 12983 /> 12984 </picture> 12985 Werkplaatsmeubilair <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 12986 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 12987</svg> 12988 </button> 12989 <ul 12990 id="category-node-252-desktop-menu-panel" 12991 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 12992 x-show="subMenuOpencategory_node_252" 12993 x-ref="childmenuWrappercategory_node_252" 12994 @keydown.escape.stop="subMenuOpencategory_node_252 = false; 12995 $refs.childmenuTogglecategory_node_252.focus();" 12996 > 12997 <li> 12998 <a 12999 href="https://123magazijninrichting.nl/werkplaatsmeubilair/" 13000 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 13001 x-ref="childmenuViewAllcategory_node_252" 13002 >Werkplaatsmeubilair</a> 13003 </li> 13004 13005 <li class="level-2" 13006 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/o/p/resized/280_200/opstapkruk_rood_metaal_5x.png','category_node_336');" 13007 > 13008 <a 13009 href="https://123magazijninrichting.nl/magazijnbenodigdheden/werkplaatsmeubilair/voordeelsets/" 13010 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 13011 > 13012 <picture> 13013 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/o/p/resized/80_80/opstapkruk_rood_metaal_5x.png"> 13014 <img loading="lazy" 13015 width="40" 13016 height="40" 13017 alt="Werkplaatsmeubilair voordeelsets Beeld" 13018 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 13019 src="https://123magazijninrichting.nl/media/menu_images/o/p/resized/80_80/opstapkruk_rood_metaal_5x.png" 13020 /> 13021 </picture> 13022 Voordeelsets </a> 13023 </li> 13024 13025 <li class="level-2" 13026 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/w/e/resized/280_200/werkstoel_pur_met_spinvoet_kunststof_41-57_cm_hoog.jpg','category_node_241');" 13027 > 13028 <a 13029 href="https://123magazijninrichting.nl/werkplaatsmeubilair/werkstoelen/" 13030 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 13031 > 13032 <picture> 13033 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/w/e/resized/80_80/werkstoel_pur_met_spinvoet_kunststof_41-57_cm_hoog.jpg"> 13034 <img loading="lazy" 13035 width="40" 13036 height="40" 13037 alt="Werkstoelen Beeld" 13038 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 13039 src="https://123magazijninrichting.nl/media/menu_images/w/e/resized/80_80/werkstoel_pur_met_spinvoet_kunststof_41-57_cm_hoog.jpg" 13040 /> 13041 </picture> 13042 Stoelen </a> 13043 </li> 13044 13045 <li class="level-2" 13046 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/k/u/resized/280_200/kunststof_blauw_.jpg','category_node_251');" 13047 > 13048 <a 13049 href="https://123magazijninrichting.nl/werkplaatsmeubilair/opstapkrukken/" 13050 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 13051 > 13052 <picture> 13053 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/k/u/resized/80_80/kunststof_blauw_.jpg"> 13054 <img loading="lazy" 13055 width="40" 13056 height="40" 13057 alt="Opstapkrukken Beeld" 13058 class="menu-image border border-transparent roun
13058ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 13059 src="https://123magazijninrichting.nl/media/menu_images/k/u/resized/80_80/kunststof_blauw_.jpg" 13060 /> 13061 </picture> 13062 Opstapkrukken </a> 13063 </li> 13064 13065 <li class="level-2" 13066 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/w/e/resized/280_200/werkkruk_met_metalen_frame_en_houten_zitvlak.jpg','category_node_253');" 13067 > 13068 <a 13069 href="https://123magazijninrichting.nl/werkplaatsmeubilair/werkkrukken/" 13070 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 13071 > 13072 <picture> 13073 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/w/e/resized/80_80/werkkruk_met_metalen_frame_en_houten_zitvlak.jpg"> 13074 <img loading="lazy" 13075 width="40" 13076 height="40" 13077 alt="Werkkrukken Beeld" 13078 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 13079 src="https://123magazijninrichting.nl/media/menu_images/w/e/resized/80_80/werkkruk_met_metalen_frame_en_houten_zitvlak.jpg" 13080 /> 13081 </picture> 13082 Werkkrukken </a> 13083 </li> 13084 </ul> 13085 </li> 13086 13087 <li 13088 class="level-1 has-child" 13089 x-data="{ subMenuOpencategory_node_314: false }" 13090 data-item="subMenuOpencategory_node_314" 13091 @mouseleave.prevent.stop="subMenuOpencategory_node_314 = false" 13092 > 13093 <button 13094 type="button" 13095 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium " 13096 x-ref="childmenuTogglecategory_node_314" 13097 @mouseover="subMenuOpencategory_node_314 = true; 13098 currentActiveCmsBlock = document.querySelector(`[data-cms-block-id='category_node_314']`) ? 'category_node_314' : 'parent'; 13099 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/t/resized/280_200/stapelkrat_-_blauw_4.jpg','category_node_314'); 13100 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_314.clientHeight }, '10'); 13101 " 13102 @click="window.location.href = 'https://123magazijninrichting.nl/magazijnbenodigdheden/opslagbakken/'" 13103 aria-expanded="false" 13104 :aria-expanded="subMenuOpencategory_node_314" 13105 aria-controls="category-node-314-desktop-menu-panel" 13106 > 13107 <picture> 13108 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stapelkrat_-_blauw_4.jpg"> 13109 <img loading="lazy" 13110 width="40" 13111 height="40" 13112 alt="Opslagbakken Beeld" 13113 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 13114 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stapelkrat_-_blauw_4.jpg" 13115 /> 13116 </picture> 13117 Opslagbakken <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 13118 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 13119</svg> 13120 </button> 13121 <ul 13122 id="category-node-314-desktop-menu-panel" 13123 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 13124 x-show="subMenuOpencategory_node_314" 13125 x-ref="childmenuWrappercategory_node_314" 13126 @keydown.escape.stop="subMenuOpencategory_node_314 = false;
13127 $refs.childmenuTogglecategory_node_314.focus();" 13128 > 13129 <li> 13130 <a 13131 href="https://123magazijninrichting.nl/magazijnbenodigdheden/opslagbakken/" 13132 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 13133 x-ref="childmenuViewAllcategory_node_314" 13134 >Opslagbakken</a> 13135 </li> 13136 13137 <li class="level-2" 13138 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/c/h/resized/280_200/chatgpt_image_8_apr_2026_13_55_12.png','category_node_337');" 13139 > 13140 <a 13141 href="https://123magazijninrichting.nl/magazijnbenodigdheden/opslagbakken/palletvoordeel/" 13142 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 13143 > 13144 <picture> 13145 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/c/h/resized/80_80/chatgpt_image_8_apr_2026_13_55_12.png"> 13146 <img loading="lazy" 13147 width="40" 13148 height="40" 13149 alt="Opslagbakken palletvoordeel Beeld" 13150 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 13151 src="https://123magazijninrichting.nl/media/menu_images/c/h/resized/80_80/chatgpt_image_8_apr_2026_13_55_12.png" 13152 /> 13153 </picture> 13154 Palletvoordeel </a> 13155 </li> 13156 13157 <li class="level-2" 13158 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/e/u/resized/280_200/euronorm_stapelbare_bak_600_x_400_x_325_mm_-_60_liter_-_grijs__2_1.jpg','category_node_316');" 13159 > 13160 <a 13161 href="https://123magazijninrichting.nl/magazijnbenodigdheden/opslagbakken/euronormbakken/" 13162 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 13163 > 13164 <picture> 13165 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/e/u/resized/80_80/euronorm_stapelbare_bak_600_x_400_x_325_mm_-_60_liter_-_grijs__2_1.jpg"> 13166 <img loading="lazy" 13167 width="40" 13168 height="40" 13169 alt="Euronormbakken Beeld" 13170 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 13171 src="https://123magazijninrichting.nl/media/menu_images/e/u/resized/80_80/euronorm_stapelbare_bak_600_x_400_x_325_mm_-_60_liter_-_grijs__2_1.jpg" 13172 /> 13173 </picture> 13174 Euronormbakken </a> 13175 </li> 13176 13177 <li class="level-2" 13178 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/t/resized/280_200/stapelkrat_-_rood_1_1.jpg','category_node_317');" 13179 > 13180 <a 13181 href="https://123magazijninrichting.nl/magazijnbenodigdheden/opslagbakken/opbergkratten/" 13182 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 13183 > 13184 <picture> 13185 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stapelkrat_-_rood_1_1.jpg"> 13186 <img loading="lazy" 13187 width="40" 13188 height="40" 13189 alt="Opbergkratten Beeld" 13190 class="menu-image border border-transparent roun
13190ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 13191 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stapelkrat_-_rood_1_1.jpg" 13192 /> 13193 </picture> 13194 Opbergkratten </a> 13195 </li> 13196 13197 <li class="level-2" 13198 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/t/resized/280_200/stapelkrat_-_blauw_5.jpg','category_node_318');" 13199 > 13200 <a 13201 href="https://123magazijninrichting.nl/magazijnbenodigdheden/opslagbakken/gebruikt/" 13202 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 13203 > 13204 <picture> 13205 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stapelkrat_-_blauw_5.jpg"> 13206 <img loading="lazy" 13207 width="40" 13208 height="40" 13209 alt="Gebruikte opslagbakken Beeld" 13210 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 13211 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stapelkrat_-_blauw_5.jpg" 13212 /> 13213 </picture> 13214 Gebruikt </a> 13215 </li> 13216 13217 <li class="level-2" 13218 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/1/9/resized/280_200/19d611fd-7683-419e-8a9d-70be9933c7a4.png','category_node_371');" 13219 > 13220 <a 13221 href="https://123magazijninrichting.nl/magazijnbenodigdheden/opslagbakken/stapelbakken/" 13222 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 13223 > 13224 <picture> 13225 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/1/9/resized/80_80/19d611fd-7683-419e-8a9d-70be9933c7a4.png"> 13226 <img loading="lazy" 13227 width="40" 13228 height="40" 13229 alt="Stapelbakken Beeld" 13230 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 13231 src="https://123magazijninrichting.nl/media/menu_images/1/9/resized/80_80/19d611fd-7683-419e-8a9d-70be9933c7a4.png" 13232 /> 13233 </picture> 13234 Stapelbakken </a> 13235 </li> 13236 </ul> 13237 </li> 13238 13239 <li class="level-1" 13240 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/6/0/resized/280_200/6060_rollen.jpg','category_node_347');" 13241 > 13242 <a 13243 href="https://123magazijninrichting.nl/magazijnbenodigdheden/kantelbakken/" 13244 class="level-1 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium " 13245 > 13246 <picture> 13247 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/6/0/resized/80_80/6060_rollen.jpg"> 13248 <img loading="lazy" 13249 width="40" 13250 height="40" 13251 alt="Kantelbakken Beeld" 13252 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 13253 src="https://123magazijninrichting.nl/media/menu_images/6/0/resized/80_80/6060_rollen.jpg" 13254 /> 13255 </picture> 13256 Kantelbakken </a> 13257 </li> 13258 13259 <li class="level-1" 13260 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/t/r/resized/280_200/transparante_tape.jpg','category_node_365');" 13261 > 13262 <a 13263 href="https://123magazijninrichting.nl/magazijnbenodigdheden/verpakkingsmateriaal/" 13264 class="level-1 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium " 13265 > 13266 <picture> 13267 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/t/r/resized/80_80/transparante_tape.jpg"> 13268 <img loading="lazy" 13269 width="40" 13270 height="40" 13271 alt="Verpakkingsmateriaal Beeld" 13272 class="menu-image border border-transparent roun
13272ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 13273 src="https://123magazijninrichting.nl/media/menu_images/t/r/resized/80_80/transparante_tape.jpg" 13274 /> 13275 </picture> 13276 Verpakkingsmateriaal </a> 13277 </li> 13278 </ul> 13279 </div> 13280 <div class="menu-cms-banner-wrap flex-[27.83] mt-10"> 13281 <div data-cms-block-id="parent" :class="'parent' === currentActiveCmsBlock ? 'block' : 'hidden'"> 13282 <style>#html-body [data-pb-style=G3C60IH],#html-body [data-pb-style=XH3YSYY]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=G3C60IH]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=XH3YSYY]{align-self:stretch}#html-body [data-pb-style=T07636P]{display:flex;width:100%}#html-body [data-pb-style=K5K7E9F]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=GNQU2T5]{background-color:#0a7db3;background-position:right bottom;background-size:auto;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=MXYWKH0]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=AI1QBIC]{opacity:1;visibility:visible}#html-body [data-pb-style=UAMV3EW]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=XFX6JRC]{background-position:center center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=GX57NGX]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=KYXNXTP]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=V74QNWK]{background-color:#12407e;background-position:right bottom;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=ST63W3I]{border-radius:24px;min-height:300px;background-color:transparent}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-category-cms-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="G3C60IH"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="XH3YSYY"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="T07636P"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="K5K7E9F"><div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never" data-element="main" class="common-styles button-text button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5be65d4" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="GNQU2T5"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="MXYWKH0"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #ffffff;">Hulp nodig?</span></strong></p><p class="cms-32xl w-[64%]"><span style="color: #ffffff;">Wij helpen u de juiste keuze te maken!</span></p></div><a href="https://go.crisp.chat/chat/embed/?website_id=868d8c14-1458-48c8-a5d6-321e796dccc5" target="" data-link-type="default" title="" data-element="link"><button type="button" class="pagebuilder-banner-button pagebuilder-button-primary" data-element="button" data-pb-style="AI1QBIC">chat met ons</button></a></div></div></div><style type="text/css">.background-image-6ac5dc5be65d4 {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png);}</style></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="UAMV3EW"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="button-text common-styles menu-dynamic-image button-arrow button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="XFX6JRC"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="GX57NGX"><div class="pagebuilder-poster-content"><div data-element="content"></div></div></div></div></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="KYXNXTP"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="ul-buttons button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5be65e6" data-background-images='{\"de
13282sktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="V74QNWK"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="ST63W3I"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #43b3e7;">Vragen?</span></strong></p><p class="cms-2xl w-4/5"><span style="color: #ffffff;">Stel ze in de chat</span></p></div></div></div></div><style type="text/css">.background-image-6ac5dc5be65e6 {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png);}</style></div></div></div></div></div></div></div> </div> 13283 <div data-cms-block-id="category_node_157" :class="'category_node_157' === currentActiveCmsBlock ? 'block' : 'hidden'"> 13284 <style>#html-body [data-pb-style=G3C60IH],#html-body [data-pb-style=XH3YSYY]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=G3C60IH]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=XH3YSYY]{align-self:stretch}#html-body [data-pb-style=T07636P]{display:flex;width:100%}#html-body [data-pb-style=K5K7E9F]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=GNQU2T5]{background-color:#0a7db3;background-position:right bottom;background-size:auto;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=MXYWKH0]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=AI1QBIC]{opacity:1;visibility:visible}#html-body [data-pb-style=UAMV3EW]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=XFX6JRC]{background-position:center center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=GX57NGX]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=KYXNXTP]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=V74QNWK]{background-color:#12407e;background-position:right bottom;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=ST63W3I]{border-radius:24px;min-height:300px;background-color:transparent}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-category-cms-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="G3C60IH"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="XH3YSYY"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="T07636P"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="K5K7E9F"><div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never" data-element="main" class="common-styles button-text button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5be6bbe" data-background-images='{\"de
13284sktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="GNQU2T5"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="MXYWKH0"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #ffffff;">Hulp nodig?</span></strong></p><p class="cms-32xl w-[64%]"><span style="color: #ffffff;">Wij helpen u de juiste keuze te maken!</span></p></div><a href="https://go.crisp.chat/chat/embed/?website_id=868d8c14-1458-48c8-a5d6-321e796dccc5" target="" data-link-type="default" title="" data-element="link"><button type="button" class="pagebuilder-banner-button pagebuilder-button-primary" data-element="button" data-pb-style="AI1QBIC">chat met ons</button></a></div></div></div><style type="text/css">.background-image-6ac5dc5be6bbe {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png);}</style></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="UAMV3EW"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="button-text common-styles menu-dynamic-image button-arrow button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="XFX6JRC"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="GX57NGX"><div class="pagebuilder-poster-content"><div data-element="content"></div></div></div></div></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="KYXNXTP"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="ul-buttons button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5be6bcf" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="V74QNWK"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="ST63W3I"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #43b3e7;">Vragen?</span></strong></p><p class="cms-2xl w-4/5"><span style="color: #ffffff;">Stel ze in de chat</span></p></div></div></div></div><style type="text/css">.background-image-6ac5dc5be6bcf {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png);}</style></div></div></div></div></div></div></div> </div> 13285 <div data-cms-block-id="category_node_156" :class="'category_node_156' === currentActiveCmsBlock ? 'block' : 'hidden'"> 13286 <style>#html-body [data-pb-style=G3C60IH],#html-body [data-pb-style=XH3YSYY]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=G3C60IH]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=XH3YSYY]{align-self:stretch}#html-body [data-pb-style=T07636P]{display:flex;width:100%}#html-body [data-pb-style=K5K7E9F]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=GNQU2T5]{background-color:#0a7db3;background-position:right bottom;background-size:auto;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=MXYWKH0]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=AI1QBIC]{opacity:1;visibility:visible}#html-body [data-pb-style=UAMV3EW]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=XFX6JRC]{background-position:center center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=GX57NGX]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=KYXNXTP]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=V74QNWK]{background-color:#12407e;background-position:right bottom;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=ST63W3I]{border-radius:24px;min-height:300px;background-color:transparent}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-category-cms-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="G3C60IH"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="XH3YSYY"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="T07636P"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="K5K7E9F"><div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never" data-element="main" class="common-styles button-text button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5be71c3" data-background-images='{\"de
13286sktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="GNQU2T5"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="MXYWKH0"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #ffffff;">Hulp nodig?</span></strong></p><p class="cms-32xl w-[64%]"><span style="color: #ffffff;">Wij helpen u de juiste keuze te maken!</span></p></div><a href="https://go.crisp.chat/chat/embed/?website_id=868d8c14-1458-48c8-a5d6-321e796dccc5" target="" data-link-type="default" title="" data-element="link"><button type="button" class="pagebuilder-banner-button pagebuilder-button-primary" data-element="button" data-pb-style="AI1QBIC">chat met ons</button></a></div></div></div><style type="text/css">.background-image-6ac5dc5be71c3 {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png);}</style></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="UAMV3EW"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="button-text common-styles menu-dynamic-image button-arrow button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="XFX6JRC"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="GX57NGX"><div class="pagebuilder-poster-content"><div data-element="content"></div></div></div></div></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="KYXNXTP"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="ul-buttons button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5be71d3" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="V74QNWK"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="ST63W3I"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #43b3e7;">Vragen?</span></strong></p><p class="cms-2xl w-4/5"><span style="color: #ffffff;">Stel ze in de chat</span></p></div></div></div></div><style type="text/css">.background-image-6ac5dc5be71d3 {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png);}</style></div></div></div></div></div></div></div> </div> 13287 <div data-cms-block-id="category_node_252" :class="'category_node_252' === currentActiveCmsBlock ? 'block' : 'hidden'"> 13288 <style>#html-body [data-pb-style=G3C60IH],#html-body [data-pb-style=XH3YSYY]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=G3C60IH]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=XH3YSYY]{align-self:stretch}#html-body [data-pb-style=T07636P]{display:flex;width:100%}#html-body [data-pb-style=K5K7E9F]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=GNQU2T5]{background-color:#0a7db3;background-position:right bottom;background-size:auto;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=MXYWKH0]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=AI1QBIC]{opacity:1;visibility:visible}#html-body [data-pb-style=UAMV3EW]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=XFX6JRC]{background-position:center center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=GX57NGX]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=KYXNXTP]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=V74QNWK]{background-color:#12407e;background-position:right bottom;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=ST63W3I]{border-radius:24px;min-height:300px;background-color:transparent}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-category-cms-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="G3C60IH"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="XH3YSYY"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="T07636P"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="K5K7E9F"><div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never" data-element="main" class="common-styles button-text button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5be7997" data-background-images='{\"de
13288sktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="GNQU2T5"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="MXYWKH0"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #ffffff;">Hulp nodig?</span></strong></p><p class="cms-32xl w-[64%]"><span style="color: #ffffff;">Wij helpen u de juiste keuze te maken!</span></p></div><a href="https://go.crisp.chat/chat/embed/?website_id=868d8c14-1458-48c8-a5d6-321e796dccc5" target="" data-link-type="default" title="" data-element="link"><button type="button" class="pagebuilder-banner-button pagebuilder-button-primary" data-element="button" data-pb-style="AI1QBIC">chat met ons</button></a></div></div></div><style type="text/css">.background-image-6ac5dc5be7997 {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png);}</style></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="UAMV3EW"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="button-text common-styles menu-dynamic-image button-arrow button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="XFX6JRC"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="GX57NGX"><div class="pagebuilder-poster-content"><div data-element="content"></div></div></div></div></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="KYXNXTP"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="ul-buttons button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5be79a8" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="V74QNWK"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="ST63W3I"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #43b3e7;">Vragen?</span></strong></p><p class="cms-2xl w-4/5"><span style="color: #ffffff;">Stel ze in de chat</span></p></div></div></div></div><style type="text/css">.background-image-6ac5dc5be79a8 {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png);}</style></div></div></div></div></div></div></div> </div> 13289 </div> 13290 </div> 13291 </div> 13292 </div> 13293 </li> 13294 <li 13295 class="level-0 wrapper" 13296 x-data="{ 13297 open: false, 13298 initialHover: true, 13299 canHover(func) { 13300 const isHoverableDevice = window.matchMedia('(hover: hover) and (pointer: fine)').matches; 13301 if (!isHoverableDevice) return; 13302 func(); 13303 } 13304 }" 13305 @mouseover.away="initialHover = false; open = false;" 13306 @keydown.escape="open = false" 13307 > 13308 <div class="backdrop w-screen h-screen fixed -z-20 top-[63.5px]" x-show="open" @mouseover="open = false" x-cloak></div> 13309 <button 13310 type="button" 13311 class="level-0 group w-full flex justify-between items-center pb-[calc(theme(padding.5)_-_3px)] 13312 border-transparent text-header hover:text-header_active transition 13313 aria-expanded:text-header_active text-[15px] data-[has-current]:aria-expanded:text-header_active 13314 data-[has-current]:hover:text-header_active" 13315 @mouseenter="initialHover ? open = false : open = true; event = $event;" 13316 @click="window.location.href = 'https://123magazijninrichting.nl/kantoorinrichting/'" 13317 aria-expanded="false" 13318 :aria-expanded="open" 13319 aria-controls="category-node-190-desktop-menu-panel" 13320 > 13321 Kantoorinrichting <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="transition ml-0.5 group-aria-expanded:rotate-180 text-header group-aria-expanded:text-header_active hover:fill-header_active" width="16" height="16" aria-hidden="true"> 13322 <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/> 13323</svg> 13324 </button> 13325 <div x-show="open" x-effect="selectFirstOptions()"> 13326 <div class="nav-absolute-bg z-30 absolute top-full left-0 right-0 bg-white border-t border-slate-200 rounded-b-3xl overflow-auto" 13327 x-show="open === true" x-cloak> 13328 <div 13329 id="category-node-190-desktop-menu-panel" 13330 class="z-30 mx-auto flex pb-10 flex-row justify-between gap-[5%] min-h-64 bg-white container" 13331 13332 > 13333 <div class="menu-subcategories-wrap relative flex-[65] mt-10"> 13334 <ul class="flex flex-col w-72" :style="{ 'min-height': `${menuMinHeight}px` }"> 13335 <li class=""> 13336 <a 13337 href="https://123magazijninrichting.nl/kantoorinrichting/" 13338 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto" 13339 >Categorieën</a> 13340 </li> 13341 13342 <li class="level-1" 13343 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/1/_/resized/280_200/1_x_zwarte_set.png','category_node_351');" 13344 > 13345 <a 13346 href="https://123magazijninrichting.nl/kantoorinrichting/kantoor-voordeelsets/" 13347 class="level-1 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium " 13348 > 13349 <picture> 13350 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/1/_/resized/80_80/1_x_zwarte_set.png"> 13351 <img loading="lazy" 13352 width="40" 13353 height="40" 13354 alt="Kantoor voordeelsets Beeld" 13355 class="menu-image border border-transparent roun
13355ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 13356 src="https://123magazijninrichting.nl/media/menu_images/1/_/resized/80_80/1_x_zwarte_set.png" 13357 /> 13358 </picture> 13359 Voordeelsets </a> 13360 </li> 13361 13362 <li 13363 class="level-1 has-child" 13364 x-data="{ subMenuOpencategory_node_191: false }" 13365 data-item="subMenuOpencategory_node_191" 13366 @mouseleave.prevent.stop="subMenuOpencategory_node_191 = false" 13367 > 13368 <button 13369 type="button" 13370 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium " 13371 x-ref="childmenuTogglecategory_node_191" 13372 @mouseover="subMenuOpencategory_node_191 = true; 13373 currentActiveCmsBlock = document.querySelector(`[data-cms-block-id='category_node_191']`) ? 'category_node_191' : 'parent'; 13374 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/b/l/resized/280_200/black.png','category_node_191'); 13375 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_191.clientHeight }, '10'); 13376 " 13377 @click="window.location.href = 'https://123magazijninrichting.nl/bureaus/'" 13378 aria-expanded="false" 13379 :aria-expanded="subMenuOpencategory_node_191" 13380 aria-controls="category-node-191-desktop-menu-panel" 13381 > 13382 <picture> 13383 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/b/l/resized/80_80/black.png"> 13384 <img loading="lazy" 13385 width="40" 13386 height="40" 13387 alt="Bureaus Beeld" 13388 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 13389 src="https://123magazijninrichting.nl/media/menu_images/b/l/resized/80_80/black.png" 13390 /> 13391 </picture> 13392 Bureaus <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 13393 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 13394</svg> 13395 </button> 13396 <ul 13397 id="category-node-191-desktop-menu-panel" 13398 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 13399 x-show="subMenuOpencategory_node_191" 13400 x-ref="childmenuWrappercategory_node_191" 13401 @keydown.escape.stop="subMenuOpencategory_node_191 = false; 13402 $refs.childmenuTogglecategory_node_191.focus();" 13403 > 13404 <li> 13405 <a 13406 href="https://123magazijninrichting.nl/bureaus/" 13407 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 13408 x-ref="childmenuViewAllcategory_node_191" 13409 >Bureaus</a> 13410 </li> 13411 13412 <li class="level-2" 13413 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2025-06-26_120952.jpg','category_node_254');" 13414 > 13415 <a 13416 href="https://123magazijninrichting.nl/bureaus/vast/" 13417 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 13418 > 13419 <picture> 13420 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-26_120952.jpg"> 13421 <img loading="lazy" 13422 width="40" 13423 height="40" 13424 alt="Vaste bureaus Beeld" 13425 class="menu-image border border-transparent roun
13425ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 13426 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-26_120952.jpg" 13427 /> 13428 </picture> 13429 Vast </a> 13430 </li> 13431 13432 <li class="level-2" 13433 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2025-06-02_130938_1.jpg','category_node_255');" 13434 > 13435 <a 13436 href="https://123magazijninrichting.nl/bureaus/elektrisch-verstelbaar/" 13437 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 13438 > 13439 <picture> 13440 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-02_130938_1.jpg"> 13441 <img loading="lazy" 13442 width="40" 13443 height="40" 13444 alt="Elektrisch verstelbare bureaus Beeld" 13445 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 13446 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-02_130938_1.jpg" 13447 /> 13448 </picture> 13449 Elektrisch verstelbaar </a> 13450 </li> 13451 </ul> 13452 </li> 13453 13454 <li 13455 class="level-1 has-child" 13456 x-data="{ subMenuOpencategory_node_192: false }" 13457 data-item="subMenuOpencategory_node_192" 13458 @mouseleave.prevent.stop="subMenuOpencategory_node_192 = false" 13459 > 13460 <button 13461 type="button" 13462 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium " 13463 x-ref="childmenuTogglecategory_node_192" 13464 @mouseover="subMenuOpencategory_node_192 = true; 13465 currentActiveCmsBlock = document.querySelector(`[data-cms-block-id='category_node_192']`) ? 'category_node_192' : 'parent'; 13466 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/t/resized/280_200/stahulpen.jpg','category_node_192'); 13467 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_192.clientHeight }, '10'); 13468 " 13469 @click="window.location.href = 'https://123magazijninrichting.nl/zitmeubilair/'" 13470 aria-expanded="false" 13471 :aria-expanded="subMenuOpencategory_node_192" 13472 aria-controls="category-node-192-desktop-menu-panel" 13473 > 13474 <picture> 13475 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stahulpen.jpg"> 13476 <img loading="lazy" 13477 width="40" 13478 height="40" 13479 alt="Zitmeubilair Beeld" 13480 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 13481 src="https://123magazijninrichting.nl/media/menu_images/s/t/resized/80_80/stahulpen.jpg" 13482 /> 13483 </picture> 13484 Zitmeubilair <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 13485 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 13486</svg> 13487 </button> 13488 <ul 13489 id="category-node-192-desktop-menu-panel" 13490 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 13491 x-show="subMenuOpencategory_node_192" 13492 x-ref="childmenuWrappercategory_node_192" 13493 @keydown.escape.stop="subMenuOpencategory_node_192 = false;
13494 $refs.childmenuTogglecategory_node_192.focus();" 13495 > 13496 <li> 13497 <a 13498 href="https://123magazijninrichting.nl/zitmeubilair/" 13499 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 13500 x-ref="childmenuViewAllcategory_node_192" 13501 >Zitmeubilair</a> 13502 </li> 13503 13504 <li class="level-2" 13505 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/d/d/resized/280_200/dd4ce456-4c28-4cef-aaa5-e0b6bbffeefc.png','category_node_256');" 13506 > 13507 <a 13508 href="https://123magazijninrichting.nl/bureaustoelen/" 13509 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 13510 > 13511 <picture> 13512 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/d/d/resized/80_80/dd4ce456-4c28-4cef-aaa5-e0b6bbffeefc.png"> 13513 <img loading="lazy" 13514 width="40" 13515 height="40" 13516 alt="Bureaustoelen Beeld" 13517 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 13518 src="https://123magazijninrichting.nl/media/menu_images/d/d/resized/80_80/dd4ce456-4c28-4cef-aaa5-e0b6bbffeefc.png" 13519 /> 13520 </picture> 13521 Bureaustoelen </a> 13522 </li> 13523 13524 <li class="level-2" 13525 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2025-06-02_130427_2.jpg','category_node_257');" 13526 > 13527 <a 13528 href="https://123magazijninrichting.nl/stahulp/" 13529 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 13530 > 13531 <picture> 13532 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-02_130427_2.jpg"> 13533 <img loading="lazy" 13534 width="40" 13535 height="40" 13536 alt="Stahulp Beeld" 13537 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 13538 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-02_130427_2.jpg" 13539 /> 13540 </picture> 13541 Stahulp </a> 13542 </li> 13543 13544 <li class="level-2" 13545 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/w/e/resized/280_200/werkkruk_met_metalen_frame_en_houten_zitvlak_1.jpg','category_node_258');" 13546 > 13547 <a 13548 href="https://123magazijninrichting.nl/krukken/" 13549 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 13550 > 13551 <picture> 13552 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/w/e/resized/80_80/werkkruk_met_metalen_frame_en_houten_zitvlak_1.jpg"> 13553 <img loading="lazy" 13554 width="40" 13555 height="40" 13556 alt="Krukken Beeld" 13557 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 13558 src="https://123magazijninrichting.nl/media/menu_images/w/e/resized/80_80/werkkruk_met_metalen_frame_en_houten_zitvlak_1.jpg" 13559 /> 13560 </picture> 13561 Krukken </a> 13562 </li> 13563 </ul> 13564 </li> 13565 13566 <li 13567 class="level-1 has-child" 13568 x-data="{ subMenuOpencategory_node_193: false }" 13569 data-item="subMenuOpencategory_node_193" 13570 @mouseleave.prevent.stop="subMenuOpencategory_node_193 = false" 13571 > 13572 <button 13573 type="button" 13574 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium " 13575 x-ref="childmenuTogglecategory_node_193" 13576 @mouseover="subMenuOpencategory_node_193 = true; 13577 currentActiveCmsBlock = document.querySelector(`[data-cms-block-id='category_node_193']`) ? 'category_node_193' : 'parent'; 13578 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/r/o/resized/280_200/roldeurkast_135_x_120_x_43_cm_zwart.jpg','category_node_193'); 13579 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_193.clientHeight }, '10'); 13580 " 13581 @click="window.location.href = 'https://123magazijninrichting.nl/kantoorkasten/'" 13582 aria-expanded="false" 13583 :aria-expanded="subMenuOpencategory_node_193" 13584 aria-controls="category-node-193-desktop-menu-panel" 13585 > 13586 <picture> 13587 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/r/o/resized/80_80/roldeurkast_135_x_120_x_43_cm_zwart.jpg"> 13588 <img loading="lazy" 13589 width="40" 13590 height="40" 13591 alt="Kantoorkasten Beeld" 13592 class="menu-image border border-transparent roun
13592ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 13593 src="https://123magazijninrichting.nl/media/menu_images/r/o/resized/80_80/roldeurkast_135_x_120_x_43_cm_zwart.jpg" 13594 /> 13595 </picture> 13596 Kantoorkasten <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 13597 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 13598</svg> 13599 </button> 13600 <ul 13601 id="category-node-193-desktop-menu-panel" 13602 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 13603 x-show="subMenuOpencategory_node_193" 13604 x-ref="childmenuWrappercategory_node_193" 13605 @keydown.escape.stop="subMenuOpencategory_node_193 = false; 13606 $refs.childmenuTogglecategory_node_193.focus();" 13607 > 13608 <li> 13609 <a 13610 href="https://123magazijninrichting.nl/kantoorkasten/" 13611 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 13612 x-ref="childmenuViewAllcategory_node_193" 13613 >Kantoorkasten</a> 13614 </li> 13615 13616 <li class="level-2" 13617 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/d/r/resized/280_200/draaideurkast_extra_small_zwart_-_100_x_80_x_38.5_cm_-_zwart2_1.jpg','category_node_259');" 13618 > 13619 <a 13620 href="https://123magazijninrichting.nl/kantoorkasten/draaideur/" 13621 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 13622 > 13623 <picture> 13624 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/d/r/resized/80_80/draaideurkast_extra_small_zwart_-_100_x_80_x_38.5_cm_-_zwart2_1.jpg"> 13625 <img loading="lazy" 13626 width="40" 13627 height="40" 13628 alt="Draaideurkasten Beeld" 13629 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 13630 src="https://123magazijninrichting.nl/media/menu_images/d/r/resized/80_80/draaideurkast_extra_small_zwart_-_100_x_80_x_38.5_cm_-_zwart2_1.jpg" 13631 /> 13632 </picture> 13633 Draaideuren </a> 13634 </li> 13635 13636 <li class="level-2" 13637 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/j/a/resized/280_200/jaloeziedeurkast_3oh_wit_zwart_100.jpg','category_node_260');" 13638 > 13639 <a 13640 href="https://123magazijninrichting.nl/kantoorkasten/roldeur/" 13641 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 13642 > 13643 <picture> 13644 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/j/a/resized/80_80/jaloeziedeurkast_3oh_wit_zwart_100.jpg"> 13645 <img loading="lazy" 13646 width="40" 13647 height="40" 13648 alt="Roldeurkasten Beeld" 13649 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 13650 src="https://123magazijninrichting.nl/media/menu_images/j/a/resized/80_80/jaloeziedeurkast_3oh_wit_zwart_100.jpg" 13651 /> 13652 </picture> 13653 Roldeuren </a> 13654 </li> 13655 13656 <li class="level-2" 13657 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/m/e/resized/280_200/meta_compact_archiefstelling_basissectie_.jpg','category_node_261');" 13658 > 13659 <a 13660 href="https://123magazijninrichting.nl/kantoorkasten/archief/" 13661 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 13662 > 13663 <picture> 13664 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_compact_archiefstelling_basissectie_.jpg"> 13665 <img loading="lazy" 13666 width="40" 13667 height="40" 13668 alt="Archiefkasten Beeld" 13669 class="menu-image border border-transparent roun
13669ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 13670 src="https://123magazijninrichting.nl/media/menu_images/m/e/resized/80_80/meta_compact_archiefstelling_basissectie_.jpg" 13671 /> 13672 </picture> 13673 Archiefkasten </a> 13674 </li> 13675 13676 <li class="level-2" 13677 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2026-09-02_130714.png','category_node_368');" 13678 > 13679 <a 13680 href="https://123magazijninrichting.nl/kantoorinrichting/kantoorkasten/ladeblokken/" 13681 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 13682 > 13683 <picture> 13684 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-09-02_130714.png"> 13685 <img loading="lazy" 13686 width="40" 13687 height="40" 13688 alt="Ladeblokken Beeld" 13689 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 13690 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2026-09-02_130714.png" 13691 /> 13692 </picture> 13693 Ladeblokken </a> 13694 </li> 13695 </ul> 13696 </li> 13697 13698 <li 13699 class="level-1 has-child" 13700 x-data="{ subMenuOpencategory_node_194: false }" 13701 data-item="subMenuOpencategory_node_194" 13702 @mouseleave.prevent.stop="subMenuOpencategory_node_194 = false" 13703 > 13704 <button 13705 type="button" 13706 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium " 13707 x-ref="childmenuTogglecategory_node_194" 13708 @mouseover="subMenuOpencategory_node_194 = true; 13709 currentActiveCmsBlock = document.querySelector(`[data-cms-block-id='category_node_194']`) ? 'category_node_194' : 'parent'; 13710 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2025-05-23_115757.jpg','category_node_194'); 13711 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_194.clientHeight }, '10'); 13712 " 13713 @click="window.location.href = 'https://123magazijninrichting.nl/kantooraccessoires/'" 13714 aria-expanded="false" 13715 :aria-expanded="subMenuOpencategory_node_194" 13716 aria-controls="category-node-194-desktop-menu-panel" 13717 > 13718 <picture> 13719 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-05-23_115757.jpg"> 13720 <img loading="lazy" 13721 width="40" 13722 height="40" 13723 alt="Kantooraccessoires Beeld" 13724 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 13725 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-05-23_115757.jpg" 13726 /> 13727 </picture> 13728 Kantooraccessoires <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 13729 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 13730</svg> 13731 </button> 13732 <ul 13733 id="category-node-194-desktop-menu-panel" 13734 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 13735 x-show="subMenuOpencategory_node_194" 13736 x-ref="childmenuWrappercategory_node_194" 13737 @keydown.escape.stop="subMenuOpencategory_node_194 = false;
13738 $refs.childmenuTogglecategory_node_194.focus();" 13739 > 13740 <li> 13741 <a 13742 href="https://123magazijninrichting.nl/kantooraccessoires/" 13743 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 13744 x-ref="childmenuViewAllcategory_node_194" 13745 >Kantooraccessoires</a> 13746 </li> 13747 13748 <li class="level-2" 13749 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2025-06-02_131223.jpg','category_node_262');" 13750 > 13751 <a 13752 href="https://123magazijninrichting.nl/kantooraccessoires/bureau-displays/" 13753 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 13754 > 13755 <picture> 13756 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-02_131223.jpg"> 13757 <img loading="lazy" 13758 width="40" 13759 height="40" 13760 alt="Bureau displays Beeld" 13761 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 13762 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-02_131223.jpg" 13763 /> 13764 </picture> 13765 Bureau displays </a> 13766 </li> 13767 13768 <li class="level-2" 13769 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/c/h/resized/280_200/chatgpt_image_9_apr_2026_09_08_24_1.png','category_node_338');" 13770 > 13771 <a 13772 href="https://123magazijninrichting.nl/kantoorinrichting/kantooraccessoires/magneetetiketten/" 13773 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 13774 > 13775 <picture> 13776 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/c/h/resized/80_80/chatgpt_image_9_apr_2026_09_08_24_1.png"> 13777 <img loading="lazy" 13778 width="40" 13779 height="40" 13780 alt="Magneetetiketten Beeld" 13781 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 13782 src="https://123magazijninrichting.nl/media/menu_images/c/h/resized/80_80/chatgpt_image_9_apr_2026_09_08_24_1.png" 13783 /> 13784 </picture> 13785 Magneetetiketten </a> 13786 </li> 13787 </ul> 13788 </li> 13789 13790 <li 13791 class="level-1 has-child" 13792 x-data="{ subMenuOpencategory_node_195: false }" 13793 data-item="subMenuOpencategory_node_195" 13794 @mouseleave.prevent.stop="subMenuOpencategory_node_195 = false" 13795 > 13796 <button 13797 type="button" 13798 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium " 13799 x-ref="childmenuTogglecategory_node_195" 13800 @mouseover="subMenuOpencategory_node_195 = true; 13801 currentActiveCmsBlock = document.querySelector(`[data-cms-block-id='category_node_195']`) ? 'category_node_195' : 'parent'; 13802 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2025-05-23_115851.jpg','category_node_195'); 13803 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_195.clientHeight }, '10'); 13804 " 13805 @click="window.location.href = 'https://123magazijninrichting.nl/kantinemeubilair/'" 13806 aria-expanded="false" 13807 :aria-expanded="subMenuOpencategory_node_195" 13808 aria-controls="category-node-195-desktop-menu-panel" 13809 > 13810 <picture> 13811 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-05-23_115851.jpg"> 13812 <img loading="lazy" 13813 width="40" 13814 height="40" 13815 alt="Kantinemeubilair Beeld" 13816 class="menu-image border border-transparent roun
13816ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 13817 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-05-23_115851.jpg" 13818 /> 13819 </picture> 13820 Kantinemeubilair <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 13821 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 13822</svg> 13823 </button> 13824 <ul 13825 id="category-node-195-desktop-menu-panel" 13826 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 13827 x-show="subMenuOpencategory_node_195" 13828 x-ref="childmenuWrappercategory_node_195" 13829 @keydown.escape.stop="subMenuOpencategory_node_195 = false; 13830 $refs.childmenuTogglecategory_node_195.focus();" 13831 > 13832 <li> 13833 <a 13834 href="https://123magazijninrichting.nl/kantinemeubilair/" 13835 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 13836 x-ref="childmenuViewAllcategory_node_195" 13837 >Kantinemeubilair</a> 13838 </li> 13839 13840 <li class="level-2" 13841 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2025-05-23_115851_2.jpg','category_node_263');" 13842 > 13843 <a 13844 href="https://123magazijninrichting.nl/kantinestoelen/" 13845 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 13846 > 13847 <picture> 13848 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-05-23_115851_2.jpg"> 13849 <img loading="lazy" 13850 width="40" 13851 height="40" 13852 alt="Kantinestoelen Beeld" 13853 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 13854 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-05-23_115851_2.jpg" 13855 /> 13856 </picture> 13857 Kantinestoelen </a> 13858 </li> 13859 13860 <li class="level-2" 13861 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/r/u/resized/280_200/rustiek_eik_-_zwart.jpg','category_node_264');" 13862 > 13863 <a 13864 href="https://123magazijninrichting.nl/kantinetafels/" 13865 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 13866 > 13867 <picture> 13868 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/r/u/resized/80_80/rustiek_eik_-_zwart.jpg"> 13869 <img loading="lazy" 13870 width="40" 13871 height="40" 13872 alt="Kantinetafels Beeld" 13873 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 13874 src="https://123magazijninrichting.nl/media/menu_images/r/u/resized/80_80/rustiek_eik_-_zwart.jpg" 13875 /> 13876 </picture> 13877 Kantinetafels </a> 13878 </li> 13879 </ul> 13880 </li> 13881 13882 <li 13883 class="level-1 has-child" 13884 x-data="{ subMenuOpencategory_node_196: false }" 13885 data-item="subMenuOpencategory_node_196" 13886 @mouseleave.prevent.stop="subMenuOpencategory_node_196 = false" 13887 > 13888 <button 13889 type="button" 13890 class="group w-full flex justify-start text-[15px] text-header items-center h-12 p-1 relative aria-expanded:bg-nav_hover data-[has-current]:font-medium " 13891 x-ref="childmenuTogglecategory_node_196" 13892 @mouseover="subMenuOpencategory_node_196 = true; 13893 currentActiveCmsBlock = document.querySelector(`[data-cms-block-id='category_node_196']`) ? 'category_node_196' : 'parent'; 13894 changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/w/e/resized/280_200/werkstoelen.jpg','category_node_196'); 13895 setTimeout(() => {menuMinHeight = $refs.childmenuWrappercategory_node_196.clientHeight }, '10'); 13896 " 13897 @click="window.location.href = 'https://123magazijninrichting.nl/kantoormeubilair-gebruikt/'" 13898 aria-expanded="false" 13899 :aria-expanded="subMenuOpencategory_node_196" 13900 aria-controls="category-node-196-desktop-menu-panel" 13901 > 13902 <picture> 13903 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/w/e/resized/80_80/werkstoelen.jpg"> 13904 <img loading="lazy" 13905 width="40" 13906 height="40" 13907 alt="Gebruikt kantoormeubilair Beeld" 13908 class="menu-image border border-transparent roun
13908ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 13909 src="https://123magazijninrichting.nl/media/menu_images/w/e/resized/80_80/werkstoelen.jpg" 13910 /> 13911 </picture> 13912 Gebruikt kantoormeubilair <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="text-header group-aria-expanded:text-header absolute right-8 pointer-events-none" width="24" height="24" aria-hidden="true"> 13913 <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"/> 13914</svg> 13915 </button> 13916 <ul 13917 id="category-node-196-desktop-menu-panel" 13918 class="absolute inset-0 box-content border-l border-gray bg-white flex flex-col h-max min-h-full w-72 translate-x-72" 13919 x-show="subMenuOpencategory_node_196" 13920 x-ref="childmenuWrappercategory_node_196" 13921 @keydown.escape.stop="subMenuOpencategory_node_196 = false; 13922 $refs.childmenuTogglecategory_node_196.focus();" 13923 > 13924 <li> 13925 <a 13926 href="https://123magazijninrichting.nl/kantoormeubilair-gebruikt/" 13927 class="flex items-center font-semibold aria-[current=page]:font-medium pb-3 w-full h-auto pl-8" 13928 x-ref="childmenuViewAllcategory_node_196" 13929 >Gebruikt kantoormeubilair</a> 13930 </li> 13931 13932 <li class="level-2" 13933 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/l/a/resized/280_200/ladeblok_gebruikt_-_53_x_41.5_x_40_-_donker_grijs_-_2.png','category_node_265');" 13934 > 13935 <a 13936 href="https://123magazijninrichting.nl/kantoormeubilair-gebruikt/ladeblokken/" 13937 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 13938 > 13939 <picture> 13940 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/l/a/resized/80_80/ladeblok_gebruikt_-_53_x_41.5_x_40_-_donker_grijs_-_2.png"> 13941 <img loading="lazy" 13942 width="40" 13943 height="40" 13944 alt="Gebruikte ladeblokken Beeld" 13945 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 13946 src="https://123magazijninrichting.nl/media/menu_images/l/a/resized/80_80/ladeblok_gebruikt_-_53_x_41.5_x_40_-_donker_grijs_-_2.png" 13947 /> 13948 </picture> 13949 Ladeblokken </a> 13950 </li> 13951 13952 <li class="level-2" 13953 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/d/r/resized/280_200/draaideurkast_extra_small_zwart_-_100_x_80_x_38.5_cm_-_zwart2.jpg','category_node_266');" 13954 > 13955 <a 13956 href="https://123magazijninrichting.nl/kantoormeubilair-gebruikt/kasten/" 13957 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 13958 > 13959 <picture> 13960 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/d/r/resized/80_80/draaideurkast_extra_small_zwart_-_100_x_80_x_38.5_cm_-_zwart2.jpg"> 13961 <img loading="lazy" 13962 width="40" 13963 height="40" 13964 alt="Gebruikte kasten Beeld" 13965 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 13966 src="https://123magazijninrichting.nl/media/menu_images/d/r/resized/80_80/draaideurkast_extra_small_zwart_-_100_x_80_x_38.5_cm_-_z
13966wart2.jpg" 13967 /> 13968 </picture> 13969 Kasten </a> 13970 </li> 13971 13972 <li class="level-2" 13973 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2025-06-02_130929.jpg','category_node_267');" 13974 > 13975 <a 13976 href="https://123magazijninrichting.nl/kantoormeubilair-gebruikt/bureaus/" 13977 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 13978 > 13979 <picture> 13980 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-02_130929.jpg"> 13981 <img loading="lazy" 13982 width="40" 13983 height="40" 13984 alt="Gebruikte bureaus Beeld" 13985 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 13986 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-06-02_130929.jpg" 13987 /> 13988 </picture> 13989 Bureaus </a> 13990 </li> 13991 13992 <li class="level-2" 13993 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/c/o/resized/280_200/conferentiestel_vergaderstoel_zwart_bewerkt.png','category_node_269');" 13994 > 13995 <a 13996 href="https://123magazijninrichting.nl/kantoormeubilair-gebruikt/zitmeubilair/" 13997 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 13998 > 13999 <picture> 14000 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/c/o/resized/80_80/conferentiestel_vergaderstoel_zwart_bewerkt.png"> 14001 <img loading="lazy" 14002 width="40" 14003 height="40" 14004 alt="Gebruikt zitmeubilair Beeld" 14005 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 14006 src="https://123magazijninrichting.nl/media/menu_images/c/o/resized/80_80/conferentiestel_vergaderstoel_zwart_bewerkt.png" 14007 /> 14008 </picture> 14009 Zitmeubilair </a> 14010 </li> 14011 14012 <li class="level-2" 14013 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/s/c/resized/280_200/schermafbeelding_2025-05-23_115851_1.jpg','category_node_270');" 14014 > 14015 <a 14016 href="https://123magazijninrichting.nl/kantoormeubilair-gebruikt/kantinemeubilair/" 14017 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 14018 > 14019 <picture> 14020 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-05-23_115851_1.jpg"> 14021 <img loading="lazy" 14022 width="40" 14023 height="40" 14024 alt="Gebruikt kantinemeubilair Beeld" 14025 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 14026 src="https://123magazijninrichting.nl/media/menu_images/s/c/resized/80_80/schermafbeelding_2025-05-23_115851_1.jpg" 14027 /> 14028 </picture> 14029 Kantinemeubilair </a> 14030 </li> 14031 14032 <li class="level-2" 14033 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/k/l/resized/280_200/kluis.png','category_node_271');" 14034 > 14035 <a 14036 href="https://123magazijninrichting.nl/kantoormeubilair-gebruikt/kluizen/" 14037 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 14038 > 14039 <picture> 14040 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/k/l/resized/80_80/kluis.png"> 14041 <img loading="lazy" 14042 width="40" 14043 height="40" 14044 alt="Gebruikte kluizen Beeld" 14045 class="menu-image border border-transparent roun
14045ded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 14046 src="https://123magazijninrichting.nl/media/menu_images/k/l/resized/80_80/kluis.png" 14047 /> 14048 </picture> 14049 Kluizen </a> 14050 </li> 14051 14052 <li class="level-2" 14053 @mouseover="changeDynamicImage('https://123magazijninrichting.nl/media/menu_images/g/e/resized/280_200/gebruikt_afbeelding_3.png','category_node_326');" 14054 > 14055 <a 14056 href="https://123magazijninrichting.nl/kantoorinrichting/kantoormeubilair-gebruikt/opruimhoek/" 14057 class="level-2 group flex text-[15px] text-header p-1 h-12 hover:!text-header_active hover:underline items-center aria-[current=page]:font-medium pl-8" 14058 > 14059 <picture> 14060 <source type="image/jpg" srcset="https://123magazijninrichting.nl/media/menu_images/g/e/resized/80_80/gebruikt_afbeelding_3.png"> 14061 <img loading="lazy" 14062 width="40" 14063 height="40" 14064 alt="Opruimhoek Beeld" 14065 class="menu-image border border-transparent rounded mr-2 box-border w-[40px] h-[40px] object-cover group-hover:border-magecode-light-blue aria-expanded:border-magecode-light-blue" 14066 src="https://123magazijninrichting.nl/media/menu_images/g/e/resized/80_80/gebruikt_afbeelding_3.png" 14067 /> 14068 </picture> 14069 Opruimhoek </a> 14070 </li> 14071 </ul> 14072 </li> 14073 </ul> 14074 </div> 14075 <div class="menu-cms-banner-wrap flex-[27.83] mt-10"> 14076 <div data-cms-block-id="parent" :class="'parent' === currentActiveCmsBlock ? 'block' : 'hidden'"> 14077 <style>#html-body [data-pb-style=G3C60IH],#html-body [data-pb-style=XH3YSYY]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=G3C60IH]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=XH3YSYY]{align-self:stretch}#html-body [data-pb-style=T07636P]{display:flex;width:100%}#html-body [data-pb-style=K5K7E9F]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=GNQU2T5]{background-color:#0a7db3;background-position:right bottom;background-size:auto;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=MXYWKH0]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=AI1QBIC]{opacity:1;visibility:visible}#html-body [data-pb-style=UAMV3EW]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=XFX6JRC]{background-position:center center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=GX57NGX]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=KYXNXTP]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=V74QNWK]{background-color:#12407e;background-position:right bottom;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=ST63W3I]{border-radius:24px;min-height:300px;background-color:transparent}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-category-cms-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="G3C60IH"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="XH3YSYY"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="T07636P"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="K5K7E9F"><div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never" data-element="main" class="common-styles button-text button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bea805" data-background-images='{\"de
14077sktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="GNQU2T5"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="MXYWKH0"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #ffffff;">Hulp nodig?</span></strong></p><p class="cms-32xl w-[64%]"><span style="color: #ffffff;">Wij helpen u de juiste keuze te maken!</span></p></div><a href="https://go.crisp.chat/chat/embed/?website_id=868d8c14-1458-48c8-a5d6-321e796dccc5" target="" data-link-type="default" title="" data-element="link"><button type="button" class="pagebuilder-banner-button pagebuilder-button-primary" data-element="button" data-pb-style="AI1QBIC">chat met ons</button></a></div></div></div><style type="text/css">.background-image-6ac5dc5bea805 {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png);}</style></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="UAMV3EW"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="button-text common-styles menu-dynamic-image button-arrow button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="XFX6JRC"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="GX57NGX"><div class="pagebuilder-poster-content"><div data-element="content"></div></div></div></div></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="KYXNXTP"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="ul-buttons button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bea817" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="V74QNWK"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="ST63W3I"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #43b3e7;">Vragen?</span></strong></p><p class="cms-2xl w-4/5"><span style="color: #ffffff;">Stel ze in de chat</span></p></div></div></div></div><style type="text/css">.background-image-6ac5dc5bea817 {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png);}</style></div></div></div></div></div></div></div> </div> 14078 <div data-cms-block-id="category_node_191" :class="'category_node_191' === currentActiveCmsBlock ? 'block' : 'hidden'"> 14079 <style>#html-body [data-pb-style=G3C60IH],#html-body [data-pb-style=XH3YSYY]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=G3C60IH]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=XH3YSYY]{align-self:stretch}#html-body [data-pb-style=T07636P]{display:flex;width:100%}#html-body [data-pb-style=K5K7E9F]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=GNQU2T5]{background-color:#0a7db3;background-position:right bottom;background-size:auto;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=MXYWKH0]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=AI1QBIC]{opacity:1;visibility:visible}#html-body [data-pb-style=UAMV3EW]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=XFX6JRC]{background-position:center center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=GX57NGX]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=KYXNXTP]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=V74QNWK]{background-color:#12407e;background-position:right bottom;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=ST63W3I]{border-radius:24px;min-height:300px;background-color:transparent}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-category-cms-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="G3C60IH"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="XH3YSYY"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="T07636P"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="K5K7E9F"><div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never" data-element="main" class="common-styles button-text button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5beaf43" data-background-images='{\"de
14079sktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="GNQU2T5"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="MXYWKH0"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #ffffff;">Hulp nodig?</span></strong></p><p class="cms-32xl w-[64%]"><span style="color: #ffffff;">Wij helpen u de juiste keuze te maken!</span></p></div><a href="https://go.crisp.chat/chat/embed/?website_id=868d8c14-1458-48c8-a5d6-321e796dccc5" target="" data-link-type="default" title="" data-element="link"><button type="button" class="pagebuilder-banner-button pagebuilder-button-primary" data-element="button" data-pb-style="AI1QBIC">chat met ons</button></a></div></div></div><style type="text/css">.background-image-6ac5dc5beaf43 {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png);}</style></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="UAMV3EW"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="button-text common-styles menu-dynamic-image button-arrow button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="XFX6JRC"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="GX57NGX"><div class="pagebuilder-poster-content"><div data-element="content"></div></div></div></div></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="KYXNXTP"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="ul-buttons button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5beaf53" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="V74QNWK"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="ST63W3I"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #43b3e7;">Vragen?</span></strong></p><p class="cms-2xl w-4/5"><span style="color: #ffffff;">Stel ze in de chat</span></p></div></div></div></div><style type="text/css">.background-image-6ac5dc5beaf53 {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png);}</style></div></div></div></div></div></div></div> </div> 14080 <div data-cms-block-id="category_node_192" :class="'category_node_192' === currentActiveCmsBlock ? 'block' : 'hidden'"> 14081 <style>#html-body [data-pb-style=G3C60IH],#html-body [data-pb-style=XH3YSYY]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=G3C60IH]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=XH3YSYY]{align-self:stretch}#html-body [data-pb-style=T07636P]{display:flex;width:100%}#html-body [data-pb-style=K5K7E9F]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=GNQU2T5]{background-color:#0a7db3;background-position:right bottom;background-size:auto;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=MXYWKH0]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=AI1QBIC]{opacity:1;visibility:visible}#html-body [data-pb-style=UAMV3EW]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=XFX6JRC]{background-position:center center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=GX57NGX]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=KYXNXTP]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=V74QNWK]{background-color:#12407e;background-position:right bottom;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=ST63W3I]{border-radius:24px;min-height:300px;background-color:transparent}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-category-cms-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="G3C60IH"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="XH3YSYY"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="T07636P"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="K5K7E9F"><div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never" data-element="main" class="common-styles button-text button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5beb548" data-background-images='{\"de
14081sktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="GNQU2T5"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="MXYWKH0"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #ffffff;">Hulp nodig?</span></strong></p><p class="cms-32xl w-[64%]"><span style="color: #ffffff;">Wij helpen u de juiste keuze te maken!</span></p></div><a href="https://go.crisp.chat/chat/embed/?website_id=868d8c14-1458-48c8-a5d6-321e796dccc5" target="" data-link-type="default" title="" data-element="link"><button type="button" class="pagebuilder-banner-button pagebuilder-button-primary" data-element="button" data-pb-style="AI1QBIC">chat met ons</button></a></div></div></div><style type="text/css">.background-image-6ac5dc5beb548 {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png);}</style></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="UAMV3EW"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="button-text common-styles menu-dynamic-image button-arrow button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="XFX6JRC"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="GX57NGX"><div class="pagebuilder-poster-content"><div data-element="content"></div></div></div></div></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="KYXNXTP"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="ul-buttons button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5beb558" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="V74QNWK"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="ST63W3I"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #43b3e7;">Vragen?</span></strong></p><p class="cms-2xl w-4/5"><span style="color: #ffffff;">Stel ze in de chat</span></p></div></div></div></div><style type="text/css">.background-image-6ac5dc5beb558 {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png);}</style></div></div></div></div></div></div></div> </div> 14082 <div data-cms-block-id="category_node_193" :class="'category_node_193' === currentActiveCmsBlock ? 'block' : 'hidden'"> 14083 <style>#html-body [data-pb-style=G3C60IH],#html-body [data-pb-style=XH3YSYY]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=G3C60IH]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=XH3YSYY]{align-self:stretch}#html-body [data-pb-style=T07636P]{display:flex;width:100%}#html-body [data-pb-style=K5K7E9F]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=GNQU2T5]{background-color:#0a7db3;background-position:right bottom;background-size:auto;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=MXYWKH0]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=AI1QBIC]{opacity:1;visibility:visible}#html-body [data-pb-style=UAMV3EW]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=XFX6JRC]{background-position:center center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=GX57NGX]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=KYXNXTP]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=V74QNWK]{background-color:#12407e;background-position:right bottom;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=ST63W3I]{border-radius:24px;min-height:300px;background-color:transparent}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-category-cms-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="G3C60IH"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="XH3YSYY"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="T07636P"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="K5K7E9F"><div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never" data-element="main" class="common-styles button-text button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bebace" data-background-images='{\"de
14083sktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="GNQU2T5"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="MXYWKH0"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #ffffff;">Hulp nodig?</span></strong></p><p class="cms-32xl w-[64%]"><span style="color: #ffffff;">Wij helpen u de juiste keuze te maken!</span></p></div><a href="https://go.crisp.chat/chat/embed/?website_id=868d8c14-1458-48c8-a5d6-321e796dccc5" target="" data-link-type="default" title="" data-element="link"><button type="button" class="pagebuilder-banner-button pagebuilder-button-primary" data-element="button" data-pb-style="AI1QBIC">chat met ons</button></a></div></div></div><style type="text/css">.background-image-6ac5dc5bebace {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png);}</style></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="UAMV3EW"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="button-text common-styles menu-dynamic-image button-arrow button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="XFX6JRC"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="GX57NGX"><div class="pagebuilder-poster-content"><div data-element="content"></div></div></div></div></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="KYXNXTP"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="ul-buttons button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bebadd" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="V74QNWK"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="ST63W3I"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #43b3e7;">Vragen?</span></strong></p><p class="cms-2xl w-4/5"><span style="color: #ffffff;">Stel ze in de chat</span></p></div></div></div></div><style type="text/css">.background-image-6ac5dc5bebadd {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png);}</style></div></div></div></div></div></div></div> </div> 14084 <div data-cms-block-id="category_node_194" :class="'category_node_194' === currentActiveCmsBlock ? 'block' : 'hidden'"> 14085 <style>#html-body [data-pb-style=G3C60IH],#html-body [data-pb-style=XH3YSYY]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=G3C60IH]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=XH3YSYY]{align-self:stretch}#html-body [data-pb-style=T07636P]{display:flex;width:100%}#html-body [data-pb-style=K5K7E9F]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=GNQU2T5]{background-color:#0a7db3;background-position:right bottom;background-size:auto;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=MXYWKH0]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=AI1QBIC]{opacity:1;visibility:visible}#html-body [data-pb-style=UAMV3EW]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=XFX6JRC]{background-position:center center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=GX57NGX]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=KYXNXTP]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=V74QNWK]{background-color:#12407e;background-position:right bottom;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=ST63W3I]{border-radius:24px;min-height:300px;background-color:transparent}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-category-cms-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="G3C60IH"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="XH3YSYY"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="T07636P"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="K5K7E9F"><div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never" data-element="main" class="common-styles button-text button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bebff5" data-background-images='{\"de
14085sktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="GNQU2T5"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="MXYWKH0"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #ffffff;">Hulp nodig?</span></strong></p><p class="cms-32xl w-[64%]"><span style="color: #ffffff;">Wij helpen u de juiste keuze te maken!</span></p></div><a href="https://go.crisp.chat/chat/embed/?website_id=868d8c14-1458-48c8-a5d6-321e796dccc5" target="" data-link-type="default" title="" data-element="link"><button type="button" class="pagebuilder-banner-button pagebuilder-button-primary" data-element="button" data-pb-style="AI1QBIC">chat met ons</button></a></div></div></div><style type="text/css">.background-image-6ac5dc5bebff5 {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png);}</style></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="UAMV3EW"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="button-text common-styles menu-dynamic-image button-arrow button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="XFX6JRC"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="GX57NGX"><div class="pagebuilder-poster-content"><div data-element="content"></div></div></div></div></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="KYXNXTP"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="ul-buttons button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bec004" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="V74QNWK"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="ST63W3I"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #43b3e7;">Vragen?</span></strong></p><p class="cms-2xl w-4/5"><span style="color: #ffffff;">Stel ze in de chat</span></p></div></div></div></div><style type="text/css">.background-image-6ac5dc5bec004 {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png);}</style></div></div></div></div></div></div></div> </div> 14086 <div data-cms-block-id="category_node_195" :class="'category_node_195' === currentActiveCmsBlock ? 'block' : 'hidden'"> 14087 <style>#html-body [data-pb-style=G3C60IH],#html-body [data-pb-style=XH3YSYY]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=G3C60IH]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=XH3YSYY]{align-self:stretch}#html-body [data-pb-style=T07636P]{display:flex;width:100%}#html-body [data-pb-style=K5K7E9F]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=GNQU2T5]{background-color:#0a7db3;background-position:right bottom;background-size:auto;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=MXYWKH0]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=AI1QBIC]{opacity:1;visibility:visible}#html-body [data-pb-style=UAMV3EW]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=XFX6JRC]{background-position:center center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=GX57NGX]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=KYXNXTP]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=V74QNWK]{background-color:#12407e;background-position:right bottom;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=ST63W3I]{border-radius:24px;min-height:300px;background-color:transparent}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-category-cms-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="G3C60IH"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="XH3YSYY"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="T07636P"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="K5K7E9F"><div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never" data-element="main" class="common-styles button-text button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bec54a" data-background-images='{\"de
14087sktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="GNQU2T5"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="MXYWKH0"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #ffffff;">Hulp nodig?</span></strong></p><p class="cms-32xl w-[64%]"><span style="color: #ffffff;">Wij helpen u de juiste keuze te maken!</span></p></div><a href="https://go.crisp.chat/chat/embed/?website_id=868d8c14-1458-48c8-a5d6-321e796dccc5" target="" data-link-type="default" title="" data-element="link"><button type="button" class="pagebuilder-banner-button pagebuilder-button-primary" data-element="button" data-pb-style="AI1QBIC">chat met ons</button></a></div></div></div><style type="text/css">.background-image-6ac5dc5bec54a {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png);}</style></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="UAMV3EW"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="button-text common-styles menu-dynamic-image button-arrow button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="XFX6JRC"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="GX57NGX"><div class="pagebuilder-poster-content"><div data-element="content"></div></div></div></div></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="KYXNXTP"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="ul-buttons button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5bec563" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="V74QNWK"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="ST63W3I"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #43b3e7;">Vragen?</span></strong></p><p class="cms-2xl w-4/5"><span style="color: #ffffff;">Stel ze in de chat</span></p></div></div></div></div><style type="text/css">.background-image-6ac5dc5bec563 {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png);}</style></div></div></div></div></div></div></div> </div> 14088 <div data-cms-block-id="category_node_196" :class="'category_node_196' === currentActiveCmsBlock ? 'block' : 'hidden'"> 14089 <style>#html-body [data-pb-style=G3C60IH],#html-body [data-pb-style=XH3YSYY]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=G3C60IH]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=XH3YSYY]{align-self:stretch}#html-body [data-pb-style=T07636P]{display:flex;width:100%}#html-body [data-pb-style=K5K7E9F]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=GNQU2T5]{background-color:#0a7db3;background-position:right bottom;background-size:auto;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=MXYWKH0]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=AI1QBIC]{opacity:1;visibility:visible}#html-body [data-pb-style=UAMV3EW]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=XFX6JRC]{background-position:center center;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=GX57NGX]{border-radius:24px;min-height:300px;background-color:transparent}#html-body [data-pb-style=KYXNXTP]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=V74QNWK]{background-color:#12407e;background-position:right bottom;background-size:contain;background-repeat:no-repeat;background-attachment:scroll;border-radius:24px}#html-body [data-pb-style=ST63W3I]{border-radius:24px;min-height:300px;background-color:transparent}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="menu-category-cms-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="G3C60IH"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="XH3YSYY"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="T07636P"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="K5K7E9F"><div data-content-type="banner" data-appearance="poster" data-show-button="always" data-show-overlay="never" data-element="main" class="common-styles button-text button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5becaeb" data-background-images='{\"de
14089sktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="GNQU2T5"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="MXYWKH0"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #ffffff;">Hulp nodig?</span></strong></p><p class="cms-32xl w-[64%]"><span style="color: #ffffff;">Wij helpen u de juiste keuze te maken!</span></p></div><a href="https://go.crisp.chat/chat/embed/?website_id=868d8c14-1458-48c8-a5d6-321e796dccc5" target="" data-link-type="default" title="" data-element="link"><button type="button" class="pagebuilder-banner-button pagebuilder-button-primary" data-element="button" data-pb-style="AI1QBIC">chat met ons</button></a></div></div></div><style type="text/css">.background-image-6ac5dc5becaeb {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/hp-lt_2.png);}</style></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="UAMV3EW"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="button-text common-styles menu-dynamic-image button-arrow button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="XFX6JRC"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="GX57NGX"><div class="pagebuilder-poster-content"><div data-element="content"></div></div></div></div></div></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="KYXNXTP"><div data-content-type="banner" data-appearance="poster" data-show-button="never" data-show-overlay="never" data-element="main" class="ul-buttons button-bl content-t content-left"><div><div class="pagebuilder-banner-wrapper background-image-6ac5dc5becafa" data-background-images='{\"desktop_image\":\"https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png\"}' data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="false" data-element="wrapper" data-pb-style="V74QNWK"><div class="pagebuilder-overlay pagebuilder-poster-overlay" data-overlay-color="" aria-label="" title="" data-element="overlay" data-pb-style="ST63W3I"><div class="pagebuilder-poster-content"><div data-element="content"><p class="cms-xs"><strong><span style="color: #43b3e7;">Vragen?</span></strong></p><p class="cms-2xl w-4/5"><span style="color: #ffffff;">Stel ze in de chat</span></p></div></div></div></div><style type="text/css">.background-image-6ac5dc5becafa {background-image: url(https://123magazijninrichting.nl/media/wysiwyg/RUTGER_NIEUW3.png);}</style></div></div></div></div></div></div></div> </div> 14090 </div> 14091 </div> 14092 </div> 14093 </div> 14094 </li> 14095 </ul> 14096 <div class="flex items-center"> 14097 <style>#html-body [data-pb-style=EUFULRE]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="navigation-links-layout" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="EUFULRE"><div data-content-type="text" data-appearance="default" data-element="main"><ul> 14098<li><a tabindex="-1" href="/opkoop">Opkoop</a></li> 14099<li><a tabindex="-1" href="/magazijnkeuring">Magazijnkeuring</a></li> 14100<li><a href="https://123magazijninrichting.nl/stellingen-huren">Huren</a></li> 14101<li><a href="https://123magazijninrichting.nl/advies-gesprek">Advies</a></li> 14102</ul></div></div></div> </div> 14103</nav>
14104<script> 14105 const initMenuDesktop_6ac5dc5bca385 = () => { 14106 return { 14107 event: null, 14108 hasCmsBlock: false, 14109 dynamicImage: "", 14110 menuMinHeight: 0, 14111 currentActiveCmsBlock: 'parent', 14112 setActiveMenu(menuNode) { 14113 Array.from(menuNode.querySelectorAll('a')).filter(link => { 14114 return link.href === window.location.href.split('?')[0]; 14115 }).map(item => { 14116 item.setAttribute('aria-current', 'page'); 14117 14118 let menuLevelCount = 0; 14119 while (menuLevelCount < 3) { 14120 let selector = `.level-${menuLevelCount}`; 14121 item.closest(selector) 14122 && item.closest(selector).querySelector('button') 14123 && item.closest(selector).querySelector('button').setAttribute('data-has-current', ''); 14124 menuLevelCount++; 14125 } 14126 }); 14127 }, 14128 selectFirstOptions() { 14129 // let event = this.event; 14130 // if (!event) return; 14131 // const wrapper = event.target.closest('.level-0.wrapper'); 14132 // const childs = wrapper.querySelectorAll('.level-1.has-child'); 14133 // const firstChild = childs[0]; 14134 // if (firstChild) { 14135 // const itemAttribute = firstChild.getAttribute('data-item'); 14136 // if (firstChild._x_dataStack) { 14137 // firstChild._x_dataStack[0][itemAttribute] = true; 14138 // } else if (firstChild.__x) { 14139 // firstChild.__x.$data[itemAttribute] = true; 14140 // } 14141 // } 14142 }, 14143 changeDynamicImage(newSrc) { 14144 let banner = document.querySelector('.menu-cms-banner-wrap')?.querySelector(`[data-cms-block-id="${this.currentActiveCmsBlock}"]`)?.querySelector('.menu-dynamic-image'); 14145 14146 if (!this.currentActiveCmsBlock || !banner) { 14147 return; 14148 } 14149 14150 if (!newSrc) { 14151 document.querySelector('.menu-cms-banner-wrap').querySelectorAll('.dynamic-image').forEach(el => el.remove()); 14152 } 14153 14154 if (newSrc !== this.dynamicImage) { 14155 document.querySelector('.menu-cms-banner-wrap').querySelectorAll('.dynamic-image').forEach(el => el.remove()); 14156 } 14157 14158 this.dynamicImage = newSrc; 14159 14160 if (newSrc) { 14161 var newDiv = document.createElement('div'); 14162 newDiv.classList.add('pagebuilder-banner-wrapper', 'absolute', 'top-0', 'left-0', 'dynamic-image'); 14163 newDiv.style.background = `url("${newSrc}") no-repeat center center / cover`; 14164 banner.firstElementChild.classList.add("relative"); 14165 banner.firstElementChild.appendChild(newDiv); 14166 } 14167 } 14168 } 14169 } 14170</script>
14170 14171 </div> 14172 </div> 14173 <div x-ref="searchContainerMobile" class="container lg:hidden pb-4 lg:pt-4 pt-0 border-b border-nav-border lg:border-b-0"> 14174 <div x-ref="searchForm" class="min-h-[3.125rem]"> 14175 14176 14177<div class="search-content-wrapper" :class="{'z-50 fixed top-0 left-0 w-full h-full lg:py-8 bg-gray-600/50' : layoutFull && isContainerOpen}" x-data="initMirasvitSearch()" @click.away="closeSearch"> 14178 <div class="mx-auto text-black" :class="{'card' : layoutFull && isContainerOpen, 'py-0': !layoutFull}" @click.away="closeSearch" > 14179 <div class="relative z-10"> 14180 <form class="form minisearch relative" :class="{'flex justify-between' : layoutFull && isContainerOpen}" id="search_mini_form" action="https://123magazijninrichting.nl/catalogsearch/result/" 14181 method="get" autocomplete="off"> 14182 <label class="hidden" for="search" data-role="minisearch-label"> 14183 <span>Search</span> 14184 </label> 14185 <template x-if="layoutFull && isContainerOpen"> 14186 <span class="text-gray-400 left-0 p-3"> 14187 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-gray-400" width="40" height="40" role="img"> 14188 <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/> 14189<title>search</title></svg> 14190 </span> 14191 </template> 14192 <div class="border-magecode-ultra-dark bg-magecode-ultra-dark bg-opacity-5 border-opacity-10 flex-row border flex rounded-full p-1 h-[50px]"> 14193 <input id="search" x-ref="searchInput" type="search" 14194 name="q" 14195 value="" 14196 placeholder="Uw zoekopdracht" 14197 maxlength="128" 14198 class="bg-transparent text-magecode-ultra-dark !border-0 flex-1 px-4 py-0 text-base focus:!ring-0 focus:border-0 font-normal min-w-0" 14199 :class="{'border-0 outline-0 shadow-none ring-0 ring-offset-0 focus:shadow-none': layoutFull && isContainerOpen}" 14200 x-on:click="preOpen" 14201 x-on:search-open.window="preOpen" 14202 x-on:search-open.window.debounce.20="$el.focus(); $el.select()" 14203 x-on:search-open.window.debounce.100="startSearch($refs.searchInput.value)" 14204 x-on:search-open.window.debounce.150="openSearch" 14205 x-on:search-open.window.debounce.300="doSearch($refs.searchInput.value)" 14206 x-on:keydown.debounce.100="startSearch($refs.searchInput.value)" 14207 x-on:click.debounce.150="openSearch" 14208 x-on:click.debounce.300="doSearch($refs.searchInput.value)" 14209 x-on:keyup.debounce.300="doSearch($refs.searchInput.value)"/> 14210 <button type="submit" 14211 x-cloak="" 14212 :class="`${isLoading ? 'hidden' : 'flex'}`" 14213 title="Search" 14214 class="btn-tertiary btn rounded-full h-10 w-10 p-0" 14215 aria-label="Search" 14216 > 14217 <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 16 16" fill="none" class="m-auto" role="img"> 14218<path d="M14.8757 15.5965L10.595 11.3158C10.095 11.7286 9.51995 12.0517 8.86996 12.285C8.21995 12.5183 7.54752 12.635 6.85265 12.635C5.14349 12.635 3.69697 12.0432 2.5131 10.8596C1.32924 9.67608 0.737305 8.22994 0.737305 6.52122C0.737305 4.81249 1.32909 3.36581 2.51265 2.1812C3.69622 0.996597 5.14237 0.404297 6.8511 0.404297C8.55982 0.404297 10.0065 0.996231 11.1911 2.1801C12.3757 3.36397 12.968 4.81048 12.968 6.51965C12.968 7.23375 12.8482 7.9158 12.6084 8.5658C12.3687 9.2158 12.0488 9.78118 11.6488 10.2619L15.9296 14.5427L14.8757 15.5965ZM6.85265 11.135C8.14112 11.135 9.23247 10.6879 10.1267 9.7937C11.0209 8.89946 11.4681 7.80811 11.4681 6.51965C11.4681 5.23118 11.0209 4.13983 10.1267 3.2456C9.23247 2.35136 8.14112 1.90425 6.85265 1.90425C5.56419 1.90425 4.47284 2.35136 3.5786 3.2456C2.68439 4.13983 2.23728 5.23118 2.23728 6.51965C2.23728 7.80811 2.68439 8.89946 3.5786 9.7937C4.47284 10.6879 5.56419 11.135 6.85265 11.135Z" fill="currentColor"/> 14219<title>search-icon</title></svg> 14220 </button> 14221 <div x-show="isLoading" x-cloak="" :class="`${isLoading ? 'flex' : 'hidden'}`" 14222 class="btn-tertiary btn rounded-full h-10 w-10 p-0"> 14223 <div class="w-[15px] h-[15px] border-[2px] border-white animate-spin rounded-full border-l-transparent border-r-transparent border-b-transparent m-auto"></div> 14224 </div> 14225 </div> 14226 14227 <template x-if="layoutFull && isContainerOpen"> 14228 <div class="right-0 top-0 p-3 flex"> 14229 <div class="mstInPage__indexList items-center hidden lg:flex text-base lg:text-lg"> 14230 <div> 14231 <a class="mstInPage__viewAll whitespace-nowrap mr-10 text-blue-500 no-underline" 14232 x-show="searchResults['magento_catalog_product']" 14233 :href="numberResultsUrl"> 14234 View all results â </a> 14235 </div> 14236 14237 <div class="flex"> 14238 <template x-for="(searchResult, identifier) in searchResults"> 14239 <template x-if="!!searchResult.totalItems"> 14240 <div 14241 class="mstInPage__index flex h-10 mr-1.5 px-2 pt-2 lg:pt-1 text-center align-middle inline-block rounded border border-transparent cursor-pointer whitespace-nowrap" 14242 @click="activateSection(identifier)" 14243 :class="{ 'active bg-blue-600 text-white' : activeIndex === identifier }">
14244 <span x-text="searchResult.title"></span> 14245 <small class="ml-1" 14246 :class="activeIndex === identifier ? 'text-gray-50' : 'text-gray-500'"> 14247 (<span x-html="searchResult.totalItems"></span>) 14248 </small> 14249 </div> 14250 </template> 14251 </template> 14252 </div> 14253 </div> 14254 <span @click="closeSearch" class="cursor-pointer"> 14255 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="text-gray-400" width="40" height="40" role="img"> 14256 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 14257<title>x</title></svg> 14258 </span> 14259 </div> 14260 </template> 14261 14262 </form> 14263 14264 14265 <template x-if="showHotSearch"> 14266 <div class="absolute card w-full mt-1 z-50"> 14267 <p class="text-lg leading-normal transition appearance-none text-gray-800 lg:text-xl border-b border-100 flex pb-4 mb-4"> 14268 Populaire suggesties </p> 14269 <div class="flex flex-wrap"> 14270 14271 <span x-on:click="hotSearchClickEvent" 14272 class="m-1 bg-gray-200 hover:bg-gray-300 rounded-full px-2 font-bold text-sm leading-loose cursor-pointer"> 14273 Stow </span> 14274 <span x-on:click="hotSearchClickEvent" 14275 class="m-1 bg-gray-200 hover:bg-gray-300 rounded-full px-2 font-bold text-sm leading-loose cursor-pointer"> 14276 Meta </span> 14277 <span x-on:click="hotSearchClickEvent" 14278 class="m-1 bg-gray-200 hover:bg-gray-300 rounded-full px-2 font-bold text-sm leading-loose cursor-pointer"> 14279 Werkbank </span> 14280 <span x-on:click="hotSearchClickEvent" 14281 class="m-1 bg-gray-200 hover:bg-gray-300 rounded-full px-2 font-bold text-sm leading-loose cursor-pointer"> 14282 Meta clip </span> 14283 <span x-on:click="hotSearchClickEvent" 14284 class="m-1 bg-gray-200 hover:bg-gray-300 rounded-full px-2 font-bold text-sm leading-loose cursor-pointer"> 14285 Draagarmstelling </span> 14286 <span x-on:click="hotSearchClickEvent" 14287 class="m-1 bg-gray-200 hover:bg-gray-300 rounded-full px-2 font-bold text-sm leading-loose cursor-pointer"> 14288 Gebruikt </span> 14289 14290 </div> 14291 </div> 14292 </template> 14293 <div x-cloak 14294 id="mirasvitSearchResults" 14295 class="card border-solid w-full p-4 mt-1 text-lg leading-normal transition appearance-none text-gray-800 lg:text-xl z-10 my-1 bg-white absolute" 14296 x-show="isOpen && !isLoading"> 14297 <template x-if="hasSearchResults"> 14298 <div class="flex flex-col"> 14299 <!-- Search Results --> 14300 <div class="overflow-y-auto overflow-x-hidden" 14301 :class="{ 14302 'grid lg:min-w-[50vw]' : layoutTwoColumns, 14303 'gap-1 max-h-[65vh] sm:grid-cols-8' : !layoutFull, 14304 'gap-4 lg:grid-cols-8' : layoutFull && isContainerOpen 14305 }"> 14306 14307 14308 <!-- Products --> 14309 <div class="mstInPage__itemList magento_catalog_product" 14310 x-show="!layoutFull || activeIndex === 'magento_catalog_product'"> 14311 <p class="text-lg leading-normal transition appearance-none text-gray-800 lg:text-xl border-b border-100 flex pb-4 mb-4">
14312 <span x-text="searchResults['magento_catalog_product'] && searchResults['magento_catalog_product'].title"></span> 14313 <template x-if="searchResults['magento_catalog_product']"> 14314 <small class="text-gray-500 ml-1"> 14315 (<span 14316 x-html="searchResults['magento_catalog_product'].totalItems"></span>) 14317 </small> 14318 </template> 14319 </p> 14320 14321 <div class="mx-auto grid grid-cols-1 gap-4"> 14322 <template x-if="searchResults['magento_catalog_product']"> 14323 <template x-for="item in searchResults['magento_catalog_product'].items"> 14324 <div class="mst-searchautocomplete__item flex flex-row text-base"> 14325 <div class="xl:min-w-32"> 14326 <a :href="`${item.url}`"> 14327 <img :src="`${item.imageUrl}`" 14328 :alt="`${item.name}`" 14329 class="my-auto" 14330 height="128" 14331 width="128" 14332 /> 14333 </a> 14334 </div> 14335 <div class="mst__product-meta w-full"> 14336 <a :href="`${item.url}`" 14337 class="flex flex-row flex-wrap w-full"> 14338 <div class="flex flex-col w-full p-2"> 14339 <h4 class="text-gray-900 font-bold" 14340 :class="{ 'lg:text-lg' : layoutFull }" 14341 x-html="item.name"> 14342 </h4> 14343 </div> 14344 </a> 14345 <div class="mt-auto px-2 w-full pb-2" 14346 :class="layoutFull ? 'text-base' : 'text-sm'"> 14347 <div class="flex justify-between"> 14348 <div class="flex flex-row text-base mt-2"> 14349 <span 14350 class="text-gray-700 font-semibold justify-end lg:flex-col xl:flex-row" 14351 x-html="item.price"> 14352 </span> 14353 </div> 14354 </div> 14355 </div> 14356 </div> 14357 </div> 14358 </template> 14359 </template> 14360 <template x-if="!isLoading && !searchResults['magento_catalog_product']"> 14361 <p class="text-lg">Geen resultaten gevonden</p> 14362 </template> 14363 </div> 14364 14365 </div> 14366 14367 <!-- Categories, Pages, Posts, Articles (Full page layout) --> 14368 14369 14370 <!-- Categories, Pages, Posts, Articles (1|2-column layout) --> 14371 <template x-for="(searchResult, identifier) in searchResults"> 14372 <template 14373 x-if="!!searchResult.totalItems && ('magento_catalog_product' !== identifier)"> 14374 <div class="mb-6"> 14375 <p class="text-lg leading-normal transition appearance-none text-gray-800 lg:text-xl border-b border-100 flex pb-4 mb-4">
14376 <span x-text="searchResult.title"></span> 14377 <small class="text-gray-500 ml-1"> 14378 (<span x-html="searchResult.totalItems"></span>) 14379 </small> 14380 </p> 14381 <div class="px-2"> 14382 <template x-for="item in searchResult.items"> 14383 <a :href="`${item.url}`"> 14384 <div class="my-2 flex flex-wrap"> 14385 <span 14386 class="m-1 font-bold text-sm leading-loose cursor-pointer" 14387 x-html="item.name"> 14388 </span> 14389 </div> 14390 </a> 14391 </template> 14392 </div> 14393 </div> 14394 </template> 14395 </template> 14396 14397 14398 </div> 14399 14400 <!-- Bottom --> 14401 <div class="flex items-center justify-center mt-4"> 14402 <a class="inline-flex btn btn-secondary w-full justify-center" :href="numberResultsUrl"> 14403 <p class="transition duration-300 font-bold text-sm" 14404 x-html="numberResults"></p> 14405 </a> 14406 </div> 14407 </div> 14408 </template> 14409 14410 <template x-if="noResults"> 14411 <div class="bg-gray-100 p-2"> 14412 <p class="text-base leading-normal transition appearance-none text-gray-800 lg:text-lg"> 14413 Sorry er is niks gevonden. </p> 14414 </div> 14415 </template> 14416</div> 14417</div> 14418</div> 14419 14420 14421</div> 14422 14423
14424<script> 14425 function initMirasvitSearch() { 14426 return { 14427 //initialize Variables 14428 showHotSearch: false, 14429 hasSearchResults: false, 14430 noResults: false, 14431 isLoading: false, 14432 isOpen: false, 14433 isContainerOpen: false, 14434 blockConfig: {"query":"","priceFormat":{"pattern":"%s","precision":2,"requiredPrecision":2,"decimalSymbol":",","groupSymbol":".","groupLength":3,"integerRequired":false},"minSearchLength":3,"url":"https:\/\/123magazijninrichting.nl\/searchautocomplete\/ajax\/suggest\/","storeId":"1","delay":300,"isAjaxCartButton":false,"isShowCartButton":false,"isShowImage":true,"isShowPrice":true,"isShowSku":true,"isShowRating":false,"isShowDescription":false,"isShowStockStatus":false,"isShowAdditionalAttributes":false,"isKeepLastSearchRequest":false,"layout":"1column","popularTitle":"Populaire suggesties","popularSearches":["Stow","Meta","Werkbank","Meta clip","Draagarmstelling","Gebruikt"],"isTypeaheadEnabled":false,"typeaheadUrl":"https:\/\/123magazijninrichting.nl\/searchautocomplete\/ajax\/typeahead\/","minSuggestLength":2,"currency":"EUR","limit":null,"customerGroupId":0,"filterPosition":"disable","availableOrders":{"_score":"Relevantie","name.sort_name":"Product Name","price_0_1":"Price"},"defaultOrder":"_score","localStorageFields":{"prevRequestField":"mstLatestRequest","isRestorePrevRequestFlag":"mstIsRestorePrevRequest","isRefererAutocompleteFlag":"mstIsRefererAutocomplete"}}, 14435 layoutFull: 0, 14436 layoutTwoColumns: 0, 14437 page: 1, 14438 xhttp: false, 14439 noResultsText: '', 14440 numberResults: '', 14441 numberResultsUrl: '', 14442 filterList: new Map(), 14443 buckets: [], 14444 collapses: [], 14445 priceFrom: -1, 14446 priceTo: -1, 14447 priceMin: -1, 14448 priceMax: -1, 14449 minThumb: 0, 14450 maxThumb: 0, 14451 step: 1, 14452 generalUrl: '', 14453 searchResults: {}, 14454 activeIndex: 'magento_catalog_product', 14455 highlightedParams: [], 14456 14457 hotSearchClickEvent: function (event) { 14458 const hotSearchClick = event.currentTarget.innerText; 14459 let searchElement = document.querySelector('#search'); 14460 searchElement.value = hotSearchClick; 14461 searchElement.click(); 14462 this.doSearch(hotSearchClick); 14463 searchElement.focus(); 14464 }, 14465 14466 preOpen: function () { 14467 if (this.layoutFull) { 14468 document.querySelector('body').classList.add('mstInPage'); 14469 } 14470 14471 this.isContainerOpen = true; 14472 }, 14473 14474 openSearch: function () { 14475 if (document.getElementById("search").value.length >= this.blockConfig.minSearchLength) { 14476 this.isOpen = true; 14477 this.showHotSearch = false; 14478 } else { 14479 this.showHotSearch = true; 14480 this.hasSearchResults = false; 14481 } 14482 }, 14483 14484 startSearch: function (e) { 14485 this.isOpen = !!e; 14486 }, 14487 14488 closeSearch: function () { 14489 this.isOpen = false; 14490 this.showHotSearch = false; 14491 14492 14493 if (this.layoutFull) { 14494 document.querySelector('body').classList.remove('mstInPage'); 14495 } 14496 14497 this.isContainerOpen = false; 14498 this.searchOpen = false; 14499 14500 //const event = new Event("search-open"); 14501 //window.dispatchEvent(event); 14502 }, 14503 14504 setNoResultsText(text) { 14505 if (!text) { 14506 return; 14507 } 14508 14509 this.noResultsText = text; 14510 }, 14511 14512 goToPage: function (page) { 14513 this.page = page; 14514 this.doSearch(this.query); 14515 }, 14516 14517 doSearch: function (query) { 14518 14519 // Min search length 14520 if (query.length < this.blockConfig.minSearchLength) { 14521 this.showHotSearch = true; 14522 this.isLoading = false;
14523 this.hasSearchResults = false; 14524 this.noResults = false; 14525 14526 return; 14527 } else { 14528 this.showHotSearch = false; 14529 this.hasSearchResults = true; 14530 this.noResults = false; 14531 } 14532 14533 if (this.query !== query) { 14534 this.query = query; 14535 this.filterList = new Map(); 14536 } 14537 14538 let self = this; 14539 14540 let url = this.blockConfig.url.replace(/\/$/, '') 14541 + '/?q=' + encodeURIComponent(this.query) 14542 + '&store_id=' + this.blockConfig.storeId 14543 + '&cat=false' 14544 + '&limit=' + this.blockConfig.limit 14545 + '&p=' + this.page 14546 + '&buckets[0]=category_ids' 14547 + '¤cy=' + this.blockConfig.currency 14548 ; 14549 14550 14551 const generalUrl = url; 14552 14553 if (generalUrl === self.generalUrl) { 14554 this.isLoading = false; 14555 14556 return; 14557 } else { 14558 this.isLoading = true; 14559 url += '&index=' + this.activeIndex; 14560 } 14561 14562 // AJAX for searchautocomplete/ajax/suggest/ 14563 if (this.xhttp) { 14564 try { 14565 this.xhttp.abort(); 14566 } catch { 14567 14568 } 14569 } 14570 this.xhttp = new XMLHttpRequest(); 14571 let xhttp = this.xhttp; 14572 14573 xhttp.open("GET", url, true); 14574 xhttp.setRequestHeader("Content-Type", "application/json"); 14575 14576 xhttp.onreadystatechange = function () { 14577 if (this.readyState === 4 && this.status === 200) { 14578 // Response from ajax call in JSON. 14579 const response = JSON.parse(this.responseText); 14580 14581 self.searchResults = {}; 14582 14583 for (const index in response.indexes) { 14584 if (response.indexes[index].items.length > 0) { 14585 const res = response.indexes[index]; 14586 14587 if ('magento_catalog_product' === res.identifier) { 14588 res.items.forEach(function (item, index) { 14589 self.highlightedParams.forEach(param => { 14590 res.items[index][param] = highlightMatch(item[param], query); 14591 }); 14592 }); 14593 } 14594 14595 self.searchResults[res.identifier] = res; 14596 } 14597 } 14598 14599 if ( 14600 !self.searchResults['magento_catalog_product'] 14601 && (Object.values(self.searchResults).length > 0) 14602 ) { 14603 self.activateSection(Object.keys(self.searchResults)[0]); 14604 } 14605 14606 self.setBuckets(self.searchResults, self.activeIndex); 14607 14608 self.isLoading = false; 14609 self.noResults = false; 14610 self.numberResults = response.textAll; 14611 self.numberResultsUrl = response.urlAll; 14612 self.generalUrl = generalUrl; 14613 14614 if (response.noResults) { 14615 self.setNoResultsText(response.textEmpty); 14616 self.hasSearchResults = false; 14617 self.noResults = true; 14618 } 14619 } 14620 }; 14621 xhttp.send(); 14622 }, 14623 14624 setBuckets(indexes, indexIdentifier) { 14625 this.buckets = []; 14626 14627 for (const key in indexes) { 14628 if (key !== indexIdentifier) { 14629 continue; 14630 } 14631 14632 const idx = indexes[key]; 14633 14634 for (const bucketKey in idx.buckets) { 14635 const bucket = idx.buckets[bucketKey] 14636 let bucketItems = []; 14637 14638 if (bucket.code === 'price') { 14639 this.priceMin = this.priceMin === -1 || this.priceMin > bucket.min ? bucket.min : this.priceMin; 14640 this.priceMax = this.priceMax === -1 || this.priceMax < bucket.max ? bucket.max : this.priceMax; 14641 this.priceFrom = this.priceFrom === -1 ? this.priceMin : this.priceFrom; 14642 this.priceTo = this.priceTo === -1 ? this.priceMax : this.priceTo; 14643 this.minPriceTrigger(); 14644 this.maxPriceTrigger(); 14645 } 14646 14647 for (const itemKey in bucket.items) { 14648 const item = bucket.items[itemKey]; 14649 14650 let isActive = this.filterList.get(bucket.code)?.includes(item.key) || false; 14651 14652 bucketItems.push({...item, isActive, select: () => this.selectItem(bucket.code, item.key)}); 14653 } 14654 14655 if (bucketItems.length > 0 || bucket.code === 'price') { 14656 this.buckets.push({ 14657 ...bucket, 14658 items: bucketItems, 14659 isExpanded: !this.collapses.includes(bucket.code), 14660 expand: () => this.toggleCollapse(bucket.code) 14661 }); 14662 } 14663 } 14664 } 14665 }, 14666 14667 selectItem(bucketCode, key) { 14668 let filterList = this.filterList; 14669 let filterItems = filterList.get(bucketCode) || []; 14670 14671 if (bucketCode === 'price') { 14672 filterList.set(bucketCode, [key]); 14673 } else { 14674 let index = filterItems.indexOf(key); 14675 14676 if (index >= 0) { 14677 filterItems.splice(index, 1); 14678 filterItems.length > 0 ? filterList.set(bucketCode, filterItems) : filterList.delete(bucketCode); 14679 } else { 14680 filterItems.push(key); 14681 filterList.set(bucketCode, filterItems); 14682 } 14683 } 14684 14685 this.filterList = new Map(filterList); 14686 this.doSearch(this.query); 14687 }, 14688 14689 toggleCollapse(code) { 14690 14691 if (this.collapses.includes(code)) { 14692 this.collapses = this.collapses.filter(c => c !== code); 14693 } else { 14694 this.collapses.push(code); 14695 } 14696 14697 this.setBuckets(this.searchResults, this.activeIndex); 14698 }, 14699 14700 minPriceTrigger() { 14701 if (!this.isNumeric(this.priceFrom) || (this.priceFrom < this.priceMin)) { 14702 this.priceFrom = this.priceMin; 14703 } 14704 this.priceFrom = Math.min(this.priceFrom, this.priceTo - this.step); 14705 this.minThumb = ((this.priceFrom - this.priceMin) / (this.priceMax - this.priceMin)) * 100; 14706 }, 14707 14708 maxPriceTrigger() { 14709 if (!this.isNumeric(this.priceTo) || (this.priceTo > this.priceMax)) { 14710 this.priceTo = this.priceMax; 14711 } 14712 this.priceTo = Math.max(this.priceTo, this.priceFrom + this.step); 14713 this.maxThumb = 100 - (((this.priceTo - this.priceMin) / (this.priceMax - this.priceMin)) * 100); 14714 }, 14715 14716 isNumeric(obj) { 14717 return !isNaN(parseFloat(obj)) && isFinite(obj); 14718 }, 14719 14720 activateSection(identifier) { 14721 if (identifier !== this.activeIndex) { 14722 this.activeIndex = identifier; 14723 this.goToPage(1); 14724 } 14725 }, 14726 14727 processAddToCart(addToCartElement, linkToCart) { 14728 if (this.blockConfig.isAjaxCartButton) { 14729 fetch(linkToCart + '?isAjax=1', { 14730 method: 'GET', 14731 headers: { 14732 'Accept': 'application/json', 14733 'Content-Type': 'application/json' 14734 } 14735 }) 14736 .then(response => response.json()) 14737 .then(data => { 14738 let messageElement = document.createElement('div'); 14739 messageElement.className = `to_cart_message message ${data.success ? 'success' : 'error'} text-sm p-2`; 14740 messageElement.innerHTML = data.message; 14741 14742 addToCartElement.closest('.mst__product-meta').prepend(messageElement); 14743 14744 setTimeout(() => { 14745 let messageElement = addToCartElement.closest('.mst__product-meta').querySelector('.to_cart_message'); 14746 if (messageElement) { 14747 messageElement.remove(); 14748 } 14749 }, 5000); 14750 }) 14751 .catch(error => { 14752 console.error('Error:', error); 14753 }); 14754 } else { 14755 addToCartElement.setAttribute('href', linkToCart); 14756 addToCartElement.click(); 14757 } 14758 14759 return false;
14760 } 14761 } 14762 } 14763</script>
14763 14764
14765<script> 14766 function highlightMatch(html, query) { 14767 if (!html) { 14768 return html; 14769 } 14770 14771 const cssClass = 'bg-secondary' 14772 let arQuery = query.split(' '); 14773 let arSpecialChars = [ 14774 {'key': 'a', 'value': '(à |â|Ä |a)'}, 14775 {'key': 'c', 'value': '(ç|Ä|c)'}, 14776 {'key': 'e', 'value': '(è|é|Ä|ê|ë|Ä|e)'}, 14777 {'key': 'i', 'value': '(î|ï|į|i)'}, 14778 {'key': 'o', 'value': '(ô|o)'}, 14779 {'key': 's', 'value': '(Å¡|s)'}, 14780 {'key': 'u', 'value': '(ù|ü|û|Å«|ų|u)'} 14781 ]; 14782 14783 arQuery.forEach(function (word) { 14784 word = word.trim(); 14785 14786 if (word) { 14787 word = word.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g, '\\$&'); 14788 arSpecialChars.forEach(function (match) { 14789 word = word.replace(new RegExp(match.key, 'g'), match.value); 14790 }); 14791 14792 if ("span".indexOf(word.toLowerCase()) === -1) { 14793 html = html.replace(new RegExp('(' + word + '(?![^<>]*>))', 'ig'), function ($1, match) { 14794 return '<span class="' + cssClass + '">' + match + '</span>'; 14795 }); 14796 } 14797 } 14798 }); 14799 14800 return html; 14801 } 14802</script>
14802 14803 14804<style> 14805 input[type=range]::-webkit-slider-thumb { 14806 pointer-events: all; 14807 width: 24px; 14808 height: 24px; 14809 -webkit-appearance: none; 14810 /* @apply w-6 h-6 appearance-none pointer-events-auto; */ 14811 } 14812 14813 body.mstInPage { 14814 position: absolute; 14815 overflow-y: hidden; 14816 width: 100%; 14817 height: 100%; 14818 box-sizing: border-box; 14819 } 14820 14821 body.mstInPage #search { 14822 --tw-ring-shadow: none; 14823 } 14824 14825 body.mstInPage #search::-webkit-search-cancel-button, 14826 body.mstInPage #search::-webkit-search-decoration { 14827 -webkit-appearance: none; 14828 appearance: none; 14829 } 14830 14831 body.mstInPage #search-content { 14832 z-index: 1000; 14833 } 14834</style> 14835 </div> 14836 </div> 14837 </div> 14838 14839
14839<script> 14840 function initCartDrawer() { 14841 return { 14842 open: false, 14843 isLoading: false, 14844 cart: {}, 14845 maxItemsToDisplay: 10, 14846 itemsCount: 0, 14847 getData(data) { 14848 if (data.cart) { 14849 this.cart = data.cart; 14850 this.itemsCount = data.cart.items && data.cart.items.length || 0; 14851 this.setCartItems(); 14852 } 14853 this.isLoading = false; 14854 }, 14855 cartItems: [], 14856 getItemCountTitle() { 14857 return hyva.strf('\u00250\u0020of\u0020\u00251\u0020products\u0020in\u0020cart\u0020displayed', this.maxItemsToDisplay, this.itemsCount) 14858 }, 14859 setCartItems() { 14860 this.cartItems = this.cart.items && this.cart.items.sort((a, b) => b.item_id - a.item_id) || []; 14861 14862 if (this.maxItemsToDisplay > 0) { 14863 this.cartItems = this.cartItems.slice(0, parseInt(this.maxItemsToDisplay, 10)); 14864 } 14865 }, 14866 deleteItemFromCart(itemId) { 14867 this.isLoading = true; 14868 14869 const formKey = hyva.getFormKey(); 14870 const postUrl = BASE_URL + 'checkout/sidebar/removeItem/'; 14871 14872 fetch(postUrl, { 14873 "headers": { 14874 "content-type": "application/x-www-form-urlencoded; charset=UTF-8", 14875 }, 14876 "body": "form_key=" + formKey + "&item_id=" + itemId, 14877 "method": "POST", 14878 "mode": "cors", 14879 "credentials": "include" 14880 }).then(response => { 14881 if (response.redirected) { 14882 window.location.href = response.url; 14883 } else if (response.ok) { 14884 return response.json(); 14885 } else { 14886 window.dispatchMessages && window.dispatchMessages([{ 14887 type: 'warning', 14888 text: 'Kan\u0020artikel\u0020niet\u0020uit\u0020offerte\u0020verwijderen.' 14889 }]); 14890 this.isLoading = false; 14891 } 14892 }).then(result => { 14893 window.dispatchMessages && window.dispatchMessages([{ 14894 type: result.success ? 'success' : 'error', 14895 text: result.success 14896 ? 'U\u0020heeft\u0020het\u0020artikel\u0020verwijderd.' 14897 : result.error_message 14898 }], result.success ? 5000 : 0) 14899 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 14900 }); 14901 }, 14902 scrollLock(use = true) { 14903 document.body.style.overflow = use ? "hidden" : ""; 14904 }, 14905 toggleCartDrawer(event) { 14906 if (event.detail && event.detail.isOpen !== undefined) { 14907 if (event.detail.isOpen) { 14908 this.openCartDrawer(); 14909 } else { 14910 this.open = false; 14911 this.scrollLock(false); 14912 this.$refs && this.$refs.cartDialogContent && hyva.releaseFocus(this.$refs.cartDialogContent); 14913 } 14914 } else { 14915 this.openCartDrawer() 14916 } 14917 }, 14918 openCartDrawer() { 14919 this.open = true; 14920 this.scrollLock(true); 14921 this.$nextTick(() => { 14922 this.$refs && this.$refs.cartDialogContent && hyva.trapFocus(this.$refs.cartDialogContent) 14923 }) 14924 }, 14925 closeCartDrawer() { 14926 this.$dispatch('toggle-cart', { isOpen: false }) 14927 }, 14928 getSectionDataExtraActions() { 14929 if (!this.cart.extra_actions) { 14930 return ''; 14931 } 14932 14933 const contentNode = document.createElement('div'); 14934 contentNode.innerHTML = this.cart.extra_actions; 14935 14936 hyva.activateScripts(contentNode); 14937 14938 return contentNode.innerHTML; 14939 } 14940 } 14941 } 14942</script>
14942 14943<section x-cloak 14944 x-show="cart" 14945 id="cart-drawer" 14946 x-data="initCartDrawer()" 14947 @private-content-loaded.window="getData($event.detail.data)" 14948 @toggle-cart.window="toggleCartDrawer($event)" 14949 @keydown.escape="closeCartDrawer" 14950> 14951 <div role="dialog" 14952 aria-labelledby="cart-drawer-title" 14953 aria-modal="true" 14954 :aria-hidden="!open" 14955 class="fixed inset-y-0 right-0 z-[200] flex max-w-[90%]"> 14956 <div class="backdrop" 14957 x-show="open" 14958 x-transition:enter="ease-in-out duration-200" 14959 x-transition:enter-start="opacity-0" 14960 x-transition:enter-end="opacity-100" 14961 x-transition:leave="ease-in-out duration-200" 14962 x-transition:leave-start="opacity-100" 14963 x-transition:leave-end="opacity-0" 14964 role="button" 14965 @click="closeCartDrawer" 14966 aria-label="Close minicart"></div> 14967 <div class="relative w-screen max-w-md" 14968 x-show="open" 14969 x-transition:enter="transform transition ease-in-out duration-200" 14970 x-transition:enter-start="translate-x-full" 14971 x-transition:enter-end="translate-x-0" 14972 x-transition:leave="transform transition ease-in-out duration-200" 14973 x-transition:leave-start="translate-x-0" 14974 x-transition:leave-end="translate-x-full" 14975 x-ref="cartDialogContent" 14976 role="region" 14977 :tabindex="open ? 0 : -1" 14978 aria-label="Mijn Winkelwagen" 14979 14980 > 14981 <div class="flex flex-col h-full max-h-screen bg-white shadow-xl"> 14982 14983 <header class="bg-header flex justify-between h-[4.5rem] top-0 relative"> 14984 <p id="cart-drawer-title" class="text-lg font-semibold leading-[100%] text-white block my-auto h-max pl-4 sm:pl-6"> 14985 Mijn Winkelwagen </p> 14986 <button 14987 type="button" 14988 @click="closeCartDrawer" 14989 aria-label="Close minicart" 14990 class="text-gray-300 transition-colors px-4 py-5 sm:px-6" 14991 > 14992 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 14993 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 14994</svg> 14995 </button> 14996 </header> 14997 14998 14999 <template x-if="!itemsCount"> 15000 <div class="relative px-4 py-8 bg-white border-bs sm:px-6 border-container font-medium"> 15001 Winkelwagen is leeg </div> 15002 </template> 15003 15004 15005 <template x-if="itemsCount"> 15006 <div class="relative grid gap-6 sm:gap-8 pb-3 bg-white border-b border-container overflow-y-auto overscroll-y-contain"> 15007 <template x-for="item in cartItems"> 15008 <div class="flex-row flex hover:bg-gray-100 transition duration-150 sm:px-3"> 15009 <a :href="item.product_url" 15010 :aria-label="hyva.strf('Product\u0020\u0022\u00250\u0022', item.product_name)" 15011 class="flex items-start p-3 ease-in-out rounded-lg gap-x-2 flex-1" 15012 > 15013 <div class="relative"> 15014 <div class="absolute right-0 top-0 min-w-4 min-h-4 rounded-full bg-primary text-white 15015 text-xs font-semibold leading-[100%] tabular-nums flex justify-center items-center cart-count" x-html="item.qty"></div> 15016 <img 15017 :src="item.product_image.src" 15018 :width="item.product_image.width" 15019 :height="item.product_image.height" 15020 loading="lazy" 15021 alt="" 15022 /> 15023 </div> 15024 <div class="w-3/4 flex-1 relative"> 15025 <div class="flex justify-between mb-2"> 15026 <p class="font-semibold">
15027 <span x-html="item.product_name"></span> 15028 </p> 15029 </div> 15030 <template x-for="option in item.options"> 15031 <div class="text-sm text-slate-500"> 15032 <p class="font-bold float-left clear-left mr-2" x-text="option.label + ':'"></p> 15033 <p class="" x-html="option.value"></p> 15034 </div> 15035 </template> 15036 <p class="mt-2"><span x-html="item.product_price"></span></p> 15037 </div> 15038 </a> 15039 <div class="pr-3 py-3"> 15040 <button type="button" 15041 class="inline-flex text-slate-300" 15042 @click="deleteItemFromCart(item.item_id)" 15043 :aria-label="hyva.strf('Remove\u0020product\u0020\u0022\u00250\u0022\u0020from\u0020cart', item.product_name)" 15044 > 15045 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="20" height="20" aria-hidden="true"> 15046 <path stroke-linecap="round" stroke-linejoin="round" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/> 15047</svg> 15048 </button> 15049 </div> 15050 </div> 15051 </template> 15052 </div> 15053 </template> 15054 15055 <template x-if="itemsCount"> 15056 <div> 15057 15058 <div class="relative grid gap-6 sm:gap-8 py-3 px-1 sm:px-3 bg-white"> 15059 <div class="flex flex-col gap-3 w-full p-3 transition duration-150 ease-in-out rounded-lg"> 15060 <a @click.prevent.stop="closeCartDrawer; $dispatch('toggle-authentication', 15061 {url: 'https://123magazijninrichting.nl/checkout/'});" 15062 href="https://123magazijninrichting.nl/checkout/" 15063 class="inline-flex btn btn-primary w-full font-semibold justify-center hover:bg-[#0a2346]" 15064 x-html="'Ja, ik wil bestellen (' + ($store.storeMode.value === 'excl-tax' ? cart.subtotal_excl_tax : cart.subtotal_incl_tax) + ')'" 15065 > 15066 Ja, ik wil bestellen </a> 15067 <a href="https://123magazijninrichting.nl/checkout/cart/" 15068 class="text-center my-3 hover:underline" 15069 > 15070 Bekijk winkelwagen </a> 15071 </div> 15072 <div x-html="getSectionDataExtraActions()"></div> 15073 </div> 15074 </div> 15075 </template> 15076 15077
15077<script> 15078 function prepareMollieApplePayMinicart() { 15079 const objectToFormData = (object, prefix = null, formDataObject = null) => { 15080 const formData = formDataObject || new FormData(); 15081 Object.keys(object).forEach(key => { 15082 const value = object[key]; 15083 const name = prefix ? `${prefix}[${key}]` : key; 15084 if (value instanceof Object) { 15085 objectToFormData(value, name, formData); 15086 } else { 15087 formData.append(name, value); 15088 } 15089 }); 15090 15091 return new URLSearchParams(formData).toString(); 15092 }; 15093 15094 return { 15095 totalAmount: 0, 15096 15097 init() { 15098 // Normally we would use private-content-loaded to get this information, but this component is 15099 // rendered after this event has been dispatched. So get the information from the browser storage. 15100 const browserStorage = hyva.getBrowserStorage(); 15101 if (browserStorage) { 15102 const cacheStorage = browserStorage.getItem('mage-cache-storage'); 15103 const cart = JSON.parse(cacheStorage).cart; 15104 15105 this.totalAmount = cart.subtotalAmount; 15106 } 15107 15108 window.addEventListener('private-content-loaded', event => { 15109 this.totalAmount = event.detail.data.cart.subtotalAmount 15110 }) 15111 }, 15112 15113 isLoading(value) { 15114 // This loader lives outside the cart in view/frontend/templates/applepay/loader.phtml 15115 const eventName = value ? 'mollie-applepay-loading-start' : 'mollie-applepay-loading-stop'; 15116 window.dispatchEvent(new CustomEvent(eventName, {})) 15117 }, 15118 15119 pay() { 15120 const amount = this.totalAmount; 15121 let countryCode, postalCode, shippingMethods, selectedShippingMethod, quoteTotals; 15122 15123 const request = { 15124 countryCode: "NL", 15125 currencyCode: "EUR", 15126 supportedNetworks: ["amex","masterCard","visa","maestro","vPay"], 15127 merchantCapabilities: ['supports3DS'], 15128 total: { 15129 label: "Default\u0020Store\u0020View", 15130 amount: amount 15131 }, 15132 shippingType: 'shipping', 15133 requiredBillingContactFields: [ 15134 'postalAddress', 15135 'name', 15136 'email', 15137 'phone' 15138 ], 15139 requiredShippingContactFields: [ 15140 'postalAddress', 15141 'name', 15142 'email', 15143 'phone' 15144 ] 15145 } 15146 15147 let session = new ApplePaySession(3, request); 15148 15149 const getTotal = () => { 15150 const total = quoteTotals.find(item => item.code === 'grand_total') || quoteTotals[quoteTotals.length - 1]; 15151 15152 total.label = "Default\u0020Store\u0020View"; 15153 15154 const payload = { total }; 15155 window.dispatchEvent(new CustomEvent('mollie-applepay-total', { 15156 detail: payload, 15157 })); 15158 15159 return payload.total; 15160 }; 15161 15162 const getLineItems = () => { 15163 let totals = [...quoteTotals]; 15164 totals = totals.filter(item => item.code !== 'grand_total'); 15165 15166 const payload = { lineItems: totals }; 15167 window.dispatchEvent(new CustomEvent('mollie-applepay-lineitems', { 15168 detail: payload, 15169 })); 15170 15171 return payload.lineItems; 15172 }; 15173 15174 const handleAjaxError = (message) => { 15175 this.isLoading(false); 15176 session.abort(); 15177 15178 dispatchMessages([ 15179 { 15180 text: message, 15181 type: 'error' 15182 } 15183 ]); 15184 }; 15185 15186 session.onpaymentmethodselected = () => { 15187 session.completePaymentMethodSelection(getTotal(), []); 15188 }; 15189 15190 session.onshippingcontactselected = (event) => { 15191 countryCode = event.shippingContact.countryCode; 15192 postalCode = event.shippingContact.postalCode; 15193 15194 fetch(`${BASE_URL}mollie/applePay/shippingMethods?form_key=${hyva.getFormKey()}`, { 15195 method: 'POST', 15196 headers: { 15197 'content-type': 'application/x-www-form-urlencoded; charset=UTF-8', 15198 }, 15199 body: 'countryCode=' + event.shippingContact.countryCode + 15200 '&postalCode=' + event.shippingContact.postalCode 15201 }) 15202 .then(async (response) => { 15203 if (!response.ok) { 15204 const data = await response.json(); 15205 if (data.message) { 15206 throw new Error(data.message); 15207 } 15208 15209 throw new Error('Network response was not ok'); 15210 } 15211 return response.json(); 15212 }) 15213 .then(result => { 15214 shippingMethods = result.shipping_methods; 15215 selectedShippingMethod = result.shipping_methods[0]; 15216 quoteTotals = result.totals; 15217 15218 session.completeShippingContactSelection( 15219 ApplePaySession.STATUS_SUCCESS, 15220 result.shipping_methods, 15221 getTotal(), 15222 getLineItems() 15223 ); 15224 }) 15225 .catch(error => handleAjaxError(error)); 15226 }; 15227 15228 session.onshippingmethodselected = (event) => { 15229 selectedShippingMethod = event.shippingMethod; 15230 15231 fetch(`${BASE_URL}mollie/applePay/shippingMethods?form_key=${hyva.getFormKey()}`, { 15232 method: 'POST', 15233 headers: { 15234 'content-type': 'application/x-www-form-urlencoded; charset=UTF-8', 15235 }, 15236 body: objectToFormData({ 15237 shippingMethod: selectedShippingMethod, 15238 countryCode: countryCode, 15239 postalCode: postalCode 15240 }) 15241 }) 15242 .then(async (response) => { 15243 if (!response.ok) { 15244 const data = await response.json(); 15245 if (data.message) { 15246 throw new Error(data.message); 15247 } 15248 15249 throw new Error('Network response was not ok'); 15250 } 15251 return response.json(); 15252 }) 15253 .then(result => { 15254 quoteTotals = result.totals; 15255 15256 session.completeShippingMethodSelection( 15257 ApplePaySession.STATUS_SUCCESS, 15258 getTotal(), 15259 getLineItems() 15260 ); 15261 }) 15262 .catch(error => handleAjaxError(error)); 15263 }; 15264 15265 session.onpaymentauthorized = (event) => { 15266 fetch(`${BASE_URL}mollie/applePay/placeOrder?form_key=${hyva.getFormKey()}`, { 15267 method: 'POST', 15268 headers: { 15269 'content-type': 'application/x-www-form-urlencoded; charset=UTF-8', 15270 }, 15271 body: objectToFormData({ 15272 shippingMethod: selectedShippingMethod, 15273 billingAddress: event.payment.billingContact, 15274 shippingAddress: event.payment.shippingContact, 15275 applePayPaymentToken: JSON.stringify(event.payment.token) 15276 }) 15277 }) 15278 .then(async (response) => { 15279 if (!response.ok) { 15280 const data = await response.json(); 15281 if (data.message) { 15282 throw new Error(data.message); 15283 } 15284 15285 throw new Error('Network response was not ok'); 15286 } 15287 return response.json(); 15288 }) 15289 .then(result => { 15290 if (!session) { 15291 console.warn('Payment canceled'); 15292 return; 15293 } 15294 15295 if (result.error) { 15296 handleAjaxError(result.error_message); 15297 return; 15298 } 15299 15300 if (!result.url) { 15301 handleAjaxError('Something went wrong, please try again later.'); 15302 return; 15303 } 15304 15305 session.completePayment(ApplePaySession.STATUS_SUCCESS); 15306 15307 location.href = result.url; 15308 }) 15309 .catch(error => handleAjaxError(error)); 15310 }; 15311 15312 session.onvalidatemerchant = (event) => { 15313 fetch( 15314 `${BASE_URL}mollie/checkout/applePayValidation?form_key=${hyva.getFormKey()}`, 15315 { 15316 method: 'POST', 15317 headers: { 15318 'content-type': 'application/x-www-form-urlencoded; charset=UTF-8', 15319 }, 15320 body: objectToFormData({validationURL: event.validationURL}), 15321 } 15322 ) 15323 .then((response) => { 15324 if (!response.ok) { 15325 throw new Error('Merchant validation failed'); 15326 } 15327 15328 return response.json() 15329 }) 15330 .then((result) => session.completeMerchantValidation(result)) 15331 .catch(error => handleAjaxError(error)); 15332 }; 15333 15334 session.oncancel = () => { 15335 this.isLoading(false); 15336 session = null; 15337 } 15338 15339 this.isLoading(true); 15340 session.begin(); 15341 } 15342 } 15343 } 15344 15345 window.addEventListener( 15346 'alpine:init', 15347 () => Alpine.data('prepareMollieApplePayMinicart', prepareMollieApplePayMinicart), 15348 {once: true} 15349 ) 15350</script>
15350 15351 </div> 15352 </div> 15353 <div class="flex flex-row justify-center items-center w-full h-full fixed select-none z-[60] hidden" 15354 style="left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,0.7);" 15355 x-transition:enter="ease-out duration-200" 15356 x-transition:enter-start="opacity-0" 15357 x-transition:enter-end="opacity-100" 15358 x-transition:leave="ease-in duration-200" 15359 x-transition:leave-start="opacity-100" 15360 x-transition:leave-end="opacity-0"> 15361 <div class="w-20 h-20 border-[3px] border-primary animate-spin rounded-full border-l-transparent border-r-transparent border-b-transparent"></div> 15362</div> 15363 </div> 15364 15365</section> 15366
15366<script> 15367 function initAuthentication() { 15368 return { 15369 open: false, 15370 forceAuthentication: false, 15371 checkoutUrl: 'https://123magazijninrichting.nl/checkout/index/', 15372 errors: 0, 15373 hasCaptchaToken: 0, 15374 displayErrorMessage: false, 15375 errorMessages: [], 15376 setErrorMessages: function setErrorMessages(messages) { 15377 this.errorMessages = [messages]; 15378 this.displayErrorMessage = this.errorMessages.length; 15379 }, 15380 submitForm: function () { 15381 // Do not rename $form, the variable is expected to be declared in the recaptcha output 15382 const $form = document.querySelector('#login-form'); 15383 if (!this.hasCaptchaToken) { 15384 this.errors = 1; 15385 15386 15387 const executeGreCaptcha = () => { 15388 grecaptcha.ready(() => { 15389 grecaptcha.execute( 15390 '6Ldy4t8rAAAAACzayc8DMHS2U2aG5hEl7WZ4gQY_', 15391 {action: 'submit'} 15392 ).then((token) => { 15393 const tokenElement = $form['g\u002Drecaptcha\u002Dresponse']; 15394 15395 if (tokenElement && token && token.length > 0) { 15396 $form['g\u002Drecaptcha\u002Dresponse'].value = token; 15397 this.errors = 0; 15398 this.hasCaptchaToken = 1; 15399 (this.submitForm || $form.submit).call(this); 15400 } else { 15401 this.errors = 1; 15402 const error = tokenElement 15403 ? 'ReCaptcha\u0020validation\u0020failed,\u0020please\u0020try\u0020again' 15404 : 'ReCaptcha\u0020token\u0020element\u0020is\u0020missing.\u0020Please\u0020refresh\u0020the\u0020page\u0020and\u0020trying\u0020again.'; 15405 if (this.setErrorMessages) { 15406 this.setErrorMessages([error]) 15407 this.displayErrorMessage = true; 15408 } else { 15409 window.dispatchMessages && window.dispatchMessages([{type: "error", text: error}], 5000); 15410 } 15411 } 15412 }).catch(exception => { 15413 console.error(exception || `An unknown error occurred during ReCaptcha validation. Are the tokens and the domain correctly set up in the Google console?`) 15414 }); 15415 }) 15416 } 15417 15418 if (window.grecaptcha) { 15419 executeGreCaptcha(); 15420 } else { 15421 const recaptchaUrl = "https://www.google.com/recaptcha/api.js?render=6Ldy4t8rAAAAACzayc8DMHS2U2aG5hEl7WZ4gQY_"; 15422 const script = document.createElement('script'); 15423 script.setAttribute('type', 'text/javascript'); 15424 script.setAttribute('src', recaptchaUrl); 15425 document.head.appendChild(script); 15426 15427 script.addEventListener("load", executeGreCaptcha, false); 15428 } 15429 } 15430 15431 if (this.errors === 0) { 15432 this.dispatchLoginRequest($form); 15433 } 15434 }, 15435 onPrivateContentLoaded: function (data) { 15436 const isLoggedIn = data.customer && data.customer.firstname; 15437 if (data.cart && !isLoggedIn) { 15438 this.forceAuthentication = !data.cart.isGuestCheckoutAllowed; 15439 } 15440 }, 15441 redirectIfAuthenticated: function (event) { 15442 if (event.detail && event.detail.url) { 15443 this.checkoutUrl = event.detail.url; 15444 } 15445 if (!this.forceAuthentication) { 15446 window.location.href = this.checkoutUrl; 15447 } 15448 }, 15449 dispatchLoginRequest: function(form) { 15450 this.isLoading = true; 15451 const username = this.$refs['customer-email'].value; 15452 const password = this.$refs['customer-password'].value; 15453 const formKey = hyva.getFormKey(); 15454 const bodyFields = { 15455 'username': username, 15456 'password': password, 15457 'formKey': formKey 15458 }; 15459 const fieldName = 'g\u002Drecaptcha\u002Dresponse'; 15460 const recaptchaField = fieldName && form[fieldName]; 15461 if (recaptchaField) { 15462 bodyFields[fieldName] = recaptchaField.value; 15463 } 15464 fetch('https://123magazijninrichting.nl/customer/ajax/login/', { 15465 method: 'POST', 15466 headers: { 15467 'Content-Type': 'application/json', 15468 'X-Requested-With': 'XMLHttpRequest' 15469 }, 15470 body: JSON.stringify(bodyFields) 15471 } 15472 ).then(response => { 15473 return response.json() 15474 } 15475 ).then(data=> { 15476 this.isLoading = false;
15477 if (data.errors) { 15478 dispatchMessages([{ 15479 type: 'error', 15480 text: data.message 15481 }], 5000); 15482 this.errors = 1; 15483 this.hasCaptchaToken = 0; 15484 } else { 15485 window.location.href = this.checkoutUrl; 15486 } 15487 }); 15488 } 15489 } 15490 } 15491</script>
15491 15492<section id="authentication-popup" 15493 x-data="initAuthentication()" 15494 x-defer="intersect" 15495 @private-content-loaded.window="onPrivateContentLoaded($event.detail.data)" 15496 @toggle-authentication.window="open = forceAuthentication; redirectIfAuthenticated(event)" 15497 @keydown.window.escape="open = false" 15498> 15499 <div 15500 class="backdrop" 15501 aria-hidden="true" 15502 x-cloak 15503 x-show="open" 15504 x-transition:enter="ease-in-out duration-500" 15505 x-transition:enter-start="opacity-0" 15506 x-transition:enter-end="opacity-100" 15507 x-transition:leave="ease-in-out duration-500" 15508 x-transition:leave-start="opacity-100" 15509 x-transition:leave-end="opacity-0" 15510 @click="open = false" 15511 ></div> 15512 <div role="dialog" 15513 aria-modal="true" 15514 @click.outside="open = false" 15515 class="inset-y-0 right-0 z-30 flex max-w-full fixed" 15516 x-cloak 15517 x-show="open" 15518 > 15519 <div class="relative w-screen max-w-md pt-16 bg-container-lighter" 15520 x-show="open" 15521 x-cloak="" 15522 x-transition:enter="transform transition ease-in-out duration-500 sm:duration-700" 15523 x-transition:enter-start="translate-x-full" 15524 x-transition:enter-end="translate-x-0" 15525 x-transition:leave="transform transition ease-in-out duration-500 sm:duration-700" 15526 x-transition:leave-start="translate-x-0" 15527 x-transition:leave-end="translate-x-full" 15528 > 15529 <div 15530 x-show="open" 15531 x-cloak="" 15532 x-transition:enter="ease-in-out duration-500" 15533 x-transition:enter-start="opacity-0" 15534 x-transition:enter-end="opacity-100" 15535 x-transition:leave="ease-in-out duration-500" 15536 x-transition:leave-start="opacity-100" 15537 x-transition:leave-end="opacity-0" class="absolute top-0 right-2 flex p-2 mt-2"> 15538 <button 15539 type="button" 15540 @click="open = false;" 15541 aria-label="Sluit paneel" 15542 class="p-2 text-gray-300 transition duration-150 ease-in-out hover:text-black" 15543 > 15544 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" role="img"> 15545 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 15546<title>Sluit paneel</title></svg> 15547 </button> 15548 </div> 15549 <template x-if="open"> 15550 <div class="flex flex-col h-full py-6 space-y-6 bg-white shadow-xl overflow-y-auto"> 15551 <div class="block-customer-login bg-container border border-container mx-4 p-4 shadow-sm"> 15552 <p id="authenticate-customer-login" class="text-lg leading-7 text-gray-900"> 15553 <strong class="font-medium">Reken af met uw account</strong> 15554 </p> 15555 15556 <form class="form form-login" 15557 method="post" 15558 @submit.prevent="submitForm();" 15559 id="login-form" 15560 > 15561 <div class="control"> 15562 <input type="hidden" 15563 value="" 15564 name="g-recaptcha-response" 15565 /> 15566</div> 15567 <div class="fieldset login"> 15568 <div class="field email required"> 15569 <label class="label" for="form-login-username" form="login-form" > 15570 <span>E-mailadres</span> 15571 </label> 15572 <div class="control"> 15573 <input name="username" 15574 id="form-login-username" 15575 x-ref="customer-email" 15576 @change="errors = 0" 15577 type="email" 15578 required 15579 autocomplete="off" 15580 class="form-input input-text" 15581 > 15582 </div> 15583 </div> 15584 <div class="field password required"> 15585 <label for="form-login-password" class="label" form="login-form">
15586 <span>Wachtwoord</span> 15587 </label> 15588 <div class="control"> 15589 <input name="password" 15590 id="form-login-password" 15591 type="password" 15592 class="form-input input-text" 15593 required 15594 x-ref="customer-password" 15595 autocomplete="off" 15596 @change="errors = 0" 15597 > 15598 </div> 15599 </div> 15600 15601 <input name="context" type="hidden" value="checkout" /> 15602 <div class="actions-toolbar flex justify-between pt-6 pb-2 items-center"> 15603 <button type="submit" class="inline-flex btn btn-primary disabled:opacity-75" 15604 > 15605 Aanmelden </button> 15606 <a href="https://123magazijninrichting.nl/customer/account/forgotpassword/" 15607 > 15608 Wachtwoord vergeten? </a> 15609 </div> 15610 15611 </div> 15612 </form> 15613 </div> 15614 <div class="mx-4"> 15615 </div> 15616 <div class="block-new-customer bg-container border border-container mx-4 p-4 shadow-sm"> 15617 <p id="authenticate-new-customer" class="text-lg mb-2 leading-7 text-gray-900"> 15618 <strong class="font-medium">Afrekenen als een nieuwe klant</strong> 15619 </p> 15620 15621 <div class="block-content"> 15622 <p class="mb-1"> 15623 Het aanmaken van een account heeft vele voordelen: </p> 15624 <ul class="list-disc pl-5"> 15625 <li> Bekijk bestelling en verzendstatus</li> 15626 <li> Bekijk bestelgeschiedenis</li> 15627 <li> Reken sneller af</li> 15628 </ul> 15629 <div class="actions-toolbar flex justify-between mt-6 mb-2 items-center"> 15630 <a href="https://123magazijninrichting.nl/customer/account/create/" 15631 class="inline-flex btn btn-primary"> 15632 Maak een account aan </a> 15633 </div> 15634 </div> 15635 </div> 15636 </div> 15637 </template> 15638 </div> 15639 </div> 15640</section> 15641</div>
15642<script> 15643 function toggleMenu() { 15644 const navigation = document.getElementById('mobile-menu'); 15645 if (navigation) { 15646 if (navigation._x_dataStack) { 15647 navigation._x_dataStack[0].toggleMenu(); 15648 } else if (navigation.__x) { 15649 navigation.__x.$data.toggleMenu(); 15650 } 15651 } 15652 } 15653</script>
15653 15654<div class="widget block block-static-block"> 15655 </div> 15656</header><main id="maincontent" class="page-main"><div id="contentarea" tabindex="-1"></div> 15657<div class="page messages">
15657<script> 15658 window.defaultSuccessMessageTimeout = 5000; 15659 function initMessages() { 15660 "use strict"; 15661 return { 15662 messages: window.mageMessages || [], 15663 isEmpty() { 15664 return this.messages.reduce( 15665 function (isEmpty, message) { 15666 return isEmpty && message === undefined 15667 }, true 15668 ) 15669 }, 15670 removeMessage(messageIndex) { 15671 this.messages[messageIndex] = undefined; 15672 }, 15673 addMessages(messages, hideAfter) { 15674 messages.map((message) => { 15675 this.messages = this.messages.concat(message); 15676 if (hideAfter === undefined && message.type === 'success' && window.defaultSuccessMessageTimeout) { 15677 hideAfter = window.defaultSuccessMessageTimeout; 15678 } 15679 if (hideAfter) { 15680 this.setHideTimeOut(this.messages.length -1, hideAfter); 15681 } 15682 }); 15683 }, 15684 setHideTimeOut(messageIndex, hideAfter) { 15685 setTimeout((messageIndex) => { 15686 this.removeMessage(messageIndex); 15687 }, hideAfter, messageIndex); 15688 }, 15689 eventListeners: { 15690 ['@messages-loaded.window'](event) { 15691 this.addMessages(event.detail.messages, event.detail.hideAfter) 15692 }, 15693 ['@private-content-loaded.window'](event) { 15694 const data = event.detail.data; 15695 if ( 15696 data.messages && 15697 data.messages.messages && 15698 data.messages.messages.length 15699 ) { 15700 this.addMessages(data.messages.messages); 15701 } 15702 }, 15703 ['@clear-messages.window']() { 15704 this.messages = []; 15705 } 15706 } 15707 } 15708 } 15709</script>
15709 15710<section id="messages" 15711 x-data="initMessages()" 15712 x-bind="eventListeners" 15713 aria-live="assertive" 15714 role="alert" 15715 class="w-full fixed top-0 w-full z-50" 15716> 15717 <template x-if="!isEmpty()"> 15718 <div class="w-full"> 15719 <div class="messages container mx-auto py-3"> 15720 <template x-for="(message, index) in messages" :key="index"> 15721 <div> 15722 <template x-if="message"> 15723 <div class="message" :class="message.type" 15724 :ui-id="'message-' + message.type" 15725 x-data="{visible: false}" 15726 x-init="$nextTick(() => { visible = true })" 15727 x-show="message && visible" 15728 x-transition:enter="transform transition ease-in-out duration-300" 15729 x-transition:enter-start="-translate-y-full" 15730 x-transition:enter-end="translate-y-0" 15731 x-transition:leave="transform transition ease-in-out duration-300" 15732 x-transition:leave-start="translate-y-0" 15733 x-transition:leave-end="-translate-y-full" 15734 > 15735 <span x-html="message.text"></span> 15736 <button 15737 type="button" 15738 class="text-gray-600 hover:text-black" 15739 aria-label="Close message" 15740 @click.prevent="visible = false; setTimeout(() => {removeMessage(index)}, 300)" 15741 > 15742 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="stroke-current" width="18" height="18" aria-hidden="true"> 15743 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 15744</svg> 15745 </button> 15746 </div> 15747 </template> 15748 </div> 15749 </template> 15750 </div> 15751 </div> 15752 </template> 15753</section> 15754</div> <div class="main-title text-3xl"> 15755 <h1 class="text-gray-900 page-title title-font" 15756 > 15757 <span class="base" data-ui-id="page-title-wrapper" >Inloggen voor klanten</span> </h1> 15758 </div> 15759<div class="columns"><div class="column main"><div id="customer-login-container" class="login-container"><div class="bg-magecode-ultra-dark bg-opacity-5 rounded-3xl lg:p-12 p-5"> 15760 <form class="form form-login" 15761 action="https://123magazijninrichting.nl/customer/account/loginPost/referer/aHR0cHM6Ly8xMjNtYWdhemlqbmlucmljaHRpbmcubmwvY3VzdG9tZXIvYWNjb3VudC9pbmRleC8~/" 15762 method="post" 15763 x-data="initCustomerLoginForm()" 15764 x-defer="intersect" 15765 @submit.prevent="submitForm()" 15766 id="customer-login-form"> 15767 <input name="form_key" type="hidden" value="a9kDKGDBCmum5oFO" /> <fieldset class="fieldset login"> 15768 <legend class="mb-3"> 15769 <h2 class="text-2xl font-medium title-font text-black"> 15770 Inloggen </h2> 15771 </legend> 15772 <div class="text-black mb-8"> 15773 Als u een account heeft, logt u in met uw e-mailadres. </div> 15774 <div class="field email required w-full"> 15775 <label class="label" for="email"> 15776 <span>E-mail</span> 15777 </label> 15778 <div class="control"> 15779 <input name="login[username]" 15780 class="form-input w-full" 15781 required 15782 value="" 15783 autocomplete="off" 15784 id="email" 15785 type="email" 15786 title="E-mail" 15787 /> 15788 </div> 15789 </div> 15790 <div class="field password required w-full"> 15791 <label for="pass" class="label">
15792 <span>Wachtwoord</span> 15793 </label> 15794 <div class="control flex items-center relative"> 15795 <div class="sr-only" aria-live="polite"> 15796 <template x-if="!showPassword"> 15797 <span> 15798 Password hidden </span> 15799 </template> 15800 <template x-if="showPassword"> 15801 <span> 15802 Password shown </span> 15803 </template> 15804 </div> 15805 <input name="login[password]" 15806 class="form-input w-full" 15807 required 15808 :type="showPassword ? 'text' : 'password'" 15809 autocomplete="off" 15810 id="pass" 15811 title="Wachtwoord" 15812 /> 15813 <button 15814 type="button" 15815 x-on:click="showPassword = !showPassword" 15816 :aria-pressed="showPassword ? 'true' : 'false'" 15817 class="px-4 py-3 absolute right-0 top-0" 15818 :aria-label="showPassword ? 'Hide\u0020Password' : 'Show\u0020Password'" 15819 > 15820 <template x-if="!showPassword"> 15821 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="24" height="24" role="img"> 15822 <path d="M10 12a2 2 0 100-4 2 2 0 000 4z"/> 15823 <path fill-rule="evenodd" d="M.458 10C1.732 5.943 5.522 3 10 3s8.268 2.943 9.542 7c-1.274 4.057-5.064 7-9.542 7S1.732 14.057.458 10zM14 10a4 4 0 11-8 0 4 4 0 018 0z" clip-rule="evenodd"/> 15824<title>eye</title></svg> 15825 </template> 15826 <template x-if="showPassword"> 15827 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="w-5 h-5" width="24" height="24" role="img"> 15828 <path fill-rule="evenodd" d="M3.707 2.293a1 1 0 00-1.414 1.414l14 14a1 1 0 001.414-1.414l-1.473-1.473A10.014 10.014 0 0019.542 10C18.268 5.943 14.478 3 10 3a9.958 9.958 0 00-4.512 1.074l-1.78-1.781zm4.261 4.26l1.514 1.515a2.003 2.003 0 012.45 2.45l1.514 1.514a4 4 0 00-5.478-5.478z" clip-rule="evenodd"/> 15829 <path d="M12.454 16.697L9.75 13.992a4 4 0 01-3.742-3.741L2.335 6.578A9.98 9.98 0 00.458 10c1.274 4.057 5.065 7 9.542 7 .847 0 1.669-.105 2.454-.303z"/> 15830<title>eye-off</title></svg> 15831 </template> 15832 </button> 15833 </div> 15834 </div> 15835 15836 <div class="control"> 15837 <input type="hidden" 15838 value="" 15839 name="g-recaptcha-response" 15840 /> 15841</div> 15842 <div class="actions-toolbar flex !justify-between gap-x-4 !pt-0 !border-t-0 !mt-8 md:!flex-row !flex-col"> 15843 <button type="submit" class="btn btn-primary justify-between disabled:opacity-75 md:w-max w-full mb-4 md:mb-0 py-1 pl-4 pr-1" name="send" 15844 > 15845 <span class="mr-4">Inloggen</span> 15846 <div class="bg-primary h-10 w-10 rounded-full flex"> 15847 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="14" viewBox="0 0 20 15" fill="none" class="text-header m-auto text-white" role="img"> 15848<path d="M12.2566 14.0637L10.9686 12.738L15.6366 8.07006H0.833496V6.23678H15.6366L10.9686 1.56879L12.2566 0.243164L19.1668 7.15342L12.2566 14.0637Z" fill="currentColor"/> 15849<title>arrow-right</title></svg> 15850 </div> 15851 </button> 15852 <a class="no-underline text-black" href="https://123magazijninrichting.nl/customer/account/forgotpassword/"> 15853 <span>Wachtwoord vergeten?</span> 15854 </a> 15855 </div> 15856 <div> 15857 <template x-if="displayErrorMessage"> 15858 <p class="text-red flex items-center">
15859 <span class="inline-block w-8 h-8 mr-3"> 15860 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" role="img"> 15861 <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/> 15862<title>exclamation-circle</title></svg> 15863 </span> 15864 <template x-for="errorMessage in errorMessages"> 15865 <span x-html="errorMessage"></span> 15866 </template> 15867 </p> 15868 </template> 15869 </div> 15870 </fieldset> 15871 </form> 15872 <div class="w-full"> 15873 </div> 15874
15874<script> 15875 function initCustomerLoginForm() { 15876 return { 15877 errors: 0, 15878 hasCaptchaToken: 0, 15879 showPassword: false, 15880 displayErrorMessage: false, 15881 errorMessages: [], 15882 setErrorMessages(messages) { 15883 this.errorMessages = [messages] 15884 this.displayErrorMessage = this.errorMessages.length 15885 }, 15886 submitForm() { 15887 // do not rename $form, the variable is the expected name in the recaptcha output 15888 const $form = document.querySelector('#customer-login-form'); 15889 if (!this.hasCaptchaToken) { 15890 this.errors = 1; 15891 15892 15893 const executeGreCaptcha = () => { 15894 grecaptcha.ready(() => { 15895 grecaptcha.execute( 15896 '6Ldy4t8rAAAAACzayc8DMHS2U2aG5hEl7WZ4gQY_', 15897 {action: 'submit'} 15898 ).then((token) => { 15899 const tokenElement = $form['g\u002Drecaptcha\u002Dresponse']; 15900 15901 if (tokenElement && token && token.length > 0) { 15902 $form['g\u002Drecaptcha\u002Dresponse'].value = token; 15903 this.errors = 0; 15904 this.hasCaptchaToken = 1; 15905 (this.submitForm || $form.submit).call(this); 15906 } else { 15907 this.errors = 1; 15908 const error = tokenElement 15909 ? 'ReCaptcha\u0020validation\u0020failed,\u0020please\u0020try\u0020again' 15910 : 'ReCaptcha\u0020token\u0020element\u0020is\u0020missing.\u0020Please\u0020refresh\u0020the\u0020page\u0020and\u0020trying\u0020again.'; 15911 if (this.setErrorMessages) { 15912 this.setErrorMessages([error]) 15913 this.displayErrorMessage = true; 15914 } else { 15915 window.dispatchMessages && window.dispatchMessages([{type: "error", text: error}], 5000); 15916 } 15917 } 15918 }).catch(exception => { 15919 console.error(exception || `An unknown error occurred during ReCaptcha validation. Are the tokens and the domain correctly set up in the Google console?`) 15920 }); 15921 }) 15922 } 15923 15924 if (window.grecaptcha) { 15925 executeGreCaptcha(); 15926 } else { 15927 const recaptchaUrl = "https://www.google.com/recaptcha/api.js?render=6Ldy4t8rAAAAACzayc8DMHS2U2aG5hEl7WZ4gQY_"; 15928 const script = document.createElement('script'); 15929 script.setAttribute('type', 'text/javascript'); 15930 script.setAttribute('src', recaptchaUrl); 15931 document.head.appendChild(script); 15932 15933 script.addEventListener("load", executeGreCaptcha, false); 15934 } 15935 } 15936 15937 if (this.errors === 0) { 15938 $form.submit(); 15939 } 15940 } 15941 } 15942 } 15943 </script>
15943 15944</div> 15945 <div class="block-new-customer flex flex-col bg-magecode-ultra-dark bg-opacity-5 rounded-3xl lg:p-12 p-5"> 15946 <div class="block-title"> 15947 <h2 class="text-2xl font-medium title-font mb-3 text-black" role="heading" 15948 aria-level="2">Nieuwe klanten</h2> 15949 </div> 15950 <div class="block-content" aria-labelledby="block-new-customer-heading"> 15951 <p> 15952 Een account aanmaken heeft veel voordelen: sneller afrekenen, meer dan één adres behouden, bestellingen volgen en meer. </p> 15953 </div> 15954 <div class="actions-toolbar !pt-0 flex !flex-row !mt-8 !border-t-0"> 15955 <a href="https://123magazijninrichting.nl/customer/account/create/" class="btn btn-primary md:w-max w-full py-1 pl-4 pr-1 justify-between"> 15956 <span class="mr-4">Maak een account aan</span> 15957 <div class="bg-primary h-10 w-10 rounded-full flex"> 15958 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="14" viewBox="0 0 20 15" fill="none" class="text-header m-auto text-white" role="img"> 15959<path d="M12.2566 14.0637L10.9686 12.738L15.6366 8.07006H0.833496V6.23678H15.6366L10.9686 1.56879L12.2566 0.243164L19.1668 7.15342L12.2566 14.0637Z" fill="currentColor"/> 15960<title>arrow-right</title></svg> 15961 </div> 15962 </a> 15963 </div> 15964 </div> 15965</div></div></div></main><footer class="page-footer"><div class="footer content"> 15966<div class="pb-9 pt-[68px]"> 15967 <div class="newsletter-wrap flex gap-[72px] flex-col lg:flex-row justify-between items-end"> 15968 <form 15969 class="form subscribe w-full max-w-[600px] max-lg:mx-auto max-lg:my-0" 15970 action="https://123magazijninrichting.nl/newsletter/subscriber/new/" 15971 method="post" 15972 x-data="initNewsletterForm()" 15973 x-defer="intersect" 15974 @submit.prevent="submitForm()" 15975 id="newsletter-validate-detail" 15976 aria-label="Schrijf je in voor onze nieuwsbrief" 15977 > 15978 <div class="flex items-end text-white space-y-1 leading-7 mb-8 lg:mb-4 max-sm:justify-start max-lg:justify-center"> 15979 <span class="icon-mail-footer -top-[5px] sm:-top-[4px]"></span> 15980 <p class="text-xl sm:text-2xl"> 15981 <strong class="font-medium text-white">Schrijf je in voor onze nieuwsbrief</strong> 15982 </p> 15983 </div> 15984 <div class="h-14 leading-[56px]"> 15985 <label class="m-0 flex flex-row w-full rounded-full overflow-hidden"> 15986 <span class="sr-only">E-mailadres</span> 15987 <input 15988 type="text" 15989 id="newsletter-subscribe-name" 15990 name="name" 15991 class="form-input w-1/3 max-w-[200px] px-4 min-h-14 !rounded-none" 15992 placeholder="Uw naam" 15993 ><input 15994 type="email" 15995 id="newsletter-subscribe" 15996 name="email" 15997 class="form-input w-1/3 max-w-[200px] px-4 min-h-14 !rounded-none" 15998 required 15999 placeholder="Uw e-mailadres" 16000 > 16001 <input name="form_key" type="hidden" value="a9kDKGDBCmum5oFO" /> <div class="control"> 16002 <input type="hidden" 16003 value="" 16004 name="g-recaptcha-response" 16005 /> 16006</div> 16007 16008 <button class="subscribe-button !rounded-none btn justify-center w-1/3 min-h-14 max-w-[200px] text-base shadow-none bg-magecode-orange text-white hover:bg-[#bf3e19] active:bg-[#bf3e19] disabled:opacity-40 font-semibold"> 16009 Inschrijven </button> 16010 </label> 16011 </div> 16012 <template x-if="displayErrorMessage"> 16013 <p class="flex items-center text-red mt-2"> 16014 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="inline-block mr-3" width="24" height="24" role="img"> 16015 <path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/> 16016<title>exclamation-circle</title></svg> 16017 <template x-for="errorMessage in errorMessages">
16018 <span x-html="errorMessage"></span> 16019 </template> 16020 </p> 16021 </template> 16022 </form> 16023 <div class="newsletter-icons"> 16024 <style>#html-body [data-pb-style=SAO815S],#html-body [data-pb-style=WG8BY08]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=SAO815S]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=WG8BY08]{align-self:stretch}#html-body [data-pb-style=EEGX14R]{display:flex;width:100%}#html-body [data-pb-style=NWA58CS]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=CEJ2T40]{border-style:none}#html-body [data-pb-style=VY5WLBO],#html-body [data-pb-style=XCKI6TV]{max-width:100%;height:auto}#html-body [data-pb-style=AO6GOSH]{justify-content:flex-start;display:flex;flex-direction:column;width:66.6667%}#html-body [data-pb-style=AO6GOSH],#html-body [data-pb-style=FO9OJRH]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;align-self:stretch}#html-body [data-pb-style=S03322P]{display:flex;width:100%}#html-body [data-pb-style=YR9MGJM]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=Y4FPVS8]{border-style:none}#html-body [data-pb-style=B3T6VL6],#html-body [data-pb-style=FKPYCKP]{max-width:100%;height:auto}#html-body [data-pb-style=I90LXQP]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:66.6667%;align-self:stretch}@media only screen and (max-width: 767px) { #html-body [data-pb-style=CEJ2T40],#html-body [data-pb-style=Y4FPVS8]{border-style:none} }</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="" data-element="inner" data-pb-style="SAO815S"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-background-lazy-load="" data-element="main" data-pb-style="WG8BY08"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="EEGX14R"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-background-lazy-load="" data-element="main" data-pb-style="NWA58CS"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="CEJ2T40"> <picture> 16025 <source media="(max-width: 768px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" > <source type="image/webp" srcset="https://123magazijninrichting.nl/media/webp_image/wysiwyg/Group_9984.webp"> 16026 <source type="image/png" 16027 srcset="https://123magazijninrichting.nl/media/wysiwyg/Group_9984.png"> 16028 <img width="96" height="97" class="pagebuilder-mobile-hidden" src="https://123magazijninrichting.nl/media/wysiwyg/Group_9984.png" alt='alt=""' title="" loading="lazy" data-element="desktop_image" data-pb-style="VY5WLBO" loading="lazy" /> </picture> 16029 16030 <picture> 16031 <source media="(min-width: 769px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" > <source type="image/webp" srcset="https://123magazijninrichting.nl/media/webp_image/wysiwyg/Group_9984.webp"> 16032 <source type="image/png" 16033 srcset="https://123magazijninrichting.nl/media/wysiwyg/Group_9984.png"> 16034 <img width="96" height="97" class="pagebuilder-mobile-only" src="https://123magazijninrichting.nl/media/wysiwyg/Group_9984.png" alt='alt=""' title="" loading="lazy" data-element="mobile_image" data-pb-style="XCKI6TV" loading="lazy" /> </picture> 16035 16036</figure></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-background-lazy-load="" data-element="main" data-pb-style="AO6GOSH"><div data-content-type="text" data-appearance="default" data-element="main"><p><span class="text-lg text-white font-medium" style="font-size: 13.9px;">Producten waarop je kan vertrouwen!</span></p></div></div></div></div><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-background-lazy-load="" data-element="main" data-pb-style="FO9OJRH"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="S03322P"><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-background-lazy-load="" data-element="main" data-pb-style="YR9MGJM"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="Y4FPVS8"> <picture> 16037 <source media="(max-width: 768px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" > <source type="image/webp" srcset="https://123magazijninrichting.nl/media/webp_image/wysiwyg/Group_9984_1_.webp"> 16038 <source type="image/png" 16039 srcset="https://123magazijninrichting.nl/media/wysiwyg/Group_9984_1_.png"> 16040 <img width="96" height="97" class="pagebuilder-mobile-hidden" src="https://123magazijninrichting.nl/media/wysiwyg/Group_9984_1_.png" alt='alt=""' title="" loading="lazy" data-element="desktop_image" data-pb-style="FKPYCKP" loading="lazy" /> </picture> 16041 16042 <picture> 16043 <source media="(min-width: 769px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" > <source type="image/webp" srcset="https://123magazijninrichting.nl/media/webp_image/wysiwyg/Group_9984_1_.webp"> 16044 <source type="image/png" 16045 srcset="https://123magazijninrichting.nl/media/wysiwyg/Group_9984_1_.png"> 16046 <img width="96" height="97" class="pagebuilder-mobile-only" src="https://123magazijninrichting.nl/media/wysiwyg/Group_9984_1_.png" alt='alt=""' title="" loading="lazy" data-element="mobile_image" data-pb-style="B3T6VL6" loading="lazy" /> </picture> 16047 16048</figure></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-background-lazy-load="" data-element="main" data-pb-style="I90LXQP"><div data-content-type="text" data-appearance="default" data-element="main"><p><span class="text-lg text-white font-medium" style="font-size: 13.5px;">Veelvuldig gecertificeerd</span></p></div></div></div></div></div></div> </div> 16049 </div> 16050 <div class="w-full"> 16051 </div> 16052
16052<script> 16053 function initNewsletterForm() { 16054 return { 16055 errors: 0, 16056 hasCaptchaToken: 0, 16057 displayErrorMessage: false, 16058 errorMessages: [], 16059 setErrorMessages(messages) { 16060 this.errorMessages = [messages] 16061 this.displayErrorMessage = this.errorMessages.length 16062 }, 16063 submitForm() { 16064 // Do not rename $form, the variable is expected to be declared in the recaptcha output 16065 const $form = document.querySelector('#newsletter-validate-detail'); 16066 if (!this.hasCaptchaToken) { 16067 this.errors = 1; 16068 16069 16070 const executeGreCaptcha = () => { 16071 grecaptcha.ready(() => { 16072 grecaptcha.execute( 16073 '6Ldy4t8rAAAAACzayc8DMHS2U2aG5hEl7WZ4gQY_', 16074 {action: 'submit'} 16075 ).then((token) => { 16076 const tokenElement = $form['g\u002Drecaptcha\u002Dresponse']; 16077 16078 if (tokenElement && token && token.length > 0) { 16079 $form['g\u002Drecaptcha\u002Dresponse'].value = token; 16080 this.errors = 0; 16081 this.hasCaptchaToken = 1; 16082 (this.submitForm || $form.submit).call(this); 16083 } else { 16084 this.errors = 1; 16085 const error = tokenElement 16086 ? 'ReCaptcha\u0020validation\u0020failed,\u0020please\u0020try\u0020again' 16087 : 'ReCaptcha\u0020token\u0020element\u0020is\u0020missing.\u0020Please\u0020refresh\u0020the\u0020page\u0020and\u0020trying\u0020again.'; 16088 if (this.setErrorMessages) { 16089 this.setErrorMessages([error]) 16090 this.displayErrorMessage = true; 16091 } else { 16092 window.dispatchMessages && window.dispatchMessages([{type: "error", text: error}], 5000); 16093 } 16094 } 16095 }).catch(exception => { 16096 console.error(exception || `An unknown error occurred during ReCaptcha validation. Are the tokens and the domain correctly set up in the Google console?`) 16097 }); 16098 }) 16099 } 16100 16101 if (window.grecaptcha) { 16102 executeGreCaptcha(); 16103 } else { 16104 const recaptchaUrl = "https://www.google.com/recaptcha/api.js?render=6Ldy4t8rAAAAACzayc8DMHS2U2aG5hEl7WZ4gQY_"; 16105 const script = document.createElement('script'); 16106 script.setAttribute('type', 'text/javascript'); 16107 script.setAttribute('src', recaptchaUrl); 16108 document.head.appendChild(script); 16109 16110 script.addEventListener("load", executeGreCaptcha, false); 16111 } 16112 } 16113 16114 if (this.errors === 0) { 16115 $form.submit(); 16116 } 16117 } 16118 } 16119 } 16120 </script>
16120 16121</div> 16122<div class="" x-data="initFooter()" x-ref="footer"> 16123 <div class="pt-8 mb-12 mx-auto"> 16124 <div class="grid grid-cols-1 lg:gap-6 text-slate-600 footer-links"> 16125 <style>#html-body [data-pb-style=ECCBYLR],#html-body [data-pb-style=G0446WX]{background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=ECCBYLR]{justify-content:flex-start;display:flex;flex-direction:column}#html-body [data-pb-style=G0446WX]{align-self:stretch}#html-body [data-pb-style=E4EXOH7]{display:flex;width:100%}#html-body [data-pb-style=BMQ5CH4],#html-body [data-pb-style=CMUMD5W],#html-body [data-pb-style=J31P5FT],#html-body [data-pb-style=MKUX3KK],#html-body [data-pb-style=WSN4XJX]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll;width:33.3333%;align-self:stretch}#html-body [data-pb-style=CMUMD5W],#html-body [data-pb-style=J31P5FT],#html-body [data-pb-style=MKUX3KK],#html-body [data-pb-style=WSN4XJX]{width:16.6667%}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="ECCBYLR"><div class="pagebuilder-column-group" data-background-images="{}" data-content-type="column-group" data-appearance="default" data-grid-size="12" data-element="main" data-pb-style="G0446WX"><div class="pagebuilder-column-line" data-content-type="column-line" data-element="main" data-pb-style="E4EXOH7"><div class="pagebuilder-column footer-address" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="BMQ5CH4"><div data-content-type="text" data-appearance="default" data-element="main"><p>123magazijninrichting.nl</p> 16126<ul id="FU2I4D9"> 16127<li id="N1CJW72">Industrieweg 12</li> 16128<li id="N1CJW72">7641 AT Wierden</li> 16129<li><a tabindex="-1" href="tel:+31%20(0)546%20433505">+31 (0)546 433505</a></li> 16130<li><a tabindex="-1" href="mailto:[email protected]">[email protected]</a></li> 16131</ul> 16132<p></p><div class="social-links mt-[2.75rem] sm:mt-0" style="display: flex; column-gap: 0.5rem"> 16133 <a style="width: 48px; 16134 height: 48px; 16135 display: flex; 16136 justify-content: center; 16137 align-items: center; 16138 border-radius: 100%; 16139 background: rgba(255, 255, 255, 0.1);" href="https://www.facebook.com/123magazijninrichting.nl" target="_blank"> 16140 <img width="8" height="16" style="width: 8px; height: 16px;" loading="lazy" alt="facebook" src="https://123magazijninrichting.nl/static/version1791196831/frontend/Magazijninrichting/default/nl_NL/Magecode_Social/images/facebook-project.svg"> 16141 </a> 16142 <a style="width: 48px; 16143 height: 48px; 16144 display: flex; 16145 justify-content: center; 16146 align-items: center; 16147 border-radius: 100%; 16148 background: rgba(255, 255, 255, 0.1);" href="https://www.instagram.com/123magazijninrichting/" target="_blank"> 16149 <img width="26" height="26" style="width: 15px; height: 15px" loading="lazy" alt="instagram" src="https://123magazijninrichting.nl/static/version1791196831/frontend/Magazijninrichting/default/nl_NL/Magecode_Social/images/instagram-light.svg"> 16150 </a> 16151 <a style="width: 48px; 16152 height: 48px; 16153 display: flex; 16154 justify-content: center; 16155 align-items: center; 16156 border-radius: 100%; 16157 background: rgba(255, 255, 255, 0.1);" href="https://nl.linkedin.com/company/123-magazijninrichting" target="_blank"> 16158 <img width="14" height="15" style="width: 14px; height: 15px" loading="lazy" alt="linkedin" src="https://123magazijninrichting.nl/static/version1791196831/frontend/Magazijninrichting/default/nl_NL/Magecode_Social/images/linkedin.svg"> 16159 </a> 16160 </div> 16161</div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="CMUMD5W"><div data-content-type="text" data-appearance="default" data-element="main"><p id="VF5ERLB">Categoriëen</p> 16162<ul> 16163<li> 16164<span class="widget block-category-link-inline"> 16165 <a class="underline font-medium !inline" href="https://123magazijninrichting.nl/magazijnstellingen/" title="Magazijnstellingen">Magazijnstellingen</a> 16166</span> 16167</li> 16168<li> 16169<span class="widget block-category-link-inline"> 16170 <a class="underline font-medium !inline" href="https://123magazijninrichting.nl/legbordstellingen/" title="Legbordstellingen">Legbordstellingen</a> 16171</span> 16172</li> 16173<li> 16174<span class="widget block-category-link-inline"> 16175 <a class="underline font-medium !inline" href="https://123magazijninrichting.nl/palletstellingen/" title="Palletstellingen">Palletstellingen</a> 16176</span> 16177</li> 16178<li> 16179<span class="widget block-category-link-inline"> 16180 <a class="underline font-medium !inline" href="https://123magazijninrichting.nl/draagarmstellingen/" title="Draagarmstellingen">Draagarmstellingen</a> 16181</span> 16182</li> 16183<li> 16184<span class="widget block-category-link-inline"> 16185 <a class="underline font-medium !inline" href="https://123magazijninrichting.nl/grootvakstellingen/" title="Grootvakstellingen">Grootvakstellingen</a> 16186</span> 16187</li> 16188<li> 16189<span class="widget block-category-link-inline"> 16190 <a class="underline font-medium !inline" href="https://123magazijninrichting.nl/werkbanken/" title="Werkbanken">Werkbanken</a> 16191</span> 16192</li> 16193<li> 16194<span class="widget block-category-link-inline"> 16195 <a class="underline font-medium !inline" href="https://123magazijninrichting.nl/entresolvloeren/" title="Entresolvloeren">Entresolvloeren</a> 16196</span> 16197</li> 16198<li> 16199<span class="widget block-category-link-inline"> 16200 <a class="underline font-medium !inline" href="https://123magazijninrichting.nl/veiligheidsartikelen/" title="Veiligheidsartikelen">Veiligheidsartikelen</a> 16201</span> 16202</li> 16203</ul></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="J31P5FT"><div data-content-type="text" data-appearance="default" data-element="main"><p>Producten</p> 16204<ul> 16205<li> 16206<span class="widget block-category-link-inline"> 16207 <a class="underline font-medium !inline" href="https://123magazijninrichting.nl/werkbanken/op-wielen/" title="Werkbank op wielen">Werkbank op wielen</a> 16208</span> 16209</li> 16210<li> 16211<span class="widget block-category-link-inline"> 16212 <a class="underline font-medium !inline" href="https://123magazijninrichting.nl/aanrijdbeveiliging/" title="Aanrijdbeveiliging">Aanrijdbeveiliging</a> 16213</span> 16214</li> 16215<li> 16216<span class="widget block-category-link-inline"> 16217 <a class="underline font-medium !inline" href="https://123magazijninrichting.nl/spiegels/" title="Spiegels">Spiegels</a> 16218</span> 16219</li> 16220<li> 16221<span class="widget block-category-link-inline"> 16222 <a class="underline font-medium !inline" href="https://123magazijninrichting.nl/intern-trans
16222port/" title="Intern transport">Intern transport</a> 16223</span> 16224</li> 16225</ul></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="WSN4XJX"><div data-content-type="text" data-appearance="default" data-element="main"><p id="SDYEY9A">Over ons</p> 16226<ul> 16227<li id="AXU081X"><a href="/over-ons">Ons verhaal</a></li> 16228<li><a href="/magazijnkeuring">Magazijnkeuringen</a></li> 16229<li><a href="https://123magazijninrichting.nl/stellingen-huren">Stellingen huren</a></li> 16230<li><a href="https://123magazijninrichting.nl/advies-gesprek">Advies </a></li> 16231<li><a href="/vacatures">Vacatures</a></li> 16232<li><a href="/klantenservice">Contact</a></li> 16233<li><a href="https://123magazijninrichting.nl/montage">Montage</a></li> 16234</ul></div></div><div class="pagebuilder-column" data-content-type="column" data-appearance="full-height" data-background-images="{}" data-element="main" data-pb-style="MKUX3KK"><div data-content-type="text" data-appearance="default" data-element="main"><p id="SDYEY9A">Klantenservice</p> 16235<ul> 16236<li id="AXU081X"><a href="/klantenservice#Y2IJ8O4:levertijden">Levertijd & verzendkosten</a></li> 16237<li><a href="/klantenservice#HAPECJR:welke-betaalopties-bieden-wij-aan">Betaalmethodes</a></li> 16238<li><a href="/klantenservice#AT8HX9E:een-bestelling-ruilen-enof-retourneren">Retourneren</a></li> 16239<li><a href="/klantenservice#TTNWTMD:klachten">Klachten</a></li> 16240</ul></div></div></div></div></div></div> </div> 16241 </div> 16242 <div class="pt-12 pb-7 md:pb-[3.75rem] flex items-center flex-col lg:flex-row max-lg:gap-2 justify-between text-sm text-left border-t border-white border-opacity-10"> 16243 <small class="text-base font-normal opacity-75 text-white max-lg:flex max-lg:order-3"> 16244 <span>Copyright © 2010-2025 | 123Magazijninrichting.nl B.V.</span> 16245</small> 16246 16247 <div class="max-lg:flex max-lg:order-1"> 16248 <style>#html-body [data-pb-style=TYX3FEC]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=VI09TUI]{border-style:none}#html-body [data-pb-style=COSAI8W],#html-body [data-pb-style=NQCFLM3]{max-width:100%;height:auto}@media only screen and (max-width: 767px) { #html-body [data-pb-style=VI09TUI]{border-style:none} }</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-background-lazy-load="" data-element="inner" data-pb-style="TYX3FEC"><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="VI09TUI"> <picture> 16249 <source media="(max-width: 768px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" > <source type="image/webp" srcset="https://123magazijninrichting.nl/media/webp_image/wysiwyg/ideal_logo_wit_-_compleet_-_1906.webp"> 16250 <source type="image/png" 16251 srcset="https://123magazijninrichting.nl/media/wysiwyg/ideal_logo_wit_-_compleet_-_1906.png"> 16252 <img class="pagebuilder-mobile-hidden" src="https://123magazijninrichting.nl/media/wysiwyg/ideal_logo_wit_-_compleet_-_1906.png" alt="Beschikbare betaalmethoden bij 123 Magazijninrichting" title="" width="" height="" loading="" data-use-native-image-dimensions="" data-element="desktop_image" data-pb-style="COSAI8W" loading="lazy" /> </picture> 16253 16254 <picture> 16255 <source media="(min-width: 769px)" srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" > <source type="image/webp" srcset="https://123magazijninrichting.nl/media/webp_image/wysiwyg/ideal_logo_wit_-_compleet_-_1906.webp"> 16256 <source type="image/png" 16257 srcset="https://123magazijninrichting.nl/media/wysiwyg/ideal_logo_wit_-_compleet_-_1906.png"> 16258 <img class="pagebuilder-mobile-only" src="https://123magazijninrichting.nl/media/wysiwyg/ideal_logo_wit_-_compleet_-_1906.png" alt="Beschikbare betaalmethoden bij 123 Magazijninrichting" title="" width="" height="" loading="" data-use-native-image-dimensions="" data-element="mobile_image" data-pb-style="NQCFLM3" loading="lazy" /> </picture> 16259 16260</figure></div></div> </div> 16261 <div class="copyright-link-wrap hover:[&_a]:!text-white hover:[&_a]:!underline max-lg:flex max-lg:order-2"> 16262 <style>#html-body [data-pb-style=FNIRTS1]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="copyright-links" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="FNIRTS1"><div data-content-type="text" data-appearance="default" data-element="main"><p> </p> 16263<ul> 16264<li><a href="/algemene-voorwaarden">Algemene voorwaarden</a></li> 16265<li><a href="/privacy-policy-cookie-restriction-mode">Privacy policy</a></li> 16266</ul></div></div></div> </div> 16267 16268 </div> 16269</div>
16270<script> 16271 var userAgent = window.navigator.userAgent; 16272 var footer = document.getElementsByClassName('page-footer')[0]; 16273 if (userAgent.match(/iPad/i) || userAgent.match(/iPhone/i)) { 16274 footer.classList.add("footer-bg-img"); 16275 } 16276</script>
vendor: 1 bytes, line 16276
16276
16277<script> 16278 function initFooter() { 16279 return { 16280 showFooterBG: false, 16281 init() { 16282 this.handleScroll(); 16283 window.addEventListener('scroll', this.handleScroll); 16284 }, 16285 handleScroll() { 16286 let footer = document.getElementsByClassName('page-footer')[0]; 16287 16288 this.showFooterBG = ((footer.offsetTop - 100) < (window.pageYOffset + window.innerHeight)) ? true : false; 16289 if(this.showFooterBG) { 16290 document.getElementsByClassName('page-footer')[0].classList.add('footer-bg-img'); 16291 window.removeEventListener('scroll', this.handleScroll); 16292 } 16293 } 16294 } 16295 } 16296</script>
16296 16297</div></footer> 16298<div x-data="initAmHidePricePopup" x-spread="eventListeners" x-bind="eventListeners"> 16299 <div x-cloak 16300 x-bind="overlayProperties" 16301 class="fixed inset-0 flex items-center justify-center text-left bg-black bg-opacity-50 bg-black/50 z-30"> 16302 <div x-ref="am-hideprice-popup" 16303 role="dialog" 16304 aria-labelledby="am-request-popup-label" 16305 class="relative inline-block max-h-screen overflow-auto bg-white shadow-xl rounded-lg px-5 pb-5 w-full sm:max-w-screen-sm"> 16306 <div class="flex justify-end w-full my-3"> 16307 <button @click="hide" 16308 :aria-label="getCloseBtnAriaLabel" 16309 class="text-gray-300 transition hover:text-black focus:drop-shadow-md hover:drop-shadow-md"> 16310 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-6 w-6" width="24" height="24" role="img"> 16311 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 16312<title>x</title></svg> 16313 </button> 16314 </div> 16315 <div id="am-request-popup-label" class="w-full pb-1 mb-4 border-b-2"> 16316 <span>Vraag een offerte aan voor</span> 16317 <span class="font-bold" x-text="formConfig.productName"></span> 16318 </div> 16319 <form x-ref="amHidePriceForm" action="#" class="form" @submit.prevent="submitRequest"> 16320 <input type="hidden" name="product_id" :value="formConfig.productId"> 16321 <fieldset class="fieldset" 16322 :aria-label="getFieldsAriaLabel" 16323 > 16324 <div class="field w-full"> 16325 <label for="price-request-name"> 16326 <span class="text-red-500">*</span> 16327 Naam klant </label> 16328 <input type="text" 16329 required 16330 class="w-full form-input" 16331 name="name" 16332 id="price-request-name" 16333 x-bind:value="formConfig.customer.name" 16334 @input="setCustomerName" 16335 x-focus-first/> 16336 </div> 16337 <div class="field w-full"> 16338 <label for="price-request-email"> 16339 <span class="text-red-500">*</span> 16340 Klant e-mail </label> 16341 <input type="email" 16342 required 16343 class="w-full form-input" 16344 name="email" 16345 id="price-request-email" 16346 x-bind:value="formConfig.customer.email" 16347 @input="setCustomerEmail"/> 16348 </div> 16349 <div class="field w-full"> 16350 <label for="price-request-phone"> 16351 <span class="text-red-500">*</span> 16352 Telefoonnummer </label> 16353 <input 16354 type="text" 16355 required 16356 class="w-full form-input" 16357 name="phone" 16358 id="price-request-phone" 16359 x-bind:value="formConfig.customer.phone" 16360 @input="setCustomerPhone"/> 16361 </div> 16362 <div class="field w-full"> 16363 <label for="price-request-comment"> 16364 Opmerking </label> 16365 <textarea name="comment" id="price-request-comment" class="w-full form-input" 16366 rows="3"></textarea> 16367 </div> 16368 </fieldset> 16369 <div x-show="isNeedShowErrors" 16370 x-transition:enter="transition ease-out duration-200" 16371 x-transition:enter-start="opacity-0 transform" 16372 x-transition:enter-end="opacity-100 transform" 16373 class="bg-red-200 p-3 my-3 rounded rounded-sm w-full"> 16374 <p class="text-red-900" x-text="errorMessage"></p> 16375 </div> 16376 <div class="mt-5 w-full flex justify-center"> 16377 <button 16378 :disabled="isLoading" 16379 type="submit" 16380 class="action submit primary btn btn-primary disabled:opacity-75"> 16381 <div x-show="showSubmitText">
16382 <span> 16383 Bevestig </span> 16384 </div> 16385 <div x-show="showLoadingText"> 16386 <span> 16387 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 44 44" stroke="#000" class="w-5 h-5 stroke-current" role="img"> 16388 <g fill="none" fill-rule="evenodd" stroke-width="2"> 16389 <circle cx="22" cy="22" r="1"> 16390 <animate attributeName="r" begin="0s" dur="1.8s" values="1; 20" calcMode="spline" keyTimes="0; 1" keySplines="0.165, 0.84, 0.44, 1" repeatCount="indefinite"/> 16391 <animate attributeName="stroke-opacity" begin="0s" dur="1.8s" values="1; 0" calcMode="spline" keyTimes="0; 1" keySplines="0.3, 0.61, 0.355, 1" repeatCount="indefinite"/> 16392 </circle> 16393 <circle cx="22" cy="22" r="1"> 16394 <animate attributeName="r" begin="-0.9s" dur="1.8s" values="1; 20" calcMode="spline" keyTimes="0; 1" keySplines="0.165, 0.84, 0.44, 1" repeatCount="indefinite"/> 16395 <animate attributeName="stroke-opacity" begin="-0.9s" dur="1.8s" values="1; 0" calcMode="spline" keyTimes="0; 1" keySplines="0.3, 0.61, 0.355, 1" repeatCount="indefinite"/> 16396 </circle> 16397 </g> 16398<title>loading-indicator</title></svg> 16399 16400 Bezig met laden... </span> 16401 </div> 16402 </button> 16403 </div> 16404 </form> 16405 16406 </div> 16407 16408 </div> 16409</div> 16410
16411<script> 16412 'use strict'; 16413 16414 function initAmHidePricePopup() { 16415 return Object.assign(hyva.modal(), { 16416 formConfig: { 16417 url: 'https://123magazijninrichting.nl/amasty_hide_price/request/add/', 16418 productId: null, 16419 productName: '', 16420 customer: { 16421 name: '', 16422 email: '', 16423 phone: '' 16424 }, 16425 }, 16426 isLoading: false, 16427 abortController: undefined, 16428 errorMessage: '', 16429 overlayProperties: [], 16430 setCustomerName(event) { 16431 this.formConfig.customer.name = event.target.value; 16432 }, 16433 setCustomerEmail(event) { 16434 this.formConfig.customer.email = event.target.value; 16435 }, 16436 setCustomerPhone(event) { 16437 this.formConfig.customer.phone = event.target.value; 16438 }, 16439 showSubmitText() { 16440 return !this.isLoading; 16441 }, 16442 showLoadingText() { 16443 return this.isLoading; 16444 }, 16445 getFieldsAriaLabel() { 16446 return 'Form that contains information about customer'; 16447 }, 16448 getCloseBtnAriaLabel() { 16449 return `Close the Get a Quote Popup modal for ${this.formConfig.productName}`; 16450 }, 16451 isNeedShowErrors() { 16452 return this.errorMessage.length > 0; 16453 }, 16454 init: function () { 16455 this.overlayProperties = this.overlay('am-hideprice-popup'); 16456 }, 16457 eventListeners: { 16458 ['@open-am-hideprice-popup.window'](event) { 16459 this.formConfig = {...this.formConfig, ...event.detail}; 16460 this.$nextTick(() => { 16461 !this.opened['am-hideprice-popup'] && this.show('am-hideprice-popup').then(() => { 16462 !!this.abortController && this.abortController.abort(); 16463 16464 // Wait close animation 16465 setTimeout(() => { 16466 this.isLoading = false; 16467 this.formConfig = { 16468 ...this.formConfig, 16469 productId: null, 16470 productName: null, 16471 }; 16472 }, 400); 16473 }); 16474 }); 16475 } 16476 }, 16477 submitRequest: function () { 16478 const headers = { 16479 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' 16480 }; 16481 const form = this.$refs.amHidePriceForm; 16482 const body = new URLSearchParams(new FormData(form)); 16483 body.append('form_key', hyva.getFormKey()); 16484 this.isLoading = true; 16485 this.errorMessage = ''; 16486 this.abortController = new AbortController(); 16487 16488 fetch(this.formConfig.url, { 16489 signal: this.abortController.signal, 16490 method: 'POST', 16491 body, 16492 headers: headers 16493 }).then((response) => { 16494 if (!response.ok) { 16495 this.errorMessage = 'Er is iets misgegaan. Probeer het later opnieuw.'; 16496 } 16497 16498 return response.json(); 16499 }).then((response) => { 16500 if (!response.success) { 16501 this.errorMessage = response.error; 16502 return; 16503 } 16504 16505 typeof window.dispatchMessages !== undefined && window.dispatchMessages([{ 16506 type: 'success', 16507 text: response.success 16508 }], 5000); 16509 16510 form.reset(); 16511 this.hide('am-hideprice-popup'); 16512 }).finally(() => { 16513 this.abortController = undefined; 16514 this.isLoading = false;
16515 }); 16516 } 16517 }) 16518 } 16519 16520 const registerAmHidePricePopup = () => Alpine.data('initAmHidePricePopup', initAmHidePricePopup); 16521 window.Alpine ? registerAmHidePricePopup() : window.addEventListener('alpine:init', registerAmHidePricePopup, {once: true}) 16522</script>
16522 16523 16524
16525<script> 16526 (() => { 16527 function src_default(Alpine) { 16528 Alpine.directive("intersect", Alpine.skipDuringClone((el, { value, expression, modifiers }, { evaluateLater, cleanup }) => { 16529 let evaluate = evaluateLater(expression); 16530 let options = { 16531 rootMargin: getRootMargin(modifiers), 16532 threshold: getThreshold(modifiers) 16533 }; 16534 let observer = new IntersectionObserver((entries) => { 16535 entries.forEach((entry) => { 16536 if (entry.isIntersecting === (value === "leave")) 16537 return; 16538 evaluate(); 16539 modifiers.includes("once") && observer.disconnect(); 16540 }); 16541 }, options); 16542 observer.observe(el); 16543 cleanup(() => { 16544 observer.disconnect(); 16545 }); 16546 })); 16547 } 16548 function getThreshold(modifiers) { 16549 if (modifiers.includes("full")) 16550 return 0.99; 16551 if (modifiers.includes("half")) 16552 return 0.5; 16553 if (!modifiers.includes("threshold")) 16554 return 0; 16555 let threshold = modifiers[modifiers.indexOf("threshold") + 1]; 16556 if (threshold === "100") 16557 return 1; 16558 if (threshold === "0") 16559 return 0; 16560 return Number(`.${threshold}`); 16561 } 16562 function getLengthValue(rawValue) { 16563 let match = rawValue.match(/^(-?[0-9]+)(px|%)?$/); 16564 return match ? match[1] + (match[2] || "px") : void 0; 16565 } 16566 function getRootMargin(modifiers) { 16567 const key = "margin"; 16568 const fallback = "0px 0px 0px 0px"; 16569 const index = modifiers.indexOf(key); 16570 if (index === -1) 16571 return fallback; 16572 let values = []; 16573 for (let i = 1; i < 5; i++) { 16574 values.push(getLengthValue(modifiers[index + i] || "")); 16575 } 16576 values = values.filter((v) => v !== void 0); 16577 return values.length ? values.join(" ").trim() : fallback; 16578 } 16579 16580 document.addEventListener("alpine:init", () => { 16581 window.Alpine.plugin(src_default); 16582 }); 16583 })(); 16584</script>
vendor: 1 bytes, line 16584
16584
16585<script> 16586 for (const [selector, deferUntil] of Object.entries({".product-slider section[x-data]":"intersect",".product-info [x-data]":"intersect","#filters-content [x-data]":"intersect","#review_form":"intersect","section[x-data^=initRecentlyViewedProductsComponent]":"intersect","div[x-data^=initBundleOptions]":"intersect","#product_addtocart_form [x-data]":"intersect","#notice-cookie-block":"idle"})) { 16587 document.querySelectorAll(selector).forEach(el => el.setAttribute('x-defer', `${deferUntil}`)); 16588 } 16589</script>
vendor: 1 bytes, line 16589
16589
16590<script> 16591 (function () { 16592 "use strict"; 16593 16594 const hasAlpine = new Promise(resolve => { 16595 window.addEventListener('alpine:initialized', resolve, {once: true, passive: true}); 16596 }); 16597 16598 const hasInteract = new Promise(resolve => { 16599 (events => { 16600 const onInteract = () => { 16601 resolve(); 16602 events.forEach(type => window.removeEventListener(type, onInteract)); 16603 } 16604 events.forEach(type => window.addEventListener(type, onInteract, {once: true, passive: true})) 16605 })(['touchstart', 'mouseover', 'wheel', 'scroll', 'keydown']) 16606 }); 16607 16608 const onIntersect = (el) => { 16609 return new Promise(resolve => { 16610 const observer = new IntersectionObserver(entries => { 16611 for (const entry of entries) { 16612 if (entry.isIntersecting) { 16613 observer.disconnect() 16614 resolve(); 16615 } 16616 } 16617 }, {}); 16618 observer.observe(el); 16619 }); 16620 } 16621 16622 function runComponent(el) { 16623 hasAlpine.then(() => { 16624 el.removeAttribute('x-ignore'); 16625 queueMicrotask(() => Alpine.initTree(el)); 16626 }); 16627 } 16628 16629 function initDeferredComponents() { 16630 document.querySelectorAll('[x-data][x-defer]').forEach(el => { 16631 el.setAttribute('x-ignore', ''); 16632 const deferUntil = (el.getAttribute('x-defer') || '').trim(); 16633 switch (deferUntil) { 16634 case 'interact': 16635 hasInteract.then(() => runComponent(el)); 16636 break; 16637 case 'intersect': 16638 onIntersect(el).then(() => runComponent(el)) 16639 break; 16640 case 'idle': 16641 window.requestIdleCallback 16642 ? window.requestIdleCallback(() => runComponent(el), {timeout: 4000}) 16643 : setTimeout(() => runComponent(el), 4000); 16644 break; 16645 case 'eager': 16646 runComponent(el); 16647 break; 16648 default: 16649 if (deferUntil.startsWith('event:') && deferUntil.length > 6) { 16650 window.addEventListener(deferUntil.substring(6), () => runComponent(el), {once: true, passive: true}); 16651 } 16652 } 16653 }); 16654 } 16655 16656 window.addEventListener('alpine:init', initDeferredComponents, {once: true, passive: true}); 16657 })() 16658</script>
16658 16659
16660<script> 16661 function createAjaxLoader() { 16662 const loader = document.createElement('div'); 16663 loader.className = 'absolute inset-0 loader h-full w-full'; 16664 loader.innerHTML = '<div class="px-6 py-2 flex justify-center items-center w-full h-full load-spinner items-center justify-center p-1"> <div class="w-6 h-6 aspect-square border-[2px] border-white animate-spin rounded-full border-l-transparent border-r-transparent border-b-transparent"></div> </div>'; 16665 return loader; 16666 } 16667 16668 function addAjaxLoader(button, loader) { 16669 button.setAttribute('data-label', button.getAttribute('aria-label')); 16670 button.removeAttribute('aria-label'); 16671 button.prepend(loader); 16672 button.classList.add('relative', '[&>:not(.loader)]:invisible'); 16673 button.disabled = true; 16674 } 16675 16676 function removeAjaxLoader(button, loader) { 16677 button.setAttribute('aria-label', button.getAttribute('data-label')); 16678 button.removeAttribute('data-label'); 16679 loader.remove(); 16680 button.classList.remove('[&>:not(.loader)]:invisible'); 16681 button.disabled = false; 16682 } 16683 16684 async function addAjaxCartForm(form, extraDelay = 500) { 16685 if (!form) return; 16686 event.preventDefault(); 16687 16688 if (!form.reportValidity()) { 16689 return form.submit(); 16690 } 16691 16692 const formData = new FormData(form); 16693 if (document.querySelectorAll("[data-addto='cart']")) { 16694 var buttons = document.querySelectorAll("[data-addto='cart']"); 16695 16696 buttons.forEach((button) => { 16697 button.classList.add("loading"); 16698 button.disabled = true; 16699 }); 16700 } 16701 else { 16702 const button = form.querySelector('button:not([type=button], [type=reset])') 16703 ? form.querySelector('button:not([type=button], [type=reset])') 16704 : document.getElementById('product-addtocart-button'); 16705 16706 const loader = createAjaxLoader(button); 16707 addAjaxLoader(button, loader); 16708 } 16709 const formUenc = hyva.getUenc(); 16710 let bodyUrl = new URLSearchParams(formData); 16711 bodyUrl.append("uenc", formUenc); 16712 const postUrl = event.target.action.replace('%25uenc%25', formUenc); 16713 16714 try { 16715 const response = await fetch(postUrl, { 16716 method: 'POST', 16717 body: bodyUrl.toString(), 16718 mode: "cors", 16719 credentials: "include", 16720 headers: { 16721 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8', 16722 'X-Requested-With': 'XMLHttpRequest' 16723 } 16724 }); 16725 16726 if (!response.ok) { 16727 return form.submit(); 16728 } 16729 16730 if (response.redirected) { 16731 return window.location.href = response.url; 16732 } 16733 16734 const responseData = await response.json(); 16735 if (responseData.backUrl) { 16736 return window.location.href = responseData.backUrl; 16737 } 16738 16739 window.dispatchEvent(new CustomEvent("reload-customer-section-data")); 16740 16741 const productFormData = { 16742 productId: formData.get("product"), 16743 options: {} 16744 } 16745 16746 for (const formEntry of formData.entries()) { 16747 if (!formEntry[0].startsWith('super_attribute')) continue; 16748 const formEntryOption = { [formEntry[0].match(/\[(\d+)\]/)[1]]: formEntry[1] }; 16749 productFormData.options = { ...productFormData.options, ...formEntryOption }; 16750 } 16751 16752 window.dispatchEvent(new CustomEvent('open-ajax-cart', { detail: productFormData })); 16753 } catch (err) { 16754 console.warn(err); 16755 window.dispatchEvent(new CustomEvent('product-addtocart-error')); 16756 16757 if (typeof window.dispatchMessages === "undefined") return; 16758 window.dispatchMessages([{ 16759 text:'Er\u0020is\u0020iets\u0020misgegaan\u0020bij\u0020het\u0020toevoegen\u0020aan\u0020de\u0020winkelwagen.', 16760 type: 'error' 16761 }], 5000); 16762 } finally { 16763 setTimeout(() => { 16764 if (buttons) { 16765 buttons.forEach((button) => { 16766 button.classList.remove("loading"); 16767 button.disabled = false;
16768 }); 16769 } else { 16770 removeAjaxLoader(button, loader); 16771 } 16772 }, extraDelay); 16773 } 16774 } 16775 16776 function removeAjaxCartForm(form) { 16777 removeEventListener('submit', form); 16778 } 16779 16780 document.addEventListener('submit', function(event) { 16781 if (!event.target.matches('#product_addtocart_form, .product_addtocart_form')) return; 16782 addAjaxCartForm(event.target, 500); 16783 }); 16784</script>
16784 16785 16786 16787 <dialog 16788 x-data="initAjaxCartModal" 16789 class="ajax-modal" 16790 x-show="open" 16791 x-transition.duration.500ms 16792 @keydown.window.escape="closeDialog()" 16793 @click="!onDialogBackdropClickHelper(event) && closeDialog()" 16794 @open-ajax-cart.window="setNewCartData(event)" 16795 > 16796 <template x-if="open && cartItem"> 16797 <div> 16798 <div class="title-wrapper"> 16799 <span class="title"> 16800 Product toegevoegd aan winkelwagen </span> 16801 <button 16802 title="Close fullscreen" 16803 aria-label="Close fullscreen" 16804 @click="closeDialog()" 16805 class="close-button" 16806 > 16807 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true"> 16808 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/> 16809</svg> 16810 </button> 16811 </div> 16812 <div class="flex gap-3 sm:gap-x-6 items-start lg:p-6 p-4"> 16813 <div class="shrink-0 max-w-[theme(spacing.20)] sm:max-w-[theme(spacing.32)]"> 16814 <img 16815 loading="lazy" 16816 :src="cartItem.product_image.src" 16817 :width="cartItem.product_image.width" 16818 :height="cartItem.product_image.height" 16819 :alt="hyva.str('Product\u0020\u0022\u00251\u0022', cartItem.product_name)" 16820 > 16821 </div> 16822 <div class="grow flex gap-2 flex-col sm:flex-row"> 16823 <div class="grow"> 16824 <div class="flex-row flex"> 16825 <strong class="font-bold text-lg mr-4" x-html="cartItem.product_name"></strong> 16826 <div class="leading-7 shrink-0 [&_.price]:font-normal ml-auto" x-html="cartItem.product_price"></div> 16827 </div> 16828 <template x-if="(cartItem.options && cartItem.options.length > 0) || showSku"> 16829 <div class="mt-2 text-sm"> 16830 <template x-if="cartItem.product_sku && showSku"> 16831 <div class=""> 16832 <div class="table-cell pb-1.5 text-sm text-slate-500" x-html="cartItem.product_sku"></div> 16833 </div> 16834 </template> 16835 <template x-for="option in cartItem.options"> 16836 <div class="w-full break-all text-sm clearfix text-slate-500"> 16837 <span class="font-bold mr-2 mb-2" x-text="option.label + ':'"></span> 16838 <span class="" x-html="option.value"></span> 16839 </div> 16840 </template> 16841 </div> 16842 </template> 16843 </div> 16844 </div> 16845 </div> 16846 <div class="flex gap-2 justify-between items-end lg:p-6 p-4 text-slate-600 font-bold"> 16847 <span> 16848 <span>Subtotaal winkelwagen</span> 16849 <span x-text="getItemCountText()"></span> 16850 </span> 16851 <span x-html="cart.subtotal_excl_tax" x-show="$store.storeMode.value === 'excl-tax'"></span> 16852 <span x-html="cart.subtotal_incl_tax" x-show="$store.storeMode.value === 'incl-tax'"></span> 16853 16854 </div> 16855 <div class="button-wrapper"> 16856 <a 16857 href="https://123magazijninrichting.nl/checkout/" 16858 @click.prevent.stop="closeDialog(); $dispatch('toggle-authentication', { 16859 url: 'https://123magazijninrichting.nl/checkout/' 16860 });" 16861 class="checkout-button" 16862 >Bestelling</a> 16863 <button 16864 @click="closeDialog()" 16865 class="close-button continue-shopping" 16866 >Verder winkelen</button> 16867 </div> 16868 </div> 16869 </template> 16870 </dialog> 16871 16872
16872<script> 16873 function initAjaxCartModal() { 16874 return { 16875 open: false, 16876 cart: {}, 16877 initialTotalCartAmount: 0, 16878 totalCartAmount: 0, 16879 cartItem: null, 16880 showSku: true, 16881 init() { 16882 window.addEventListener('private-content-loaded', (event) => { 16883 const cartData = event.detail.data && event.detail.data.cart; 16884 if (!cartData) return; 16885 16886 this.cart = cartData; 16887 this.totalCartAmount = this.cart.summary_count; 16888 this.initialTotalCartAmount = this.cart.summary_count; 16889 }, { once: true }); 16890 16891 this.$watch('totalCartAmount', (value, oldValue) => { 16892 if (this.initialTotalCartAmount === this.totalCartAmount) return; 16893 this.openDialog(); 16894 this.initialTotalCartAmount = this.totalCartAmount; 16895 }) 16896 }, 16897 sortObjectByNumberKey(obj) { 16898 let keys = Object.keys(obj).map(Number).sort((a, b) => a - b); 16899 let sortedObj = {}; 16900 keys.forEach(key => sortedObj[key] = obj[key]); 16901 return sortedObj; 16902 }, 16903 setNewCartData(event) { 16904 const productData = event.detail; 16905 window.addEventListener('private-content-loaded', (event) => { 16906 const cartData = event.detail.data && event.detail.data.cart; 16907 if (!cartData) return; 16908 this.cart = cartData; 16909 this.totalCartAmount = this.cart.summary_count; 16910 16911 if (!productData) return; 16912 this.getCurrentProductFromCart(productData); 16913 }, { once: true }); 16914 }, 16915 getCurrentProductFromCart(productData) { 16916 if (!this.cart.items) return; 16917 this.cartItem = this.cart.items.filter((item) => { 16918 if (item.product_id !== productData.productId) return; 16919 if (item.product_type !== "configurable") { 16920 return item; 16921 } 16922 16923 let cartItemOptions = {}; 16924 for (const option of item.options) { 16925 const filterOptions = { [option.option_id]: option.option_value }; 16926 cartItemOptions = { ...cartItemOptions, ...filterOptions } 16927 } 16928 16929 const cartItemOptionsCompare = JSON.stringify(this.sortObjectByNumberKey(cartItemOptions)); 16930 const productDataOptionsCompare = JSON.stringify(this.sortObjectByNumberKey(productData.options)); 16931 if (cartItemOptionsCompare === productDataOptionsCompare) { 16932 return item; 16933 } 16934 }); 16935 16936 if (this.cartItem > 1) { 16937 this.cartItem = this.cartItem.slice(0, 1); 16938 } 16939 16940 this.cartItem = this.cartItem[0]; 16941 }, 16942 getItemCountText() { 16943 return hyva.str('(\u00251\u0020St.)', this.totalCartAmount); 16944 }, 16945 openDialog() { 16946 if (!this.cartItem) return; 16947 this.$root.showModal(); 16948 this.open = true; 16949 this.scrollLock(this.open); 16950 }, 16951 closeDialog() { 16952 this.$root.close(); 16953 this.open = false; 16954 this.scrollLock(this.open); 16955 }, 16956 scrollLock(use = true) { 16957 document.body.style.overflow = use ? "hidden" : ""; 16958 }, 16959 onDialogBackdropClickHelper(event, target = this.$root) { 16960 const rect = target.getBoundingClientRect(); 16961 const isInDialog = 16962 rect.top <= event.clientY && 16963 event.clientY <= rect.top + rect.height && 16964 rect.left <= event.clientX && 16965 event.clientX <= rect.left + rect.width; 16966 return isInDialog; 16967 } 16968 } 16969 } 16970 </script>
vendor: 1 bytes, line 16970
16970
16971<script> 16972 let SnapSlider = class { 16973 constructor(el, { 16974 labelSepparator = 'van', 16975 autoPager, 16976 groupPager 16977 } = {}) { 16978 this.el = el; 16979 this.track = this.el.querySelector("[data-track]"); 16980 if (!this.track) { 16981 console.warn( 16982 "No Slider track defined, reverting back to CSS slider.\nPlease create a wrapper for your slides with the attribute data-track", 16983 this.el 16984 ); 16985 return; 16986 } 16987 this.initialLoad = true; 16988 this.slides = []; 16989 this.inViewObserver; 16990 this.mutationObserver; 16991 this.resizeObserver; 16992 this.pager = this.el.querySelector("[data-pager]"); 16993 this.navBtns = Array.from( 16994 this.el.querySelectorAll("[data-next], [data-prev]") 16995 ); 16996 this.slideLabelSepparator = this.el.dataset.slideLabelSepparator || labelSepparator; 16997 this.useAutoPager = autoPager || this.el.hasAttribute("data-auto-pager") || false; 16998 this.useGroupPager = groupPager || this.el.hasAttribute("data-group-pager") || false; 16999 this.sliderLabel = this.el.hasAttribute("aria-label") && this.el.getAttribute("aria-label").toLowerCase().trim().replace(/[^a-z0-9_-]+/g, "-").replace(/^-+|-+$/g, ""); 17000 this.sliderId = this.el.id || this.sliderLabel || "slider"; 17001 this.markerIdName = "data-target-id"; 17002 this.pagerClasses = this.el.dataset.pagerClass || "snap-pager"; 17003 this.markerClasses = this.el.dataset.markerClass || "snap-marker"; 17004 this.init(); 17005 } 17006 init() { 17007 this.setupSlides(); 17008 this.setupNav(); 17009 if (this.useAutoPager) { 17010 this.createPager(); 17011 } else { 17012 this.setupPager(); 17013 } 17014 this.setupObservers(); 17015 this.setupMutationObserver(); 17016 this.setupResizeObserver(); 17017 this.el.addEventListener("click", this.eventHandler.bind(this)); 17018 this.el.addEventListener("keydown", this.eventHandler.bind(this)); 17019 } 17020 destroy() { 17021 this.inViewObserver?.disconnect(); 17022 this.mutationObserver?.disconnect(); 17023 this.resizeObserver?.disconnect(); 17024 this.el.removeEventListener("click", this.eventHandler.bind(this)); 17025 this.el.removeEventListener("keydown", this.eventHandler.bind(this)); 17026 } 17027 roundUpIfGreaterThan(number, min = 8) { 17028 const decimalPart = number - Math.floor(number); 17029 return decimalPart >= min ? Math.ceil(number) : Math.floor(number); 17030 } 17031 getInViewItems() { 17032 const inViewSlides = this.track.querySelectorAll("[data-in-view]"); 17033 const firstInViewSlide = inViewSlides[0] || null; 17034 const lastInViewSlide = inViewSlides[inViewSlides.length - 1] || null; 17035 const isAtStart = firstInViewSlide === this.slides[0]; 17036 const isAtEnd = lastInViewSlide === this.slides[this.slides.length - 1]; 17037 return { 17038 inViewSlides, 17039 totalInViewSlides: inViewSlides.length, 17040 firstInViewSlide, 17041 lastInViewSlide, 17042 isAtStart, 17043 isAtEnd, 17044 hasNoOverflow: isAtStart && isAtEnd 17045 }; 17046 } 17047 groupPagerMarkers() { 17048 if (!this.pager || !this.useGroupPager) return; 17049 const totalVisibleSlides = this.roundUpIfGreaterThan( 17050 this.track.offsetWidth / this.slides[0].offsetWidth 17051 ); 17052 const markers = Array.from(this.pager.querySelectorAll("a, button")); 17053 markers.forEach((marker, index) => { 17054 marker.style.display = index % totalVisibleSlides === 0 ? null : "none"; 17055 }); 17056 } 17057 handleInView(entries) { 17058 entries.forEach((entry) => { 17059 const marker = this.pager && (this.pager.querySelector(`[href="#${entry.target.id}"]`) || this.pager.querySelector( 17060 `[${this.markerIdName}="${entry.target.id}"]` 17061 )); 17062 entry.target.toggleAttribute("data-in-view", entry.isIntersecting); 17063 entry.target.toggleAttribute("inert", !entry.isIntersecting); 17064 marker?.setAttribute("aria-current", entry.isIntersecting); 17065 marker?.setAttribute("tabindex", entry.isIntersecting ? "0" : "-1"); 17066 }); 17067 const { 17068 isAtStart, 17069 isAtEnd, 17070 hasNoOverflow 17071 } = this.getInViewItems(); 17072 this.navBtns.forEach((btn) => { 17073 if (btn.hasAttribute("data-next")) { 17074 btn.style.visibility = hasNoOverflow ? "hidden" : null; 17075 isAtEnd ? btn.setAttribute("disabled", "") : btn.removeAttribute("disabled"); 17076 } 17077 if (btn.hasAttribute("data-prev")) { 17078 btn.style.visibility = hasNoOverflow ? "hidden" : null; 17079 isAtStart ? btn.setAttribute("disabled", "") : btn.removeAttribute("disabled"); 17080 } 17081 }); 17082 if (this.pager) { 17083 this.pager.style.visibility = hasNoOverflow ? "hidden" : null; 17084 } 17085 if (!this.initialLoad) { 17086 this.el.dispatchEvent( 17087 new CustomEvent("slideChange", { 17088 detail: this.getInViewItems() 17089 }) 17090 ); 17091 } else { 17092 this.initialLoad = false;
17093 } 17094 if (document.activeElement.parentElement.hasAttribute("data-pager")) { 17095 const activeItems = this.pager.querySelectorAll('[tabindex="0"]'); 17096 if (activeItems.length) { 17097 activeItems[0].focus(); 17098 } 17099 } 17100 } 17101 getSlides() { 17102 if (!this.track) return []; 17103 return Array.from(this.track.children).filter( 17104 (child) => child.tagName.toLowerCase() !== "template" && child.tagName.toLowerCase() !== "script" 17105 ); 17106 } 17107 refreshSlides() { 17108 this.initialLoad = true; 17109 this.slides = this.getSlides(); 17110 this.setupSlides(); 17111 if (this.useAutoPager) { 17112 this.createPager(); 17113 } else { 17114 this.setupPager(); 17115 } 17116 this.groupPagerMarkers(); 17117 this.setupObservers(); 17118 } 17119 setupSlides() { 17120 this.slides = this.getSlides(); 17121 this.slides.forEach((slide, index) => { 17122 const totalSlides = this.slides.length; 17123 const currentSlide = index + 1; 17124 const existingLabel = slide.getAttribute("aria-label") || ""; 17125 const isImage = slide.tagName.toLowerCase() === "img" || slide.tagName.toLowerCase() === "picture"; 17126 const slideLabelTag = isImage ? "alt" : "aria-label"; 17127 const hasAutoLabel = existingLabel.startsWith( 17128 `${currentSlide} ${this.slideLabelSepparator} ` 17129 ); 17130 if (!slide.hasAttribute("id")) { 17131 slide.setAttribute( 17132 "id", 17133 `${this.sliderId}-item-${currentSlide}` 17134 ); 17135 } 17136 if (!slide.hasAttribute(slideLabelTag) || slide.getAttribute(slideLabelTag) === "" || hasAutoLabel) { 17137 slide.setAttribute( 17138 slideLabelTag, 17139 `${currentSlide} ${this.slideLabelSepparator} ${totalSlides}` 17140 ); 17141 } 17142 if (slide.tagName.toLowerCase() === "div" && !slide.hasAttribute("role")) { 17143 slide.setAttribute("role", "group"); 17144 } 17145 if (this.pager && !isImage) { 17146 slide.setAttribute("role", "tabpanel"); 17147 } 17148 if (slide.getAttribute("role") === "group") { 17149 slide.setAttribute("aria-roledescription", "item"); 17150 } 17151 }); 17152 if (!this.el.hasAttribute("role") && this.el.tagName !== "SECTION") { 17153 this.el.setAttribute("role", "region"); 17154 } 17155 if (!this.el.hasAttribute("aria-roledescription")) { 17156 this.el.setAttribute("aria-roledescription", "carousel"); 17157 } 17158 this.track.setAttribute("tabindex", 0); 17159 this.track.setAttribute("aria-live", "polite"); 17160 } 17161 setupNav() { 17162 this.navBtns.forEach((btn) => { 17163 btn.setAttribute("disabled", ""); 17164 btn.removeAttribute("hidden"); 17165 btn.classList.remove("invisible"); 17166 btn.style.visibility = null; 17167 }); 17168 } 17169 createPager() { 17170 const newPager = document.createElement("nav"); 17171 newPager.setAttribute("data-pager", ""); 17172 newPager.setAttribute("role", "tablist"); 17173 newPager.classList.add(...this.pagerClasses.split(" ")); 17174 this.slides.forEach((slide, index) => { 17175 const marker = document.createElement("button"); 17176 const slideId = slide.id || `${this.sliderId}-item-${index + 1}`; 17177 marker.setAttribute(this.markerIdName, slideId); 17178 marker.classList.add(...this.markerClasses.split(" ")); 17179 this.setupPagerMarker(marker, index); 17180 newPager.appendChild(marker); 17181 if (slide.tagName.toLowerCase() !== "img" && slide.tagName.toLowerCase() !== "picture") { 17182 slide.removeAttribute("aria-roledescription"); 17183 slide.setAttribute("role", "tabpanel"); 17184 } 17185 }); 17186 if (this.pager) { 17187 this.pager.setAttribute("role", "tablist"); 17188 this.pager.replaceChildren(...newPager.children); 17189 } else { 17190 this.track.after(newPager); 17191 this.pager = this.el.querySelector("[data-pager]"); 17192 } 17193 } 17194 setupPager() { 17195 if (!this.pager) return; 17196 this.pager.setAttribute("role", "tablist"); 17197 const items = Array.from(this.pager.querySelectorAll("a, button"));
17198 items.forEach((marker, index) => this.setupPagerMarker(marker, index)); 17199 } 17200 setupPagerMarker(marker, index) { 17201 const markerId = marker.getAttribute("href")?.slice(1) || marker.getAttribute(this.markerIdName); 17202 const slideId = markerId || `${this.sliderId}-item-${index + 1}`; 17203 if (!markerId) { 17204 marker.setAttribute(this.markerIdName, slideId); 17205 } 17206 marker.setAttribute("role", "tab"); 17207 marker.setAttribute("aria-controls", slideId); 17208 marker.setAttribute("aria-posinset", index + 1); 17209 marker.setAttribute("aria-setsize", this.slides.length); 17210 marker.setAttribute("tabindex", "-1"); 17211 if (!marker.hasAttribute("aria-label")) { 17212 marker.setAttribute("aria-label", `Slide ${index + 1}`); 17213 } 17214 } 17215 setupObservers() { 17216 if (this.inViewObserver) { 17217 this.inViewObserver.disconnect(); 17218 } 17219 this.inViewObserver = new IntersectionObserver( 17220 this.handleInView.bind(this), { 17221 root: this.track, 17222 threshold: 0.8 17223 } 17224 ); 17225 this.slides.forEach((slide) => this.inViewObserver.observe(slide)); 17226 } 17227 setupMutationObserver() { 17228 this.mutationObserver = new MutationObserver( 17229 this.refreshSlides.bind(this) 17230 ); 17231 this.mutationObserver.observe(this.track, { 17232 childList: true, 17233 subtree: false 17234 }); 17235 } 17236 setupResizeObserver() { 17237 this.resizeObserver = new ResizeObserver( 17238 this.groupPagerMarkers.bind(this) 17239 ); 17240 this.resizeObserver.observe(this.el); 17241 } 17242 goToSlideDir(dir = "next") { 17243 const { 17244 firstInViewSlide, 17245 lastInViewSlide 17246 } = this.getInViewItems(); 17247 const isPrev = dir === "prev"; 17248 let targetSlide = isPrev ? firstInViewSlide?.previousElementSibling : lastInViewSlide?.nextElementSibling; 17249 if (!targetSlide) return; 17250 if (targetSlide.tagName.toLowerCase() === "template") { 17251 targetSlide = isPrev ? targetSlide?.previousElementSibling : targetSlide?.nextElementSibling; 17252 } 17253 targetSlide.scrollIntoView({ block: "nearest", inline: isPrev ? "end" : "start" }); 17254 } 17255 pagerToSlide(event) { 17256 if (!event.target.closest("[data-pager]")) return; 17257 const marker = event.target.closest("a, button"); 17258 if (!marker) return; 17259 event.preventDefault(); 17260 const slideId = marker.getAttribute("href")?.slice(1) || marker.getAttribute(this.markerIdName); 17261 const targetSlide = this.track.querySelector(`#${slideId}`); 17262 targetSlide?.scrollIntoView({ block: "nearest", inline: "start" }); 17263 } 17264 eventHandler(event) { 17265 const target = event.target.closest( 17266 "[data-next], [data-prev], [data-pager]" 17267 ); 17268 if (!target) return; 17269 if (event.type === "click") { 17270 if (target.hasAttribute("data-next")) { 17271 this.goToSlideDir("next"); 17272 } else if (target.hasAttribute("data-prev")) { 17273 this.goToSlideDir("prev"); 17274 } else if (target.closest("[data-pager]")) { 17275 this.pagerToSlide(event); 17276 } 17277 } 17278 if (event.type === "keydown" && target.closest("[data-pager]")) { 17279 if (event.key === "ArrowRight") { 17280 this.goToSlideDir("next"); 17281 } else if (event.key === "ArrowLeft") { 17282 this.goToSlideDir("prev"); 17283 } 17284 } 17285 } 17286 }; 17287 17288 (() => { 17289 function alpineSnapSlider(Alpine) { 17290 Alpine.directive("snap-slider", (el, { 17291 modifiers 17292 }, { 17293 cleanup 17294 }) => { 17295 const autoPager = modifiers.includes("auto-pager");
17296 const groupPager = modifiers.includes("group-pager"); 17297 const slider = new SnapSlider(el, { 17298 autoPager, 17299 groupPager 17300 }); 17301 cleanup(() => { 17302 slider.destroy(); 17303 }); 17304 }); 17305 } 17306 17307 document.addEventListener("alpine:init", () => { 17308 window.Alpine.plugin(alpineSnapSlider); 17309 }); 17310 })(); 17311</script>
vendor: 1 bytes, line 17311
17311
17312<script> 17313 (() => { 17314 'use strict'; 17315 17316 if (typeof SnapSlider === 'undefined') { 17317 return; 17318 } 17319 17320 const RESIZE_DEBOUNCE_MS = 150; 17321 const SCROLL_FALLBACK_THROTTLE_MS = 100; 17322 17323 window.AmSnapSlider = class AmSnapSlider extends SnapSlider { 17324 init() { 17325 this.useInfinite = this.el.hasAttribute('data-am-infinity-loop'); 17326 17327 super.init(); 17328 17329 if (!this.useInfinite || !this.track) { 17330 return; 17331 } 17332 17333 this._cloneCount = 0; 17334 this._isCloning = false; 17335 this._isJumping = false; 17336 this._onInfiniteScrollEnd = this._onInfiniteScrollEnd.bind(this); 17337 17338 this._setupInfiniteLoop(); 17339 this._bindInfiniteScrollEnd(); 17340 } 17341 17342 getSlides() { 17343 const slides = super.getSlides(); 17344 17345 if (!this.useInfinite) { 17346 return slides; 17347 } 17348 17349 return slides.filter((child) => !child.hasAttribute('data-clone')); 17350 } 17351 17352 refreshSlides() { 17353 if (!this.useInfinite) { 17354 return super.refreshSlides(); 17355 } 17356 17357 if (this._isCloning) { 17358 return; 17359 } 17360 17361 this._removeClones(); 17362 super.refreshSlides(); 17363 this._setupInfiniteLoop(); 17364 } 17365 17366 setupResizeObserver() { 17367 this.resizeObserver = new ResizeObserver(() => { 17368 requestAnimationFrame(() => { 17369 if (this._isCloning || this._isJumping) { 17370 return; 17371 } 17372 17373 this.groupPagerMarkers(); 17374 17375 if (!this.useInfinite) { 17376 return; 17377 } 17378 17379 clearTimeout(this._resizeInfiniteTimer); 17380 this._resizeInfiniteTimer = setTimeout(() => { 17381 this._setupInfiniteLoop(); 17382 }, RESIZE_DEBOUNCE_MS); 17383 }); 17384 }); 17385 this.resizeObserver.observe(this.el); 17386 } 17387 17388 goToSlideDir(dir = 'next') { 17389 if (!this.useInfinite || !this._cloneCount) { 17390 return super.goToSlideDir(dir); 17391 } 17392 17393 if (this.isNavigating || this._isJumping) { 17394 return; 17395 } 17396 17397 const allSlides = this._getAllTrackSlides(); 17398 17399 if (!allSlides.length) { 17400 return; 17401 } 17402 17403 // Same page-step as SnapSlider: next from last in-view, prev from first. 17404 const inViewSlides = this._getVisibleTrackSlides(allSlides); 17405 const isPrev = dir === 'prev'; 17406 const referenceSlide = isPrev 17407 ? inViewSlides[0] 17408 : inViewSlides[inViewSlides.length - 1]; 17409 const currentIndex = allSlides.indexOf(referenceSlide); 17410 17411 if (currentIndex < 0) { 17412 return; 17413 } 17414 17415 const targetIndex = isPrev ? currentIndex - 1 : currentIndex + 1; 17416 17417 if (targetIndex < 0 || targetIndex >= allSlides.length) { 17418 return; 17419 } 17420 17421 const targetSlide = allSlides[targetIndex]; 17422 17423 if (!targetSlide) { 17424 return; 17425 } 17426 17427 this.isNavigating = true; 17428 targetSlide.scrollIntoView({ 17429 block: 'nearest', 17430 inline: isPrev ? 'end' : 'start' 17431 }); 17432 } 17433 17434 handleInView(entries) { 17435 this.focusOnActivePageMarker(); 17436 17437 if (!this.useInfinite) { 17438 const focusedNavBtn = this.navBtns.includes(document.activeElement) 17439 ? document.activeElement 17440 : null; 17441 17442 super.handleInView(entries); 17443 17444 if (focusedNavBtn?.disabled) { 17445 this.navBtns.find((btn) =>
17445 !btn.disabled)?.focus({ preventScroll: true });; 17446 } 17447 17448 return; 17449 } 17450 17451 const realEntries = []; 17452 17453 entries.forEach((entry) => { 17454 if (entry.target.hasAttribute('data-clone')) { 17455 entry.target.toggleAttribute('data-in-view', entry.isIntersecting); 17456 entry.target.setAttribute('inert', ''); 17457 entry.target.setAttribute('aria-hidden', 'true'); 17458 return; 17459 } 17460 17461 realEntries.push(entry); 17462 }); 17463 17464 if (realEntries.length) { 17465 super.handleInView(realEntries); 17466 } 17467 17468 this.navBtns.forEach((btn) => { 17469 btn.removeAttribute('disabled'); 17470 btn.style.visibility = null; 17471 }); 17472 } 17473 17474 focusOnActivePageMarker() { 17475 if (!this.useGroupPager || !this.pager || !this.slides.length) { 17476 return; 17477 } 17478 17479 const totalVisibleSlides = this.roundUpIfGreaterThan( 17480 this.track.offsetWidth / this.slides[0].offsetWidth 17481 ); 17482 const markers = Array.from(this.pager.querySelectorAll('a, button')); 17483 const { lastInViewSlide } = this.getInViewItems(); 17484 const activeIndex = lastInViewSlide ? this.slides.indexOf(lastInViewSlide) : -1; 17485 const activeGroupLeaderIndex = activeIndex >= 0 17486 ? activeIndex - (activeIndex % totalVisibleSlides) 17487 : -1; 17488 17489 let currentMarker = null; 17490 17491 markers.forEach((marker, index) => { 17492 const isGroupLeader = index % totalVisibleSlides === 0; 17493 17494 if (!isGroupLeader) { 17495 marker.setAttribute('aria-current', 'false'); 17496 marker.setAttribute('tabindex', '-1'); 17497 return; 17498 } 17499 17500 const isCurrent = index === activeGroupLeaderIndex; 17501 17502 marker.setAttribute('aria-current', String(isCurrent)); 17503 marker.setAttribute('tabindex', isCurrent ? '0' : '-1'); 17504 17505 if (isCurrent) { 17506 currentMarker = marker; 17507 } 17508 }); 17509 17510 if (currentMarker && this.pager.contains(document.activeElement) 17511 && document.activeElement !== currentMarker 17512 ) {
17513 currentMarker.focus({ preventScroll: true }); 17514 } 17515 } 17516 17517 destroy() { 17518 if (this.useInfinite) { 17519 this._unbindInfiniteScrollEnd(); 17520 clearTimeout(this._resizeInfiniteTimer); 17521 clearTimeout(this._infiniteScrollTimer); 17522 this._removeClones(); 17523 } 17524 17525 super.destroy(); 17526 } 17527 17528 _getAllTrackSlides() { 17529 return this.track ? super.getSlides() : []; 17530 } 17531 17532 _getClosestSlideIndex(slides) { 17533 const trackLeft = this.track.getBoundingClientRect().left; 17534 let closest = 0; 17535 let minDist = Infinity; 17536 17537 slides.forEach((slide, index) => { 17538 const dist = Math.abs(slide.getBoundingClientRect().left - trackLeft); 17539 if (dist < minDist) { 17540 minDist = dist; 17541 closest = index; 17542 } 17543 }); 17544 17545 return closest; 17546 } 17547 17548 _getVisibleTrackSlides(slides) { 17549 const marked = slides.filter((slide) => slide.hasAttribute('data-in-view')); 17550 if (marked.length) { 17551 return marked; 17552 } 17553 17554 const trackRect = this.track.getBoundingClientRect(); 17555 const threshold = 0.8; 17556 17557 return slides.filter((slide) => { 17558 const rect = slide.getBoundingClientRect(); 17559 const visibleWidth = Math.min(rect.right, trackRect.right) 17560 - Math.max(rect.left, trackRect.left); 17561 17562 if (visibleWidth <= 0) { 17563 return false; 17564 } 17565 17566 return (visibleWidth / Math.max(rect.width, 1)) >= threshold; 17567 }); 17568 } 17569 17570 _getSlideScrollLeft(slide) { 17571 const trackRect = this.track.getBoundingClientRect(); 17572 const slideRect = slide.getBoundingClientRect(); 17573 17574 return this.track.scrollLeft + (slideRect.left - trackRect.left); 17575 } 17576 17577 _createClone(slide, position, index) { 17578 const clone = slide.cloneNode(true); 17579 const baseId = slide.id || `${this.sliderId}-item-${index + 1}`; 17580 17581 clone.setAttribute('data-clone', position); 17582 clone.setAttribute('data-clone-of', baseId); 17583 clone.setAttribute('aria-hidden', 'true'); 17584 clone.setAttribute('inert', ''); 17585 clone.setAttribute('x-ignore', ''); 17586 clone.id = `${baseId}-clone-${position}-${index}`; 17587 clone.removeAttribute('data-in-view'); 17588 17589 clone.querySelectorAll('[id]').forEach((el) => { 17590 if (el !== clone) { 17591 el.removeAttribute('id'); 17592 } 17593 }); 17594 clone.querySelectorAll('[name]').forEach((el) => { 17595 el.removeAttribute('name'); 17596 }); 17597 17598 return clone; 17599 } 17600 17601 _removeClones() { 17602 if (!this.track) { 17603 return; 17604 } 17605 17606 this.track.querySelectorAll('[data-clone]').forEach((clone) => { 17607 clone.remove(); 17608 }); 17609 this._cloneCount = 0; 17610 } 17611 17612 _silentScrollTo(slide) { 17613 if (!slide || !this.track) { 17614 return; 17615 } 17616 17617 this._isJumping = true; 17618 17619 const track = this.track; 17620 const prevBehavior = track.style.scrollBehavior; 17621 const prevSnap = track.style.scrollSnapType; 17622 17623 track.style.scrollBehavior = 'auto'; 17624 track.style.scrollSnapType = 'none'; 17625 track.scrollLeft = this._getSlideScrollLeft(slide); 17626 17627 requestAnimationFrame(() => { 17628 track.style.scrollBehavior = prevBehavior; 17629 track.style.scrollSnapType = prevSnap; 17630 this._isJumping = false;
17631 this.isNavigating = false; 17632 }); 17633 } 17634 17635 _canUseInfinite(realSlides) { 17636 if (!realSlides.length || realSlides.length < 2) { 17637 return false; 17638 } 17639 17640 return this.track.scrollWidth > this.track.clientWidth + 1; 17641 } 17642 17643 _setupInfiniteLoop() { 17644 if (!this.useInfinite || !this.track || this._isCloning) { 17645 return; 17646 } 17647 17648 this._isCloning = true; 17649 this.mutationObserver?.disconnect(); 17650 17651 let restoreIndex = 0; 17652 const { firstInViewSlide } = this.getInViewItems(); 17653 const currentIndex = this.slides.indexOf(firstInViewSlide); 17654 17655 if (currentIndex >= 0) { 17656 restoreIndex = currentIndex; 17657 } 17658 17659 this._removeClones(); 17660 17661 const realSlides = this.getSlides(); 17662 17663 this.slides = realSlides; 17664 17665 if (!this._canUseInfinite(realSlides)) { 17666 this._cloneCount = 0; 17667 this._isCloning = false; 17668 this._reobserveMutations(); 17669 this.setupObservers(); 17670 17671 return; 17672 } 17673 17674 const slideWidth = realSlides[0].offsetWidth || 1; 17675 const visibleCount = Math.max( 17676 1, 17677 this.roundUpIfGreaterThan(this.track.offsetWidth / slideWidth) 17678 ); 17679 17680 this._cloneCount = Math.min(visibleCount, realSlides.length); 17681 17682 const prependFragment = document.createDocumentFragment(); 17683 17684 for (let i = realSlides.length - this._cloneCount; i < realSlides.length; i++) { 17685 prependFragment.appendChild( 17686 this._createClone(realSlides[i], 'pre', i) 17687 ); 17688 } 17689 this.track.insertBefore(prependFragment, this.track.firstChild); 17690 17691 const appendFragment = document.createDocumentFragment(); 17692 for (let i = 0; i < this._cloneCount; i++) { 17693 appendFragment.appendChild( 17694 this._createClone(realSlides[i], 'post', i) 17695 ); 17696 } 17697 this.track.appendChild(appendFragment); 17698 17699 this.slides = this.getSlides(); 17700 this.setupObservers(); 17701 17702 this._getAllTrackSlides().forEach((slide) => { 17703 if (slide.hasAttribute('data-clone')) { 17704 this.inViewObserver.observe(slide); 17705 } 17706 }); 17707 17708 const target = this.slides[restoreIndex] || this.slides[0]; 17709 requestAnimationFrame(() => { 17710 this._silentScrollTo(target); 17711 this._isCloning = false; 17712 this._reobserveMutations(); 17713 }); 17714 } 17715 17716 _reobserveMutations() { 17717 if (!this.mutationObserver || !this.track) { 17718 return; 17719 } 17720 17721 // Same as base SnapSlider. Watching `style` re-enters refreshSlides 17722 // when _silentScrollTo toggles scrollBehavior / scrollSnapType. 17723 this.mutationObserver.observe(this.track, { 17724 childList: true, 17725 subtree: false 17726 }); 17727 } 17728 17729 _bindInfiniteScrollEnd() { 17730 if (!this.track) { 17731 return; 17732 } 17733 17734 if ('onscrollend' in window) { 17735 this.track.addEventListener('scrollend', this._onInfiniteScrollEnd); 17736 return; 17737 } 17738 17739 this._onInfiniteScrollFallback = () => { 17740 clearTimeout(this._infiniteScrollTimer); 17741 this._infiniteScrollTimer = setTimeout(() => { 17742 this._onInfiniteScrollEnd(); 17743 }, SCROLL_FALLBACK_THROTTLE_MS); 17744 }; 17745 this.track.addEventListener('scroll', this._onInfiniteScrollFallback); 17746 } 17747 17748 _unbindInfiniteScrollEnd() { 17749 if (!this.track) { 17750 return; 17751 } 17752 17753 this.track.removeEventListener('scrollend', this._onInfiniteScrollEnd); 17754 if (this._onInfiniteScrollFallback) { 17755 this.track.removeEventListener('scroll', this._onInfiniteScrollFallback); 17756 } 17757 } 17758 17759 _onInfiniteScrollEnd() { 17760 if (this._isJumping || this._isCloning || this._isSimulateDragging) { 17761 return; 17762 } 17763 17764 if (!this.useInfinite || !this._cloneCount) { 17765 this.isNavigating = false;
17766 17767 return; 17768 } 17769 17770 const allSlides = this._getAllTrackSlides(); 17771 const realCount = this.slides.length; 17772 17773 if (!realCount || allSlides.length < realCount + this._cloneCount) { 17774 this.isNavigating = false; 17775 17776 return; 17777 } 17778 17779 const currentIndex = this._getClosestSlideIndex(allSlides); 17780 17781 if (currentIndex < this._cloneCount) { 17782 this._silentScrollTo(allSlides[currentIndex + realCount]); 17783 17784 return; 17785 } 17786 17787 if (currentIndex >= this._cloneCount + realCount) { 17788 this._silentScrollTo(allSlides[currentIndex - realCount]); 17789 17790 return; 17791 } 17792 17793 this.isNavigating = false; 17794 } 17795 }; 17796 17797 function alpineAmSnapSlider(Alpine) { 17798 Alpine.directive('am-snap-slider', (el, { modifiers }, { cleanup }) => { 17799 const slider = new window.AmSnapSlider(el, { 17800 autoPager: modifiers.includes('auto-pager'), 17801 groupPager: modifiers.includes('group-pager') 17802 }); 17803 cleanup(() => { 17804 slider.destroy(); 17805 }); 17806 }); 17807 } 17808 17809 document.addEventListener('alpine:init', () => { 17810 window.Alpine.plugin(alpineAmSnapSlider); 17811 }); 17812 })(); 17813</script>
vendor: 1 bytes, line 17813
17813
17814<script> 17815 (() => { 17816 'use strict'; 17817 17818 if (typeof window.AmSnapSlider === 'undefined') { 17819 return; 17820 } 17821 17822 // Ignore tiny jitter so a plain click on an item still opens the link. 17823 const DRAG_THRESHOLD_PX = 8; 17824 17825 // Listeners that only exist while an actual drag is in progress. 17826 const DOC_DRAG_EVENTS = ['pointermove', 'pointerup', 'pointercancel']; 17827 17828 const AmSnapSliderBase = window.AmSnapSlider; 17829 17830 window.AmSnapSlider = class AmSnapSlider extends AmSnapSliderBase { 17831 init() { 17832 this.useSimulateTouch = this.el.hasAttribute('data-am-simulate-touch'); 17833 17834 super.init(); 17835 17836 if (!this.useSimulateTouch || !this.track) { 17837 return; 17838 } 17839 17840 this._dragTracking = false; 17841 this._dragMoved = false; 17842 this._isSimulateDragging = false; 17843 this._dragStartX = 0; 17844 this._dragScrollLeft = 0; 17845 this._dragPointerId = null; 17846 this._suppressClick = false; 17847 17848 this._onSimulatePointerDown = this._onSimulatePointerDown.bind(this); 17849 this._onSimulatePointerMove = this._onSimulatePointerMove.bind(this); 17850 this._onSimulatePointerUp = this._onSimulatePointerUp.bind(this); 17851 this._onSimulateClickCapture = this._onSimulateClickCapture.bind(this); 17852 this._onSimulateDragStart = this._onSimulateDragStart.bind(this); 17853 17854 this._bindSimulateTouch(); 17855 } 17856 17857 destroy() { 17858 if (this.useSimulateTouch) { 17859 this._unbindSimulateTouch(); 17860 } 17861 17862 super.destroy(); 17863 } 17864 17865 _bindSimulateTouch() { 17866 if (!this.track) { 17867 return; 17868 } 17869 17870 this.track.classList.add('am-snap-simulate-touch'); 17871 this.track.addEventListener('pointerdown', this._onSimulatePointerDown); 17872 this.track.addEventListener('dragstart', this._onSimulateDragStart, true); 17873 this.track.addEventListener('click', this._onSimulateClickCapture, true); 17874 } 17875 17876 _unbindSimulateTouch() { 17877 if (!this.track) { 17878 return; 17879 } 17880 17881 this._endSimulateDrag(); 17882 this.track.classList.remove('am-snap-simulate-touch', 'is-dragging'); 17883 this.track.removeEventListener('pointerdown', this._onSimulatePointerDown); 17884 this.track.removeEventListener('dragstart', this._onSimulateDragStart, true); 17885 this.track.removeEventListener('click', this._onSimulateClickCapture, true); 17886 } 17887 17888 _onSimulateDragStart(event) { 17889 event.preventDefault(); 17890 } 17891 17892 _onSimulatePointerDown(event) { 17893 if (event.pointerType !== 'mouse' || event.button !== 0) { 17894 return; 17895 } 17896 17897 if (this._isJumping || this._isCloning || !this.track) { 17898 return; 17899 } 17900 17901 this._dragTracking = true; 17902 this._dragMoved = false; 17903 this._suppressClick = false; 17904 this._dragStartX = event.clientX; 17905 this._dragScrollLeft = this.track.scrollLeft; 17906 this._dragPointerId = event.pointerId; 17907 17908 DOC_DRAG_EVENTS.forEach((name) => { 17909 const handler = name === 'pointermove' 17910 ? this._onSimulatePointerMove 17911 : this._onSimulatePointerUp; 17912 document.addEventListener(name, handler); 17913 }); 17914 } 17915 17916 _onSimulatePointerMove(event) { 17917 if (!this._dragTracking || event.pointerId !== this._dragPointerId || !this.track) { 17918 return; 17919 } 17920 17921 const deltaX = event.clientX - this._dragStartX; 17922 17923 if (!this._dragMoved) { 17924 if (Math.abs(deltaX) < DRAG_THRESHOLD_PX) { 17925 return; 17926 } 17927 17928 this._dragMoved = true; 17929 this._isSimulateDragging = true; 17930 this._suppressClick = true; 17931 this.track.style.scrollSnapType = 'none'; 17932 this.track.style.scrollBehavior = 'auto'; 17933 this.track.classList.add('is-dragging'); 17934 17935 try { 17936 this.track.setPointerCapture(event.pointerId); 17937 } catch (e) {
17938 // Ignore capture errors on unsupported targets. 17939 } 17940 } 17941 17942 event.preventDefault(); 17943 this.track.scrollLeft = this._dragScrollLeft - deltaX; 17944 } 17945 17946 _onSimulatePointerUp(event) { 17947 if (!this._dragTracking || event.pointerId !== this._dragPointerId) { 17948 return; 17949 } 17950 17951 this._endSimulateDrag(); 17952 } 17953 17954 /** 17955 * Instantly align to the closest slide without CSS smooth scrolling. 17956 * Restoring snap+smooth from a mid-snap offset is what causes desktop jerk. 17957 */ 17958 _snapToNearestAfterDrag() { 17959 if (!this.track) { 17960 return; 17961 } 17962 17963 const slides = typeof this._getAllTrackSlides === 'function' 17964 ? this._getAllTrackSlides() 17965 : Array.from(this.track.children); 17966 17967 if (!slides.length) { 17968 return; 17969 } 17970 17971 if (typeof this._getClosestSlideIndex === 'function' 17972 && typeof this._getSlideScrollLeft === 'function' 17973 ) { 17974 const slide = slides[this._getClosestSlideIndex(slides)]; 17975 17976 if (slide) { 17977 this.track.scrollLeft = this._getSlideScrollLeft(slide); 17978 } 17979 17980 return; 17981 } 17982 17983 const trackLeft = this.track.getBoundingClientRect().left; 17984 let closest = null; 17985 let minDist = Infinity; 17986 17987 for (const slide of slides) { 17988 const dist = Math.abs(slide.getBoundingClientRect().left - trackLeft); 17989 if (dist < minDist) { 17990 minDist = dist; 17991 closest = slide; 17992 } 17993 } 17994 17995 if (closest) { 17996 this.track.scrollLeft += closest.getBoundingClientRect().left - trackLeft; 17997 } 17998 } 17999 18000 _endSimulateDrag() { 18001 DOC_DRAG_EVENTS.forEach((name) => { 18002 const handler = name === 'pointermove' 18003 ? this._onSimulatePointerMove 18004 : this._onSimulatePointerUp; 18005 document.removeEventListener(name, handler); 18006 }); 18007 18008 if (!this.track) { 18009 this._dragTracking = false; 18010 this._dragMoved = false; 18011 this._isSimulateDragging = false; 18012 this._dragPointerId = null; 18013 18014 return; 18015 } 18016 18017 if (this._dragPointerId !== null) { 18018 try { 18019 if (this.track.hasPointerCapture?.(this._dragPointerId)) { 18020 this.track.releasePointerCapture(this._dragPointerId); 18021 } 18022 } catch (e) { 18023 // Ignore release errors. 18024 } 18025 } 18026 18027 if (this._dragMoved) { 18028 // Keep snap off and behavior auto: settle instantly, then re-enable. 18029 this.track.style.scrollSnapType = 'none'; 18030 this.track.style.scrollBehavior = 'auto'; 18031 this._snapToNearestAfterDrag(); 18032 18033 // Allow infinite correction now that the gesture ended. 18034 this._isSimulateDragging = false; 18035 this._onInfiniteScrollEnd?.(); 18036 18037 // Two frames: 1) drop snap-none + dragging class, 2) restore scroll-behavior. 18038 requestAnimationFrame(() => { 18039 if (!this.track) { 18040 return; 18041 } 18042 this.track.style.scrollSnapType = ''; 18043 this.track.classList.remove('is-dragging'); 18044 18045 requestAnimationFrame(() => { 18046 if (this.track) { 18047 this.track.style.scrollBehavior = ''; 18048 } 18049 }); 18050 }); 18051 } else { 18052 this._isSimulateDragging = false;
18053 } 18054 18055 this._dragTracking = false; 18056 this._dragMoved = false; 18057 this._dragPointerId = null; 18058 18059 if (this._suppressClick) { 18060 requestAnimationFrame(() => { 18061 this._suppressClick = false; 18062 }); 18063 } 18064 } 18065 18066 _onSimulateClickCapture(event) { 18067 if (!this._suppressClick) { 18068 return; 18069 } 18070 18071 event.preventDefault(); 18072 event.stopPropagation(); 18073 this._suppressClick = false; 18074 } 18075 }; 18076 })(); 18077</script>
vendor: 1 bytes, line 18077
18077
18078<script> 18079 (() => { 18080 function src_default(Alpine) { 18081 let persist = () => { 18082 let alias 18083 let storage = localStorage 18084 18085 return Alpine.interceptor((initialValue, getter, setter, path, key) => { 18086 let lookup = alias || `_x_${path}` 18087 18088 let initial = storageHas(lookup, storage) 18089 ? storageGet(lookup, storage) 18090 : initialValue 18091 18092 setter(initial) 18093 18094 Alpine.effect(() => { 18095 let value = getter() 18096 18097 storageSet(lookup, value, storage) 18098 18099 setter(value) 18100 }) 18101 18102 return initial 18103 }, func => { 18104 func.as = key => { alias = key; return func }, 18105 func.using = target => { storage = target; return func } 18106 }) 18107 } 18108 18109 Object.defineProperty(Alpine, '$persist', { get: () => persist() }) 18110 Alpine.magic('persist', persist) 18111 Alpine.persist = (key, { get, set }, storage = localStorage) => { 18112 let initial = storageHas(key, storage) 18113 ? storageGet(key, storage) 18114 : get() 18115 18116 set(initial) 18117 18118 Alpine.effect(() => { 18119 let value = get() 18120 18121 storageSet(key, value, storage) 18122 18123 set(value) 18124 }) 18125 } 18126 } 18127 18128 function storageHas(key, storage) { 18129 return storage.getItem(key) !== null 18130 } 18131 18132 function storageGet(key, storage) { 18133 return JSON.parse(storage.getItem(key, storage)) 18134 } 18135 18136 function storageSet(key, value, storage) { 18137 storage.setItem(key, JSON.stringify(value)) 18138 } 18139 18140 document.addEventListener("alpine:init", () => { 18141 window.Alpine.plugin(src_default); 18142 }); 18143 })(); 18144</script>
18144 18145
18146<script type="module" 18147 src="https://123magazijninrichting.nl/static/version1791196831/frontend/Magazijninrichting/default/nl_NL/Hyva_Theme/js/alpine3.min.js" 18148 defer 18149 crossorigin 18150></script>
vendor: 1 bytes, line 18150
18150
18151<script> 18152 'use strict'; 18153 function dispatchMessages(messages, hideAfter) { 18154 const messagesEvent = new CustomEvent("messages-loaded", { 18155 detail: { 18156 messages: messages, 18157 hideAfter: hideAfter 18158 } 18159 }); 18160 window.dispatchEvent(messagesEvent); 18161 } 18162 18163 if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { 18164 console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script"); 18165 } 18166 18167 (function( hyva, undefined ) { 18168 18169 hyva.initFormKey = () => { 18170 const inputSelector = 'input[name="form_key"]', 18171 formKey = hyva.getFormKey(); 18172 18173 Array.from(document.querySelectorAll(inputSelector)).map(function (input) { 18174 input.value = formKey 18175 }); 18176 } 18177 18178 hyva.initMessages = () => { 18179 try { 18180 const messages = hyva.getCookie('mage-messages'); 18181 window.mageMessages = messages ? JSON.parse(decodeURIComponent(messages).replace(/\+/g, ' ')) : []; 18182 18183 dispatchMessages(window.mageMessages); 18184 18185 // empty `mage-messages` cookie 18186 const skipSetDomain = true; 18187 hyva.setCookie('mage-messages','', -1, skipSetDomain); 18188 18189 } catch (error) { 18190 console.warn('Error parsing Cookie Messages:', error); 18191 } 18192 } 18193 18194 window.addEventListener('DOMContentLoaded', hyva.initFormKey); 18195 hyva.alpineInitialized(hyva.initMessages) 18196 18197 }( window.hyva = window.hyva || {} )); 18198</script>
vendor: 1 bytes, line 18198
18198
18199<script> 18200 'use strict'; 18201 { 18202 const private_content_key = 'mage-cache-storage'; 18203 const private_content_expire_key = 'mage-cache-timeout'; 18204 const private_content_version_key = 'private_content_version'; 18205 const section_data_ids_key = 'section_data_ids'; 18206 const mage_cache_session_id_key = 'mage-cache-sessid'; 18207 const last_visited_store_key = 'last_visited_store'; 18208 18209 const ttl = 3600; 18210 18211 if (typeof hyva === 'undefined' || (!hyva.getBrowserStorage || !hyva.getCookie || !hyva.setCookie)) { 18212 console.warn("Hyvä helpers are not loaded yet. Make sure they are included before this script"); 18213 } 18214 18215 function loadSectionData () { 18216 const browserStorage = hyva.getBrowserStorage(); 18217 if (!browserStorage) { 18218 typeof window.dispatchMessages !== "undefined" && window.dispatchMessages( 18219 [{ 18220 type: "warning", 18221 text: "Please enable LocalStorage in your browser." 18222 }] 18223 ); 18224 return; 18225 } 18226 try { 18227 let isInvalid = false; 18228 18229 if (hyva.getCookie(last_visited_store_key) !== CURRENT_STORE_CODE) { 18230 isInvalid = true; 18231 } 18232 hyva.setCookie(last_visited_store_key, CURRENT_STORE_CODE, false, false); 18233 18234 if (!hyva.getCookie(mage_cache_session_id_key)) { 18235 isInvalid = true; 18236 browserStorage.removeItem(private_content_key); 18237 const skipSetDomain = true; 18238 const days = false; 18239 hyva.setCookie(mage_cache_session_id_key, true, days, skipSetDomain) 18240 } 18241 18242 const cookieVersion = hyva.getCookie(private_content_version_key); 18243 const storageVersion = browserStorage.getItem(private_content_version_key); 18244 18245 if (cookieVersion && !storageVersion || cookieVersion !== storageVersion) { 18246 isInvalid = true; 18247 } 18248 18249 const privateContentExpires = browserStorage.getItem(private_content_expire_key); 18250 if (privateContentExpires && new Date(privateContentExpires) < new Date()) { 18251 browserStorage.removeItem(private_content_key); 18252 } 18253 18254 if (isInvalid && cookieVersion) { 18255 fetchPrivateContent([]); 18256 } else if (cookieVersion && storageVersion && cookieVersion === storageVersion) { 18257 const privateContent = JSON.parse(browserStorage.getItem(private_content_key)); 18258 if ( 18259 privateContent && 18260 privateContentExpires && 18261 privateContent.cart && 18262 privateContent.customer 18263 ) { 18264 dispatchPrivateContent(privateContent); 18265 } else { 18266 fetchPrivateContent([]); 18267 } 18268 } else { 18269 if (document.getElementById('default-section-data')) { 18270 const privateContent = JSON.parse(document.getElementById('default-section-data').innerText.trim()); 18271 dispatchPrivateContent(privateContent); 18272 } else { 18273 dispatchPrivateContent({}); 18274 } 18275 } 18276 18277 } catch (error) { 18278 console.warn('Error retrieving Private Content:', error); 18279 } 18280 } 18281 18282 hyva.alpineInitialized(loadSectionData) 18283 window.addEventListener('reload-customer-section-data', loadSectionData); 18284 18285 window.processSectionDataBeforeDispatch = window.processSectionDataBeforeDispatch || (data => data); 18286 18287 function dispatchPrivateContent(data) { 18288 18289 const privateContentEvent = new CustomEvent("private-content-loaded", { 18290 detail: { 18291 data: window.processSectionDataBeforeDispatch(data) 18292 } 18293 }); 18294 window.dispatchEvent(privateContentEvent); 18295 } 18296 18297 function fetchPrivateContent(sections) { 18298 fetch(`${BASE_URL}customer/section/load/?sections=${encodeURIComponent(sections.join(','))}`, { 18299 method: 'GET', 18300 headers: { 18301 'Content-Type': 'application/json', 18302 'X-Requested-With': 'XMLHttpRequest' 18303 } 18304 }) 18305 .then(response => response.ok && response.json()) 18306 .then( 18307 data => { 18308 if (data) { 18309 try { 18310 const browserStorage = hyva.getBrowserStorage(); 18311 18312 // merge new data preserving non-invalidated sections 18313 const oldSectionData = JSON.parse(browserStorage.getItem(private_content_key) || '{}') || {}; 18314 18315 if ((! data.cart || ! data.cart.cartId) && oldSectionData['checkout-data']) { 18316 delete oldSectionData['checkout-data']; 18317 } 18318 const newSectionData = Object.assign(oldSectionData, data); 18319 18320 dispatchPrivateContent(newSectionData); 18321 18322 // don't persist messages, they've been dispatched already 18323 if (newSectionData.messages && newSectionData.messages.messages ) { 18324 newSectionData.messages.messages = []; 18325 } 18326 18327 browserStorage.setItem(private_content_key, JSON.stringify(newSectionData)); 18328 18329 const expiresAt = new Date(Date.now() + (ttl * 1000)).toISOString(); 18330 browserStorage.setItem(private_content_expire_key, expiresAt); 18331 18332 const newCookieVersion = hyva.getCookie(private_content_version_key); 18333 browserStorage.setItem(private_content_version_key, newCookieVersion); 18334 18335 // We don't need the section_data_ids in Hyvä, but we store them for compatibility 18336 // with Luma Fallback. Otherwise, not all sections are loaded in Luma Checkout 18337 hyva.setCookie( 18338 section_data_ids_key, 18339 JSON.stringify( 18340 Object.keys(data).reduce((sectionDataIds, sectionKey) => { 18341 sectionDataIds[sectionKey] = data[sectionKey]['data_id']; 18342 return sectionDataIds; 18343 }, {}) 18344 ), 18345 false, 18346 true 18347 ); 18348 } catch (error) { 18349 console.warn("Couldn't store privateContent", error); 18350 } 18351 } 18352 } 18353 ); 18354 } 18355 } 18356</script>
vendor: 1 bytes, line 18356
18356
18357<script> 18358 (() => { 18359 document.addEventListener('submit', event => event.target.action = event.target.action.replace('%25uenc%25', hyva.getUenc())); 18360 })() 18361</script>
vendor: 1 bytes, line 18361
18361
18362<script> 18363 (events => { 18364 const dispatchUserInteractionEvent = () => { 18365 events.forEach(type => window.removeEventListener(type, dispatchUserInteractionEvent)) 18366 window.dispatchEvent(new Event('init-external-scripts')) 18367 }; 18368 events.forEach(type => window.addEventListener(type, dispatchUserInteractionEvent, {once: true, passive: true})) 18369 })(['touchstart', 'mousemove', 'wheel', 'scroll', 'keydown']) 18370</script>
vendor: 1 bytes, line 18370
18370
18371<script> 18372 'use strict'; 18373 18374 (() => { 18375 const applyShowOnHover = (element) => { 18376 const showOverlayOnHover = (element) => { 18377 const overlay = element.querySelector('.pagebuilder-overlay'); 18378 const color = overlay.dataset.overlayColor; 18379 18380 element.addEventListener('mouseover', () => { 18381 overlay.style.backgroundColor = color; 18382 }); 18383 element.addEventListener('mouseout', () => { 18384 overlay.style.backgroundColor = 'transparent'; 18385 }); 18386 }; 18387 18388 const showButtonOnHover = (element) => { 18389 const button = element.querySelector('.pagebuilder-banner-button'); 18390 18391 element.addEventListener('mouseover', () => { 18392 button.style.opacity = '1'; 18393 button.style.visibility = 'visible'; 18394 }); 18395 element.addEventListener('mouseout', () => { 18396 button.style.opacity = '0'; 18397 button.style.visibility = 'hidden'; 18398 }); 18399 }; 18400 18401 if (element.dataset.showOverlay === 'hover') { 18402 showOverlayOnHover(element); 18403 } 18404 if (element.dataset.showButton === 'hover') { 18405 showButtonOnHover(element); 18406 } 18407 }; 18408 18409 var hoverIsOn = false; 18410 var hoverScript = function () { 18411 if (!hoverIsOn) { 18412 hoverIsOn = true; 18413 document.querySelectorAll('[data-content-type="banner"],[data-content-type="slider"]').forEach(element => { 18414 applyShowOnHover(element); 18415 }); 18416 } 18417 }; 18418 window.addEventListener('scroll', hoverScript); 18419 document.addEventListener('mousemove', hoverScript, false); 18420 })(); 18421</script>
vendor: 1 bytes, line 18421
18421
18422<script> 18423 function initConfigurableOptions(productId, optionConfig) { 18424 18425 function findPathParam(key) { 18426 const baseUrl = (BASE_URL.substring(0, 2) === '//' ? 'http:' : '') + BASE_URL; 18427 const baseUrlParts = (new URL(baseUrl)).pathname.replace(/\/$/, '').split('/'); 18428 const pathParts = window.location.pathname.split('/').slice(baseUrlParts.length + 3); 18429 for (let i = 0; i < pathParts.length; i += 2) { 18430 if (pathParts[i] === key && pathParts.length > i) { 18431 return pathParts[i + 1]; 18432 } 18433 } 18434 } 18435 18436 return { 18437 optionConfig, 18438 productId, 18439 itemId: (new URLSearchParams(window.location.search)).get('id') || findPathParam('id'), 18440 allowedAttributeOptions: [], 18441 selectedValues: [], 18442 init() { 18443 this.findAllowedAttributeOptions(); 18444 this.$nextTick(() => { 18445 if (typeof this.optionConfig.defaultValues === 'object') { 18446 for (const [attributeId, value] of Object.entries(this.optionConfig.defaultValues)) { 18447 this.changeOption(attributeId, value + ''); 18448 } 18449 } 18450 this.preselectQuerystringItems(); 18451 this.preselectLocationHashItems(); 18452 }); 18453 }, 18454 productIndex: 0, 18455 productIndexForPrice: 0, 18456 optionIsActive(attributeId, optionId) { 18457 return !!this.getAllowedAttributeOptions(attributeId).find( 18458 option => option.id === optionId 18459 ) 18460 }, 18461 optionIsEnabled(attributeId, optionId) { 18462 for (const productId in this.optionConfig.index) { 18463 if (this.optionConfig.index[productId][attributeId] === optionId) { 18464 return true; 18465 } 18466 } 18467 return false; 18468 }, 18469 findSimpleIndex() { 18470 this.productIndex = this.calculateSimpleIndexForPartialSelection(this.selectedValues); 18471 this.productIndexForPrice = this.findCheapestProductForPartialSelection(this.selectedValues); 18472 }, 18473 calculateSimpleIndexForPartialSelection(selectedValues) { 18474 if (selectedValues.length === 0) return 0; 18475 return this.findProductIdsForPartialSelection(selectedValues)[0]; 18476 }, 18477 calculateSimpleIndexForFullSelection(selectedValues) { 18478 if (! this.isFullSelection(selectedValues)) return false; 18479 18480 const productIndexes = this.optionConfig.index; 18481 return Object.keys(productIndexes).find(productIndex => { 18482 const productCandidateOptions = productIndexes[productIndex]; 18483 18484 for (const productOption in productCandidateOptions) { 18485 if ( 18486 !selectedValues[productOption] || 18487 selectedValues[productOption] !== productCandidateOptions[productOption] 18488 ) { 18489 return false; 18490 } 18491 } 18492 return productIndex; 18493 }); 18494 }, 18495 findAllowedAttributeOptions() { 18496 this.allowedAttributeOptions = this.calculateAllowedAttributeOptions(this.selectedValues); 18497 }, 18498 calculateAllowedAttributeOptions(selectedValues) { 18499 const allAttributes = this.optionConfig.attributes; 18500 const allAttributesSorted = Object.values(allAttributes).sort((a,b) => { 18501 return a.position - b.position 18502 }); 18503 18504 const newAllowedAttributeOptions = []; 18505 18506 allAttributesSorted.forEach(attribute => { 18507 const selectionWithoutAttr = Object.assign({}, this.removeAttrFromSelection(selectedValues, attribute.id)); 18508 const availableIndexes = this.calculateAvailableProductIndexes(selectionWithoutAttr); 18509 newAllowedAttributeOptions[attribute.id] = allAttributes[attribute.id].options.filter(option => { 18510 return !!option.products.find(product => { 18511 return availableIndexes.includes(product); 18512 }) 18513 }); 18514 }); 18515 return newAllowedAttributeOptions; 18516 }, 18517 calculateAvailableProductIndexes(selectedOptions) { 18518 if (Object.keys(selectedOptions).length === 0) { 18519 if (Object.values(this.optionConfig.salable || {}).length) { 18520 return [].concat.apply([], [].concat.apply([], Object.values(this.optionConfig.salable).map(Object.values))).filter((x, i, a) => a.indexOf(x) === i) 18521 } 18522 return Object.keys(this.optionConfig.index); 18523 } 18524 18525 const selectedIds = Object.keys(selectedOptions); 18526 if (Object.values(this.optionConfig.salable || {}).length) { 18527 const selectedOptionIndexes = selectedIds.map(attrId => { 18528 const optionValue = selectedOptions[attrId]; 18529 return this.optionConfig.salable[attrId] && this.optionConfig.salable[attrId][optionValue] || [] 18530 }) 18531 return selectedOptionIndexes.reduce((acc, optionIndexes) => { 18532 return acc.filter(index => optionIndexes.includes(index)); 18533 }); 18534 } else { 18535 const productIndexes = this.optionConfig.index; 18536 return Object.keys(productIndexes).filter(index => { 18537 for (const attrId of selectedIds) { 18538 if (productIndexes[index][attrId] !== `${selectedOptions[attrId]}`) return false 18539 } 18540 return true 18541 }); 18542 } 18543 }, 18544 findAttributeByOptionId(optionId) { 18545 for (const attributeId in this.optionConfig.attributes) { 18546 const attributeOptions = this.optionConfig.attributes[attributeId].options || []; 18547 if (attributeOptions.find(option => option.id === optionId)) { 18548 return attributeId; 18549 } 18550 } 18551 }, 18552 getAllowedAttributeOptions(attributeId) { 18553 return this.allowedAttributeOptions[attributeId] || [] 18554 }, 18555 getAllAttributeOptions(attributeId) { 18556 return ( 18557 this.optionConfig.attributes[attributeId] && 18558 this.optionConfig.attributes[attributeId].options 18559 ) || [] 18560 }, 18561 getProductIdsForOption(option) { 18562 const attributeId = this.findAttributeByOptionId(option.id); 18563 const allOptions = this.optionConfig.attributes[attributeId]; 18564 const opt = (allOptions && allOptions.options || []).find(o => o.id === option.id); 18565 return opt && opt.products 18566 ? opt.products 18567 : []; 18568 }, 18569 findProductIdsForPartialSelection(optionSelection) { 18570 const candidateProducts = Object.values(optionSelection).reduce((candidates, optionId) => { 18571 const newCandidates = this.getProductIdsForOption({id: optionId}); 18572 return candidates === null 18573 ? newCandidates 18574 : candidates.filter(productId => newCandidates.includes(productId)); 18575 }, null); 18576 return candidateProducts || []; 18577 },
18578 findCheapestProductForPartialSelection(optionSelection) { 18579 const candidateProducts = this.findProductIdsForPartialSelection(optionSelection); 18580 return candidateProducts.reduce((cheapest, simpleIdx) => { 18581 // in the first iteration we start with simpleIdx as the currently cheapest product 18582 if (! this.optionConfig.optionPrices[cheapest]) return simpleIdx; 18583 const knownCheapestPrice = this.optionConfig.optionPrices[cheapest].finalPrice.amount; 18584 return knownCheapestPrice > this.optionConfig.optionPrices[simpleIdx].finalPrice.amount 18585 ? simpleIdx 18586 : cheapest; 18587 }, 0) 18588 }, 18589 findProductIdToUseForOptionPrice(option) { 18590 // try to find a product for a complete selection 18591 const attributeId = this.findAttributeByOptionId(option.id); 18592 const optionSelection = Object.assign({}, this.selectedValues, {[attributeId]: option.id}); 18593 const matchingSimpleIndex = this.calculateSimpleIndexForFullSelection(optionSelection); 18594 // if there is no complete selection, use the cheapest product for the option 18595 return matchingSimpleIndex || this.findCheapestProductForPartialSelection(optionSelection); 18596 }, 18597 getAttributeOptionLabel(option) { 18598 const optionProduct = this.findProductIdToUseForOptionPrice(option); 18599 18600 if ((! optionProduct) || (optionProduct === this.productIndexForPrice)) { 18601 return option.label; 18602 } 18603 18604 const currentPrice = this.getOptionPriceAdjustmentBasePrice(); 18605 18606 if (this.optionConfig.optionPrices[optionProduct]) { 18607 const optionPrice = this.optionConfig.optionPrices[optionProduct].finalPrice.amount; 18608 if (optionPrice !== currentPrice){ 18609 return option.label + ' ' + hyva.formatPrice(optionPrice - currentPrice, true); 18610 } 18611 } 18612 return option.label; 18613 }, 18614 getOptionPriceAdjustmentBasePrice() { 18615 if (this.optionConfig.optionPrices[this.productIndexForPrice]) { 18616 return this.optionConfig.optionPrices[this.productIndexForPrice].finalPrice.amount 18617 } 18618 return this.optionConfig.prices.finalPrice.amount; // default price if no option selection 18619 }, 18620 clearOptionIfActive(optionId, value) { 18621 if (this.selectedValues[optionId] === value) { 18622 this.blurLabel() 18623 this.changeOption(optionId, '') 18624 } 18625 }, 18626 removeAttrFromSelection(selectedValues, attributeId) { 18627 attributeId = parseInt(attributeId); 18628 return selectedValues.reduce((newSelection, val, attr) => { 18629 if (attr !== attributeId) { 18630 newSelection[attr] = val; 18631 } 18632 return newSelection; 18633 }, []); 18634 }, 18635 changeOption(attributeId, value) { 18636 if (value === '') { 18637 this.selectedValues = this.removeAttrFromSelection(this.selectedValues, attributeId) 18638 } else if (value && this.getAllowedAttributeOptions(attributeId).find(option => option.id === value)) { 18639 this.selectedValues[attributeId] = value; 18640 } 18641 this.findSimpleIndex(); 18642 this.findAllowedAttributeOptions(); 18643 this.updatePrices(); 18644 this.updateGallery(); 18645 18646 const candidates = this.findProductIdsForPartialSelection(this.selectedValues); 18647 window.dispatchEvent( 18648 new CustomEvent( 18649 'configurable-selection-changed', 18650 { 18651 detail: { 18652 productId: this.productId, 18653 optionId: attributeId, 18654 value: value, 18655 productIndex: this.productIndex, 18656 selectedValues: this.selectedValues, 18657 candidates: candidates 18658 } 18659 } 18660 ) 18661 ); 18662 }, 18663 calculateIsMinimalPrice() { 18664 return ! this.isFullSelection(this.selectedValues); 18665 }, 18666 isFullSelection(selectedValues) { 18667 return Object.values(selectedValues).length === Object.keys(this.optionConfig.attributes).length; 18668 }, 18669 updatePrices() { 18670 const value = this.optionConfig.optionPrices[this.productIndexF
18670orPrice] || this.optionConfig.prices; 18671 window.dispatchEvent( 18672 new CustomEvent( 18673 "update-prices-" + this.productId, 18674 { 18675 detail: Object.assign( 18676 value, 18677 { isMinimalPrice: this.calculateIsMinimalPrice() } 18678 ) 18679 } 18680 ) 18681 ); 18682 }, 18683 updateGallery () { 18684 if (this.productIndex) { 18685 const images = this.optionConfig.images[this.productIndex]; 18686 images && window.dispatchEvent(new CustomEvent( 18687 "update-gallery", 18688 { detail: this.sortImagesByPosition(images) } 18689 )); 18690 } else { 18691 window.dispatchEvent(new Event("reset-gallery")); 18692 } 18693 }, 18694 sortImagesByPosition(images) { 18695 return images.sort((x, y) => { 18696 return x.position === y.position ? 0 : (parseInt(x.position) > parseInt(y.position) ? 1 : -1) 18697 }); 18698 }, 18699 onGetCartData(data) { 18700 }, 18701 preselectCartItems(data) { 18702 // pre-select options based on cart data for current (quote) itemId 18703 const cart = data && data.cart; 18704 if (cart && cart.items) { 18705 const cartItem = cart.items.find((item) => { 18706 return ( 18707 item.item_id === this.itemId 18708 && item.product_id === this.productId 18709 ) 18710 }); 18711 if (cartItem && cartItem.options && cartItem.options.length) { 18712 cartItem.options.map(option => { 18713 this.changeOption(option.option_id, option.option_value); 18714 }) 18715 } 18716 } 18717 }, 18718 preselectQuerystringItems() { 18719 // pre-select option like ?size=167 18720 const urlQueryParams = new URLSearchParams(window.location.search.replace('?','')); 18721 this.preselectItemsBasedOnLocation(attribute => urlQueryParams.get(attribute.code)); 18722 }, 18723 preselectLocationHashItems() { 18724 // pre-select option like #144=167 18725 const urlHashParams = new URLSearchParams(window.location.hash.replace('#','')); 18726 this.preselectItemsBasedOnLocation(attribute => urlHashParams.get(attribute.id)); 18727 }, 18728 preselectItemsBasedOnLocation(getLocationValue) { 18729 Object.values(this.optionConfig.attributes).map(attribute => { 18730 const v = getLocationValue(attribute); 18731 v && this.changeOption(attribute.id, v) 18732 }); 18733 } 18734 } 18735 } 18736 18737</script>
vendor: 1 bytes, line 18737
18737
18738<script> 18739 function initSwatchOptions(swatchConfig) { 18740 return { 18741 swatchConfig, 18742 getAttributeSwatchData(attributeId) { 18743 const swatchConfig = Object.assign({}, this.swatchConfig[attributeId]); 18744 swatchConfig['details'] = JSON.parse(swatchConfig['additional_data']); 18745 18746 return swatchConfig; 18747 }, 18748 mapSwatchTypeNumberToTypeCode(typeNumber) { 18749 switch ("" + typeNumber) { 18750 case "1": 18751 return "color" 18752 case "2": 18753 return "image" 18754 case "3": 18755 return "empty" 18756 case "0": 18757 default: 18758 return "text" 18759 } 18760 }, 18761 getTypeOfFirstOption(attributeId) { 18762 for (const optionId in this.swatchConfig[attributeId]) { 18763 const option = this.swatchConfig[attributeId][optionId]; 18764 if (typeof option.type !== 'undefined') { 18765 return this.mapSwatchTypeNumberToTypeCode(option.type); 18766 } 18767 } 18768 }, 18769 getVisualSwatchType(attributeId, targetOptionId) { 18770 // If a type configuration is present for the given option id, use it 18771 const config = this.swatchConfig[attributeId]; 18772 if (config[targetOptionId] && typeof config[targetOptionId].type !== 'undefined') { 18773 return this.mapSwatchTypeNumberToTypeCode(config[targetOptionId].type); 18774 } 18775 18776 // Otherwise - if no config is present for the target option - use the type of the first option 18777 // with a type property from the attribute, thus assuming its the same type as the target option. 18778 // (This edge case condition can occur on single swatch products if some options are not salable) 18779 return this.getTypeOfFirstOption(attributeId); 18780 }, 18781 getSwatchType(attributeId, optionId) { 18782 // Deserialize the attribute details the first time they are used 18783 if (this.swatchConfig[attributeId] && ! this.swatchConfig[attributeId].details) { 18784 this.swatchConfig[attributeId] = this.getAttributeSwatchData(attributeId); 18785 } 18786 const type = this.swatchConfig[attributeId] && 18787 this.swatchConfig[attributeId].details && 18788 this.swatchConfig[attributeId].details.swatch_input_type || 18789 "empty"; 18790 return type === 'visual' ? this.getVisualSwatchType(attributeId, optionId) : type; 18791 }, 18792 isTextSwatch(attributeId, optionId) { 18793 return this.getSwatchType(attributeId, optionId) === 'text'; 18794 }, 18795 isVisualSwatch(attributeId, optionId) { 18796 const type = this.getSwatchType(attributeId, optionId); 18797 18798 return ['image', 'color'].includes(type); 18799 }, 18800 getSwatchBackgroundStyle(attributeId, optionId) { 18801 const config = this.getSwatchConfig(attributeId, optionId); 18802 const type = this.getSwatchType(attributeId, optionId); 18803 18804 if (type === "color") { 18805 return 'background-color:' + config.value; 18806 } else if (type === "image") { 18807 return "background: #fff url('" + config.value + "') no-repeat center"; 18808 } else { 18809 return ''; 18810 } 18811 }, 18812 getSwatchText(attributeId, optionId) { 18813 const config = this.getSwatchConfig(attributeId, optionId); 18814 return config.label || config.value || this.getOptionLabelFromOptionConfig(attributeId, optionId); 18815 }, 18816 getOptionLabelFromOptionConfig(attributeId, optionId) { 18817 // Fallback if no value is present in swatchConfig data 18818 // Reference issue https://gitlab.hyva.io/hyva-themes/magento2-default-theme/-/issues/190 18819 const option = this.getAllAttributeOptions(attributeId).filter(option => option.id === optionId); 18820 return option && option[0] && option[0].label ||''; 18821 }, 18822 getSwatchConfig(attributeId, optionId) { 18823 return this.swatchConfig[attributeId] && this.swatchConfig[attributeId][optionId] 18824 ? this.swatchConfig[attributeId][optionId] 18825 : false;
18826 }, 18827 activeTooltipItem: false, 18828 tooltipPositionElement: false, 18829 isTooltipVisible() { 18830 return this.activeTooltipItem && 18831 this.getSwatchConfig( 18832 this.activeTooltipItem.attribute, 18833 this.activeTooltipItem.item 18834 ); 18835 }, 18836 isFirstItemCol() { 18837 return this.activeTooltipItem.index === 0; 18838 }, 18839 getTooltipImageStyle(attributeId, optionId) { 18840 const config = this.getSwatchConfig(attributeId, optionId); 18841 const type = this.getSwatchType(attributeId, optionId); 18842 18843 if (type === "color") { 18844 return 'background-color:' + config.value + '; width: 110px; height: 90px;'; 18845 } else if (type === "image") { 18846 return "background: #ffffff url('" + config.thumb + 18847 "') center center no-repeat; width: 110px; height: 90px;"; 18848 } else { 18849 return 'display:none'; 18850 } 18851 }, 18852 getTooltipPosition() { 18853 return this.tooltipPositionElement ? 18854 `top: ${this.tooltipPositionElement.offsetTop}px;` + 18855 `left: ${ 18856 this.tooltipPositionElement.offsetLeft - ( 18857 this.tooltipPositionElement.closest('.snap') && 18858 this.tooltipPositionElement.closest('.snap').scrollLeft || 18859 0 18860 ) 18861 }px;` : '' 18862 }, 18863 getTooltipLabel() { 18864 return this.getSwatchConfig(this.activeTooltipItem.attribute, this.activeTooltipItem.item).label 18865 }, 18866 focusedLabel: false, 18867 focusLabel(optionId) { 18868 this.focusedLabel = optionId; 18869 }, 18870 blurLabel() { 18871 this.focusedLabel = false; 18872 }, 18873 showSwatches: false, 18874 initShowSwatchesIntersect() { 18875 if ('IntersectionObserver' in window && !window.scrollY) { 18876 let io = new IntersectionObserver( 18877 entries => { 18878 entries.map(entry => { 18879 if (entry.isIntersecting) { 18880 this.showSwatches = true; 18881 io.unobserve(this.$root); 18882 } 18883 }) 18884 } 18885 ); 18886 io.observe(this.$root); 18887 } else { 18888 this.showSwatches = true 18889 } 18890 } 18891 } 18892 } 18893</script>
vendor: 1 bytes, line 18893
18893
18894<script> 18895 'use strict'; 18896 18897 const grecaptchaV2LoadCallbacks = []; 18898 18899 function executeRecaptchaLoadCallbacks () { 18900 while (window.grecaptcha && grecaptchaV2LoadCallbacks.length > 0) { 18901 const callback = grecaptchaV2LoadCallbacks.pop(); 18902 typeof callback === 'string' ? window[callback]() : callback(); 18903 } 18904 } 18905 18906 (function() { 18907 const loadRecaptchaScript = (event) => { 18908 18909 if (window.grecaptcha || !event.target.form) { 18910 return; 18911 } 18912 18913 const url = 'https://www.google.com/recaptcha/api.js?onload=executeRecaptchaLoadCallbacks'; 18914 const siteKey = '6Ldy4t8rAAAAACzayc8DMHS2U2aG5hEl7WZ4gQY_'; 18915 const script = document.createElement('script'); 18916 script.type = 'text/javascript'; 18917 script.src = siteKey ? `${url}&render=${siteKey}` : `${url}&render=explicit`; 18918 script.async = true; 18919 document.head.appendChild(script); 18920 18921 script.addEventListener('load', () => { 18922 Array.from(document.querySelectorAll('button[data-recaptcha-btn]:disabled')).forEach(btn => btn.removeAttribute('disabled')); 18923 }); 18924 } 18925 18926 window.forceLoadRecaptchaScript = (form) => { 18927 loadRecaptchaScript({target: {form: form || 'dummy'}}); 18928 executeRecaptchaLoadCallbacks(); 18929 }; 18930 18931 document.body.addEventListener('input', loadRecaptchaScript, { once: true }); 18932 document.body.addEventListener('focus', loadRecaptchaScript, { once: true }); 18933 18934 }()); 18935 18936</script>
vendor: 1 bytes, line 18936
18936
18937<script> 18938 const initInputAnimations = (elements) => { 18939 const initInput = (element) => { 18940 let input = element.getElementsByTagName('input')[0]; 18941 let label = element.getElementsByTagName('label')[0]; 18942 if (!input || !label) { 18943 return; 18944 } 18945 18946 if (input.value) { 18947 element.classList.remove('transparent-placeholder'); 18948 label.classList.add('label-animation'); 18949 } else { 18950 element.classList.add('transparent-placeholder'); 18951 label.classList.remove('label-animation'); 18952 } 18953 18954 input.addEventListener("blur", (event) => { 18955 if (!input.value) { 18956 element.classList.add('transparent-placeholder'); 18957 label.classList.remove('label-animation'); 18958 } 18959 18960 }); 18961 input.addEventListener("focus", (event) => { 18962 element.classList.remove('transparent-placeholder'); 18963 label.classList.add('label-animation'); 18964 }); 18965 } 18966 elements.forEach(element => { 18967 initInput(element); 18968 }); 18969 }; 18970 18971 // const handleResize = () => { 18972 // document.body.style.display = "none"; 18973 // setTimeout(() => { 18974 // document.body.style.display = "block"; 18975 // }, 10); 18976 // }; 18977 18978 window.onload = (event) => { 18979 const inputElements = document.querySelectorAll( 18980 `.field-with-animation` 18981 ); 18982 18983 if (inputElements.length > 0) { 18984 initInputAnimations(inputElements); 18985 } 18986 18987 // Add resize event listener 18988 // window.addEventListener("resize", handleResize); 18989 }; 18990</script>
vendor: 1 bytes, line 18990
18990
18991<script> 18992 'use strict'; 18993 18994 (() => { 18995 const initCarousels = (elements) => { 18996 let swiperInstances = []; 18997 const initProductSlider = (slider) => { 18998 // add scrollbar under the slider 18999 const scrollbarWrapper = document.createElement('div'); 19000 scrollbarWrapper.classList.add('relative', 'w-full'); 19001 const scrollbar = document.createElement('div'); 19002 scrollbar.classList.add('swiper-scrollbar', '!z-[1]', '!w-full', '!left-0'); 19003 scrollbarWrapper.appendChild(scrollbar); 19004 slider.parentNode.appendChild(scrollbarWrapper); 19005 const swiper = new Swiper(slider, { 19006 slidesPerView: 1, 19007 spaceBetween: 16, 19008 observer: true, 19009 navigation: { 19010 nextEl: '.slider-button-next', 19011 prevEl: '.slider-button-prev', 19012 }, 19013 a11y: { 19014 slideRole: 'form' 19015 }, 19016 pagination: { 19017 el: '.swiper-pagination', 19018 clickable: true, 19019 }, 19020 breakpoints: { 19021 640: { 19022 slidesPerView: 2, 19023 spaceBetween: 24 19024 }, 19025 768: { 19026 slidesPerView: 3, 19027 spaceBetween: 24 19028 }, 19029 1280: { 19030 slidesPerView: 4, 19031 spaceBetween: 24 19032 }, 19033 }, 19034 scrollbar: { 19035 el: '.swiper-scrollbar', 19036 hide: false, 19037 draggable: true, 19038 snapOnRelease: true, 19039 dragSize: 'auto', 19040 } 19041 }); 19042 }; 19043 19044 const initQuickLinkSlider = (slider) => { 19045 new Swiper(slider, { 19046 slidesPerView: 'auto', 19047 spaceBetween: 16, 19048 loop: false, 19049 draggable: true, 19050 navigation: { 19051 nextEl: '.next-quick-link', 19052 prevEl: '.prev-quick-link', 19053 }, 19054 scrollbar: { 19055 el: '.swiper-scrollbar', 19056 hide: false, 19057 draggable: true, 19058 snapOnRelease: true, 19059 dragSize: 'auto', 19060 } 19061 }); 19062 } 19063 19064 const initGalleryCms = (slider) => { 19065 const MOBILE_BREAKPOINT = 768; 19066 let swiperInstance = null; 19067 19068 const initializeSlider = () => { 19069 let wrapperElement = slider.querySelector('.slider-wrapper'); 19070 wrapperElement.classList.add('swiper-wrapper'); 19071 19072 let slideElement = wrapperElement.querySelectorAll('.slider-slide'); 19073 slideElement.forEach((slide) => { 19074 slide.classList.add('swiper-slide'); 19075 }); 19076 19077 swiperInstance = new Swiper(slider, { 19078 slidesPerView: 1, 19079 spaceBetween: 16, 19080 loop: false, 19081 draggable: true, 19082 observer: true, 19083 navigation: { 19084 nextEl: '.next-gallery-cms', 19085 prevEl: '.prev-gallery-cms', 19086 }, 19087 scrollbar: { 19088 el: '.swiper-scrollbar-usp', 19089 hide: false, 19090 draggable: true, 19091 snapOnRelease: true, 19092 dragSize: 'auto', 19093 }, 19094 }); 19095 }; 19096 19097 const destroySlider = () => { 19098 if (swiperInstance) { 19099 swiperInstance.destroy(true, true); 19100 swiperInstance = null; 19101 } 19102 19103 let wrapperElement = slider.querySelector('.slider-wrapper'); 19104 wrapperElement.classList.remove('swiper-wrapper'); 19105 19106 let slideElement = wrapperElement.querySelectorAll('.slider-slide'); 19107 slideElement.forEach((slide) => { 19108 slide.classList.remove('swiper-slide'); 19109 }); 19110 19111 let scrollbar = slider.querySelectorAll('.swiper-scrollbar-drag'); 19112 scrollbar.forEach((scrollbar) => { 19113 scrollbar.remove(); 19114 }); 19115 19116 let notifications = slider.querySelectorAll('.swiper-notification'); 19117 notifications.forEach((notification) => { 19118 notification.remove(); 19119 }); 19120 }; 19121 19122 const handleResize = () => { 19123 if (window.innerWidth <= MOBILE_BREAKPOINT) { 19124 if (!swiperInstance) { 19125 initializeSlider(); 19126 } 19127 } else { 19128 if (swiperInstance) { 19129 destroySlider(); 19130 } 19131 } 19132 }; 19133 19134 handleResize(); 19135 window.addEventListener('resize', handleResize); 19136 }; 19137 19138 const initSliderCarousel = (slider) => { 19139 // slider.classList.add('swiper-wrapper'); 19140 const slides = slider.querySelectorAll('[data-content-type="slide"]'); 19141 for (let i = 0; i < slides.length; i++) { 19142 slides[i].classList.add('swiper-slide'); 19143 } 19144 19145 slider.innerHTML = `<div data-role="swiper-content"
19145class="swiper-wrapper">${slider.innerHTML}</div>`; 19146 19147 slider.insertAdjacentHTML( 19148 'beforeend', 19149 '\u000A\u003Cdiv\u0020class\u003D\u0022carousel\u002Dnav\u0020flex\u0020items\u002Dcenter\u0020justify\u002Dcenter\u0020flex\u002D1\u0020p\u002D4\u0020z\u002D10\u0020w\u002D\u005B\u002Dwebkit\u002Dfill\u002Davailable\u005D\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cdiv\u0020role\u003D\u0022tablist\u0022\u0020class\u003D\u0022swiper\u002Dpagination\u0020select\u002Dnone\u0020flex\u0020flex\u002Dwrap\u0020mx\u002D1\u0020justify\u002Dcenter\u0020p\u002D0\u0020focus\u003Aoutline\u002Dnone\u0022\u003E\u003C\u002Fdiv\u003E\u000A\u003C\u002Fdiv\u003E\u000A\u003Cdiv\u0020class\u003D\u0022slider\u002Darrows\u0020arrows\u0020absolute\u0020w\u002Dfull\u0020hidden\u0020md\u003Aflex\u0020justify\u002Dbetween\u0020top\u002D\u005B35\u0025\u005D\u0020z\u002D10\u0020pointer\u002Devents\u002Dnone\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u0020class\u003D\u0022slider\u002Dbutton\u002Dprev\u0020aspect\u002Dsquare\u0020rounded\u002Dfull\u0020bg\u002Dprimary\u0020h\u002D10\u0020w\u002D10\u0020flex\u0020justify\u002Dcenter\u0020items\u002Dcenter\u0020pointer\u002Devents\u002Dauto\u0020transform\u0020transition\u002Dtransform\u0020duration\u002D200\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020aria\u002Dlabel\u003D\u0022Vorige\u0022\u000A\u0020\u0020\u0020\u0020\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020width\u003D\u002218\u0022\u0020height\u003D\u002214\u0022\u0020viewBox\u003D\u00220\u00200\u002018\u002014\u0022\u0020fill\u003D\u0022none\u0022\u0020class\u003D\u0022text\u002Dwhite\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Cg\u0020clip\u002Dpath\u003D\u0022url\u0028\u0023clip0_79_2\u0029\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Cpath\u0020d\u003D\u0022M6.96908\u00201.09277L8.12828\u00202.2859L3.92708\u00206.48705L17.2499\u00206.48704L17.2499\u00208.137L3.92708\u00208.137L8.12828\u002012.3382L6.96908\u002013.5313L0.749904\u00207.31202L6.96908\u00201.09277Z\u0022\u0020fill\u003D\u0022white\u0022\u002F\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003C\u002Fg\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Cdefs\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003CclipPath\u0020id\u003D\u0022clip0_79_2\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Crect\u0020width\u003D\u002218\u0022\u0020height\u003D\u002214\u0022\u0020fill\u003D\u0022white\u0022\u0020transform\u003D\u0022translate\u002818\u002014\u0029\u0020rotate\u0028180\u0029\u0022\u002F\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003C\u002FclipPath\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003C\u002Fdefs\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u0020\u0020\u0020\u0020\u003Cbutton\u0020class\u003D\u0022slider\u002Dbutton\u002Dnext\u0020aspect\u002Dsquare\u0020rounded\u002Dfull\u0020bg\u002Dprimary\u0020h\u002D10\u0020w\u002D10\u0020flex\u0020justify\u002Dcenter\u0020items\u002Dcenter\u0020pointer\u002Devents\u002Dauto\u0020transform\u0020transition\u002Dtransform\u0020duration\u002D200\u0022\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020aria\u002Dlabel\u003D\u0022Volgende\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Csvg\u0020xmlns\u003D\u0022http\u003A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\u0022\u0020width\u003D\u002218\u0022\u0020height\u003D\u002214\u0022\u0020viewBox\u003D\u00220\u00200\u002020\u002015\u0022\u0020fill\u003D\u0022none\u0022\u0020class\u003D\u0022text\u002Dwhite\u0022\u0020role\u
19149003D\u0022img\u0022\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Cpath\u0020d\u003D\u0022M12.2566\u002014.0637L10.9686\u002012.738L15.6366\u00208.07006H0.833496V6.23678H15.6366L10.9686\u00201.56879L12.2566\u00200.243164L19.1668\u00207.15342L12.2566\u002014.0637Z\u0022\u0020fill\u003D\u0022currentColor\u0022\u003E\u003C\u002Fpath\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003Ctitle\u003Earrow\u002Dright\u003C\u002Ftitle\u003E\u000A\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u0020\u003C\u002Fsvg\u003E\u000A\u0020\u0020\u0020\u0020\u003C\u002Fbutton\u003E\u000A\u003C\u002Fdiv\u003E\u000A' 19150 ); 19151 19152 const swiperPrev = slider.querySelector('.swiper-button-prev'); 19153 const swiperNext = slider.querySelector('.swiper-button-next'); 19154 const swiperPagination = slider.querySelector('.swiper-pagination'); 19155 19156 const swiper = new Swiper(slider, { 19157 slidesPerView: 1, 19158 slidesPerGroup: 1, 19159 loop: false, 19160 navigation: { 19161 nextEl: '.swiper-button-next', 19162 prevEl: '.swiper-button-prev', 19163 }, 19164 pagination: { 19165 el: '.swiper-pagination', 19166 clickable: true, 19167 }, 19168 }); 19169 19170 if (slider.dataset.showArrows === 'true') { 19171 slider.querySelector('.slider-arrows').classList.remove('hidden'); 19172 } 19173 }; 19174 19175 19176 elements.forEach(element => { 19177 if (element.classList.contains('widget-product-carousel')) { 19178 initProductSlider(element); 19179 } 19180 if (element.dataset.contentType === 'slider') { 19181 initSliderCarousel(element); 19182 } 19183 if (element.classList.contains('quick-link-slider')) { 19184 initQuickLinkSlider(element); 19185 } 19186 if (element.classList.contains('gallery-cms')) { 19187 initGalleryCms(element); 19188 } 19189 }); 19190 }; 19191 19192 var swiperIsOn = false; 19193 var swiperScript = function () { 19194 if (!swiperIsOn) { 19195 swiperIsOn = true; 19196 const carouselElements = document.querySelectorAll( 19197 `.widget-product-carousel, 19198 [data-content-type="slider"], 19199 .quick-link-slider,.gallery-cms` 19200 ); 19201 19202 if (carouselElements.length > 0) { 19203 const script = document.createElement('script'); 19204 script.type = 'text/javascript'; 19205 19206 script.addEventListener('load', () => { 19207 initCarousels(carouselElements); 19208 }); 19209 19210 script.src = 'https\u003A\u002F\u002F123magazijninrichting.nl\u002Fstatic\u002Fversion1791196831\u002Ffrontend\u002FMagazijninrichting\u002Fdefault\u002Fnl_NL\u002FHyva_Theme\u002Fjs\u002Fswiper\u002Dbundle.min.js'; 19211 document.head.appendChild(script); 19212 } 19213 } 19214 }; 19215 19216 if ( 19217 document.getElementsByTagName("body")[0].className.match(/cms-index-index/) 19218 ) { 19219 swiperScript(); 19220 } else { 19221 window.addEventListener('scroll', swiperScript); 19222 document.addEventListener('mousemove', swiperScript, false); 19223 document.addEventListener('touchstart', swiperScript, false); 19224 } 19225 })(); 19226</script>
vendor: 1 bytes, line 19226
19226
19227<script> 19228 var IsOn = false; 19229 var script = function () { 19230 if (!IsOn) { 19231 IsOn = true; 19232 window.removeEventListener('scroll', script); 19233 document.removeEventListener('mousemove', script, false); 19234 document.removeEventListener('touchstart', script, false); 19235 const lazyImages = document.querySelectorAll('.lazy-load-image'); 19236 lazyImages.forEach(image => { 19237 image.classList.remove('lazy-load-image'); 19238 }); 19239 const homepageLazyImages = document.querySelectorAll('.lazy-load'); 19240 homepageLazyImages.forEach(image => { 19241 image.classList.remove('lazy-load'); 19242 }); 19243 // crisp chat 19244 window.$crisp = []; 19245 window.CRISP_WEBSITE_ID = "868d8c14-1458-48c8-a5d6-321e796dccc5"; 19246 (function () { 19247 d = document; 19248 s = d.createElement("script"); 19249 s.src = "https://client.crisp.chat/l.js"; 19250 s.async = 1; 19251 d.getElementsByTagName("head")[0].appendChild(s); 19252 })(); 19253 } 19254 }; 19255 19256 let isMobile = window.innerWidth < 768; 19257 if (isMobile) { 19258 window.addEventListener('scroll', script); 19259 document.addEventListener('mousemove', script, false); 19260 document.addEventListener('touchstart', script, false); 19261 } else { 19262 script(); 19263 } 19264</script>
vendor: 1 bytes, line 19264
19264
19265<script> 19266 (function() { 19267 const CONTAINER_SELECTOR = '.blog-items-wrapper'; 19268 const ITEM_SELECTOR = 'a'; // each direct child link 19269 const TITLE_SELECTOR = '.blog-name'; 19270 const BREAKPOINT = 768; 19271 19272 function equalizeTitles() { 19273 const container = document.querySelector(CONTAINER_SELECTOR); 19274 if (!container) return; 19275 19276 const items = Array.from(container.querySelectorAll(ITEM_SELECTOR)); 19277 const isWide = window.innerWidth > BREAKPOINT; 19278 19279 // reset all titles 19280 items.forEach(item => { 19281 const title = item.querySelector(TITLE_SELECTOR); 19282 if (title) title.style.height = ''; 19283 }); 19284 19285 if (!isWide) return; 19286 19287 // process rows of 3 19288 for (let i = 0; i < items.length; i += 3) { 19289 const rowItems = items.slice(i, i + 3); 19290 let maxH = 0; 19291 19292 // find max height in this row 19293 rowItems.forEach(item => { 19294 const title = item.querySelector(TITLE_SELECTOR); 19295 if (title) { 19296 const h = title.getBoundingClientRect().height; 19297 if (h > maxH) maxH = h; 19298 } 19299 }); 19300 19301 // apply max height 19302 rowItems.forEach(item => { 19303 const title = item.querySelector(TITLE_SELECTOR); 19304 if (title) { 19305 title.style.height = maxH + 'px'; 19306 } 19307 }); 19308 } 19309 } 19310 19311 // debounce utility to avoid flooding resize events 19312 function debounce(fn, delay) { 19313 let timer; 19314 return () => { 19315 clearTimeout(timer); 19316 timer = setTimeout(fn, delay); 19317 }; 19318 } 19319 19320 // run on load and on resize 19321 window.addEventListener('DOMContentLoaded', equalizeTitles); 19322 window.addEventListener('resize', debounce(equalizeTitles, 100)); 19323 })(); 19324</script>
vendor: 1 bytes, line 19324
19324
19325<script> 19326 'use strict'; 19327 19328 (function () { 19329 const modals = []; 19330 const excludedFromFocusTrapping = new Set(); 19331 19332 function trapFocusInNextModalWithOverlay() { 19333 for (let idx = modals.length -1; idx >= 0; idx--) { 19334 const nextOnStack = modals[idx]; 19335 const nextDialogElement = nextOnStack.instance.$refs[nextOnStack.name]; 19336 if (! isOverlayDisabled(nextDialogElement)) { 19337 hyva.trapFocus(nextDialogElement); 19338 break; 19339 } 19340 } 19341 } 19342 19343 function focusables(dialogElement) { 19344 const selector = 'button, [href], input, textarea, select, details, [tabindex]:not([tabindex="-1"])'; 19345 return Array.from(dialogElement.querySelectorAll(selector)) 19346 .filter(el => !el.hasAttribute('disabled')); 19347 } 19348 19349 function firstVisible(elements) { 19350 const a = Array.from(elements); 19351 for (let i = 0; i < a.length; i++) { 19352 if (a[i].offsetWidth || a[i].offsetHeight || a[i].getClientRects().length) return a[i]; 19353 } 19354 return null; 19355 } 19356 19357 function isInViewport(element) { 19358 const rect = element && element.getBoundingClientRect(); 19359 return rect && 19360 rect.top >= 0 && 19361 rect.left >= 0 && 19362 rect.right <= window.innerWidth && 19363 rect.bottom <= window.innerHeight; 19364 } 19365 19366 function setFocusAfterTransition(dialogElement, duration) { 19367 const nested = Array.from(dialogElement.querySelectorAll('[role="dialog"]')); 19368 const candidates = Array.from(dialogElement.querySelectorAll('[x-focus-first]')); 19369 next: for (let candidate of candidates) { 19370 for (let child of nested) { 19371 if (child.contains(candidate)) continue next; 19372 } 19373 setTimeout(() => candidate.focus(), 50); 19374 break; 19375 } 19376 window.setTimeout(() => { 19377 const focusElement = firstVisible(dialogElement.querySelectorAll('[x-focus-first]')) || 19378 focusables(dialogElement)[0] || 19379 null; 19380 focusElement && isInViewport(focusElement) && focusElement.focus(); 19381 }, Math.max(1, duration)); 19382 } 19383 19384 function determineTrigger($refs, dialog, trigger) { 19385 if (typeof trigger === 'undefined' && typeof dialog === 'object' && dialog.target instanceof HTMLElement) { 19386 return dialog.target; 19387 } 19388 if (typeof dialog === 'string' && typeof trigger === 'object' && trigger.target instanceof HTMLElement) { 19389 return trigger.target; 19390 } 19391 if (typeof trigger === 'string') { 19392 try { 19393 return $refs[trigger] || document.querySelector(trigger) 19394 } catch (e) {} 19395 } 19396 if (trigger instanceof Element) { 19397 return trigger; 19398 } 19399 19400 return null; 19401 } 19402 19403 function isOverlayDisabled(dialog) { 19404 return dialog && dialog.hasAttribute('x-no-overlay') 19405 } 19406 19407 function areRemainingModalsWithoutOverlay(modals) 19408 { 19409 const overflowDisabled = modals.map(modal => modal.instance.$refs[modal.name]).filter(isOverlayDisabled); 19410 19411 return overflowDisabled.length === modals.length; 19412 } 19413 19414 window.hyva.modal = function(options = {}) { 19415 if (this.$el && this.$el.dataset && this.$el.dataset.options) { 19416 try { 19417 options = Object.assign(options, JSON.parse(this.$el.dataset.options || '{}')); 19418 } catch (e) { 19419 throw new Error('Cannot read the dialog options from the data-options attribute: not valid JSON'); 19420 } 19421 } 19422 19423 const config = Object.assign({ 19424 dialog: 'dialog', duration: 300, transitionEnter: 'transition ease-out duration-300', 19425 transitionEnterStart: 'opacity-0', 19426 transitionEnterEnd: 'opacity-100', 19427 transitionLeave: 'transition ease-in duration-300', 19428 transitionLeaveStart: 'opacity-100', 19429 transitionLeaveEnd: 'opacity-0', 19430 }, options); 19431 let lastHide = 0; 19432 19433 return { 19434 opened: {}, 19435 show(dialog, trigger) { 19436 const focusTargetAfterHide = determineTrigger(this.$refs, dialog, trigger); 19437 const name = typeof dialog === 'string' ? dialog : config.dialog; 19438 const dialogElement = this.$refs[name]; 19439 if (! dialogElement) { 19440 return; 19441 } 19442 const useOverlay = ! dialogElement.hasAttribute('x-no-overlay'); 19443 19444 dialogElement.scrollTop = 0; 19445 19446 if (this.opened[name]) { 19447 return; 19448 } 19449 19450 if (focusTargetAfterHide) { 19451 focusTargetAfterHide.setAttribute('aria-expanded', 'true'); 19452 } 19453 19454 this.opened[name] = true; 19455 useOverlay && this.$nextTick(() => hyva.trapFocus(dialogElement)); 19456 setFocusAfterTransition(dialogElement, config.duration); 19457 19458 const frame = {name, instance: this, focusTarget: focu
19458sTargetAfterHide, time: Date.now()}; 19459 19460 modals.push(frame); 19461 if (useOverlay) { 19462 document.body.classList.add('overflow-hidden'); 19463 } 19464 return new Promise(resolve => frame.resolve = resolve); 19465 }, 19466 cancel() { 19467 this.hide(false); 19468 }, 19469 ok() { 19470 this.hide(true); 19471 }, 19472 hide(value) { 19473 if (Date.now() - lastHide < config.duration) { 19474 return; 19475 } 19476 lastHide = Date.now(); 19477 19478 const modal = modals.pop() || {}; 19479 if (! modal.instance) { 19480 return; 19481 } 19482 19483 const name = modal.name; 19484 this.opened[name] = false; 19485 hyva.releaseFocus(modal.instance.$refs[modal.name]) 19486 trapFocusInNextModalWithOverlay(); 19487 19488 const nextFocusAfterHide = modal.focusTarget; 19489 nextFocusAfterHide && setTimeout(() => { 19490 nextFocusAfterHide.setAttribute('aria-expanded', 'false'); 19491 nextFocusAfterHide.focus() 19492 }, config.duration); 19493 19494 if (modals.length === 0 || areRemainingModalsWithoutOverlay(modals)) { 19495 document.body.classList.remove('overflow-hidden'); 19496 } 19497 19498 modal.resolve(value); 19499 }, 19500 overlay(dialog) { 19501 dialog = this.$el.dataset.dialogRefName || dialog; 19502 const name = typeof dialog === 'string' ? dialog : config.dialog; 19503 return { 19504 ['x-show']() { 19505 return this.opened[name] 19506 }, 19507 ['x-transition:enter']: config.transitionEnter, 19508 ['x-transition:enter-start']: config.transitionEnterStart, 19509 ['x-transition:enter-end']: config.transitionEnterEnd, 19510 ['x-transition:leave']: config.transitionLeave, 19511 ['x-transition:leave-start']: config.transitionLeaveStart, 19512 ['x-transition:leave-end']: config.transitionLeaveEnd, 19513 ['@hyva-modal-show.window'](event) { 19514 event.detail && event.detail.dialog === name && this.show(name, event.detail.focusAfterHide) 19515 } 19516 }; 19517 }, 19518 showDialogOnInit() { 19519 const parent = this.$el.closest('[data-dialog-ref-name]'); 19520 if (parent && parent.dataset.dialogRefName) { 19521 this.$dispatch('hyva-modal-show', {dialog: parent.dataset.dialogRefName}) 19522 } 19523 } 19524 }; 19525 } 19526 19527 window.hyva.modal.peek = () => modals.length > 0 && modals[modals.length -1] 19528 19529 window.hyva.modal.pop = function () { 19530 if (modals.length > 0) { 19531 const modal = modals[modals.length -1]; 19532 modal.instance.hide(); 19533 } 19534 } 19535 19536 window.hyva.modal.excludeSelectorsFromFocusTrap = function (selectors) { 19537 typeof selectors === 'string' || selectors instanceof String 19538 ? excludedFromFocusTrapping.add(selectors) 19539 : selectors.map(selector => excludedFromFocusTrapping.add(selector)); 19540 } 19541 19542 window.hyva.modal.eventListeners = { 19543 keydown: event => { 19544 if (event.key === 'Escape') { 19545 window.hyva.modal.pop(); 19546 } 19547 }, 19548 click: event => { 19549 if (modals.length > 0) { 19550 const modal = modals[modals.length -1]; 19551 const dialog = modal.instance.$refs[modal.name]; 19552 if (modal.time + 50 < Date.now() && // if last click processing is more than 50ms ago 19553 ! isOverlayDisabled(dialog) && // if dialog has overlay 19554 ! dialog.contains(event.target)) { // if click is outside of dialog 19555 modal.instance.hide(); 19556 } 19557 } 19558 } 19559 }; 19560 19561 document.addEventListener('keydown', window.hyva.modal.eventListeners.keydown); 19562 19563 document.addEventListener('click', window.hyva.modal.eventListeners.click); 19564 })(); 19565 window.addEventListener('alpine:init', () => { 19566 Alpine.data('hyvaModal', window.hyva.modal); 19567 }, {once: true}); 19568</script>
vendor: 1 bytes, line 19568
19568
19569<script> 19570 'use strict'; 19571 19572 (function () { 19573 const EVENT_NAME = 'amhideprice-swatch-change'; 19574 const selectors = { 19575 swatchOptions: 'div[x-data^=initConfigurable][x-data*=Options]', 19576 parentSwatchContainers: '.product_addtocart_form', 19577 qty: '[x-data^=initQtyField]', 19578 wishlist: '[data-addto="wishlist"]', 19579 compare: '[data-addto="compare"]', 19580 addToCart: '.product-info button.btn.btn-primary, [x-data^=initQtyField] ~ button.btn.btn-primary', 19581 replaceAddToCart: '.amasty-hide-price-button', 19582 replacePriceButton: '[data-amhide="AmastyHidePricePopup"]', 19583 priceBox: '.price-box.price-final_price', 19584 tierPriceBox: '.price-box.price-tier_price' 19585 }; 19586 19587 const injectSwatchObserver = function () { 19588 window.initConfigurableOptions = new Proxy(window.initConfigurableOptions, { 19589 apply(target, thisArg, argArray) { 19590 const instance = target.apply(thisArg, argArray); 19591 19592 instance.init = new Proxy(instance.init, { 19593 apply(initTarget, initThisArg, initArgArray) { 19594 const result = initTarget.apply(initThisArg, initArgArray); 19595 19596 instance.$watch('productIndex', (productIndex) => { 19597 instance.$dispatch(EVENT_NAME, { productIndex, element: instance.$el, optionConfig: instance.optionConfig }); 19598 }); 19599 19600 return result; 19601 } 19602 }) 19603 19604 return instance; 19605 } 19606 }); 19607 }; 19608 19609 const hideProductElements = function ({ detail: eventData }) { 19610 const { element, optionConfig, productIndex } = eventData; 19611 19612 const isVisible = optionConfig?.optionPrices?.[productIndex]?.finalPrice?.amount !== 0; 19613 setProductElementsVisibility(element, isVisible, optionConfig, productIndex); 19614 } 19615 19616 const setProductElementsVisibility = function (element, isVisible, optionConfig, productIndex) { 19617 const parentNode = getParentNode(element, optionConfig); 19618 if (!parentNode) { 19619 return; 19620 } 19621 19622 const affectedNodes = getAffectedNodes(parentNode, optionConfig, productIndex); 19623 affectedNodes.forEach((node) => { 19624 isVisible ? node.classList.remove('hidden') : node.classList.add('hidden'); 19625 }); 19626 19627 amHidePrice.removeHidePriceButtons(parentNode); 19628 !isVisible && insertHidePriceElements(parentNode, optionConfig, productIndex); 19629 } 19630 19631 const getParentNode = function (element, optionConfig) { 19632 const parentSwatchContainers = selectors.parentSwatchContainers; 19633 const additionalSelector = optionConfig?.amHidePrice?.selectors?.parent || ''; 19634 const parentContainers = additionalSelector ? `${parentSwatchContainers}, ${additionalSelector}` : parentSwatchContainers; 19635 19636 return element.closest(parentContainers) || element.parentNode?.parentNode; 19637 } 19638 19639 const insertHidePriceElements = function (parentNode, optionConfig, productIndex) { 19640 const hidePriceChildren = optionConfig?.amHidePrice?.children?.[productIndex]; 19641 const addToCartHtml = optionConfig?.amHidePrice?.addToCartHtml; 19642 19643 if (hidePriceChildren) { 19644 const tempDiv = document.createElement('div'); 19645 tempDiv.innerHTML = hidePriceChildren; 19646 19647 amHidePrice.activateScripts(parentNode); 19648 amHidePrice.insertAfterDomElement(parentNode, selectors.priceBox, tempDiv.innerHTML); 19649 19650 window.dispatchEvent(new CustomEvent('am-hide-price-init-swatch-price')); 19651 } 19652 19653 if (addToCartHtml) { 19654 amHidePrice.insertAfterDomElement(parentNode, selectors.addToCart, addToCartHtml); 19655 } 19656 } 19657 19658 const getAffectedNodes = function (parentNode, optionConfig, productIndex) { 19659 if (!parentNode) { 19660 return []; 19661 } 19662 19663 const allAffectedNodes = [selectors.qty]; 19664 19665 if (optionConfig?.amHidePrice?.hide_compare) { 19666 allAffectedNodes.push(selectors.compare); 19667 } 19668 19669 if (optionConfig?.amHidePrice?.hide_wishlist) { 19670 allAffectedNodes.push(selectors.wishlist); 19671 } 19672 19673 if (optionConfig?.amHidePrice?.hide_price || optionConfig?.amHidePrice?.children?.[productIndex]) { 19674 allAffectedNodes.push(selectors.priceBox); 19675 allAffectedNodes.push(selectors.tierPriceBox); 19676 } 19677 19678 if (optionConfig?.amHidePrice?.hide_addtocart) { 19679 allAffectedNodes.push(selectors.addToCart); 19680 if (optionConfig?.amHidePrice?.selectors?.add_to_cart) { 19681 allAffectedNodes.push(optionConfig.amHidePrice.selectors.add_to_cart); 19682 } 19683 } 19684 19685 return parentNode.querySelectorAll(allAffectedNodes.join(',')) ?? []; 19686 } 19687 19688 injectSwatchObserver(); 19689 window.addEventListener(EVENT_NAME, hideProductElements); 19690 })(); 19691</script>
vendor: 1 bytes, line 19691
19691
19692<script> 19693 'use strict'; 19694 19695 (function (amHidePrice) { 19696 amHidePrice.activateScripts = function (node) { 19697 const scripts = Array.from(node.querySelectorAll('script')); 19698 scripts.forEach(script => script.remove()); 19699 19700 scripts.forEach(script => { 19701 const newScript = document.createElement('script'); 19702 19703 Array.from(script.attributes).forEach(attr => { 19704 if (attr.name !== 'nonce') { 19705 newScript.setAttribute(attr.name, attr.value); 19706 } 19707 }); 19708 19709 if (script.src) { 19710 newScript.src = script.src; 19711 } else if (script.textContent) { 19712 newScript.textContent = script.textContent; 19713 } 19714 19715 const nonce = script.nonce || script.getAttribute('nonce') || ''; 19716 19717 if (nonce) { 19718 newScript.setAttribute('nonce', nonce); 19719 } 19720 19721 document.head.appendChild(newScript); 19722 }); 19723 } 19724 19725 amHidePrice.removeScripts = function (contentNode) { 19726 let scripts = contentNode.getElementsByTagName('script'); 19727 for (let i = 0; i < scripts.length; i++) { 19728 scripts[i].parentNode.removeChild(scripts[i]); 19729 } 19730 19731 return contentNode; 19732 }; 19733 19734 amHidePrice.insertAfterDomElement = function (parentNode, targetSelector, content) { 19735 const node = parentNode.querySelector(targetSelector); 19736 if (!node || !content) { 19737 return; 19738 } 19739 19740 const contentNode = document.createElement('div'); 19741 contentNode.setAttribute("data-id","amHidePriceButton"); 19742 contentNode.insertAdjacentHTML('afterbegin', content); 19743 19744 node.after(contentNode); 19745 amHidePrice.activateScripts(contentNode); 19746 }; 19747 19748 amHidePrice.removeHidePriceButtons = function (parentNode) { 19749 Object.values(parentNode.querySelectorAll(this.amHidePriceButtonSelector)).forEach( 19750 (amHidePriceButton) => { 19751 amHidePriceButton.remove(); 19752 }); 19753 } 19754 19755 amHidePrice.amHidePriceButtonSelector = '[data-id="amHidePriceButton"]'; 19756 } (window.amHidePrice = window.amHidePrice || {})); 19757</script>
vendor: 1 bytes, line 19757
19757
19758<script> 19759 'use strict'; 19760 19761 (() => { 19762 const popupButtonSelector = '[data-amhide="AmastyHidePricePopup"]'; 19763 const popupDataSelector = '[data-amhide-popup-data]'; 19764 19765 function getPopupProductName(button, productId) { 19766 const dataNode = button.parentNode?.querySelector(`${popupDataSelector}[data-product-id="${productId}"]`) 19767 ?? document.querySelector(`${popupDataSelector}[data-product-id="${productId}"]`); 19768 19769 return dataNode?.getAttribute('data-product-name') ?? ''; 19770 } 19771 19772 function activatePopupDispatcher(event) { 19773 const button = event.target.closest(popupButtonSelector); 19774 19775 if (!button) { 19776 return; 19777 } 19778 19779 event.preventDefault(); 19780 19781 const productId = button.getAttribute('data-product-id'); 19782 19783 window.dispatchEvent(new CustomEvent('open-am-hideprice-popup', { 19784 detail: { 19785 productId: Number(productId), 19786 productName: getPopupProductName(button, productId) 19787 } 19788 })); 19789 } 19790 19791 document.addEventListener('click', activatePopupDispatcher); 19792 document.addEventListener('keydown', (event) => { 19793 if (event.key === 'Enter' || event.key === ' ') { 19794 activatePopupDispatcher(event); 19795 } 19796 }); 19797 })() 19798</script>
vendor: 1 bytes, line 19798
19798
19799<script> 19800 'use strict'; 19801 19802 function initAmQuoteButton(addUrl, isProductListing, isLoggedIn) { 19803 return { 19804 addUrl: addUrl, 19805 isProductListing: isProductListing, 19806 isLoggedIn: isLoggedIn, 19807 initButton: function ($el) { 19808 if (!this.isProductListing) { 19809 $el.parentNode.classList.add('flex-wrap'); 19810 } 19811 }, 19812 submitQuote: function ($el) { 19813 const originalForm = this.getFormNode($el); 19814 if (!originalForm || !originalForm.checkValidity()) { 19815 originalForm?.reportValidity(); 19816 return; 19817 } 19818 19819 const formToSubmit = this.cloneForm(originalForm); 19820 formToSubmit.action = this.isProductListing 19821 ? formToSubmit.action.replace('checkout', 'amasty_quote') 19822 : this.addUrl; 19823 formToSubmit.classList.add('hidden'); 19824 document.body.appendChild(formToSubmit); 19825 formToSubmit.requestSubmit(); 19826 }, 19827 getFormNode: function ($el) { 19828 if (this.isProductListing) { 19829 return $el.closest('form'); 19830 } 19831 19832 return $el.form; 19833 }, 19834 cloneForm: function(originalForm) { 19835 const clonedForm = originalForm.cloneNode(); 19836 Array.from(originalForm.elements).forEach((element) => { 19837 const clonedElement = element.cloneNode(); 19838 this.removeAlpineAttributes(clonedElement.attributes); 19839 clonedElement.removeAttribute('form'); 19840 this.cloneSelectedElements(element, clonedElement); 19841 clonedForm.appendChild(clonedElement); 19842 }); 19843 19844 return clonedForm; 19845 }, 19846 removeAlpineAttributes: function (AttrNodeMap) { 19847 Array.from(AttrNodeMap) 19848 .filter((attribute) => /^(:|x-|@)\S*/.test(attribute.name)) 19849 .forEach((attribute) => AttrNodeMap.removeNamedItem(attribute.name)); 19850 }, 19851 cloneSelectedElements: function (element, clonedElement) { 19852 if (element.tagName === 'SELECT') { 19853 for (const option of element.options) { 19854 const clonedOption = option.cloneNode(); 19855 this.removeAlpineAttributes(clonedOption.attributes); 19856 clonedOption.selected = option.selected; 19857 clonedElement.appendChild(clonedOption); 19858 } 19859 } 19860 } 19861 }; 19862 } 19863</script>
19863 19864 19865<div x-cloak 19866 x-data="{ ...hyva.modal(), ...initModifyCartQuoteRemoveRequest() }" 19867 @toggle-cart.window="modifyRemoveRequest()" 19868 @amquote-remove-request.window="showConfirm($event)"> 19869 <div x-cloak x-bind="overlay('amquote-remove-request')" 19870 x-spread="overlay('amquote-remove-request')" 19871 class="fixed inset-0 bg-black bg-opacity-50 z-50" 19872> 19873 <div class="fixed flex justify-center items-center text-left z-40 inset-0" 19874 x-bind="overlay('amquote-remove-request')" 19875 x-spread="overlay('amquote-remove-request')" 19876 > 19877 <div x-ref="amquote-remove-request" role="dialog" aria-modal="true" 19878 class="inline-block bg-white shadow-xl rounded-lg p-10 max-h-screen overflow-auto overscroll-y-contain max-w-lg h-[90%] !p-0 overflow-y-auto"> 19879 19880<div class="flex flex-col w-full"> 19881 <p> 19882 Weet u zeker dat u dit artikel uit de winkelwagen wilt verwijderen? </p> 19883 <p> 19884 Dit artikel maakt deel uit van de goedgekeurde offerte. Verwijdering zal alle offerteartikelen uit de winkelwagen verwijderen. </p> 19885</div> 19886<div class="w-full flex flex-row gap-3 mt-4"> 19887 <button type="button" 19888 class="btn btn-secondary" 19889 @click="hide('amquote-remove-request')"> 19890 Annuleren </button> 19891 <button type="button" 19892 class="btn btn-primary" 19893 @click="removeFromMiniCart"> 19894 OK </button> 19895</div> 19896 </div> 19897 </div> 19898 </div> 19899</div> 19900
19901<script> 19902 'use strict'; 19903 19904 function initModifyCartQuoteRemoveRequest() { 19905 const selectors = { 19906 configureQuoteButtons: '#cart-drawer .btn[href^="#hide-element"]', 19907 deleteQuoteButton: 'button.btn.btn-primary' 19908 } 19909 19910 return { 19911 itemId: null, 19912 modifyRemoveRequest: function () { 19913 const configureQuoteButtons = document.querySelectorAll(selectors.configureQuoteButtons); 19914 19915 configureQuoteButtons.forEach((configureButton) => { 19916 const itemId = configureButton.href?.match(/(?:#hide-element-)(?<itemId>\d+)/).groups?.itemId; 19917 19918 !!itemId && this.replaceDeleteAction( 19919 itemId.toString(), 19920 this.findDeleteQuoteButton(configureButton.parentNode) 19921 ); 19922 }); 19923 }, 19924 findDeleteQuoteButton: function (parentNode) { 19925 const allButtons = parentNode.querySelectorAll(selectors.deleteQuoteButton); 19926 return Array.from(allButtons).filter((button) => { 19927 return button.attributes['@click']?.value.includes('deleteItemFromCart'); 19928 }); 19929 }, 19930 replaceDeleteAction: function (itemId, deleteButtons) { 19931 deleteButtons.forEach((deleteButton) => { 19932 const cloneButton = deleteButton.cloneNode(true); 19933 cloneButton.removeAttribute('@click'); 19934 cloneButton.addEventListener('click', () => { 19935 window.dispatchEvent(new CustomEvent('amquote-remove-request', { detail: itemId })); 19936 }); 19937 deleteButton.parentNode.insertBefore(cloneButton, deleteButton); 19938 deleteButton.remove(); 19939 }); 19940 }, 19941 showConfirm: function ({ detail: itemId }) { 19942 this.itemId = itemId; 19943 this.show('amquote\u002Dremove\u002Drequest'); 19944 }, 19945 removeFromMiniCart: function () { 19946 const url = BASE_URL + 'amasty_quote/quote/removeFromMinicart'; 19947 fetch(url, { 19948 headers: { 19949 'Content-type': 'application/x-www-form-urlencoded; charset=UTF-8', 19950 }, 19951 body: 'form_key=' + hyva.getFormKey() + '&item_id=' + this.itemId, 19952 method: 'POST' 19953 }).then((response) => { 19954 if (response.redirected) { 19955 window.location.href = response.url; 19956 } else if (response.ok) { 19957 return response.json(); 19958 } 19959 }).then((response) => { 19960 if (response.success === true) { 19961 window.dispatchEvent(new CustomEvent('reload-customer-section-data')); 19962 } else if (!!response.error_message) { 19963 window.dispatchMessages && window.dispatchMessages([{ 19964 type: 'error', 19965 text: response.error_message 19966 }]); 19967 } 19968 }).finally(() => { 19969 this.itemId = null; 19970 this.hide('amquote\u002Dremove\u002Drequest'); 19971 }); 19972 } 19973 }; 19974 } 19975</script>
vendor: 1 bytes, line 19975
19975
19976<script src="https://platform.getqonfi.com/build-wizard3/wizard3.js"></script>
vendor: 1 bytes, line 19976
19976
19977<script type="text/json" id="default-section-data"> 19978 {"messages":[],"customer":[],"compare-products":[],"last-ordered-items":[],"cart":[],"directory-data":{"AD":{"name":"Andorra"},"AE":{"name":"Verenigde Arabische Emiraten"},"AF":{"name":"Afghanistan"},"AG":{"name":"Antigua en Barbuda"},"AI":{"name":"Anguilla"},"AL":{"name":"Albani\u00eb","regions":{"512":{"code":"AL-01","name":"Berat"},"513":{"code":"AL-09","name":"Dib\u00ebr"},"514":{"code":"AL-02","name":"Durr\u00ebs"},"515":{"code":"AL-03","name":"Elbasan"},"516":{"code":"AL-04","name":"Fier"},"517":{"code":"AL-05","name":"Gjirokast\u00ebr"},"518":{"code":"AL-06","name":"Kor\u00e7\u00eb"},"519":{"code":"AL-07","name":"Kuk\u00ebs"},"520":{"code":"AL-08","name":"Lezh\u00eb"},"521":{"code":"AL-10","name":"Shkod\u00ebr"},"522":{"code":"AL-11","name":"Tiran\u00eb"},"523":{"code":"AL-12","name":"Vlor\u00eb"}}},"AM":{"name":"Armeni\u00eb"},"AN":{"name":null},"AO":{"name":"Angola"},"AQ":{"name":"Antarctica"},"AR":{"name":"Argentini\u00eb","regions":{"525":{"code":"AR-B","name":"Buenos Aires"},"526":{"code":"AR-K","name":"Catamarca"},"527":{"code":"AR-H","name":"Chaco"},"528":{"code":"AR-U","name":"Chubut"},"524":{"code":"AR-C","name":"Ciudad Aut\u00f3noma de Buenos Aires"},"529":{"code":"AR-X","name":"C\u00f3rdoba"},"530":{"code":"AR-W","name":"Corrientes"},"531":{"code":"AR-E","name":"Entre R\u00edos"},"532":{"code":"AR-P","name":"Formosa"},"533":{"code":"AR-Y","name":"Jujuy"},"534":{"code":"AR-L","name":"La Pampa"},"535":{"code":"AR-F","name":"La Rioja"},"536":{"code":"AR-M","name":"Mendoza"},"537":{"code":"AR-N","name":"Misiones"},"538":{"code":"AR-Q","name":"Neuqu\u00e9n"},"539":{"code":"AR-R","name":"R\u00edo Negro"},"540":{"code":"AR-A","name":"Salta"},"541":{"code":"AR-J","name":"San Juan"},"542":{"code":"AR-D","name":"San Luis"},"543":{"code":"AR-Z","name":"Santa Cruz"},"544":{"code":"AR-S","name":"Santa Fe"},"545":{"code":"AR-G","name":"Santiago del Estero"},"546":{"code":"AR-V","name":"Tierra del Fuego"},"547":{"code":"AR-T","name":"Tucum\u00e1n"}}},"AS":{"name":"Amerikaans-Samoa"},"AT":{"name":"Oostenrijk","regions":{"102":{"code":"BL","name":"Burgenland"},"99":{"code":"KN","name":"K\u00e4rnten"},"96":{"code":"NO","name":"Nieder\u00f6sterreich"},"97":{"code":"OO","name":"Ober\u00f6sterreich"},"98":{"code":"SB","name":"Salzburg"},"100":{"code":"ST","name":"Steiermark"},"101":{"code":"TI","name":"Tirol"},"103":{"code":"VB","name":"Vorarlberg"},"95":{"code":"WI","name":"Wien"}}},"AU":{"name":"Australi\u00eb","regions":{"605":{"code":"ACT","name":"Australian Capital Territory"},"606":{"code":"NSW","name":"New South Wales"},"612":{"code":"NT","name":"Northern Territory"},"608":{"code":"QLD","name":"Queensland"},"609":{"code":"SA","name":"South Australia"},"610":{"code":"TAS","name":"Tasmania"},"607":{"code":"VIC","name":"Victoria"},"611":{"code":"WA","name":"Western Australia"}}},"AW":{"name":"Aruba"},"AX":{"name":"\u00c5land"},"AZ":{"name":"Azerbeidzjan"},"BA":{"name":"Bosni\u00eb en Herzegovina"},"BB":{"name":"Barbados"},"BD":{"name":"Bangladesh"},"BE":{"name":"Belgi\u00eb","regions":{"620":{"code":"VAN","name":"Antwerpen"},"621":{"code":"WBR","name":"Brabant wallon"},"622":{"code":"BRU","name":"Brussels-Capital Region"},"623":{"code":"WHT","name":"Hainaut"},"625":{"code":"WLG","name":"Li\u00e8ge"},"624":{"code":"VLI","name":"Limburg"},"626":{"code":"WLX","name":"Luxembourg"},"627":{"code":"WNA","name":"Namur"},"628":{"code":"VOV","name":"Oost-Vlaanderen"},"629":{"code":"VBR","name":"Vlaams-Brabant"},"630":{"code":"VWV","name":"West-Vlaanderen"}}},"BF":{"name":"Burkina Faso"},"BG":{"name":"Bulgarije","regions":{"640":{"code":"BG-01","name":"Blagoevgrad"},"641":{"code":"BG-02","name":"Burgas"},"647":{"code":"BG-08","name":"Dobrich"},"646":{"code":"BG-07","name":"Gabrovo"},"665":{"code":"BG-26","name":"Haskovo"},"648":{"code":"BG-09","name":"Kardzhali"},"649":{"code":"BG-10","name":"Kyustendil"},"650":{"code":"BG-11","name":"Lovech"},"651":{"code":"BG-12","name":"Montana"},"652":{"code":"BG-13","name":"Pazardzhik"},"653":{"code":"BG-14","name":"Pernik"},"654":{"code":"BG-15","name":"Pleven"},"655":{"code":"BG-16","name":"Plovdiv"},"656":{"code":"BG-17","name":"Razgrad"},"657":{"code":"BG-18","name":"Ruse"},"666":{"code":"BG-27","name":"Shumen"},"658":{"code":"BG-19","name":"Silistra"},"659":{"code":"BG-20","name":"Sliven"},"660":{"code":"BG-21","name":"Smolyan"},"661":{"code":"BG-22","name":"Sofia City"},"662":{"code":"BG-23","name":"Sofia Province"},"663":{"code":"BG-24","name":"Stara Zagora"},"664":{"code":"BG-25","name":"Targovishte"},"642":{"code":"BG-03","name":"Varna"},"643":{"code":"BG-04","name":"Veliko Tarnovo"},"644":{"code":"BG-05","name":"Vidin"},"645":{"code":"BG-06","name":"Vratsa"},"667":{"code":"BG-28","name":"Yambol"}}},"BH":{"name":"Bahrein"},"BI":{"name":"Burundi"},"BJ":{"name":"Benin"},"BL":{"name":"Saint-Barth\u00e9lemy"},"BM":{"name":"Bermuda"},"BN":{"name":"Brunei"}
19978,"BO":{"name":"Bolivia","regions":{"632":{"code":"BO-H","name":"Chuquisaca"},"631":{"code":"BO-C","name":"Cochabamba"},"633":{"code":"BO-B","name":"El Beni"},"634":{"code":"BO-L","name":"La Paz"},"635":{"code":"BO-O","name":"Oruro"},"636":{"code":"BO-N","name":"Pando"},"637":{"code":"BO-P","name":"Potos\u00ed"},"638":{"code":"BO-S","name":"Santa Cruz"},"639":{"code":"BO-T","name":"Tarija"}}},"BQ":{"name":"Caribisch Nederland"},"BR":{"name":"Brazili\u00eb","regions":{"485":{"code":"AC","name":"Acre"},"486":{"code":"AL","name":"Alagoas"},"487":{"code":"AP","name":"Amap\u00e1"},"488":{"code":"AM","name":"Amazonas"},"489":{"code":"BA","name":"Bahia"},"490":{"code":"CE","name":"Cear\u00e1"},"511":{"code":"DF","name":"Distrito Federal"},"491":{"code":"ES","name":"Esp\u00edrito Santo"},"492":{"code":"GO","name":"Goi\u00e1s"},"493":{"code":"MA","name":"Maranh\u00e3o"},"494":{"code":"MT","name":"Mato Grosso"},"495":{"code":"MS","name":"Mato Grosso do Sul"},"496":{"code":"MG","name":"Minas Gerais"},"497":{"code":"PA","name":"Par\u00e1"},"498":{"code":"PB","name":"Para\u00edba"},"499":{"code":"PR","name":"Paran\u00e1"},"500":{"code":"PE","name":"Pernambuco"},"501":{"code":"PI","name":"Piau\u00ed"},"502":{"code":"RJ","name":"Rio de Janeiro"},"503":{"code":"RN","name":"Rio Grande do Norte"},"504":{"code":"RS","name":"Rio Grande do Sul"},"505":{"code":"RO","name":"Rond\u00f4nia"},"506":{"code":"RR","name":"Roraima"},"507":{"code":"SC","name":"Santa Catarina"},"508":{"code":"SP","name":"S\u00e3o Paulo"},"509":{"code":"SE","name":"Sergipe"},"510":{"code":"TO","name":"Tocantins"}}},"BS":{"name":"Bahama\u2019s"},"BT":{"name":"Bhutan"},"BV":{"name":"Bouveteiland"},"BW":{"name":"Botswana"},"BY":{"name":"Belarus","regions":{"613":{"code":"BY-BR","name":"Bresckaja voblas\u0107"},"614":{"code":"BY-HO","name":"Homie\u013askaja voblas\u0107"},"615":{"code":"BY-HM","name":"Horad Minsk"},"616":{"code":"BY-HR","name":"Hrodzienskaja voblas\u0107"},"617":{"code":"BY-MA","name":"Mahilio\u016dskaja voblas\u0107"},"618":{"code":"BY-MI","name":"Minskaja voblas\u0107"},"619":{"code":"BY-VI","name":"Viciebskaja voblas\u0107"}}},"BZ":{"name":"Belize"},"CA":{"name":"Canada","regions":{"66":{"code":"AB","name":"Alberta"},"67":{"code":"BC","name":"British Columbia"},"68":{"code":"MB","name":"Manitoba"},"70":{"code":"NB","name":"New Brunswick"},"69":{"code":"NL","name":"Newfoundland and Labrador"},"72":{"code":"NT","name":"Northwest Territories"},"71":{"code":"NS","name":"Nova Scotia"},"73":{"code":"NU","name":"Nunavut"},"74":{"code":"ON","name":"Ontario"},"75":{"code":"PE","name":"Prince Edward Island"},"76":{"code":"QC","name":"Quebec"},"77":{"code":"SK","name":"Saskatchewan"},"78":{"code":"YT","name":"Yukon Territory"}}},"CC":{"name":"Cocoseilanden"},"CD":{"name":"Congo-Kinshasa"},"CF":{"name":"Centraal-Afrikaanse Republiek"},"CG":{"name":"Congo-Brazzaville"},"CH":{"name":"Zwitserland","regions":{"104":{"code":"AG","name":"Aargau"},"106":{"code":"AR","name":"Appenzell Ausserrhoden"},"105":{"code":"AI","name":"Appenzell Innerrhoden"},"108":{"code":"BL","name":"Basel-Landschaft"},"109":{"code":"BS","name":"Basel-Stadt"},"107":{"code":"BE","name":"Bern"},"110":{"code":"FR","name":"Friburg"},"111":{"code":"GE","name":"Geneva"},"112":{"code":"GL","name":"Glarus"},"113":{"code":"GR","name":"Graub\u00fcnden"},"114":{"code":"JU","name":"Jura"},"115":{"code":"LU","name":"Lucerne"},"116":{"code":"NE","name":"Neuch\u00e2tel"},"117":{"code":"NW","name":"Nidwalden"},"118":{"code":"OW","name":"Obwalden"},"120":{"code":"SH","name":"Schaffhausen"},"122":{"code":"SZ","name":"Schwyz"},"121":{"code":"SO","name":"Solothurn"},"119":{"code":"SG","name":"St. Gallen"},"123":{"code":"TG","name":"Thurgau"},"124":{"code":"TI","name":"Ticino"},"125":{"code":"UR","name":"Uri"},"126":{"code":"VD","name":"Vaud"},"127":{"code":"VS","name":"Wallis"},"128":{"code":"ZG","name":"Zug"},"129":{"code":"ZH","name":"Z\u00fcrich"}}},"CI":{"name":"Ivoorkust"},"CK":{"name":"Cookeilanden"},"CL":{"name":"Chili","regions":{"668":{"code":"CL-AI","name":"Ais\u00e9n del General Carlos Iba\u00f1ez del Campo"},"669":{"code":"CL-AN","name":"Antofagasta"},"670":{"code":"CL-AP","name":"Arica y Parinacota"},"672":{"code":"CL-AT","name":"Atacama"},"673":{"code":"CL-BI","name":"Biob\u00edo"},"674":{"code":"CL-CO","name":"Coquimbo"},"671":{"code":"CL-AR","name":"La Araucan\u00eda"},"675":{"code":"CL-LI","name":"Libertador General Bernardo O'Higgins"}
19978,"676":{"code":"CL-LL","name":"Los Lagos"},"677":{"code":"CL-LR","name":"Los R\u00edos"},"678":{"code":"CL-MA","name":"Magallanes"},"679":{"code":"CL-ML","name":"Maule"},"680":{"code":"CL-NB","name":"\u00d1uble"},"681":{"code":"CL-RM","name":"Regi\u00f3n Metropolitana de Santiago"},"682":{"code":"CL-TA","name":"Tarapac\u00e1"},"683":{"code":"CL-VS","name":"Valpara\u00edso"}}},"CM":{"name":"Kameroen"},"CN":{"name":"China","regions":{"684":{"code":"CN-AH","name":"Anhui Sheng"},"685":{"code":"CN-BJ","name":"Beijing Shi"},"686":{"code":"CN-CQ","name":"Chongqing Shi"},"687":{"code":"CN-FJ","name":"Fujian Sheng"},"688":{"code":"CN-GS","name":"Gansu Sheng"},"689":{"code":"CN-GD","name":"Guangdong Sheng"},"690":{"code":"CN-GX","name":"Guangxi Zhuangzu Zizhiqu"},"691":{"code":"CN-GZ","name":"Guizhou Sheng"},"692":{"code":"CN-HI","name":"Hainan Sheng"},"693":{"code":"CN-HE","name":"Hebei Sheng"},"694":{"code":"CN-HL","name":"Heilongjiang Sheng"},"695":{"code":"CN-HA","name":"Henan Sheng"},"696":{"code":"CN-HK","name":"Hong Kong SAR"},"697":{"code":"CN-HB","name":"Hubei Sheng"},"698":{"code":"CN-HN","name":"Hunan Sheng"},"699":{"code":"CN-JS","name":"Jiangsu Sheng"},"700":{"code":"CN-JX","name":"Jiangxi Sheng"},"701":{"code":"CN-JL","name":"Jilin Sheng"},"702":{"code":"CN-LN","name":"Liaoning Sheng"},"703":{"code":"CN-MO","name":"Macao SAR"},"704":{"code":"CN-NM","name":"Nei Mongol Zizhiqu"},"705":{"code":"CN-NX","name":"Ningxia Huizi Zizhiqu"},"706":{"code":"CN-QH","name":"Qinghai Sheng"},"707":{"code":"CN-SN","name":"Shaanxi Sheng"},"708":{"code":"CN-SD","name":"Shandong Sheng"},"709":{"code":"CN-SH","name":"Shanghai Shi"},"710":{"code":"CN-SX","name":"Shanxi Sheng"},"711":{"code":"CN-SC","name":"Sichuan Sheng"},"712":{"code":"CN-TW","name":"Taiwan Sheng"},"713":{"code":"CN-TJ","name":"Tianjin Shi"},"714":{"code":"CN-XJ","name":"Xinjiang Uygur Zizhiqu"},"715":{"code":"CN-XZ","name":"Xizang Zizhiqu"},"716":{"code":"CN-YN","name":"Yunnan Sheng"},"717":{"code":"CN-ZJ","name":"Zhejiang Sheng"}}},"CO":{"name":"Colombia","regions":{"718":{"code":"CO-AMA","name":"Amazonas"},"719":{"code":"CO-ANT","name":"Antioquia"},"720":{"code":"CO-ARA","name":"Arauca"},"721":{"code":"CO-ATL","name":"Atl\u00e1ntico"},"722":{"code":"CO-BOL","name":"Bol\u00edvar"},"723":{"code":"CO-BOY","name":"Boyac\u00e1"},"724":{"code":"CO-CAL","name":"Caldas"},"725":{"code":"CO-CAQ","name":"Caquet\u00e1"},"726":{"code":"CO-CAS","name":"Casanare"},"727":{"code":"CO-CAU","name":"Cauca"},"728":{"code":"CO-CES","name":"Cesar"},"729":{"code":"CO-CHO","name":"Choc\u00f3"},"730":{"code":"CO-COR","name":"C\u00f3rdoba"},"731":{"code":"CO-CUN","name":"Cundinamarca"},"732":{"code":"CO-GUA","name":"Guain\u00eda"},"733":{"code":"CO-GUV","name":"Guaviare"},"734":{"code":"CO-HUL","name":"Huila"},"735":{"code":"CO-LAG","name":"La Guajira"},"736":{"code":"CO-MAG","name":"Magdalena"},"737":{"code":"CO-MET","name":"Meta"},"738":{"code":"CO-NAR","name":"Nari\u00f1o"},"739":{"code":"CO-NSA","name":"Norte de Santander"},"740":{"code":"CO-PUT","name":"Putumayo"},"741":{"code":"CO-QUI","name":"Quind\u00edo"},"742":{"code":"CO-RIS","name":"Risaralda"},"743":{"code":"CO-SAP","name":"San Andr\u00e9s y Providencia"},"744":{"code":"CO-SAN","name":"Santander"},"745":{"code":"CO-SUC","name":"Sucre"},"746":{"code":"CO-TOL","name":"Tolima"},"747":{"code":"CO-VAC","name":"Valle del Cauca"},"748":{"code":"CO-VAU","name":"Vaup\u00e9s"},"749":{"code":"CO-VID","name":"Vichada"}}},"CR":{"name":"Costa Rica","regions":{"751":{"code":"CR-AL","name":"Alajuela"},"752":{"code":"CR-CA","name":"Cartago"},"754":{"code":"CR-GU","name":"Guanacaste"},"753":{"code":"CR-HE","name":"Heredia"},"756":{"code":"CR-LI","name":"Lim\u00f3n"},"755":{"code":"CR-PU","name":"Puntarenas"},"750":{"code":"CR-SJ","name":"San Jos\u00e9"}}},"CU":{"name":"Cuba"},"CV":{"name":"Kaapverdi\u00eb"},"CW":{"name":"Cura\u00e7ao"},"CX":{"name":"Christmaseiland"},"CY":{"name":"Cyprus"},"CZ":{"name":"Tsjechi\u00eb","regions":{"759":{"code":"CZ-31","name":"Jiho\u010desk\u00fd kraj"},"767":{"code":"CZ-64","name":"Jihomoravsk\u00fd kraj"},"761":{"code":"CZ-41","name":"Karlovarsk\u00fd kraj"},"766":{"code":"CZ-63","name":"Kraj Vyso\u010dina"},"764":{"code":"CZ-52","name":"Kr\u00e1lov\u00e9hradeck\u00fd kraj"},"763":{"code":"CZ-51","name":"Libereck\u00fd kraj"},"770":{"code":"CZ-80","name":"Moravskoslezsk\u00fd kraj"}
19978,"768":{"code":"CZ-71","name":"Olomouck\u00fd kraj"},"765":{"code":"CZ-53","name":"Pardubick\u00fd kraj"},"760":{"code":"CZ-32","name":"Plze\u0148sk\u00fd kraj"},"757":{"code":"CZ-10","name":"Praha, Hlavn\u00ed m\u011bsto"},"758":{"code":"CZ-20","name":"St\u0159edo\u010desk\u00fd kraj"},"762":{"code":"CZ-42","name":"\u00dasteck\u00fd kraj"},"769":{"code":"CZ-72","name":"Zl\u00ednsk\u00fd kraj"}}},"DE":{"name":"Duitsland","regions":{"80":{"code":"BAW","name":"Baden-W\u00fcrttemberg"},"81":{"code":"BAY","name":"Bayern"},"82":{"code":"BER","name":"Berlin"},"83":{"code":"BRG","name":"Brandenburg"},"84":{"code":"BRE","name":"Bremen"},"85":{"code":"HAM","name":"Hamburg"},"86":{"code":"HES","name":"Hessen"},"87":{"code":"MEC","name":"Mecklenburg-Vorpommern"},"79":{"code":"NDS","name":"Niedersachsen"},"88":{"code":"NRW","name":"Nordrhein-Westfalen"},"89":{"code":"RHE","name":"Rheinland-Pfalz"},"90":{"code":"SAR","name":"Saarland"},"91":{"code":"SAS","name":"Sachsen"},"92":{"code":"SAC","name":"Sachsen-Anhalt"},"93":{"code":"SCN","name":"Schleswig-Holstein"},"94":{"code":"THE","name":"Th\u00fcringen"}}},"DJ":{"name":"Djibouti"},"DK":{"name":"Denemarken","regions":{"771":{"code":"DK-84","name":"Hovedstaden"},"772":{"code":"DK-82","name":"Midtjylland"},"773":{"code":"DK-81","name":"Nordjylland"},"774":{"code":"DK-85","name":"Sj\u00e6lland"},"775":{"code":"DK-83","name":"Syddanmark"}}},"DM":{"name":"Dominica"},"DO":{"name":"Dominicaanse Republiek"},"DZ":{"name":"Algerije"},"EC":{"name":"Ecuador","regions":{"776":{"code":"EC-A","name":"Azuay"},"777":{"code":"EC-B","name":"Bol\u00edvar"},"778":{"code":"EC-F","name":"Ca\u00f1ar"},"779":{"code":"EC-C","name":"Carchi"},"780":{"code":"EC-H","name":"Chimborazo"},"781":{"code":"EC-X","name":"Cotopaxi"},"782":{"code":"EC-O","name":"El Oro"},"783":{"code":"EC-E","name":"Esmeraldas"},"784":{"code":"EC-W","name":"Gal\u00e1pagos"},"785":{"code":"EC-G","name":"Guayas"},"786":{"code":"EC-I","name":"Imbabura"},"787":{"code":"EC-L","name":"Loja"},"788":{"code":"EC-R","name":"Los R\u00edos"},"789":{"code":"EC-M","name":"Manab\u00ed"},"790":{"code":"EC-S","name":"Morona Santiago"},"791":{"code":"EC-N","name":"Napo"},"792":{"code":"EC-D","name":"Orellana"},"793":{"code":"EC-Y","name":"Pastaza"},"794":{"code":"EC-P","name":"Pichincha"},"795":{"code":"EC-SE","name":"Santa Elena"},"796":{"code":"EC-SD","name":"Santo Domingo de los Ts\u00e1chilas"},"797":{"code":"EC-U","name":"Sucumb\u00edos"},"798":{"code":"EC-T","name":"Tungurahua"},"799":{"code":"EC-Z","name":"Zamora Chinchipe"}}},"EE":{"name":"Estland","regions":{"340":{"code":"EE-37","name":"Harjumaa"},"341":{"code":"EE-39","name":"Hiiumaa"},"342":{"code":"EE-44","name":"Ida-Virumaa"},"344":{"code":"EE-51","name":"J\u00e4rvamaa"},"343":{"code":"EE-49","name":"J\u00f5gevamaa"},"346":{"code":"EE-59","name":"L\u00e4\u00e4ne-Virumaa"},"345":{"code":"EE-57","name":"L\u00e4\u00e4nemaa"},"348":{"code":"EE-67","name":"P\u00e4rnumaa"},"347":{"code":"EE-65","name":"P\u00f5lvamaa"},"349":{"code":"EE-70","name":"Raplamaa"},"350":{"code":"EE-74","name":"Saaremaa"},"351":{"code":"EE-78","name":"Tartumaa"},"352":{"code":"EE-82","name":"Valgamaa"},"353":{"code":"EE-84","name":"Viljandimaa"},"354":{"code":"EE-86","name":"V\u00f5rumaa"}}},"EG":{"name":"Egypte"},"EH":{"name":"Westelijke Sahara"},"ER":{"name":"Eritrea"},"ES":{"name":"Spanje","regions":{"130":{"code":"A Coru\u0441a","name":"A Coru\u00f1a"},"131":{"code":"Alava","name":"Alava"},"132":{"code":"Albacete","name":"Albacete"},"133":{"code":"Alicante","name":"Alicante"},"134":{"code":"Almeria","name":"Almeria"},"135":{"code":"Asturias","name":"Asturias"},"136":{"code":"Avila","name":"Avila"},"137":{"code":"Badajoz","name":"Badajoz"},"138":{"code":"Baleares","name":"Baleares"},"139":{"code":"Barcelona","name":"Barcelona"},"140":{"code":"Burgos","name":"Burgos"},"141":{"code":"Caceres","name":"Caceres"},"142":{"code":"Cadiz","name":"Cadiz"},"143":{"code":"Cantabria","name":"Cantabria"},"144":{"code":"Castellon","name":"Castellon"},"145":{"code":"Ceuta","name":"Ceuta"},"146":{"code":"Ciudad Real","name":"Ciudad Real"},"147":{"code":"Cordoba","name":"Cordoba"},"148":{"code":"Cuenca","name":"Cuenca"},"149":{"code":"Girona","name":"Girona"},"150":{"code":"Granada","name":"Granada"},"151":{"code":"Guadalajara","name":"Guadalajara"},"152":{"code":"Guipuzcoa","name":"Guipuzcoa"},"153":{"code":"Huelva","name":"Huelva"},"154":{"code":"Huesca","name":"Huesca"},"155":{"code":"Jaen","name":"Jaen"},"156":{"code":"La Rioja","name":"La Rioja"},"157":{"code":"Las Palmas","name":"Las Palmas"},"158":{"code":"Leon","name":"Leon"},"159":{"code":"Lleida","name":"Lleida"},"160":{"code":"Lugo","name":"Lugo"},"161":{"code":"Madrid","name":"Madrid"},"162":{"code":"Malaga","name":"Malaga"},"163":{"code":"Melilla","name":"Melilla"},"164":{"code":"Murcia","name":"Murcia"},"165":{"code":"Navarra","name":"Navarra"},"166":{"code":"Ourense","name":"Ourense"},"167":{"code":"Palencia","name":"Palencia"},"168":{"code":"Pontevedra","name":"Pontevedra"},"169":{"code":"Salamanca","name":"Salamanca"},"170":{"code":"Santa Cruz de Tenerife","name":"Santa Cruz de Tenerife"},"171":{"code":"Segovia","name":"Segovia"},"172":{"code":"Sevilla","name":"Sevilla"},"173":{"code":"Soria","name":"Soria"},"174":{"code":"Tarragona","name":"Tarragona"},"175":{"code":"Teruel","name":"Teruel"},"176":{"code":"Toledo","name":"Toledo"},"177":{"code":"Valencia","name":"Valencia"},"178":{"code":"Valladolid","name":"Valladolid"}
19978,"179":{"code":"Vizcaya","name":"Vizcaya"},"180":{"code":"Zamora","name":"Zamora"},"181":{"code":"Zaragoza","name":"Zaragoza"}}},"ET":{"name":"Ethiopi\u00eb"},"FI":{"name":"Finland","regions":{"339":{"code":"Ahvenanmaa","name":"Ahvenanmaa"},"333":{"code":"Etel\u00e4-Karjala","name":"Etel\u00e4-Karjala"},"326":{"code":"Etel\u00e4-Pohjanmaa","name":"Etel\u00e4-Pohjanmaa"},"325":{"code":"Etel\u00e4-Savo","name":"Etel\u00e4-Savo"},"337":{"code":"It\u00e4-Uusimaa","name":"It\u00e4-Uusimaa"},"322":{"code":"Kainuu","name":"Kainuu"},"335":{"code":"Kanta-H\u00e4me","name":"Kanta-H\u00e4me"},"330":{"code":"Keski-Pohjanmaa","name":"Keski-Pohjanmaa"},"331":{"code":"Keski-Suomi","name":"Keski-Suomi"},"338":{"code":"Kymenlaakso","name":"Kymenlaakso"},"320":{"code":"Lappi","name":"Lappi"},"334":{"code":"P\u00e4ij\u00e4t-H\u00e4me","name":"P\u00e4ij\u00e4t-H\u00e4me"},"328":{"code":"Pirkanmaa","name":"Pirkanmaa"},"327":{"code":"Pohjanmaa","name":"Pohjanmaa"},"323":{"code":"Pohjois-Karjala","name":"Pohjois-Karjala"},"321":{"code":"Pohjois-Pohjanmaa","name":"Pohjois-Pohjanmaa"},"324":{"code":"Pohjois-Savo","name":"Pohjois-Savo"},"329":{"code":"Satakunta","name":"Satakunta"},"336":{"code":"Uusimaa","name":"Uusimaa"},"332":{"code":"Varsinais-Suomi","name":"Varsinais-Suomi"}}},"FJ":{"name":"Fiji"},"FK":{"name":"Falklandeilanden"},"FM":{"name":"Micronesia"},"FO":{"name":"Faer\u00f6er"},"FR":{"name":"Frankrijk","regions":{"182":{"code":"1","name":"Ain"},"183":{"code":"2","name":"Aisne"},"184":{"code":"3","name":"Allier"},"185":{"code":"4","name":"Alpes-de-Haute-Provence"},"187":{"code":"6","name":"Alpes-Maritimes"},"188":{"code":"7","name":"Ard\u00e8che"},"189":{"code":"8","name":"Ardennes"},"190":{"code":"9","name":"Ari\u00e8ge"},"191":{"code":"10","name":"Aube"},"192":{"code":"11","name":"Aude"},"193":{"code":"12","name":"Aveyron"},"249":{"code":"67","name":"Bas-Rhin"},"194":{"code":"13","name":"Bouches-du-Rh\u00f4ne"},"195":{"code":"14","name":"Calvados"},"196":{"code":"15","name":"Cantal"},"197":{"code":"16","name":"Charente"},"198":{"code":"17","name":"Charente-Maritime"},"199":{"code":"18","name":"Cher"},"200":{"code":"19","name":"Corr\u00e8ze"},"201":{"code":"2A","name":"Corse-du-Sud"},"203":{"code":"21","name":"C\u00f4te-d'Or"},"204":{"code":"22","name":"C\u00f4tes-d'Armor"},"205":{"code":"23","name":"Creuse"},"261":{"code":"79","name":"Deux-S\u00e8vres"},"206":{"code":"24","name":"Dordogne"},"207":{"code":"25","name":"Doubs"},"208":{"code":"26","name":"Dr\u00f4me"},"273":{"code":"91","name":"Essonne"},"209":{"code":"27","name":"Eure"},"210":{"code":"28","name":"Eure-et-Loir"},"211":{"code":"29","name":"Finist\u00e8re"},"212":{"code":"30","name":"Gard"},"214":{"code":"32","name":"Gers"},"215":{"code":"33","name":"Gironde"},"250":{"code":"68","name":"Haut-Rhin"},"202":{"code":"2B","name":"Haute-Corse"},"213":{"code":"31","name":"Haute-Garonne"},"225":{"code":"43","name":"Haute-Loire"},"234":{"code":"52","name":"Haute-Marne"},"252":{"code":"70","name":"Haute-Sa\u00f4ne"},"256":{"code":"74","name":"Haute-Savoie"},"269":{"code":"87","name":"Haute-Vienne"},"186":{"code":"5","name":"Hautes-Alpes"},"247":{"code":"65","name":"Hautes-Pyr\u00e9n\u00e9es"},"274":{"code":"92","name":"Hauts-de-Seine"},"216":{"code":"34","name":"H\u00e9rault"},"217":{"code":"35","name":"Ille-et-Vilaine"},"218":{"code":"36","name":"Indre"},"219":{"code":"37","name":"Indre-et-Loire"},"220":{"code":"38","name":"Is\u00e8re"},"221":{"code":"39","name":"Jura"},"222":{"code":"40","name":"Landes"},"223":{"code":"41","name":"Loir-et-Cher"},"224":{"code":"42","name":"Loire"},"226":{"code":"44","name":"Loire-Atlantique"},"227":{"code":"45","name":"Loiret"},"228":{"code":"46","name":"Lot"},"229":{"code":"47","name":"Lot-et-Garonne"},"230":{"code":"48","name":"Loz\u00e8re"},"231":{"code":"49","name":"Maine-et-Loire"},"232":{"code":"50","name":"Manche"},"233":{"code":"51","name":"Marne"},"235":{"code":"53","name":"Mayenne"},"236":{"code":"54","name":"Meurthe-et-Moselle"},"237":{"code":"55","name":"Meuse"},"238":{"code":"56","name":"Morbihan"},"239":{"code":"57","name":"Moselle"},"240":{"code":"58","name":"Ni\u00e8vre"},"241":{"code":"59","name":"Nord"},"242":{"code":"60","name":"Oise"},"243":{"code":"61","name":"Orne"},"257":{"code":"75","name":"Paris"},"244":{"code":"62","name":"Pas-de-Calais"},"245":{"code":"63","name":"Puy-de-D\u00f4me"},"246":{"code":"64","name":"Pyr\u00e9n\u00e9es-Atlantiques"},"248":{"code":"66","name":"Pyr\u00e9n\u00e9es-Orientales"},"251":{"code":"69","name":"Rh\u00f4ne"},"253":{"code":"71","name":"Sa\u00f4ne-et-Loire"},"254":{"code":"72","name":"Sarthe"},"255":{"code":"73","name":"Savoie"},"259":{"code":"77","name":"Seine-et-Marne"},"258":{"code":"76","name":"Seine-Maritime"},"275":{"code":"93","name":"Seine-Saint-Denis"},"262":{"code":"80","name":"Somme"},"263":{"code":"81","name":"Tarn"},"264":{"code":"82","name":"Tarn-et-Garonne"},"272":{"code":"90","name":"Territoire-de-Belfort"},"277":{"code":"95","name":"Val-d'Oise"}
19978,"276":{"code":"94","name":"Val-de-Marne"},"265":{"code":"83","name":"Var"},"266":{"code":"84","name":"Vaucluse"},"267":{"code":"85","name":"Vend\u00e9e"},"268":{"code":"86","name":"Vienne"},"270":{"code":"88","name":"Vosges"},"271":{"code":"89","name":"Yonne"},"260":{"code":"78","name":"Yvelines"}}},"GA":{"name":"Gabon"},"GB":{"name":"Verenigd Koninkrijk"},"GD":{"name":"Grenada"},"GE":{"name":"Georgi\u00eb"},"GF":{"name":"Frans-Guyana"},"GG":{"name":"Guernsey"},"GH":{"name":"Ghana"},"GI":{"name":"Gibraltar"},"GL":{"name":"Groenland"},"GM":{"name":"Gambia"},"GN":{"name":"Guinee"},"GP":{"name":"Guadeloupe"},"GQ":{"name":"Equatoriaal-Guinea"},"GR":{"name":"Griekenland","regions":{"813":{"code":"GR-69","name":"\u00c1gion \u00d3ros"},"800":{"code":"GR-A","name":"Anatolik\u00ed Makedon\u00eda kai Thr\u00e1ki"},"801":{"code":"GR-I","name":"Attik\u00ed"},"802":{"code":"GR-G","name":"Dytik\u00ed Ell\u00e1da"},"803":{"code":"GR-C","name":"Dytik\u00ed Makedon\u00eda"},"804":{"code":"GR-F","name":"Ion\u00eda N\u00edsia"},"805":{"code":"GR-D","name":"\u00cdpeiros"},"806":{"code":"GR-B","name":"Kentrik\u00ed Makedon\u00eda"},"807":{"code":"GR-M","name":"Kr\u00edti"},"808":{"code":"GR-L","name":"N\u00f3tio Aiga\u00edo"},"809":{"code":"GR-J","name":"Pelop\u00f3nnisos"},"810":{"code":"GR-H","name":"Stere\u00e1 Ell\u00e1da"},"811":{"code":"GR-E","name":"Thessal\u00eda"},"812":{"code":"GR-K","name":"V\u00f3reio Aiga\u00edo"}}},"GS":{"name":"Zuid-Georgia en Zuidelijke Sandwicheilanden"},"GT":{"name":"Guatemala"},"GU":{"name":"Guam"},"GW":{"name":"Guinee-Bissau"},"GY":{"name":"Guyana","regions":{"814":{"code":"GY-BA","name":"Barima-Waini"},"815":{"code":"GY-CU","name":"Cuyuni-Mazaruni"},"816":{"code":"GY-DE","name":"Demerara-Mahaica"},"817":{"code":"GY-EB","name":"East Berbice-Corentyne"},"818":{"code":"GY-ES","name":"Essequibo Islands-West Demerara"},"819":{"code":"GY-MA","name":"Mahaica-Berbice"},"820":{"code":"GY-PM","name":"Pomeroon-Supenaam"},"821":{"code":"GY-PT","name":"Potaro-Siparuni"},"822":{"code":"GY-UD","name":"Upper Demerara-Berbice"},"823":{"code":"GY-UT","name":"Upper Takutu-Upper Essequibo"}}},"HK":{"name":"Hongkong SAR van China"},"HM":{"name":"Heard en McDonaldeilanden"},"HN":{"name":"Honduras"},"HR":{"name":"Kroati\u00eb","regions":{"554":{"code":"HR-07","name":"Bjelovarsko-bilogorska \u017eupanija"},"559":{"code":"HR-12","name":"Brodsko-posavska \u017eupanija"},"566":{"code":"HR-19","name":"Dubrova\u010dko-neretvanska \u017eupanija"},"568":{"code":"HR-21","name":"Grad Zagreb"},"565":{"code":"HR-18","name":"Istarska \u017eupanija"},"551":{"code":"HR-04","name":"Karlova\u010dka \u017eupanija"},"553":{"code":"HR-06","name":"Koprivni\u010dko-kri\u017eeva\u010dka \u017eupanija"},"549":{"code":"HR-02","name":"Krapinsko-zagorska \u017eupanija"},"556":{"code":"HR-09","name":"Li\u010dko-senjska \u017eupanija"},"567":{"code":"HR-20","name":"Me\u0111imurska \u017eupanija"},"561":{"code":"HR-14","name":"Osje\u010dko-baranjska \u017eupanija"},"558":{"code":"HR-11","name":"Po\u017ee\u0161ko-slavonska \u017eupanija"},"555":{"code":"HR-08","name":"Primorsko-goranska \u017eupanija"},"562":{"code":"HR-15","name":"\u0160ibensko-kninska \u017eupanija"},"550":{"code":"HR-03","name":"Sisa\u010dko-moslava\u010dka \u017eupanija"},"564":{"code":"HR-17","name":"Splitsko-dalmatinska \u017eupanija"},"552":{"code":"HR-05","name":"Vara\u017edinska \u017eupanija"},"557":{"code":"HR-10","name":"Viroviti\u010dko-podravska \u017eupanija"},"563":{"code":"HR-16","name":"Vukovarsko-srijemska \u017eupanija"},"560":{"code":"HR-13","name":"Zadarska \u017eupanija"},"548":{"code":"HR-01","name":"Zagreba\u010dka \u017eupanija"}}},"HT":{"name":"Ha\u00efti"},"HU":{"name":"Hongarije"},"ID":{"name":"Indonesi\u00eb"},"IE":{"name":"Ierland"},"IL":{"name":"Isra\u00ebl"},"IM":{"name":"Isle of Man"},"IN":{"name":"India","regions":{"569":{"code":"AN","name":"Andaman and Nicobar Islands"},"570":{"code":"AP","name":"Andhra Pradesh"},"571":{"code":"AR","name":"Arunachal Pradesh"},"572":{"code":"AS","name":"Assam"},"573":{"code":"BR","name":"Bihar"},"574":{"code":"CH","name":"Chandigarh"},"575":{"code":"CT","name":"Chhattisgarh"},"576":{"code":"DN","name":"Dadra and Nagar Haveli"},"577":{"code":"DD","name":"Daman and Diu"},"578":{"code":"DL","name":"Delhi"},"579":{"code":"GA","name":"Goa"},"580":{"code":"GJ","name":"Gujarat"},"581":{"code":"HR","name":"Haryana"},"582":{"code":"HP","name":"Himachal Pradesh"},"583":{"code":"JK","name":"Jammu and Kashmir"},"584":{"code":"JH","name":"Jharkhand"},"585":{"code":"KA","name":"Karnataka"},"586":{"code":"KL","name":"Kerala"},"1156":{"code":"LA","name":"Ladakh"},"587":{"code":"LD","name":"Lakshadweep"},"588":{"code":"MP","name":"Madhya Pradesh"},"589":{"code":"MH","name":"Maharashtra"},"590":{"code":"MN","name":"Manipur"},"591":{"code":"ML","name":"Meghalaya"},"592":{"code":"MZ","name":"Mizoram"},"593":{"code":"NL","name":"Nagaland"}
19978,"594":{"code":"OR","name":"Odisha"},"595":{"code":"PY","name":"Puducherry"},"596":{"code":"PB","name":"Punjab"},"597":{"code":"RJ","name":"Rajasthan"},"598":{"code":"SK","name":"Sikkim"},"599":{"code":"TN","name":"Tamil Nadu"},"600":{"code":"TG","name":"Telangana"},"601":{"code":"TR","name":"Tripura"},"602":{"code":"UP","name":"Uttar Pradesh"},"603":{"code":"UT","name":"Uttarakhand"},"604":{"code":"WB","name":"West Bengal"}}},"IO":{"name":"Brits Indische Oceaanterritorium"},"IQ":{"name":"Irak"},"IR":{"name":"Iran"},"IS":{"name":"IJsland","regions":{"830":{"code":"IS-07","name":"Austurland"},"824":{"code":"IS-01","name":"H\u00f6fu\u00f0borgarsv\u00e6\u00f0i"},"829":{"code":"IS-06","name":"Nor\u00f0urland eystra"},"828":{"code":"IS-05","name":"Nor\u00f0urland vestra"},"831":{"code":"IS-08","name":"Su\u00f0urland"},"825":{"code":"IS-02","name":"Su\u00f0urnes"},"827":{"code":"IS-04","name":"Vestfir\u00f0ir"},"826":{"code":"IS-03","name":"Vesturland"}}},"IT":{"name":"Itali\u00eb","regions":{"832":{"code":"AG","name":"Agrigento"},"833":{"code":"AL","name":"Alessandria"},"834":{"code":"AN","name":"Ancona"},"835":{"code":"AO","name":"Aosta"},"837":{"code":"AR","name":"Arezzo"},"838":{"code":"AP","name":"Ascoli-Piceno"},"839":{"code":"AT","name":"Asti"},"840":{"code":"AV","name":"Avellino"},"841":{"code":"BA","name":"Bari"},"842":{"code":"BT","name":"Barletta-Andria-Trani"},"843":{"code":"BL","name":"Belluno"},"844":{"code":"BN","name":"Benevento"},"845":{"code":"BG","name":"Bergamo"},"846":{"code":"BI","name":"Biella"},"847":{"code":"BO","name":"Bologna"},"848":{"code":"BZ","name":"Bolzano"},"849":{"code":"BS","name":"Brescia"},"850":{"code":"BR","name":"Brindisi"},"851":{"code":"CA","name":"Cagliari"},"852":{"code":"CL","name":"Caltanissetta"},"853":{"code":"CB","name":"Campobasso"},"854":{"code":"CI","name":"Carbonia Iglesias"},"855":{"code":"CE","name":"Caserta"},"856":{"code":"CT","name":"Catania"},"857":{"code":"CZ","name":"Catanzaro"},"858":{"code":"CH","name":"Chieti"},"859":{"code":"CO","name":"Como"},"860":{"code":"CS","name":"Cosenza"},"861":{"code":"CR","name":"Cremona"},"862":{"code":"KR","name":"Crotone"},"863":{"code":"CN","name":"Cuneo"},"864":{"code":"EN","name":"Enna"},"865":{"code":"FM","name":"Fermo"},"866":{"code":"FE","name":"Ferrara"},"867":{"code":"FI","name":"Firenze"},"868":{"code":"FG","name":"Foggia"},"869":{"code":"FC","name":"Forli-Cesena"},"870":{"code":"FR","name":"Frosinone"},"871":{"code":"GE","name":"Genova"},"872":{"code":"GO","name":"Gorizia"},"873":{"code":"GR","name":"Grosseto"},"874":{"code":"IM","name":"Imperia"},"875":{"code":"IS","name":"Isernia"},"836":{"code":"AQ","name":"L'Aquila"},"876":{"code":"SP","name":"La-Spezia"},"877":{"code":"LT","name":"Latina"},"878":{"code":"LE","name":"Lecce"},"879":{"code":"LC","name":"Lecco"},"880":{"code":"LI","name":"Livorno"},"881":{"code":"LO","name":"Lodi"},"882":{"code":"LU","name":"Lucca"},"883":{"code":"MC","name":"Macerata"},"884":{"code":"MN","name":"Mantova"},"885":{"code":"MS","name":"Massa-Carrara"},"886":{"code":"MT","name":"Matera"},"887":{"code":"VS","name":"Medio Campidano"},"888":{"code":"ME","name":"Messina"},"889":{"code":"MI","name":"Milano"},"890":{"code":"MO","name":"Modena"},"891":{"code":"MB","name":"Monza-Brianza"},"892":{"code":"NA","name":"Napoli"},"893":{"code":"NO","name":"Novara"},"894":{"code":"NU","name":"Nuoro"},"895":{"code":"OG","name":"Ogliastra"},"896":{"code":"OT","name":"Olbia Tempio"},"897":{"code":"OR","name":"Oristano"},"898":{"code":"PD","name":"Padova"},"899":{"code":"PA","name":"Palermo"},"900":{"code":"PR","name":"Parma"},"901":{"code":"PV","name":"Pavia"},"902":{"code":"PG","name":"Perugia"},"903":{"code":"PU","name":"Pesaro-Urbino"},"904":{"code":"PE","name":"Pescara"},"905":{"code":"PC","name":"Piacenza"},"906":{"code":"PI","name":"Pisa"},"907":{"code":"PT","name":"Pistoia"},"908":{"code":"PN","name":"Pordenone"},"909":{"code":"PZ","name":"Potenza"},"910":{"code":"PO","name":"Prato"},"911":{"code":"RG","name":"Ragusa"},"912":{"code":"RA","name":"Ravenna"},"913":{"code":"RC","name":"Reggio-Calabria"},"914":{"code":"RE","name":"Reggio-Emilia"},"915":{"code":"RI","name":"Rieti"},"916":{"code":"RN","name":"Rimini"},"917":{"code":"RM","name":"Roma"},"918":{"code":"RO","name":"Rovigo"},"919":{"code":"SA","name":"Salerno"},"920":{"code":"SS","name":"Sassari"},"921":{"code":"SV","name":"Savona"},"922":{"code":"SI","name":"Siena"},"923":{"code":"SR","name":"Siracusa"},"924":{"code":"SO","name":"Sondrio"},"925":{"code":"TA","name":"Taranto"},"926":{"code":"TE","name":"Teramo"},"927":{"code":"TR","name":"Terni"},"928":{"code":"TO","name":"Torino"},"929":{"code":"TP","name":"Trapani"},"930":{"code":"TN","name":"Trento"},"931":{"code":"TV","name":"Treviso"},"932":{"code":"TS","name":"Trieste"},"933":{"code":"UD","name":"Udine"},"934":{"code":"VA","name":"Varese"},"935":{"code":"VE","name":"Venezia"},"936":{"code":"VB","name":"Verbania"},"937":{"code":"VC","name":"Vercelli"},"938":{"code":"VR","name":"Verona"}
19978,"939":{"code":"VV","name":"Vibo-Valentia"},"940":{"code":"VI","name":"Vicenza"},"941":{"code":"VT","name":"Viterbo"}}},"JE":{"name":"Jersey"},"JM":{"name":"Jamaica"},"JO":{"name":"Jordani\u00eb"},"JP":{"name":"Japan"},"KE":{"name":"Kenia"},"KG":{"name":"Kirgizi\u00eb"},"KH":{"name":"Cambodja"},"KI":{"name":"Kiribati"},"KM":{"name":"Comoren"},"KN":{"name":"Saint Kitts en Nevis"},"KP":{"name":"Noord-Korea"},"KR":{"name":"Zuid-Korea"},"KW":{"name":"Koeweit"},"KY":{"name":"Kaaimaneilanden"},"KZ":{"name":"Kazachstan"},"LA":{"name":"Laos"},"LB":{"name":"Libanon"},"LC":{"name":"Saint Lucia"},"LI":{"name":"Liechtenstein"},"LK":{"name":"Sri Lanka"},"LR":{"name":"Liberia"},"LS":{"name":"Lesotho"},"LT":{"name":"Litouwen","regions":{"475":{"code":"LT-AL","name":"Alytaus Apskritis"},"476":{"code":"LT-KU","name":"Kauno Apskritis"},"477":{"code":"LT-KL","name":"Klaip\u0117dos Apskritis"},"478":{"code":"LT-MR","name":"Marijampol\u0117s Apskritis"},"479":{"code":"LT-PN","name":"Panev\u0117\u017eio Apskritis"},"480":{"code":"LT-SA","name":"\u0160iauli\u0173 Apskritis"},"481":{"code":"LT-TA","name":"Taurag\u0117s Apskritis"},"482":{"code":"LT-TE","name":"Tel\u0161i\u0173 Apskritis"},"483":{"code":"LT-UT","name":"Utenos Apskritis"},"484":{"code":"LT-VL","name":"Vilniaus Apskritis"}}},"LU":{"name":"Luxemburg"},"LV":{"name":"Letland","regions":{"471":{"code":"\u0100da\u017eu novads","name":"\u0100da\u017eu novads"},"366":{"code":"Aglonas novads","name":"Aglonas novads"},"367":{"code":"LV-AI","name":"Aizkraukles novads"},"368":{"code":"Aizputes novads","name":"Aizputes novads"},"369":{"code":"Akn\u012bstes novads","name":"Akn\u012bstes novads"},"370":{"code":"Alojas novads","name":"Alojas novads"},"371":{"code":"Alsungas novads","name":"Alsungas novads"},"372":{"code":"LV-AL","name":"Al\u016bksnes novads"},"373":{"code":"Amatas novads","name":"Amatas novads"},"374":{"code":"Apes novads","name":"Apes novads"},"375":{"code":"Auces novads","name":"Auces novads"},"376":{"code":"Bab\u012btes novads","name":"Bab\u012btes novads"},"377":{"code":"Baldones novads","name":"Baldones novads"},"378":{"code":"Baltinavas novads","name":"Baltinavas novads"},"379":{"code":"LV-BL","name":"Balvu novads"},"380":{"code":"LV-BU","name":"Bauskas novads"},"381":{"code":"Bever\u012bnas novads","name":"Bever\u012bnas novads"},"382":{"code":"Broc\u0113nu novads","name":"Broc\u0113nu novads"},"383":{"code":"Burtnieku novads","name":"Burtnieku novads"},"384":{"code":"Carnikavas novads","name":"Carnikavas novads"},"387":{"code":"LV-CE","name":"C\u0113su novads"},"385":{"code":"Cesvaines novads","name":"Cesvaines novads"},"386":{"code":"Ciblas novads","name":"Ciblas novads"},"388":{"code":"Dagdas novads","name":"Dagdas novads"},"355":{"code":"LV-DGV","name":"Daugavpils"},"389":{"code":"LV-DA","name":"Daugavpils novads"},"390":{"code":"LV-DO","name":"Dobeles novads"},"391":{"code":"Dundagas novads","name":"Dundagas novads"},"392":{"code":"Durbes novads","name":"Durbes novads"},"393":{"code":"Engures novads","name":"Engures novads"},"472":{"code":"\u0112rg\u013cu novads","name":"\u0112rg\u013cu novads"},"394":{"code":"Garkalnes novads","name":"Garkalnes novads"},"395":{"code":"Grobi\u0146as novads","name":"Grobi\u0146as novads"},"396":{"code":"LV-GU","name":"Gulbenes novads"},"397":{"code":"Iecavas novads","name":"Iecavas novads"},"398":{"code":"Ik\u0161\u0137iles novads","name":"Ik\u0161\u0137iles novads"},"399":{"code":"Il\u016bkstes novads","name":"Il\u016bkstes novads"},"400":{"code":"In\u010dukalna novads","name":"In\u010dukalna novads"},"401":{"code":"Jaunjelgavas novads","name":"Jaunjelgavas novads"},"402":{"code":"Jaunpiebalgas novads","name":"Jaunpiebalgas novads"},"403":{"code":"Jaunpils novads","name":"Jaunpils novads"},"357":{"code":"J\u0113kabpils","name":"J\u0113kabpils"},"405":{"code":"LV-JK","name":"J\u0113kabpils novads"},"356":{"code":"LV-JEL","name":"Jelgava"},"404":{"code":"LV-JL","name":"Jelgavas novads"},"358":{"code":"LV-JUR","name":"J\u016brmala"},"406":{"code":"Kandavas novads","name":"Kandavas novads"},"412":{"code":"K\u0101rsavas novads","name":"K\u0101rsavas novads"},"473":{"code":"\u0136eguma novads","name":"\u0136eguma novads"},"474":{"code":"\u0136ekavas novads","name":"\u0136ekavas novads"},"407":{"code":"Kokneses novads","name":"Kokneses novads"},"410":{"code":"LV-KR","name":"Kr\u0101slavas novads"},"408":{"code":"Krimuldas novads","name":"Krimuldas novads"},"409":{"code":"Krustpils novads","name":"Krustpils novads"},"411":{"code":"LV-KU","name":"Kuld\u012bgas novads"},"413":{"code":"Lielv\u0101rdes novads","name":"Lielv\u0101rdes novads"},"359":{"code":"LV-LPX","name":"Liep\u0101ja"},"360":{"code":"LV-LE","name":"Liep\u0101jas novads"},"417":{"code":"L\u012bgatnes novads","name":"L\u012bgatnes novads"},"414":{"code":"LV-LM","name":"Limba\u017eu novads"},"418":{"code":"L\u012bv\u0101nu novads","name":"L\u012bv\u0101nu novads"},"415":{"code":"Lub\u0101nas novads","name":"Lub\u0101nas novads"},"416":{"code":"LV-LU","name":"Ludzas novads"},"419":{"code":"LV-MA","name":"Madonas novads"},"421":{"code":"M\u0101lpils novads","name":"M\u0101lpils novads"},"422":{"code":"M\u0101rupes novads","name":"M\u0101rupes novads"},"420":{"code":"Mazsalacas novads","name":"Mazsalacas novads"},"423":{"code":"Nauk\u0161\u0113nu novads","name":"Nauk\u0161\u0113nu novads"},"424":{"code":"Neretas novads","name":"Neretas novads"},"425":{"code":"N\u012bcas novads","name":"N\u012bcas novads"},"426":{"code":"LV-OG","name":"Ogres novads"},"427":{"code":"Olaines novads","name":"Olaines novads"},"428":{"code":"Ozolnieku novads","name":"Ozolnieku novads"},"432":{"code":"P\u0101rgaujas novads","name":"P\u0101rgaujas novads"},"433":{"code":"P\u0101vilostas novads","name":"P\u0101vilostas novads"},"434":{"code":"P\u013cavi\u0146u novads","name":"P\u013cavi\u0146u novads"},"429":{"code":"LV-PR","name":"Prei\u013cu novads"},"430":{"code":"Priekules novads","name":"Priekules novads"},"431":{"code":"Prieku\u013cu novads","name":"Prieku\u013cu novads"},"435":{"code":"Raunas novads","name":"Raunas novads"},"361":{"code":"LV-REZ","name":"R\u0113zekne"},"442":{"code":"LV-RE","name":"R\u0113zeknes novads"},"436":{"code":"Riebi\u0146u novads","name":"Riebi\u0146u novads"},"362":{"code":"LV-RIX","name":"R\u012bga"},"363":{"code":"LV-RI","name":"R\u012bgas novads"},"437":{"code":"Rojas novads","name":"Rojas novads"},"438":{"code":"Ropa\u017eu novads","name":"Ropa\u017eu novads"},"439":{"code":"Rucavas novads","name":"Rucavas novads"},"440":{"code":"Rug\u0101ju novads","name":"Rug\u0101ju novads"},"443":{"code":"R\u016bjienas novads","name":"R\u016bjienas novads"},"441":{"code":"Rund\u0101les novads","name":"Rund\u0101les novads"},"444":{"code":"Salacgr\u012bvas novads","name":"Salacgr\u012bvas novads"},"445":{"code":"Salas novads","name":"Salas novads"},"446":{"code":"Salaspils novads","name":"Salaspils novads"},"447":{"code":"LV-SA","name":"Saldus novads"},"448":{"code":"Saulkrastu novads","name":"Saulkrastu novads"},"455":{"code":"S\u0113jas novads","name":"S\u0113jas novads"},"449":{"code":"Siguldas novads","name":"Siguldas novads"}
19978,"451":{"code":"Skr\u012bveru novads","name":"Skr\u012bveru novads"},"450":{"code":"Skrundas novads","name":"Skrundas novads"},"452":{"code":"Smiltenes novads","name":"Smiltenes novads"},"453":{"code":"Stopi\u0146u novads","name":"Stopi\u0146u novads"},"454":{"code":"Stren\u010du novads","name":"Stren\u010du novads"},"456":{"code":"LV-TA","name":"Talsu novads"},"458":{"code":"T\u0113rvetes novads","name":"T\u0113rvetes novads"},"457":{"code":"LV-TU","name":"Tukuma novads"},"459":{"code":"Vai\u0146odes novads","name":"Vai\u0146odes novads"},"460":{"code":"LV-VK","name":"Valkas novads"},"364":{"code":"Valmiera","name":"Valmiera"},"461":{"code":"LV-VM","name":"Valmieras novads"},"462":{"code":"Varak\u013c\u0101nu novads","name":"Varak\u013c\u0101nu novads"},"469":{"code":"V\u0101rkavas novads","name":"V\u0101rkavas novads"},"463":{"code":"Vecpiebalgas novads","name":"Vecpiebalgas novads"},"464":{"code":"Vecumnieku novads","name":"Vecumnieku novads"},"365":{"code":"LV-VEN","name":"Ventspils"},"465":{"code":"LV-VE","name":"Ventspils novads"},"466":{"code":"Vies\u012btes novads","name":"Vies\u012btes novads"},"467":{"code":"Vi\u013cakas novads","name":"Vi\u013cakas novads"},"468":{"code":"Vi\u013c\u0101nu novads","name":"Vi\u013c\u0101nu novads"},"470":{"code":"Zilupes novads","name":"Zilupes novads"}}},"LY":{"name":"Libi\u00eb"},"MA":{"name":"Marokko"},"MC":{"name":"Monaco"},"MD":{"name":"Moldavi\u00eb"},"ME":{"name":"Montenegro"},"MF":{"name":"Saint-Martin"},"MG":{"name":"Madagaskar"},"MH":{"name":"Marshalleilanden"},"MK":{"name":"Noord-Macedoni\u00eb"},"ML":{"name":"Mali"},"MM":{"name":"Myanmar (Birma)"},"MN":{"name":"Mongoli\u00eb"},"MO":{"name":"Macau SAR van China"},"MP":{"name":"Noordelijke Marianen"},"MQ":{"name":"Martinique"},"MR":{"name":"Mauritani\u00eb"},"MS":{"name":"Montserrat"},"MT":{"name":"Malta"},"MU":{"name":"Mauritius"},"MV":{"name":"Maldiven"},"MW":{"name":"Malawi"},"MX":{"name":"Mexico","regions":{"942":{"code":"AGU","name":"Aguascalientes"},"943":{"code":"BCN","name":"Baja California"},"944":{"code":"BCS","name":"Baja California Sur"},"945":{"code":"CAM","name":"Campeche"},"946":{"code":"CHP","name":"Chiapas"},"947":{"code":"CHH","name":"Chihuahua"},"948":{"code":"CMX","name":"Ciudad de M\u00e9xico"},"949":{"code":"COA","name":"Coahuila"},"950":{"code":"COL","name":"Colima"},"951":{"code":"DUR","name":"Durango"},"952":{"code":"MEX","name":"Estado de M\u00e9xico"},"953":{"code":"GUA","name":"Guanajuato"},"954":{"code":"GRO","name":"Guerrero"},"955":{"code":"HID","name":"Hidalgo"},"956":{"code":"JAL","name":"Jalisco"},"957":{"code":"MIC","name":"Michoac\u00e1n"},"958":{"code":"MOR","name":"Morelos"},"959":{"code":"NAY","name":"Nayarit"},"960":{"code":"NLE","name":"Nuevo Le\u00f3n"},"961":{"code":"OAX","name":"Oaxaca"},"962":{"code":"PUE","name":"Puebla"},"963":{"code":"QUE","name":"Quer\u00e9taro"},"964":{"code":"ROO","name":"Quintana Roo"},"965":{"code":"SLP","name":"San Luis Potos\u00ed"},"966":{"code":"SIN","name":"Sinaloa"},"967":{"code":"SON","name":"Sonora"},"968":{"code":"TAB","name":"Tabasco"},"969":{"code":"TAM","name":"Tamaulipas"},"970":{"code":"TLA","name":"Tlaxcala"},"971":{"code":"VER","name":"Veracruz"},"972":{"code":"YUC","name":"Yucat\u00e1n"},"973":{"code":"ZAC","name":"Zacatecas"}}},"MY":{"name":"Maleisi\u00eb"},"MZ":{"name":"Mozambique"},"NA":{"name":"Namibi\u00eb"},"NC":{"name":"Nieuw-Caledoni\u00eb"},"NE":{"name":"Niger"},"NF":{"name":"Norfolk"},"NG":{"name":"Nigeria"},"NI":{"name":"Nicaragua"},"NL":{"name":"Nederland"},"NO":{"name":"Noorwegen"},"NP":{"name":"Nepal"},"NR":{"name":"Nauru"},"NU":{"name":"Niue"},"NZ":{"name":"Nieuw-Zeeland"},"OM":{"name":"Oman"},"PA":{"name":"Panama"},"PE":{"name":"Peru","regions":{"993":{"code":"PE-AMA","name":"Amazonas"},"994":{"code":"PE-ANC","name":"Ancash"},"995":{"code":"PE-APU","name":"Apur\u00edmac"},"996":{"code":"PE-ARE","name":"Arequipa"},"997":{"code":"PE-AYA","name":"Ayacucho"},"998":{"code":"PE-CAJ","name":"Cajamarca"},"999":{"code":"PE-CUS","name":"Cusco"},"1000":{"code":"PE-CAL","name":"El Callao"},"1001":{"code":"PE-HUV","name":"Huancavelica"},"1002":{"code":"PE-HUC","name":"Hu\u00e1nuco"},"1003":{"code":"PE-ICA","name":"Ica"},"1004":{"code":"PE-JUN","name":"Jun\u00edn"},"1005":{"code":"PE-LAL","name":"La Libertad"},"1006":{"code":"PE-LAM","name":"Lambayeque"},"1007":{"code":"PE-LIM","name":"Lima"},"1008":{"code":"PE-LOR","name":"Loreto"},"1009":{"code":"PE-MDD","name":"Madre de Dios"},"1010":{"code":"PE-MOQ","name":"Moquegua"}
19978,"992":{"code":"PE-LMA","name":"Municipalidad Metropolitana de Lima"},"1011":{"code":"PE-PAS","name":"Pasco"},"1012":{"code":"PE-PIU","name":"Piura"},"1013":{"code":"PE-PUN","name":"Puno"},"1014":{"code":"PE-SAM","name":"San Mart\u00edn"},"1015":{"code":"PE-TAC","name":"Tacna"},"1016":{"code":"PE-TUM","name":"Tumbes"},"1017":{"code":"PE-UCA","name":"Ucayali"}}},"PF":{"name":"Frans-Polynesi\u00eb"},"PG":{"name":"Papoea-Nieuw-Guinea"},"PH":{"name":"Filipijnen"},"PK":{"name":"Pakistan"},"PL":{"name":"Polen","regions":{"1018":{"code":"PL-02","name":"dolno\u015bl\u0105skie"},"1019":{"code":"PL-04","name":"kujawsko-pomorskie"},"1020":{"code":"PL-06","name":"lubelskie"},"1021":{"code":"PL-08","name":"lubuskie"},"1024":{"code":"PL-14","name":"mazowieckie"},"1023":{"code":"PL-12","name":"ma\u0142opolskie"},"1025":{"code":"PL-16","name":"opolskie"},"1026":{"code":"PL-18","name":"podkarpackie"},"1027":{"code":"PL-20","name":"podlaskie"},"1028":{"code":"PL-22","name":"pomorskie"},"1029":{"code":"PL-24","name":"\u015bl\u0105skie"},"1030":{"code":"PL-26","name":"\u015bwi\u0119tokrzyskie"},"1031":{"code":"PL-28","name":"warmi\u0144sko-mazurskie"},"1032":{"code":"PL-30","name":"wielkopolskie"},"1033":{"code":"PL-32","name":"zachodniopomorskie"},"1022":{"code":"PL-10","name":"\u0142\u00f3dzkie"}}},"PM":{"name":"Saint-Pierre en Miquelon"},"PN":{"name":"Pitcairneilanden"},"PS":{"name":"Palestijnse gebieden"},"PT":{"name":"Portugal","regions":{"1034":{"code":"PT-01","name":"Aveiro"},"1035":{"code":"PT-02","name":"Beja"},"1036":{"code":"PT-03","name":"Braga"},"1037":{"code":"PT-04","name":"Bragan\u00e7a"},"1038":{"code":"PT-05","name":"Castelo Branco"},"1039":{"code":"PT-06","name":"Coimbra"},"1040":{"code":"PT-07","name":"\u00c9vora"},"1041":{"code":"PT-08","name":"Faro"},"1042":{"code":"PT-09","name":"Guarda"},"1043":{"code":"PT-10","name":"Leiria"},"1044":{"code":"PT-11","name":"Lisboa"},"1045":{"code":"PT-12","name":"Portalegre"},"1046":{"code":"PT-13","name":"Porto"},"1053":{"code":"PT-30","name":"Regi\u00e3o Aut\u00f3noma da Madeira"},"1052":{"code":"PT-20","name":"Regi\u00e3o Aut\u00f3noma dos A\u00e7ores"},"1047":{"code":"PT-14","name":"Santar\u00e9m"},"1048":{"code":"PT-15","name":"Set\u00fabal"},"1049":{"code":"PT-16","name":"Viana do Castelo"},"1050":{"code":"PT-17","name":"Vila Real"},"1051":{"code":"PT-18","name":"Viseu"}}},"PW":{"name":"Palau"},"PY":{"name":"Paraguay","regions":{"975":{"code":"PY-16","name":"Alto Paraguay"},"976":{"code":"PY-10","name":"Alto Paran\u00e1"},"977":{"code":"PY-13","name":"Amambay"},"974":{"code":"PY-ASU","name":"Asunci\u00f3n"},"978":{"code":"PY-19","name":"Boquer\u00f3n"},"979":{"code":"PY-5","name":"Caaguaz\u00fa"},"980":{"code":"PY-6","name":"Caazap\u00e1"},"981":{"code":"PY-14","name":"Canindey\u00fa"},"982":{"code":"PY-11","name":"Central"},"983":{"code":"PY-1","name":"Concepci\u00f3n"},"984":{"code":"PY-3","name":"Cordillera"},"985":{"code":"PY-4","name":"Guair\u00e1"},"986":{"code":"PY-7","name":"Itap\u00faa"},"987":{"code":"PY-8","name":"Misiones"},"988":{"code":"PY-12","name":"\u00d1eembuc\u00fa"},"989":{"code":"PY-9","name":"Paraguar\u00ed"},"990":{"code":"PY-15","name":"Presidente Hayes"},"991":{"code":"PY-2","name":"San Pedro"}}},"QA":{"name":"Qatar"},"RE":{"name":"R\u00e9union"},"RO":{"name":"Roemeni\u00eb","regions":{"278":{"code":"AB","name":"Alba"},"279":{"code":"AR","name":"Arad"},"280":{"code":"AG","name":"Arge\u015f"},"281":{"code":"BC","name":"Bac\u0103u"},"282":{"code":"BH","name":"Bihor"},"283":{"code":"BN","name":"Bistri\u0163a-N\u0103s\u0103ud"},"284":{"code":"BT","name":"Boto\u015fani"},"286":{"code":"BR","name":"Br\u0103ila"},"285":{"code":"BV","name":"Bra\u015fov"},"287":{"code":"B","name":"Bucure\u015fti"},"288":{"code":"BZ","name":"Buz\u0103u"},"290":{"code":"CL","name":"C\u0103l\u0103ra\u015fi"},"289":{"code":"CS","name":"Cara\u015f-Severin"},"291":{"code":"CJ","name":"Cluj"},"292":{"code":"CT","name":"Constan\u0163a"},"293":{"code":"CV","name":"Covasna"},"294":{"code":"DB","name":"D\u00e2mbovi\u0163a"},"295":{"code":"DJ","name":"Dolj"},"296":{"code":"GL","name":"Gala\u0163i"},"297":{"code":"GR","name":"Giurgiu"},"298":{"code":"GJ","name":"Gorj"},"299":{"code":"HR","name":"Harghita"},"300":{"code":"HD","name":"Hunedoara"},"301":{"code":"IL","name":"Ialomi\u0163a"},"302":{"code":"IS","name":"Ia\u015fi"},"303":{"code":"IF","name":"Ilfov"},"304":{"code":"MM","name":"Maramure\u015f"},"305":{"code":"MH","name":"Mehedin\u0163i"},"306":{"code":"MS","name":"Mure\u015f"},"307":{"code":"NT","name":"Neam\u0163"},"308":{"code":"OT","name":"Olt"},"309":{"code":"PH","name":"Prahova"},"311":{"code":"SJ","name":"S\u0103laj"},"310":{"code":"SM","name":"Satu-Mare"},"312":{"code":"SB","name":"Sibiu"},"313":{"code":"SV","name":"Suceava"},"314":{"code":"TR","name":"Teleorman"},"315":{"code":"TM","name":"Timi\u015f"},"316":{"code":"TL","name":"Tulcea"},"318":{"code":"VL","name":"V\u00e2lcea"},"317":{"code":"VS","name":"Vaslui"},"319":{"code":"VN","name":"Vrancea"}}},"RS":{"name":"Servi\u00eb"},"RU":{"name":"Rusland"},"RW":{"name":"Rwanda"},"SA":{"name":"Saoedi-Arabi\u00eb"},"SB":{"name":"Salomonseilanden"},"SC":{"name":"Seychellen"},"SD":{"name":"Soedan"},"SE":{"name":"Zweden","regions":{"1064":{"code":"SE-K","name":"Blekinge l\u00e4n"}
19978,"1065":{"code":"SE-W","name":"Dalarnas l\u00e4n"},"1067":{"code":"SE-X","name":"G\u00e4vleborgs l\u00e4n"},"1066":{"code":"SE-I","name":"Gotlands l\u00e4n"},"1068":{"code":"SE-N","name":"Hallands l\u00e4n"},"1069":{"code":"SE-Z","name":"J\u00e4mtlands l\u00e4n"},"1070":{"code":"SE-F","name":"J\u00f6nk\u00f6pings l\u00e4n"},"1071":{"code":"SE-H","name":"Kalmar l\u00e4n"},"1072":{"code":"SE-G","name":"Kronobergs l\u00e4n"},"1073":{"code":"SE-BD","name":"Norrbottens l\u00e4n"},"1083":{"code":"SE-T","name":"\u00d6rebro l\u00e4n"},"1084":{"code":"SE-E","name":"\u00d6sterg\u00f6tlands l\u00e4n"},"1074":{"code":"SE-M","name":"Sk\u00e5ne l\u00e4n"},"1076":{"code":"SE-D","name":"S\u00f6dermanlands l\u00e4n"},"1075":{"code":"SE-AB","name":"Stockholms l\u00e4n"},"1077":{"code":"SE-C","name":"Uppsala l\u00e4n"},"1078":{"code":"SE-S","name":"V\u00e4rmlands l\u00e4n"},"1079":{"code":"SE-AC","name":"V\u00e4sterbottens l\u00e4n"},"1080":{"code":"SE-Y","name":"V\u00e4sternorrlands l\u00e4n"},"1081":{"code":"SE-U","name":"V\u00e4stmanlands l\u00e4n"},"1082":{"code":"SE-O","name":"V\u00e4stra G\u00f6talands l\u00e4n"}}},"SG":{"name":"Singapore"},"SH":{"name":"Sint-Helena"},"SI":{"name":"Sloveni\u00eb"},"SJ":{"name":"Spitsbergen en Jan Mayen"},"SK":{"name":"Slowakije"},"SL":{"name":"Sierra Leone"},"SM":{"name":"San Marino"},"SN":{"name":"Senegal"},"SO":{"name":"Somali\u00eb"},"SR":{"name":"Suriname","regions":{"1054":{"code":"SR-BR","name":"Brokopondo"},"1055":{"code":"SR-CM","name":"Commewijne"},"1056":{"code":"SR-CR","name":"Coronie"},"1057":{"code":"SR-MA","name":"Marowijne"},"1058":{"code":"SR-NI","name":"Nickerie"},"1059":{"code":"SR-PR","name":"Para"},"1060":{"code":"SR-PM","name":"Paramaribo"},"1061":{"code":"SR-SA","name":"Saramacca"},"1062":{"code":"SR-SI","name":"Sipaliwini"},"1063":{"code":"SR-WA","name":"Wanica"}}},"ST":{"name":"Sao Tom\u00e9 en Principe"},"SV":{"name":"El Salvador"},"SX":{"name":"Sint-Maarten"},"SY":{"name":"Syri\u00eb"},"SZ":{"name":"Eswatini"},"TC":{"name":"Turks- en Caicoseilanden"},"TD":{"name":"Tsjaad"},"TF":{"name":"Franse Gebieden in de zuidelijke Indische Oceaan"},"TG":{"name":"Togo"},"TH":{"name":"Thailand"},"TJ":{"name":"Tadzjikistan"},"TK":{"name":"Tokelau"},"TL":{"name":"Oost-Timor"},"TM":{"name":"Turkmenistan"},"TN":{"name":"Tunesi\u00eb"},"TO":{"name":"Tonga"},"TR":{"name":"Turkije"},"TT":{"name":"Trinidad en Tobago"},"TV":{"name":"Tuvalu"},"TW":{"name":"Taiwan"},"TZ":{"name":"Tanzania"},"UA":{"name":"Oekra\u00efne","regions":{"1109":{"code":"UA-43","name":"Avtonomna Respublika Krym"},"1085":{"code":"UA-71","name":"Cherkaska oblast"},"1086":{"code":"UA-74","name":"Chernihivska oblast"},"1087":{"code":"UA-77","name":"Chernivetska oblast"},"1088":{"code":"UA-12","name":"Dnipropetrovska oblast"},"1089":{"code":"UA-14","name":"Donetska oblast"},"1090":{"code":"UA-26","name":"Ivano-Frankivska oblast"},"1091":{"code":"UA-63","name":"Kharkivska oblast"},"1092":{"code":"UA-65","name":"Khersonska oblast"},"1093":{"code":"UA-68","name":"Khmelnytska oblast"},"1094":{"code":"UA-35","name":"Kirovohradska oblast"},"1110":{"code":"UA-30","name":"Kyiv"},"1095":{"code":"UA-32","name":"Kyivska oblast"},"1096":{"code":"UA-09","name":"Luhanska oblast"},"1097":{"code":"UA-46","name":"Lvivska oblast"},"1098":{"code":"UA-48","name":"Mykolaivska oblast"},"1099":{"code":"UA-51","name":"Odeska oblast"},"1100":{"code":"UA-53","name":"Poltavska oblast"},"1101":{"code":"UA-56","name":"Rivnenska oblast"},"1111":{"code":"UA-40","name":"Sevastopol"},"1102":{"code":"UA-59","name":"Sumska oblast"},"1103":{"code":"UA-61","name":"Ternopilska oblast"},"1104":{"code":"UA-05","name":"Vinnytska oblast"},"1105":{"code":"UA-07","name":"Volynska oblast"},"1106":{"code":"UA-21","name":"Zakarpatska oblast"},"1107":{"code":"UA-23","name":"Zaporizka oblast"},"1108":{"code":"UA-18","name":"Zhytomyrska oblast"}}},"UG":{"name":"Oeganda"},"UM":{"name":"Kleine afgelegen eilanden van de Verenigde Staten"},"US":{"name":"Verenigde Staten","regions":{"1":{"code":"AL","name":"Alabama"},"2":{"code":"AK","name":"Alaska"},"3":{"code":"AS","name":"American Samoa"},"4":{"code":"AZ","name":"Arizona"},"5":{"code":"AR","name":"Arkansas"},"6":{"code":"AE","name":"Armed Forces Africa"},"7":{"code":"AA","name":"Armed Forces Americas"},"8":{"code":"AE","name":"Armed Forces Canada"},"9":{"code":"AE","name":"Armed Forces Europe"},"10":{"code":"AE","name":"Armed Forces Middle East"},"11":{"code":"AP","name":"Armed Forces Pacific"},"12":{"code":"CA","name":"California"},"13":{"code":"CO","name":"Colorado"},"14":{"code":"CT","name":"Connecticut"},"15":{"code":"DE","name":"Delaware"},"16":{"code":"DC","name":"District of Columbia"},"17":{"code":"FM","name":"Federated States Of Micronesia"}
19978,"18":{"code":"FL","name":"Florida"},"19":{"code":"GA","name":"Georgia"},"20":{"code":"GU","name":"Guam"},"21":{"code":"HI","name":"Hawaii"},"22":{"code":"ID","name":"Idaho"},"23":{"code":"IL","name":"Illinois"},"24":{"code":"IN","name":"Indiana"},"25":{"code":"IA","name":"Iowa"},"26":{"code":"KS","name":"Kansas"},"27":{"code":"KY","name":"Kentucky"},"28":{"code":"LA","name":"Louisiana"},"29":{"code":"ME","name":"Maine"},"30":{"code":"MH","name":"Marshall Islands"},"31":{"code":"MD","name":"Maryland"},"32":{"code":"MA","name":"Massachusetts"},"33":{"code":"MI","name":"Michigan"},"34":{"code":"MN","name":"Minnesota"},"35":{"code":"MS","name":"Mississippi"},"36":{"code":"MO","name":"Missouri"},"37":{"code":"MT","name":"Montana"},"38":{"code":"NE","name":"Nebraska"},"39":{"code":"NV","name":"Nevada"},"40":{"code":"NH","name":"New Hampshire"},"41":{"code":"NJ","name":"New Jersey"},"42":{"code":"NM","name":"New Mexico"},"43":{"code":"NY","name":"New York"},"44":{"code":"NC","name":"North Carolina"},"45":{"code":"ND","name":"North Dakota"},"46":{"code":"MP","name":"Northern Mariana Islands"},"47":{"code":"OH","name":"Ohio"},"48":{"code":"OK","name":"Oklahoma"},"49":{"code":"OR","name":"Oregon"},"50":{"code":"PW","name":"Palau"},"51":{"code":"PA","name":"Pennsylvania"},"52":{"code":"PR","name":"Puerto Rico"},"53":{"code":"RI","name":"Rhode Island"},"54":{"code":"SC","name":"South Carolina"},"55":{"code":"SD","name":"South Dakota"},"56":{"code":"TN","name":"Tennessee"},"57":{"code":"TX","name":"Texas"},"58":{"code":"UT","name":"Utah"},"59":{"code":"VT","name":"Vermont"},"60":{"code":"VI","name":"Virgin Islands"},"61":{"code":"VA","name":"Virginia"},"62":{"code":"WA","name":"Washington"},"63":{"code":"WV","name":"West Virginia"},"64":{"code":"WI","name":"Wisconsin"},"65":{"code":"WY","name":"Wyoming"}}},"UY":{"name":"Uruguay","regions":{"1112":{"code":"UY-AR","name":"Artigas"},"1113":{"code":"UY-CA","name":"Canelones"},"1114":{"code":"UY-CL","name":"Cerro Largo"},"1115":{"code":"UY-CO","name":"Colonia"},"1116":{"code":"UY-DU","name":"Durazno"},"1117":{"code":"UY-FS","name":"Flores"},"1118":{"code":"UY-FD","name":"Florida"},"1119":{"code":"UY-LA","name":"Lavalleja"},"1120":{"code":"UY-MA","name":"Maldonado"},"1121":{"code":"UY-MO","name":"Montevideo"},"1122":{"code":"UY-PA","name":"Paysandu"},"1123":{"code":"UY-RN","name":"R\u00edo Negro"},"1124":{"code":"UY-RV","name":"Rivera"},"1125":{"code":"UY-RO","name":"Rocha"},"1126":{"code":"UY-SA","name":"Salto"},"1127":{"code":"UY-SJ","name":"San Jos\u00e9"},"1128":{"code":"UY-SO","name":"Soriano"},"1129":{"code":"UY-TA","name":"Tacuaremb\u00f3"},"1130":{"code":"UY-TT","name":"Treinta y Tres"}}},"UZ":{"name":"Oezbekistan"},"VA":{"name":"Vaticaanstad"},"VC":{"name":"Saint Vincent en de Grenadines"},"VE":{"name":"Venezuela","regions":{"1133":{"code":"VE-Z","name":"Amazonas"},"1134":{"code":"VE-B","name":"Anzo\u00e1tegui"},"1135":{"code":"VE-C","name":"Apure"},"1136":{"code":"VE-D","name":"Aragua"},"1137":{"code":"VE-E","name":"Barinas"},"1138":{"code":"VE-F","name":"Bol\u00edvar"},"1139":{"code":"VE-G","name":"Carabobo"},"1140":{"code":"VE-H","name":"Cojedes"},"1141":{"code":"VE-Y","name":"Delta Amacuro"},"1131":{"code":"VE-W","name":"Dependencias Federales"},"1132":{"code":"VE-A","name":"Distrito Capital"},"1142":{"code":"VE-I","name":"Falc\u00f3n"},"1143":{"code":"VE-J","name":"Gu\u00e1rico"},"1144":{"code":"VE-K","name":"Lara"},"1145":{"code":"VE-L","name":"M\u00e9rida"},"1146":{"code":"VE-M","name":"Miranda"},"1147":{"code":"VE-N","name":"Monagas"},"1148":{"code":"VE-O","name":"Nueva Esparta"},"1149":{"code":"VE-P","name":"Portuguesa"},"1150":{"code":"VE-R","name":"Sucre"},"1151":{"code":"VE-S","name":"T\u00e1chira"},"1152":{"code":"VE-T","name":"Trujillo"},"1153":{"code":"VE-X","name":"Vargas"},"1154":{"code":"VE-U","name":"Yaracuy"},"1155":{"code":"VE-V","name":"Zulia"}}},"VG":{"name":"Britse Maagdeneilanden"},"VI":{"name":"Amerikaanse Maagdeneilanden"},"VN":{"name":"Vietnam"},"VU":{"name":"Vanuatu"},"WF":{"name":"Wallis en Futuna"},"WS":{"name":"Samoa"},"XK":{"name":"Kosovo"},"YE":{"name":"Jemen"},"YT":{"name":"Mayotte"},"ZA":{"name":"Zuid-Afrika"},"ZM":{"name":"Zambia"},"ZW":{"name":"Zimbabwe"},"data_id":1791353165},"instant-purchase":[],"persistent":[],"review":[],"captcha":[],"payments":[],"wishlist":{"items":[]},"quotecart":[],"wp_ga4":[],"recently_viewed_product":[],"recently_compared_product":[],"product_data_storage":[]}</script>
19978 19979</div>
19979<script> 19980 const wpGA4ServerSide = { 19981 pushClick: function(productId, listId, listName, index, elm) { 19982 if (elm && elm.hasAttribute('onclick')) { 19983 var requestUrl = 'https://123magazijninrichting.nl/weltpixel_ga4/track/productclick/'; 19984 if (productId && listId && listName) { 19985 fetch(requestUrl, { 19986 method: 'POST', 19987 headers: { 19988 'Content-Type': 'application/x-www-form-urlencoded', 19989 'X-Requested-With': 'XMLHttpRequest' 19990 }, 19991 body: 'product_id=' + productId + '&list_id=' + listId +'&list_name=' + listName + '&index=' + index 19992 }) 19993 .then(res => res.json()) 19994 .then(data => { 19995 }); 19996 } 19997 } 19998 }, 19999 20000 pushViewItemList: function(hashId) { 20001 if (hashId && document.getElementById('wp_ga4_server_side_view_item_list')) { 20002 var requestUrl = 'https://123magazijninrichting.nl/weltpixel_ga4/track/viewitemlist/'; 20003 fetch(requestUrl, { 20004 method: 'POST', 20005 headers: { 20006 'Content-Type': 'application/x-www-form-urlencoded', 20007 'X-Requested-With': 'XMLHttpRequest' 20008 }, 20009 20010 body: 'hash_id='+hashId 20011 }) 20012 .then(res => res.json()) 20013 .then(data => { 20014 }); 20015 } 20016 } 20017 }; 20018 20019 window.wpGA4ServerSide = wpGA4ServerSide; 20020 20021 let allowGa4Services = window.ga4AllowServices ?? true; 20022 20023 if (allowGa4Services) { 20024 let selectedShippingMethod = ''; 20025 let selectedPaymentMethod = ''; 20026 20027 const {fetch: originalFetch} = window; 20028 window.fetch = async (...args) => { 20029 let [resource, config] = args; 20030 let response = await originalFetch(resource, config); 20031 let ajaxContentBody = false; 20032 20033 if ((typeof resource == 'string') && 20034 ((resource.search('post/livewire/message/checkout.shipping.methods') > 0) || (resource.search('post/livewire/message/checkout.payment.methods') > 0))) { 20035 var jsonBody = false; 20036 if (config.body) { 20037 try { 20038 jsonBody = JSON.parse(config.body); 20039 } catch (e) {} 20040 } 20041 20042 if (jsonBody && jsonBody.updates && jsonBody.updates[0] && jsonBody.updates[0].payload && jsonBody.updates[0].payload.value) { 20043 if (resource.search('checkout.shipping.methods') > 0) { 20044 if (selectedShippingMethod != jsonBody.updates[0].payload.value) { 20045 selectedShippingMethod = jsonBody.updates[0].payload.value; 20046 ajaxContentBody = 'step=1&option=' + selectedShippingMethod; 20047 } 20048 } 20049 if (resource.search('checkout.payment.methods') > 0) { 20050 if (selectedPaymentMethod != jsonBody.updates[0].payload.value) { 20051 selectedPaymentMethod = jsonBody.updates[0].payload.value; 20052 ajaxContentBody = 'step=2&option=' + selectedPaymentMethod; 20053 } 20054 } 20055 20056 if (ajaxContentBody) { 20057 fetch('https://123magazijninrichting.nl/weltpixel_ga4/track/hyva/', { 20058 method: 'POST', 20059 headers: { 20060 'Content-Type': 'application/x-www-form-urlencoded', 20061 'X-Requested-With': 'XMLHttpRequest' 20062 }, 20063 body: ajaxContentBody 20064 }) 20065 .then(res => res.json()) 20066 .then(data => { 20067 if (data) { 20068 window.dataLayer.push({ecommerce: null}); 20069 window.dataLayer.push(data); 20070 } 20071 }); 20072 } 20073 } 20074 } 20075 20076 if ((typeof resource == 'string') && resource.search('/customer\/section\/load/') > 0) { 20077 response.clone().json().then(data => { 20078 if (data.wp_ga4.datalayer) { 20079 const dataLayerData = JSON.parse(data.wp_ga4.datalayer); 20080 dataLayerData.forEach((dataLayerItem) => { 20081 window.dataLayer.push({ecommerce: null}); 20082 window.dataLayer.push(dataLayerItem); 20083 }); 20084 } 20085 }); 20086 } 20087 return response; 20088 }; 20089 } 20090 20091 </script>
20091 20092
20092<script> 20093 let allowGa4ServicesMeta = window.ga4AllowServices ?? true; 20094 if (allowGa4ServicesMeta) { 20095 const {fetch: originalFetchMeta} = window; 20096 window.fetch = async (...args) => { 20097 let [resource, config] = args; 20098 let response = await originalFetchMeta(resource, config); 20099 20100 if ((typeof resource == 'string') && resource.search('/customer\/section\/load/') > 0) { 20101 response.clone().json().then(data => { 20102 if (data.wp_ga4 && data.wp_ga4.metapixel) { 20103 const metaPixel = JSON.parse(data.wp_ga4.metapixel); 20104 for (index in metaPixel) { 20105 fbq(metaPixel[index].track, metaPixel[index].eventName, metaPixel[index].eventData); 20106 } 20107 } 20108 }); 20109 } 20110 return response; 20111 }; 20112 } 20113 </script>
20113 20114</body> 20115</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.