PageSourceSearch

https://123magazijninrichting.nl/customer/account/login/referer/aH…RpbmcubmwvY3VzdG9tZXIvYWNjb3VudC9pbmRleC8~/

html 123magazijninrichting.nl collected 2026-10-07 06:06:05 UTC 1,602,486 bytes, 20,115 lines download raw bytes

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 &amp; 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 &amp; 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 &amp; 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&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#039;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#039;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#x20;to&#x20;previous&#x20;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&#039;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&#x20;to&#x20;Home&#x20;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&#x20;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&#x20;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 [&amp;_path]:stroke-magecode-dark-blue hover:[&amp;_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&#x20;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&#x20;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&#x20;minicart,
7129                    ${isCartEmpty()
7130                        ? 'Winkelwagen&#x20;is&#x20;leeg'
7131                        : cart.summary_count > 1
7132                            ? hyva.str('&#x25;1&#x20;producten', cart.summary_count)
7133                            : hyva.str('&#x25;1&#x20;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&#x20;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&#x20;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&#039;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&#039;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&#039;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!&nbsp;</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!&nbsp;</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!&nbsp;</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!&nbsp;</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!&nbsp;</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!&nbsp;</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!&nbsp;</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!&nbsp;</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!&nbsp;</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!&nbsp;</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!&nbsp;</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!&nbsp;</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!&nbsp;</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!&nbsp;</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!&nbsp;</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&#039;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&#039;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&#039;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&#039;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&#x20;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                    + '&currency=' + 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&#x20;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&#x20;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&#x20;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&#x20;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&#x20;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&#x20;je&#x20;in&#x20;voor&#x20;onze&#x20;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&#x20;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&#x20;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&euml;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&nbsp;</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 &amp; 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>&nbsp;</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 &nbsp;
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.